/*
 *  Copyright 2019 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-accordion__header {
  margin: 0;
}
.cmp-accordion__button {
  display: block;
  width: 100%;
  text-align: left;
}
.cmp-accordion__panel--hidden {
  display: none;
}
.cmp-accordion__panel--expanded {
  display: block;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-carousel__content {
  position: relative;
}
.cmp-carousel__item {
  display: none;
}
.cmp-carousel__item--active {
  display: block;
}
.cmp-carousel__action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cmp-carousel__indicators {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmp-carousel__indicator {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  border-radius: 50%;
  font-size: 0;
  text-indent: -3000px;
  background-color: rgba(0, 0, 0, 0.5);
}
.cmp-carousel__indicator--active {
  background-color: rgba(0, 0, 0, 0.8);
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define breadcrumb */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-search {
  position: relative;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100%;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results {
  display: none;
  overflow-y: auto;
  min-width: 100%;
  max-height: 10rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #fff;
}
.cmp-search__item {
  display: block;
}
.cmp-search__item--is-focused {
  background-color: #ccc;
}

/*
 *  Copyright 2020 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-pdfviewer__content {
  height: 500px;
}
.pdfviewer:not(.cq-Editable-dom) .cmp-pdfviewer__full-window-borderless {
  height: 100vh;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 9999;
}
.pdfviewer.cq-Editable-dom .cmp-pdfviewer__full-window-borderless {
  height: 500px;
}

#s7_spinview.s7spinviewer {
  width: 100%;
  height: auto;
}
#s7_spinview_divToolsButtons,
#s7_spinview_fullScreenButton,
#s7_spinview_divSpinButtons {
  display: none;
}
.close360 {
  background: rgba(0, 0, 0, 0.3);
  border: none;
  color: white;
}
.view360 {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  background: white;
  z-index: 9;
}
.view360 .s7button {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  canvas {
    max-width: 688px !important;
    left: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  canvas {
    max-width: 360px !important;
    max-height: 115px !important;
    left: 0px !important;
  }
}
.loading {
  display: block;
  border: 8px solid #f8f8f8;
  /* Light grey */
  border-top: 8px solid #307fe2;
  /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: loadingspin 2s linear infinite;
  margin: auto;
}
@keyframes loadingspin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.error {
  color: #ed454f;
}
.float-labels-form .form-field {
  position: relative;
  padding-top: 30px;
}
.float-labels-form input {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  border: none;
  border-bottom: 2px solid #383737;
  padding: 0 0 8px 0;
  height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .float-labels-form input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .float-labels-form input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.float-labels-form input:focus-visible,
.float-labels-form input:focus {
  outline: 0;
  box-shadow: none;
}
.float-labels-form input + label {
  position: absolute;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  bottom: 8px;
  color: #7a8084;
  transition: transform 200ms ease;
  pointer-events: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .float-labels-form input + label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .float-labels-form input + label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.float-labels-form input:focus + label,
.float-labels-form input + label.freeze {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  transform: translateY(-30px);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .float-labels-form input:focus + label,
  .float-labels-form input + label.freeze {
    font-size: 16px;
    line-height: 20px;
  }
}
.disable-div {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.disable-div .bottom-section {
  background: none !important;
}
.account-modal-overlay {
  z-index: 99999;
}
.account-modal-overlay.fade {
  transition: none !important;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.threesixty img{
  max-width: 100%;
}
.configurator-cards-comp .vehicle-section {
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-cards-comp .vehicle-section {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-cards-comp .vehicle-section {
    padding-bottom: 16px;
  }
}
.configurator-cards-comp .vehicle-section .left-section {
  display: flex;
  align-items: center;
  position: relative;
}
.configurator-cards-comp .vehicle-section .left-section .car-img {
  padding-top: 56px;
}
.configurator-cards-comp .vehicle-section .left-section .car-img img {
  max-width: 100%;
}
.configurator-cards-comp .vehicle-section .left-section .overlay-btn {
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 24px;
  left: 24px;
  border: 0;
  color: #ffffff;
}
.configurator-cards-comp .vehicle-section .left-section .overlay-btn .expandable-icon .icon-Expand {
  display: flex;
  justify-content: center;
  align-items: center;
}
.configurator-cards-comp .vehicle-section .left-section .overlay-btn .collapse-icon .icon-Collapse {
  display: flex;
  justify-content: center;
  align-items: center;
}
.configurator-cards-comp .vehicle-section .left-section .color-section {
  display: flex;
  justify-content: center;
  padding: 23px 0px 58px 0px;
  margin-left: 10px;
  margin-right: 10px;
  gap: 28px;
}
.configurator-cards-comp .vehicle-section .left-section .color-section button {
  height: 20px;
  width: 20px;
  display: inline-block;
  border: 1px solid #282828;
  border-radius: 50%;
  outline: none;
  justify-content: center;
  padding: 2px;
  padding-left: 6px;
}
.configurator-cards-comp .vehicle-section .left-section .color-section .icon-Tick {
  background-color: transparent;
  color: #ffffff;
  font-size: 10px;
  right: 2px;
  bottom: 6px;
  position: relative;
}
.configurator-cards-comp .vehicle-section .right-section {
  padding: 40px;
  background-color: #ffffff;
}
.configurator-cards-comp .vehicle-section .right-section .head-details {
  border-bottom: 1px solid #eaeaec;
}
.configurator-cards-comp .vehicle-section .right-section .head-details .configure-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  width: fit-content;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .price {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .price {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .price {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.configurator-cards-comp .vehicle-section .right-section .head-details .browse-config {
  padding-top: 12px;
  padding-bottom: 24px;
}
.configurator-cards-comp .vehicle-section .right-section .head-details .browse-config .configure-btn {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  padding: 0px;
}
.configurator-cards-comp .vehicle-section .right-section .head-details .browse-config .configure-btn .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.configurator-cards-comp .vehicle-section .right-section .head-details .config-delete-btn {
  padding-top: 4px;
}
.configurator-cards-comp .vehicle-section .right-section .head-details .config-delete-btn .configure-btn,
.configurator-cards-comp .vehicle-section .right-section .head-details .config-delete-btn .delete-btn {
  cursor: pointer;
  padding-right: 40px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  align-items: center;
}
.configurator-cards-comp .vehicle-section .right-section .head-details .config-delete-btn .configure-btn .icon-Arrow-Right,
.configurator-cards-comp .vehicle-section .right-section .head-details .config-delete-btn .delete-btn .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.configurator-cards-comp .vehicle-section .body-details {
  padding-top: 24px;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-buttons {
  padding-bottom: 24px;
  display: flex;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-buttons .toggle-btn {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  padding: 0px;
  text-decoration: none;
  color: #7a8084;
  margin-right: 24px;
  padding-bottom: 8px;
  font-weight: 400;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-buttons .toggle-btn .tabskey {
  cursor: pointer;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-buttons .toggle-btn.active {
  color: #383737;
  font-weight: 500;
  border-bottom: 2px solid #383737;
  cursor: pointer;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-buttons .toggle-btn:last-child {
  margin-right: 0px;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body {
  padding-bottom: 76px;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .parentcard {
  row-gap: 10px;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .interiorname {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  font-size: 16px;
  padding-bottom: 8px;
  font-weight: 500;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .name {
  min-height: 50%;
  max-height: 50%;
  font-family: Poppins;
  font-size: 14px;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
  font-weight: 300;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .colordiv {
  display: flex;
  align-items: center;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .colordiv .filtersapply {
  min-width: 32px;
  height: 32px;
  float: left;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px solid black;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .interiorTab {
  padding-left: 24px;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .interiorTab:first-child {
  padding-left: 0px;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .details {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #383737;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .details .color {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: relative;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .details .color-details {
  color: #383737;
  padding-left: 8px;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .details .wheels {
  width: 35px;
  height: 35px;
  position: relative;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .details .wheels img {
  border-radius: 50%;
}
.configurator-cards-comp .vehicle-section .body-details .toggle-body .collapse-body .details .wheels-details {
  color: #383737;
  padding-left: 8px;
}
.configurator-cards-comp .vehicle-section .body-details .btn-section .select-vehicle {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  margin-right: 16px;
}
.configurator-cards-comp .vehicle-section .body-details .btn-section .select-vehicle a {
  text-decoration: none;
  color: #307fe2;
}
.configurator-cards-comp .vehicle-section .body-details .btn-section .show-features,
.configurator-cards-comp .vehicle-section .body-details .btn-section .hide-features {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px;
  margin: 12px 24px;
  border: 0;
  background-color: transparent;
  color: #307fe2;
  font-weight: 400;
}
.configurator-cards-comp .vehicle-section .body-details .btn-section .show-features:after,
.configurator-cards-comp .vehicle-section .body-details .btn-section .hide-features:after {
  content: "";
  border: solid #307fe2;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 8px;
  transform: rotate(45deg);
  vertical-align: 3px;
}
.configurator-cards-comp .vehicle-section .body-details .btn-section .show-features.active:after {
  transform: rotate(225deg);
  vertical-align: 0px;
}
.configurator-cards-comp .vehicle-section .body-details .btn-section .hide-features {
  display: none;
}
.configurator-cards-comp .vehicle-section .body-details .btn-section .hide-features:after {
  transform: rotate(-135deg);
  vertical-align: 0px;
}
.configurator-cards-comp .feature-footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, #ffffff 50%);
  position: sticky;
  bottom: 0px;
}
.configurator-cards-comp .feature-footer .footerback {
  height: 64px;
}
.configurator-cards-comp .features-section {
  position: relative;
  background: #ffffff;
  border-top: 2px solid #eaeaec;
  display: none;
  max-height: 482px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.configurator-cards-comp .features-section .head-feature {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 8px;
  position: sticky;
  top: -1px;
  background: #ffffff;
  padding-left: 64px;
  padding-right: 64px;
}
.configurator-cards-comp .features-section .head-feature .feature-btn {
  display: flex;
}
.configurator-cards-comp .features-section .head-feature .feature-btn .toggle-feature-btn {
  display: block;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  font-weight: 500;
  color: #7a8084;
  text-decoration: none;
  margin-right: 24px;
  padding-bottom: 8px;
}
.configurator-cards-comp .features-section .head-feature .feature-btn .toggle-feature-btn .packstab {
  cursor: pointer;
}
.configurator-cards-comp .features-section .head-feature .feature-btn .toggle-feature-btn.active {
  font-weight: 400;
  cursor: pointer;
  color: #383737;
  border-bottom: 2px solid #383737;
}
.configurator-cards-comp .features-section .head-feature .price {
  display: flex;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-cards-comp .features-section .head-feature .price {
    font-size: 16px;
    line-height: 20px;
  }
}
.configurator-cards-comp .features-section .head-feature .price .price-value {
  display: block;
  margin: 0px;
}
.configurator-cards-comp .features-section .body-feature {
  padding-top: 24px;
  padding-left: 64px;
  overflow-y: auto;
}
.configurator-cards-comp .features-section .body-feature .collapse-feature-body .row {
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-cards-comp .features-section .body-feature .collapse-feature-body .row {
    padding-bottom: 16px;
  }
}
.configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-image-sec {
  width: 104px;
  height: 80px;
  margin-right: 24px;
}
.configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-des-sec {
  width: auto;
}
.configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-des-sec .title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  font-weight: 500;
  color: #383737;
  padding-bottom: 8px;
  padding-top: 17px;
  max-width: 660px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-des-sec .title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-des-sec .title {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-des-sec .title {
    padding-bottom: 4px;
    max-width: 488px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-des-sec .title {
    padding-top: 4px;
    max-width: 220px;
  }
}
.configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-des-sec .Learn-more-btn {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  padding: 0px;
  display: flex;
  align-items: center;
}
.configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-des-sec .Learn-more-btn .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.pc-image-panel {
  z-index: 99999;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-panel .modal-dialog-centered {
    align-items: flex-end;
  }
}
.pc-image-panel .modal-dialog {
  max-width: 65%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-panel .modal-dialog {
    max-width: 100% !important;
    margin: 0px !important;
    min-height: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-panel .modal-dialog {
    max-width: 80%;
  }
}
.pc-image-panel .modal-dialog .modal-content {
  border: 0px;
  border-radius: 0;
  padding: 64px 104px 80px 104px;
}
@media (min-width: 1300px) and (max-width: 1439px) {
  .pc-image-panel .modal-dialog .modal-content {
    max-height: 620px ;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-panel .modal-dialog .modal-content {
    padding: 56px 64px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-panel .modal-dialog .modal-content {
    padding: 36px 30px !important;
  }
}
.pc-image-panel .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  position: absolute;
  top: 4px;
  right: 24px;
  padding: 0px;
  border-radius: 0px;
  opacity: 1;
  font-size: 28px;
  font-weight: 600;
  color: #383737;
  background-image: none;
}
.pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  max-width: 604px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
    max-width: 424px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
    max-width: 252px;
  }
}
.pc-image-panel .modal-dialog .modal-content .modal-body .popdesc {
  margin: 24px 14% 24px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-panel .modal-dialog .modal-content .modal-body .popdesc {
    margin: 40px 0px 40px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-panel .modal-dialog .modal-content .modal-body .popdesc {
    margin: 20px 0px 24px 0px;
  }
}
.pc-image-panel .modal-dialog .modal-content .modal-body .overlay-image-sec .o-image img {
  width: 100%;
  max-height: 400px;
  max-width: 700px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-panel .modal-dialog .modal-content .modal-body .overlay-image-sec .o-image img {
    max-height: 289px;
    max-width: 512px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-panel .modal-dialog .modal-content .modal-body .overlay-image-sec .o-image img {
    max-height: 168px;
    max-width: 300px;
  }
}
.pc-image-email {
  z-index: 99999;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-email .modal-dialog-centered {
    align-items: flex-end;
  }
}
.pc-image-email .modal-dialog {
  max-width: 65%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-email .modal-dialog {
    max-width: 100% !important;
    margin: 0px !important;
    min-height: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-email .modal-dialog {
    max-width: 80%;
  }
}
.pc-image-email .modal-dialog .modal-content {
  border: 0px;
  border-radius: 0;
  padding: 64px 104px 80px 104px;
}
@media (min-width: 1300px) and (max-width: 1439px) {
  .pc-image-email .modal-dialog .modal-content {
    max-height: 620px ;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-email .modal-dialog .modal-content {
    padding: 56px 64px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-email .modal-dialog .modal-content {
    padding: 36px 30px !important;
  }
}
.pc-image-email .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  position: absolute;
  top: 4px;
  right: 24px;
  padding: 0px;
  border-radius: 0px;
  opacity: 1;
  font-size: 28px;
  font-weight: 600;
  color: #383737;
  background-image: none;
}
.pc-image-email .modal-dialog .modal-content .modal-body .poptitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  max-width: 604px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-email .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-email .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-email .modal-dialog .modal-content .modal-body .poptitle {
    max-width: 424px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-email .modal-dialog .modal-content .modal-body .poptitle {
    max-width: 252px;
  }
}
.pc-image-email .modal-dialog .modal-content .modal-body .popdesc {
  margin: 24px 14% 24px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-email .modal-dialog .modal-content .modal-body .popdesc {
    margin: 40px 0px 40px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-email .modal-dialog .modal-content .modal-body .popdesc {
    margin: 20px 0px 24px 0px;
  }
}
.pc-image-overlay {
  z-index: 99999;
}
.pc-image-overlay .modal-dialog {
  max-width: 86%;
}
.pc-image-overlay .modal-dialog .modal-content {
  border: 0px;
  min-height: 620px;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .icon-Collapse {
  font-size: 32px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 40px;
  right: 40px;
  padding: 0px;
  color: #ffffff;
  border-radius: 0px;
  z-index: 9999999;
  border: 0;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .overlay-image-sec .o-image #sample-id {
  min-height: 600px;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .overlay-image-sec .environ {
  min-height: 700px;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .overlay-image-sec .studiopop {
  min-height: 550px;
  background: #f8f8f8;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .overlay-image-sec .studiopop .transparentImage {
  background: linear-gradient(to top, #f8f8f8 50%, #eaeaec 50%);
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  align-items: center;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .vertical-line {
  border-left: 1px solid #ffffff;
  height: 14px;
  margin-right: 24px;
  margin-top: -7px;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 24px;
  margin-top: -7px;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch .slider {
  border: 2px solid #ffffff;
  display: block !important;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  -webkit-transition: .4s;
  transition: .4s;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch input:checked + .slider:before {
    transform: translateX(30px);
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch input:checked + .slider:before {
    transform: translateX(25px);
  }
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .color-switch .slider {
  border: 2px solid #ffffff;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .color-switch .slider:before {
  background-color: #ffffff;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .views .color-switch input:checked + .slider {
  background: transparent;
  border: 2px solid #ffffff;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .img-key {
  color: #ffffff;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  padding-bottom: 8px;
  cursor: pointer;
  margin-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pc-image-overlay .modal-dialog .modal-content .modal-body .img-key {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pc-image-overlay .modal-dialog .modal-content .modal-body .img-key {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .img-key.active {
  border-bottom: 2px solid #ffffff;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .environment {
  margin-left: 12px !important;
  margin-right: 0px;
  display: none;
}
.pc-image-overlay .modal-dialog .modal-content .modal-body .studio {
  margin-left: 12px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-cards-comp .left-section .car-img {
    padding-top: 90px;
    padding-bottom: 40px;
  }
  .configurator-cards-comp .left-section .overlay-btn {
    top: 16px !important;
    left: 16px !important;
  }
  .configurator-cards-comp .left-section .color-section {
    padding-top: 2px;
    padding-bottom: 18px;
  }
  .configurator-cards-comp .right-section .body-details .toggle-buttons {
    padding-bottom: 16px !important;
  }
  .configurator-cards-comp .right-section .body-details .toggle-buttons .toggle-btn {
    padding-bottom: 10px !important;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body {
    padding-bottom: 70px !important;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .name {
    padding-bottom: 10px !important;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .interiorTab {
    padding-left: 16px;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .details .color {
    width: 32px !important;
    height: 32px !important;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .details .wheels {
    width: 32px !important;
    height: 32px !important;
  }
  .configurator-cards-comp .right-section .body-details .btn-section .select-vehicle {
    margin-right: 8px !important;
  }
  .pc-image-overlay {
    background-color: #000000;
  }
  .pc-image-overlay .modal-dialog {
    max-width: 100% !important;
    margin: 0px;
    height: 100%;
  }
  .pc-image-overlay .modal-dialog .modal-content {
    min-height: unset !important;
    height: 100%;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body {
    background-color: #000000;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .icon-Collapse {
    margin: 0px;
    top: auto;
    bottom: 40px;
    right: 40px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body #one3d {
    height: 100%;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body #one3d #canvasContainer {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body #one3d #one3dcanvas {
    max-width: 100% !important;
    position: relative;
    top: unset;
    max-height: 432px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views {
    align-items: baseline;
    padding-bottom: 23px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .vertical-line {
    margin-top: -8px;
    margin-right: 16px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch {
    width: 42px;
    height: 24px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .slider:before {
    height: 14px;
    width: 14px;
    top: 3px;
    bottom: 0px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views input:checked + .slider:before {
    left: -8px !important;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .img-key {
    margin-right: 16px;
    padding-bottom: 10px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .environment {
    margin-left: 12px !important;
    margin-right: 0px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .studio {
    margin-left: 12px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-cards-comp .left-section .car-img {
    padding-top: 48px !important;
    padding-bottom: 16px !important;
  }
  .configurator-cards-comp .right-section {
    padding: 24px 16px 24px 16px !important;
  }
  .configurator-cards-comp .right-section .head-details .configure-details {
    display: block !important;
    padding-bottom: 16px !important;
  }
  .configurator-cards-comp .right-section .head-details .configure-details .vehicle-name {
    padding-bottom: 8px;
    max-width: 100% !important;
  }
  .configurator-cards-comp .right-section .body-details .toggle-buttons {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body {
    padding-bottom: 24px !important;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .name {
    padding-bottom: 8px;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .interiorTab {
    padding-left: 0px;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .details {
    padding-bottom: 21px !important;
    display: flex !important;
    justify-content: flex-start !important;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .details .color {
    width: 28px !important;
    height: 28px !important;
    position: relative;
    top: -6px;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .details .color-details {
    color: #383737;
    padding-left: 8px;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .details .wheels {
    width: 28px;
    height: 28px;
    position: relative;
    top: -6px;
  }
  .configurator-cards-comp .right-section .body-details .toggle-body .collapse-body .details .wheels-details {
    color: #383737;
    padding-left: 8px;
  }
  .configurator-cards-comp .right-section .body-details .btn-section .select-vehicle {
    margin: 0px;
    width: 100%;
    height: 42px;
    padding: 0px;
  }
  .configurator-cards-comp .right-section .body-details .btn-section .show-features {
    width: 100% !important;
    text-align: center !important;
    padding: 24px 0px 0px !important;
    margin: 0px;
  }
  .configurator-cards-comp .features-section {
    padding-left: 0px !important;
    max-height: 360px;
  }
  .configurator-cards-comp .features-section .head-feature {
    display: block !important;
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 0px;
    padding-bottom: 3px !important;
  }
  .configurator-cards-comp .features-section .head-feature .price {
    padding-top: 16px !important;
  }
  .configurator-cards-comp .features-section .body-feature {
    padding-left: 16px;
  }
  .configurator-cards-comp .features-section .body-feature .collapse-feature-body .row {
    padding-bottom: 16px;
  }
  .configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-image-sec {
    max-width: 64px;
    height: 50px;
  }
  .configurator-cards-comp .features-section .body-feature .collapse-feature-body .row .fea-image-sec img {
    height: 50px !important;
  }
  .pc-image-overlay .modal-dialog {
    max-width: 100%;
    margin: 0px;
  }
  .pc-image-overlay .modal-dialog .modal-content {
    border: 0px;
    min-height: unset !important;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .icon-Collapse {
    top: 11px;
    right: 14px;
    top: 36%;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views {
    padding: 13px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch {
    width: 35px;
    height: 20px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch .slider:before {
    top: 1px;
    left: 3px;
    bottom: 1px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .switch input:checked + .slider:before {
    left: -11px !important;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .views .img-key {
    padding-bottom: 8px;
    font-size: 16px;
  }
  .pc-image-overlay .modal-dialog .modal-content .modal-body .car360view #one3dcanvas {
    max-height: 202px !important;
  }
}
@media only screen and (max-width: 576px) and (min-width: 390px), only screen and (min-width: 576px) and (max-width: 767px) and (min-width: 390px) {
  .pc-image-overlay .modal-dialog .modal-content .modal-body .icon-Collapse {
    top: 40%;
  }
}
.root_class ~ .modal-backdrop {
  z-index: 9999 !important;
}

.vehicle-summary-comp .vehicle-accordion .summary-section {
  background-color: #ffffff;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .accordion-header .bs-accordion {
  width: 100%;
  background-color: #ffffff;
  border: none;
  text-align: left;
  border-bottom: 2px solid #eaeaec;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .accordion-header .bs-accordion .icon-Chevron-Down::before,
.vehicle-summary-comp .vehicle-accordion .summary-section .accordion-header .bs-accordion .icon-Chevron-Up::before {
  color: #383737;
  font-size: 24px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .accordion-header .bs-accordion h5 {
  color: #383737;
  width: 92.4545%;
  margin-bottom: 0px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .mar-btm {
  margin-bottom: 8px;
  color: #7a8084;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .mar-top {
  margin-bottom: 0px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .personal-details {
  display: grid;
  grid-template-columns: 340px 340px 340px;
  gap: 40px;
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .contact-details-label-main {
  padding: 0px;
  margin: 64px 64px 24px 64px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .contact-details-label-main .contact-detail-sub {
  margin-bottom: 0px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .personal-details {
  margin-left: 64px;
  margin-right: 64px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details {
  margin: 40px 64px 0px 64px;
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details-label {
  display: grid;
  grid-template-columns: 340px 340px 340px;
  gap: 40px;
  row-gap: 16px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details-label-main {
  padding: 0px;
  margin-bottom: 24px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details-label-main .vehicle-detail-sub {
  margin-bottom: 0px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditon-details {
  display: grid;
  grid-template-columns: 340px 340px 340px;
  gap: 40px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions {
  margin: 40px 64px 0px 64px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions .vehicle-conditons-main {
  padding: 0px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions .vehicle-conditons-main .condition-sub {
  margin-bottom: 24px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .text-area-label {
  margin: 40px 64px 40px 64px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .text-area-label .comments {
  margin: 0px;
  padding-bottom: 8px;
  color: #7a8084;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .text-area-label .additional-area {
  background-color: #f8f8f8;
  max-height: 98px;
  height: auto;
  padding: 16px 24px 16px 24px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .expectedvalue-main {
  margin-left: 64px;
  margin-right: 64px;
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 50px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .expectedvalue-main .expected-sub {
  margin-bottom: 8px;
  color: #7a8084;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation {
  margin: 40px 64px 0px 64px;
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .location-sub {
  margin-bottom: 24px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .address-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .address-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .address-line {
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .city-label {
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .state {
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .pincode-label {
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership {
  margin: 40px 64px 40px 64px;
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer {
  width: 354px;
  margin-bottom: 24px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .deal {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .deal {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject {
  display: grid;
  grid-template-columns: auto 708px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject .dealer-subject-address {
  padding-right: 40px;
  width: auto;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject .dealer-subject-address .deal-address {
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject .dealer-subject-address .deal-city {
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject .dealer-subject-address .deal-state {
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject .dealer-subject-address .deal-pincode {
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealersss-map-section {
  width: 100%;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealersss-map-section #summary-dealer-map {
  width: 100%;
  height: 234px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .icon-rating {
  color: #307fe2;
  font-size: 20px;
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
  max-width: 170px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership #icon-num {
  margin-bottom: 0px;
  position: absolute;
  margin-left: 147px;
  margin-top: 2px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .icon-adjust {
  display: block;
  flex-direction: row;
  width: 100%;
  gap: 10px;
  padding-bottom: 8px;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .icon-adjust .concorde {
  width: 200px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot {
  margin: 40px 64px 0px 64px;
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
  width: 33.3%;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot .preffered-label .date-label {
  padding-top: 0px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot .preffered-label .preffered-slot {
  margin-bottom: 24px;
  color: #383737;
}
.vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .documents {
  margin: 40px 64px 40px 64px;
}
.vehicle-summary-comp .vehicle-accordion .summary-label {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.vehicle-summary-comp .vehicle-accordion .summary-label .summary {
  width: 92.4545%;
  padding: 45px 76px 47px 64px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-summary-comp .vehicle-accordion {
    width: 100%;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-label .summary {
    padding: 24px 0px 24px 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .personal-details {
    display: grid;
    grid-template-columns: 284px 284px;
    row-gap: 24px;
    margin-left: 40px;
    margin-right: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details-label {
    display: grid;
    grid-template-columns: 284px 284px;
    row-gap: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditon-details {
    display: grid;
    grid-template-columns: 284px 284px;
    row-gap: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .contact-details-label-main {
    margin: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details {
    margin-left: 40px;
    margin-right: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions {
    margin-left: 40px;
    margin-right: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions .vehicle-conditons-main {
    margin-bottom: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions .vehicle-conditons-main .condition-sub {
    margin-bottom: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .text-area-label {
    margin-left: 40px;
    margin-right: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .text-area-label .comments-label {
    padding: 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .expectedvalue-main {
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation {
    margin-left: 40px;
    margin-right: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .location-sub {
    margin-bottom: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details-label-main {
    margin-bottom: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership {
    margin: 40px;
    padding-bottom: 0px;
    width: 608px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject {
    display: grid;
    grid-template-columns: 300px 708px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject .dealer-subject-address {
    width: auto;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer {
    margin-bottom: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealersss-map-section {
    width: 45%;
    margin-bottom: 40px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealersss-map-section #summary-dealer-map {
    width: 100%;
    height: 234px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .icon-adjust {
    width: 100%;
    gap: 0px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .icon-adjust .concorde {
    width: 60%;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot {
    margin: 40px 40px 0px 40px;
    padding-left: 0px;
    padding-bottom: 0px;
    width: 88.4%;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot .preffered-label .date-label {
    padding: 0px;
    margin-bottom: 40px;
    color: #383737;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot .preffered-label .preffered-slot {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-summary-comp .vehicle-accordion .summary-label .summary {
    margin-bottom: 0px;
    padding: 24px 54px 24px 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-label .sumicon {
    padding-right: 16px;
    padding-top: 10px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-label .icon {
    margin-top: 10px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section {
    width: 100%;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .accordion-header .bs-accordion {
    margin-right: 16px;
    margin-top: 10px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .personal-details {
    display: grid;
    grid-template-columns: auto;
    row-gap: 24px;
    margin: 0px 16px 24px 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details-label {
    display: grid;
    grid-template-columns: auto;
    row-gap: 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditon-details {
    display: grid;
    grid-template-columns: auto;
    row-gap: 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .contact-details-label-main {
    margin: 24px 16px 24px 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details {
    margin-left: 16px;
    margin-right: 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions {
    margin: 40px 16px 0px 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions .vehicle-conditons-main {
    margin-bottom: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-conditions .vehicle-conditons-main .condition-sub {
    margin: 0px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .text-area-label {
    margin: 16px 16px 24px 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .text-area-label .comments-label {
    padding: 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .expectedvalue-main {
    margin: 16px 16px 0px 16px;
    padding-bottom: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation {
    margin: 40px 16px 24px 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .vehicle-location-sub .location-sub {
    margin-bottom: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehiclelocation .address-label {
    margin-top: 24px;
    margin-bottom: 8px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .horizontal {
    margin: 0px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .horizantal {
    margin: 0px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership {
    margin: 40px 16px 24px 16px;
    width: auto;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .icon-rating {
    position: absolute;
    margin-top: 175;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .icon-adjust {
    width: 100% !important;
    gap: 0px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .icon-adjust .concorde {
    width: 100% !important;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label {
    display: flex;
    flex-direction: column;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer {
    width: auto;
    height: 24px;
    margin-bottom: 24px;
    margin-left: 0px;
    margin-right: 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealer-subject .dealer-subject-address {
    margin-top: 24px;
    width: auto !important;
    padding: 0px;
    margin-bottom: 24px;
    margin-right: 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealersss-map-section {
    margin-bottom: 0px;
    width: 100%;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .dealership .dealership-label .dealersss-map-section #summary-dealer-map {
    position: relative;
    width: 100%;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot {
    margin: 40px 16px 0px 16px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot .preffered-label .preffered-slot {
    margin-bottom: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .appointment-slot .preffered-label .date-label {
    margin-bottom: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details-label-main {
    margin-bottom: 24px;
  }
  .vehicle-summary-comp .vehicle-accordion .summary-section .vehicle-accordion-body-main .vehicle-details-label-main .vehdetail {
    margin-bottom: 0px;
  }
}

.vehicle-details-comp .vehicleDetailsTitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
  padding-top: 104px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vehicleDetailsTitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vehicleDetailsTitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.vehicle-details-comp .vd-radio-banner {
  background-color: #ffffff;
  padding: 64px 64px 64px 64px;
}
.vehicle-details-comp .vd-radio-banner .carList {
  padding: 32px 0px 32px 24px;
}
.vehicle-details-comp .vd-radio-banner .carList .car-list-radio {
  display: flex;
  align-items: center;
}
.vehicle-details-comp .vd-radio-banner .carList .car-list-radio .carDetails {
  width: 264px;
}
.vehicle-details-comp .vd-radio-banner .carList .car-list-radio .carDetails .regNum {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner .carList .car-list-radio .carDetails .regNum {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.vehicle-details-comp .vd-radio-banner .carList .car-list-radio .carDetails .modelName {
  margin-bottom: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner .carList .car-list-radio .carDetails .modelName {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner .carList .car-list-radio .carDetails .modelName {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner .reg-cha {
  padding: 32px 19px 32px 24px;
}
.vehicle-details-comp .vd-radio-banner .reg-cha .reg-cha-radio {
  display: flex;
  align-items: center;
}
.vehicle-details-comp .vd-radio-banner .reg-cha .reg-cha-radio .rcButton {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner .reg-cha .reg-cha-radio .rcButton {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner .reg-cha .reg-cha-radio .rcButton {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner .reg-cha .reg-cha-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-top: 10px;
  margin-left: 48px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner .reg-cha .reg-cha-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension {
  display: none;
  background-color: #f8f8f8;
  padding-bottom: 32px;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details {
  margin-left: 72px;
  margin-right: 24px;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .number-title {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
  padding-top: 24px;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details {
  width: 100%;
  position: relative;
  display: flex;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num {
  background-color: #f8f8f8;
  border: none;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  outline: none;
  color: #383737 !important;
  border-bottom: 2px solid #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num.error,
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num.error:focus {
  border-bottom: 2px solid #ed454f;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 2px solid #307fe2;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num[aria-invalid="true"] {
  border-bottom: 2px solid #ed454f;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num:active {
  box-shadow: none;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details #registrationnum-error {
  position: absolute;
  top: 42px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #ed454f;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details #registrationnum-error {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details #registrationnum-error {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .confirm-btn {
  padding: 0px;
  color: #307fe2;
  width: 17%;
  right: 0;
  position: absolute;
  cursor: pointer;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .confirm-btn.disabled {
  color: #7a8084;
  pointer-events: none;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .confirm-btn .icon-Arrow-Right {
  font-size: 13px;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card #registration-error {
  color: #ed454f;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card #chassis-error {
  color: #ed454f;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .icon-Info {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .text-or {
  margin-bottom: 16px;
  margin-top: 40px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  letter-spacing: normal;
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .checkRegDataError .error-message {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #ed454f;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .checkRegDataError .error-message {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .checkRegDataError .error-message {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .otpSuccessMsg {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #609f65;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .otpSuccessMsg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .otpSuccessMsg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog {
  max-width: 90.44%;
  min-height: 647px;
  margin: 77px 276px auto;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content {
  border-radius: 0px;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body {
  padding: 80px;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading {
  display: flex;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading .modal-title {
  min-width: 548px;
  color: #383737;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
  opacity: 1;
  border: none;
  background: transparent;
  font-family: Poppins;
  font-weight: 600;
  line-height: 40px;
  padding: 0px;
  margin-left: 64px;
  font-size: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
    font-size: 24px;
    line-height: 24px;
  }
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .sendOtpDesc {
  color: #7a8084;
  padding-top: 40px;
  max-width: 548px;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .sendOtpDesc p {
  margin-bottom: 0px;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .updateRegDesc {
  color: #7a8084;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 548px;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .updateRegDesc p {
  margin-bottom: 0px;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn {
  display: flex;
  align-items: center;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .send-otp {
  border: 2px solid #307fe2;
  cursor: pointer;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .send-otp .otp-btn {
  padding: 0px !important;
  color: #307fe2;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .updateRegNumber_link .updateRegNumber {
  color: #307fe2;
  cursor: pointer;
  margin-left: 40px;
  text-decoration: none;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .updateRegNumber_link .updateRegNumber:active,
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .updateRegNumber_link .updateRegNumber:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .updateRegNumber_link .updateRegNumber .icon-Arrow-Right {
  padding-left: 8px;
  font-size: 12px;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .err-container {
  color: #ed454f;
}
.vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .err-container p {
  margin-bottom: 0px;
  margin-top: 10px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog {
  max-width: 90.44%;
  margin: 123px 276px auto;
  min-height: 554px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content {
  border-radius: 0px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body {
  padding: 80px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading {
  display: flex;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading .title {
  min-width: 548px;
  color: #383737;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
  opacity: 1;
  border: none;
  background: transparent;
  font-family: Poppins;
  font-weight: 600;
  line-height: 40px;
  padding: 0px;
  margin-left: 64px;
  font-size: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 24px;
    line-height: 24px;
  }
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .otpDesc {
  padding-top: 40px;
  padding-bottom: 16px;
  color: #7a8084;
  max-width: 548px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .otpDesc p {
  margin-bottom: 0px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link {
  max-width: 548px;
  display: flex;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp {
  color: #307fe2;
  padding: 0px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp.disabled {
  color: #7a8084 !important;
  opacity: 1;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp:active,
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp .right-arr {
  margin-left: 4px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .btn.disabled {
  border-color: transparent !important;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .btn-resent {
  margin-left: 40px;
  pointer-events: none;
  border: none;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link button {
  border-radius: 0px;
  width: 21%;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link button.disabled {
  color: #7A8084;
  border: 2px solid #7A8084;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf {
  padding-top: 40px;
  max-width: 548px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input {
  font-weight: 500;
  color: #383737;
  border: 0;
  width: 100%;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
  padding-bottom: 0px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input.error,
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input.error:focus {
  border-bottom: 2px solid #ed454f;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 2px solid #307fe2;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input:active {
  box-shadow: none;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating label[for=mobileOtp] {
  color: #7a8084;
  font-weight: 500;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating label.error {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #ed454f;
  padding: 2px;
  position: initial;
  opacity: 1;
  transform: none;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .err-container {
  color: #ed454f;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .err-container p {
  margin-bottom: 0px;
  margin-top: 10px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf {
  padding-top: 40px;
  width: 20%;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit {
  cursor: pointer;
  width: 88%;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit .phone-otp-submit {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  color: #307fe2;
  opacity: 1;
  background-color: transparent;
  border-radius: 0px;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit.disabled {
  pointer-events: none;
}
.vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit.disabled .phone-otp-submit {
  color: #7a8084;
  opacity: 1;
  background-color: transparent;
  border: 2px solid #7a8084;
  border-radius: 0px;
}
.vehicle-details-comp .vd-radio-banner .details-manually,
.vehicle-details-comp .vd-radio-banner .account-redirect {
  padding: 32px 0px 32px 24px;
}
.vehicle-details-comp .vd-radio-banner .details-manually .account-redirect-radio,
.vehicle-details-comp .vd-radio-banner .account-redirect .account-redirect-radio {
  display: flex;
}
.vehicle-details-comp .vd-radio-banner .details-manually .account-redirect-radio .ARButton,
.vehicle-details-comp .vd-radio-banner .account-redirect .account-redirect-radio .ARButton {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner .details-manually .account-redirect-radio .ARButton,
  .vehicle-details-comp .vd-radio-banner .account-redirect .account-redirect-radio .ARButton {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner .details-manually .account-redirect-radio .ARButton,
  .vehicle-details-comp .vd-radio-banner .account-redirect .account-redirect-radio .ARButton {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner .details-manually .details-manually-radio,
.vehicle-details-comp .vd-radio-banner .account-redirect .details-manually-radio {
  display: flex;
  align-items: center;
}
.vehicle-details-comp .vd-radio-banner .details-manually .details-manually-radio .dmButton,
.vehicle-details-comp .vd-radio-banner .account-redirect .details-manually-radio .dmButton {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner .details-manually .details-manually-radio .dmButton,
  .vehicle-details-comp .vd-radio-banner .account-redirect .details-manually-radio .dmButton {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner .details-manually .details-manually-radio .dmButton,
  .vehicle-details-comp .vd-radio-banner .account-redirect .details-manually-radio .dmButton {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner .details-manually .details-manually-desc,
.vehicle-details-comp .vd-radio-banner .account-redirect .details-manually-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-top: 10px;
  padding-left: 48px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner .details-manually .details-manually-desc,
  .vehicle-details-comp .vd-radio-banner .account-redirect .details-manually-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-details-comp .vd-radio-banner .details-manually .details-manually-desc p,
.vehicle-details-comp .vd-radio-banner .account-redirect .details-manually-desc p {
  margin-bottom: 0px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension {
  padding-left: 72px;
  padding-bottom: 32px;
  padding-right: 120px;
  display: none;
  position: relative;
  background-color: #f8f8f8;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vehicle-details-validator-form {
  visibility: hidden;
  position: absolute;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown {
  width: 46.9%;
  margin-right: 24px;
  margin-bottom: 24px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .dropdown-label {
  margin-bottom: 8px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .dropdown-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  position: relative;
  color: #383737;
  border-bottom: 2px solid #383737;
  min-height: 30px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .icon-Chevron-Down {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 20px;
  pointer-events: none;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent {
  position: absolute;
  top: 33px;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding: 16px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  max-height: 224px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option {
  padding: 8px 12px 8px 0;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown .car-details-dropdown.country-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option {
  display: inline-block !important;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .marrgt {
  margin-right: 0px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division {
  background-color: #f8f8f8;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .numberTitle {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .registrationNumberTitle {
  padding-top: 0px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .chassissNumberTitle {
  padding-top: 24px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #383737;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails .vehicleNum {
  background-color: #f8f8f8;
  border: none;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  width: calc(100% - 100px);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails .vehicleNum {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails .vehicleNum {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails .vehicleNumReg {
  background-color: #f8f8f8;
  border: none;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  width: calc(100% - 100px);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails .vehicleNumReg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails .vehicleNumReg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard #registrationNum-error {
  color: #ed454f;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard #chassisNum-error {
  color: #ed454f;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .icon-Info {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .text-or {
  margin-bottom: 0px;
  margin-top: 24px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  letter-spacing: normal;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicle {
  margin-top: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #383737;
  font-weight: 500;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicle {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicleDesc P {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  margin-bottom: 8px;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicleLink {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 17.6px;
  letter-spacing: normal;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicleLink .contactDealerLink {
  text-decoration: none;
}
.vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicleLink .contactDealerLink .icon-Arrow-Right {
  font-size: 10px;
  padding-left: 9px;
}
.vehicle-details-comp input[type='radio'] {
  box-shadow: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 15px;
  min-width: 24px;
  cursor: pointer;
}
.vehicle-details-comp input[type='radio']:checked {
  border: 2px solid #307fe2;
  background-color: transparent;
}
.vehicle-details-comp input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.vehicle-details-comp input[type='radio']:checked:before {
  background: #307fe2;
}
.vehicle-details-comp .static_vehicle_details {
  background-color: white;
  padding: 64px;
}
.vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelGap {
  padding-bottom: 34px;
}
.vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont {
  width: 277px;
  margin-right: 24px;
}
.vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont .headLabel {
  margin-bottom: 8px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont .headLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont .headText {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont .headText {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont .headText {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-comp .vehicleDetailsTitle {
    padding-top: 64px;
    padding-bottom: 28px;
  }
  .vehicle-details-comp .vd-radio-banner {
    padding: 64px 40px 64px 40px;
  }
  .vehicle-details-comp .vd-radio-banner .carList {
    padding: 24px;
  }
  .vehicle-details-comp .vd-radio-banner .carList .car-list-radio .carDetails .regNum {
    font-size: 16px;
  }
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .number-title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: normal;
  }
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details {
    width: 92%;
  }
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .confirm-btn {
    width: 18%;
  }
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .text-or {
    margin-top: 24px;
    margin-bottom: 0px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .vdDropdown {
    width: 44%;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .marrgt {
    margin-right: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .numberTitle {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: normal;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails {
    width: 92%;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .text-or {
    margin-top: 24px;
    margin-bottom: 0px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicleLink {
    font-size: 16px;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicle {
    font-size: 18px;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicleDesc p {
    font-size: 14px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog {
    max-width: 100%;
    min-height: 100%;
    margin: 0px 40px;
    align-items: center;
    position: fixed;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body {
    padding: 40px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading {
    display: flex;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading .modal-title {
    min-width: 576px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
    font-size: 32px;
    margin-left: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .sendOtpDesc {
    padding-top: 24px;
    max-width: 576px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .updateRegDesc {
    padding-top: 24px;
    padding-bottom: 24px;
    max-width: 576px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn {
    display: flex;
    align-items: center;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .send-otp .otp-btn {
    padding: 0px !important;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog {
    max-width: 100%;
    min-height: 100%;
    margin: 0px 40px;
    align-items: center;
    position: fixed;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body {
    padding: 40px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading {
    display: flex;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading .title {
    min-width: 576px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 32px;
    margin-left: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .otpDesc {
    padding-top: 24px;
    padding-bottom: 16px;
    max-width: 576px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .otpDesc p {
    margin-bottom: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link {
    max-width: 576px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp {
    padding: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp .right-arr {
    margin-left: 4px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .btn-resent {
    margin-left: 20px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link button {
    border-radius: 0px;
    width: 23%;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link button.disabled {
    color: #7A8084;
    border: 2px solid #7A8084;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf {
    padding-top: 24px;
    max-width: 512px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf {
    padding-top: 24px;
    width: 20%;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit {
    width: 100%;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit .phone-otp-submit {
    border-radius: 0px;
    width: 100%;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    background-color: transparent;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit .phone-otp-submit.disabled {
    color: #7A8084;
    border: 2px solid #7A8084;
  }
  .vehicle-details-comp .static_vehicle_details {
    padding: 40px;
  }
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelGap {
    padding-bottom: 34px;
  }
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont {
    width: 256px;
    margin-right: 60px;
  }
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont .headLabel {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .text-or {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px) {
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .text-or {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-comp .vehicleDetailsTitle {
    padding-top: 40px;
    padding-bottom: 16px;
  }
  .vehicle-details-comp .vd-radio-banner {
    padding: 24px 16px;
  }
  .vehicle-details-comp .vd-radio-banner .carList {
    padding: 24px 16px;
  }
  .vehicle-details-comp .vd-radio-banner .carList .car-list-radio .carDetails {
    width: 52%;
  }
  .vehicle-details-comp .vd-radio-banner .reg-cha {
    padding: 24px 0px 24px 16px;
  }
  .vehicle-details-comp .vd-radio-banner .reg-cha .reg-cha-radio .rcButton {
    width: 63%;
  }
  .vehicle-details-comp .vd-radio-banner .reg-cha .reg-cha-desc {
    margin-left: 28px;
    margin-right: 16px;
  }
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details {
    margin-left: 16px;
    margin-right: 16px;
  }
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details {
    width: 100%;
  }
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .vehicle-num {
    font-weight: 500;
  }
  .vehicle-details-comp .vd-radio-banner #reg-cha-extension .vehicle-details .registration-card .input-num-details .confirm-btn {
    width: 31%;
  }
  .vehicle-details-comp .vd-radio-banner .details-manually,
  .vehicle-details-comp .vd-radio-banner .account-redirect {
    padding: 24px 16px;
  }
  .vehicle-details-comp .vd-radio-banner .details-manually .details-manually-desc,
  .vehicle-details-comp .vd-radio-banner .account-redirect .details-manually-desc {
    padding-left: 32px;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 24px;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .details-dropdown-wrap {
    display: block !important;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .details-dropdown-wrap .vdDropdown {
    width: 100%;
    margin-right: 0px ! important;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension #reg-cha-division .vehicle-info .registrationCard .inputNumDetails {
    width: 100%;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicleLink {
    font-size: 16px;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicle {
    font-size: 14px;
    margin-top: 24px;
  }
  .vehicle-details-comp .vd-radio-banner #details-manually-extension .findVehicleDesc p {
    font-size: 16px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog {
    max-width: 100%;
    min-height: 100%;
    margin: 0px 14px;
    align-items: center;
    position: fixed;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading {
    display: flex;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading .modal-title {
    min-width: 224px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
    font-size: 24px;
    margin-left: 24px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .sendOtpDesc {
    padding-top: 24px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .updateRegDesc {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn {
    display: block;
    align-items: center;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .send-otp {
    text-align: center;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .send-otp .otp-btn {
    padding: 0px !important;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .updateRegNumber_link {
    margin-top: 24px;
  }
  .vehicle-details-comp .vd-radio-banner #checkScreen .modal-dialog .modal-content .modal-body .modal-btn .updateRegNumber_link .updateRegNumber {
    margin: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog {
    max-width: 100%;
    min-height: 100%;
    margin: 0px 14px;
    align-items: center;
    position: fixed;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body {
    padding: 30px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading {
    display: flex;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading .title {
    min-width: 224px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 24px;
    margin-left: 24px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .otpDesc {
    padding-top: 24px;
    padding-bottom: 16px;
    max-width: 272px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .otpDesc p {
    margin-bottom: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link {
    max-width: 216px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp {
    padding: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .resend-otp .right-arr {
    margin-left: 4px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .btn-resent {
    margin-left: 10px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link .btn.disabled {
    border-color: transparent !important;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link button {
    border-radius: 0px;
    width: 23%;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link button.disabled {
    color: #7A8084;
    border: 2px solid #7A8084;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link:active,
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .resend_link:focus {
    border-color: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf {
    padding-top: 24px;
    max-width: 272px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input {
    font-weight: 500;
    color: #383737;
    border: 0;
    width: 100%;
    border-radius: 0px;
    border-bottom: 2px solid #383737;
    padding-bottom: 0px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input:focus {
    box-shadow: none;
    outline: none;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating label[for=mobileOtp] {
    color: #7a8084;
    font-weight: 500;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating label.error {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #ed454f;
    padding: 2px;
    position: initial;
    opacity: 1;
    transform: none;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .err-container {
    color: #ed454f;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .err-container p {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf {
    display: flex;
    padding-top: 24px;
    width: 100%;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit {
    width: 100%;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit .phone-otp-submit {
    border-radius: 0px;
    width: 100%;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    background-color: transparent;
  }
  .vehicle-details-comp .vd-radio-banner #otpScreen .modal-dialog .modal-content .modal-body .bottomshelf .submit .phone-otp-submit.disabled {
    color: #7A8084;
    border: 2px solid #7A8084;
  }
  .vehicle-details-comp .static_vehicle_details {
    padding: 24px 16px;
  }
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelGap {
    padding-bottom: 0px;
    display: block !important;
  }
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont {
    width: 300px;
    margin-bottom: 16px;
  }
  .vehicle-details-comp .static_vehicle_details .vehicle-details-label .labelFont .headLabel {
    margin-bottom: 8px;
  }
}

.vehicle-confirmation-comp .confirmation-container {
  width: 100%;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen {
  background-color: #ffffff;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .title {
  padding: 64px 64px 40px 64px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .title {
    font-size: 24px;
    line-height: 24px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails {
  display: flex;
  flex-direction: row;
  padding: 0px 67px 0px 64px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .vehicle-type {
  width: 220px;
  margin-right: 43px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .vehicle-type .vehicleLabel {
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .vehicle-type .vehicleLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .vehicle-type .vehicleTypeLabel {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .vehicle-type .vehicleTypeLabel {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .vehicle-type .vehicleTypeLabel {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .handoverDetails {
  width: 223px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .handoverDetails .handoverLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .handoverDetails .handoverLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .handoverDetails .deliverInfo {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .handoverDetails .deliverInfo {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .handoverDetails .deliverInfo {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .exchangeDetails {
  width: 223px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .exchangeDetails .exchangeLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .exchangeDetails .exchangeLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .exchangeDetails .exchangeInfo {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .exchangeDetails .exchangeInfo {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .vehicleDetails .exchangeDetails .exchangeInfo {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails {
  display: flex;
  flex-direction: row;
  padding: 40px 67px 40px 64px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .dealer {
  margin-right: 43px;
  width: 223px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .dealer .dealershipLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .dealer .dealershipLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .dealer .dealerCompany {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .dealer .dealerCompany {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .dealer .dealerCompany {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .contactDetails {
  width: 223px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .contactDetails .contactLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .contactDetails .contactLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .contactDetails .contactNumber {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .contactDetails .contactNumber {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .dealerDetails .contactDetails .contactNumber {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal {
  display: flex;
  flex-direction: row;
  padding: 0px 67px 40px 64px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .referenceDetails {
  margin-right: 43px;
  width: 223px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .referenceDetails .referenceLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .referenceDetails .referenceLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .referenceDetails .referenceValue {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .referenceDetails .referenceValue {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .referenceDetails .referenceValue {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .finalValueDetails {
  width: 223px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .finalValueDetails .finalValueLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .finalValueDetails .finalValueLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .finalValueDetails .priceValue {
  color: #383737;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .finalValueDetails .priceValue {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-container .detailsScreen .refFinal .finalValueDetails .priceValue {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .confirm-dealor {
  padding: 0px 64px 40px 64px;
  display: flex;
  flex-direction: row;
  margin: 0px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .confirm-dealor p {
  margin-bottom: 0px;
  color: #383737;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .confirm-dealor .confirm-dealor-blue {
  border: 4px solid #307fe2;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .confirm-dealor .confirm-dealor-details {
  background-color: #F8F8F8;
  padding: 24px 40px 24px 32px;
  color: #383737;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels {
  display: flex;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .edit-booking {
  padding: 0px 40px 0px 60px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .edit-booking .edit-booking-link {
  text-decoration: none;
  color: #307fe2;
  font-weight: 400;
  font-size: 16px;
  line-height: 17.6px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .edit-booking .edit-booking-link .link-label {
  color: #307fe2;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .edit-booking .edit-booking-link .link-label .icon-Arrow-Right {
  font-size: 12px;
  padding-left: 8px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .edit-booking .edit-booking-link .link-label .link-label:hover {
  color: #307fe2;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .cancel {
  padding: 0px 0px 0px 0px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .cancel .cancel-link {
  text-decoration: none;
  color: #307fe2;
  font-weight: 400;
  font-size: 16px;
  line-height: 17.6px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .cancel .cancel-link .icon-Arrow-Right {
  font-size: 12px;
  padding-left: 8px;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .linkLabels .cancel .cancel-link .cancel-link:hover {
  color: #307fe2;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .viewDetails {
  background-color: transparent;
  color: #307fe2;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  max-width: fit-content;
  padding: 16px 32px;
  margin-left: 65px;
  text-align: center;
}
.vehicle-confirmation-comp .confirmation-container .detailsScreen .viewDetails .details-link {
  text-decoration: none;
  font-size: 20px;
}
.vehicle-confirmation-comp .column {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.vehicle-confirmation-comp .column .car-image {
  position: absolute;
  width: 300px;
  top: 60%;
  margin-right: 200px;
}
.vehicle-confirmation-comp .column .column-up {
  background-color: gray;
  min-height: 50%;
  position: relative;
}
.vehicle-confirmation-comp .column .column-down {
  background-color: yellow;
  min-height: 50%;
  position: relative;
}
.vehicle-confirmation-comp .vehicle-confirmation-tablet {
  display: none;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-lg {
  max-width: 812px;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content {
  padding: 80px;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .modal-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  width: 580px;
  max-width: 580px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-cancel .modal-content .modal-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp .confirmation-cancel .modal-content .modal-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .btn-close {
  opacity: 1;
  outline: none;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .btn-close:active {
  outline: none;
  box-shadow: none;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .cb-title {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .mb-24 {
  margin-bottom: 24px;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .mb-40 {
  margin-bottom: 40px;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .mt-20 {
  margin-top: 20px;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .ab-text-labels {
  max-width: 318px;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .ab-text-grey {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
  color: #7a8084;
  margin-bottom: 8px;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .ab-text-dark {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .modal-footer button {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  color: #307fe2;
  text-decoration: none;
  padding: 10px 30px;
  border: 2px solid #307fe2;
}
.vehicle-confirmation-comp .confirmation-cancel .modal-content .modal-footer .vehicle-err-msg {
  margin-top: 20px;
  color: #ed454f;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-confirmation-comp .confirmation-container {
    display: none;
  }
  .vehicle-confirmation-comp .column {
    display: none;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet {
    display: block !important;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen {
    background: none;
    padding-bottom: 0px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .title {
    padding: 40px 0px 0px 40px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .vehicleDetails {
    padding: 0px 62px 0px 62px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .vehicleDetails .vehicle-type {
    width: 300px;
    padding-right: 0px;
    margin-right: 0px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .vehicleDetails .vehicle-type .vehicleLabel {
    font-size: 16px;
    line-height: 20px;
    color: #eaeaec;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .vehicleDetails .vehicle-type .vehicleTypeLabel {
    font-size: 30px;
    line-height: 33px;
    font-weight: 600;
    color: #ffffff;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .imageScreen .vehicleImage {
    background: none !important;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG {
    background-color: #ffffff;
    padding-bottom: 40px !important;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .exchangeDetails {
    padding: 40px 0px 0px 40px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .exchangeDetails .exchangeLabel {
    font-size: 16px;
    margin-bottom: 8px;
    color: #7a8084;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .exchangeDetails .exchangeInfo {
    font-size: 18px;
    line-height: 19.8px;
    font-weight: 500;
    color: #383737;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .dealerDetails {
    padding: 40px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .dealerDetails .dealer {
    width: 284px;
    padding-right: 0px;
    margin-right: 40px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .dealerDetails .contactDetails {
    width: 284px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .refFinal {
    padding: 0px 40px 40px 40px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .refFinal .referenceDetails {
    width: 284px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .refFinal .finalValueDetails .priceValue {
    color: #383737;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .confirm-dealor {
    padding: 0px 40px 40px 40px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .confirm-dealor .confirm-dealor-details {
    padding: 16px;
    width: 97%;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .confirm-dealor .confirm-dealor-details p {
    width: 100%;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .linkLabels .edit-booking {
    padding: 0px 40px 40px 40px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .viewDetails {
    margin-left: 40px;
  }
  .vehicle-confirmation-comp .confirmation-cancel .modal-content {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-confirmation-comp {
    padding-top: 40px !important;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet {
    display: block !important;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .title {
    padding: 31px 16px 0px 16px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .vehicleDetails {
    padding: 43px 20px 43px 16px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .vehicleDetails .vehicle-type {
    width: 138px;
    padding-right: 0px;
    margin-right: 0px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .vehicleDetails .vehicle-type .vehicleLabel {
    font-size: 14px;
    line-height: 16.24px;
    color: #ffffff;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .vehicleDetails .vehicle-type .vehicleTypeLabel {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #ffffff;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .imageScreen {
    padding-right: 8px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .vehicleImageSection .imageScreen .vehicleImage {
    background: none !important;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG {
    background-color: #ffffff;
    padding-bottom: 24px !important;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .exchangeDetails {
    padding: 40px 0px 0px 16px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .exchangeDetails .exchangeLabel {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .exchangeDetails .exchangeInfo {
    font-size: 18px;
    line-height: 19.8px;
    font-weight: 500;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .dealerDetails {
    padding: 24px 96px 24px 16px;
    display: block;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .dealerDetails .dealer {
    width: 220px;
    padding-right: 0px;
    margin-right: 40px;
    padding-bottom: 24px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .dealerDetails .contactDetails {
    width: 284px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .refFinal {
    padding: 0px 96px 24px 16px;
    display: block;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .refFinal .referenceDetails {
    width: 220px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .refFinal .finalValueDetails {
    margin: 24px 0px 0px 0px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .confirm-dealor {
    padding: 0px 16px 40px 16px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .confirm-dealor .confirm-dealor-details {
    padding: 16px;
    width: 97%;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .confirm-dealor .confirm-dealor-details p {
    width: 100%;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .linkLabels {
    display: block;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .linkLabels .edit-booking {
    padding: 0px 0px 40px 16px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .linkLabels .cancel {
    padding-left: 16px;
    padding-bottom: 24px;
  }
  .vehicle-confirmation-comp .vehicle-confirmation-tablet .detailsScreen .whiteBG .viewDetails {
    margin-left: 16px;
    margin-right: 16px;
    max-width: none;
  }
  .vehicle-confirmation-comp .confirmation-cancel .modal-content {
    padding: 32px 30px;
  }
}

.vehicle-condition-comp {
  width: 100%;
}
.vehicle-condition-comp .vehicle-condition-main {
  margin: 0px;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-title .vehicle-title {
  margin-bottom: 40px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-title .vehicle-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-title .vehicle-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details {
  padding: 64px;
  background-color: #ffffff;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating input.form-control {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  border: none;
  border-bottom: 2px solid black;
  border-radius: 0px;
  color: #383737;
  background: transparent;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating input.form-control {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating input.form-control {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .form-control::placeholder {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .form-control::placeholder {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating input:focus {
  border-color: #307fe2;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating label.error {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  position: relative;
  color: #ed454f;
  transition: none;
  transform: none;
  opacity: 1;
  padding: 0px;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .vehicle-kilometer {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  padding-left: 0px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .vehicle-kilometer {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating #kilometerdriven {
  padding: 36px 0px 8px 0px;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating :focus {
  box-shadow: none;
  border: none;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating #vehiclevalue {
  padding: 36px 0px 8px 0px;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .vehicle-value {
  font-family: Poppins;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  padding-left: 0px;
  padding-right: 0px;
  bottom: 0;
  font-size: 18px;
  font-weight: 300;
  color: #383737;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;
  margin-bottom: 8px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .vehicle-value {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .static-symbol {
  position: absolute;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  top: 33px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .static-symbol {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .static-symbol {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating #static-id {
  color: #383737;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating #kilometerdriven[aria-invalid="true"] {
  border-bottom: 2px solid #ed454f;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating #vehiclevalue[aria-invalid="true"] {
  border-bottom: 2px solid #ed454f;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-information {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  width: 580px;
  height: 148px;
  margin-bottom: 40px;
  outline: none;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-information {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .number-of-owners {
  margin-top: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .number-of-owners {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .number-of-owners .vehicle-owners {
  width: fit-content;
  padding-bottom: 8px;
  color: #7a8084;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  color: #307fe2;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner {
  border-radius: 0px;
  border: 2px solid #307fe2;
  border-left-width: 0px;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner .btnowner:first-child {
  border-left-width: 2px;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner .check-samp-btn:checked + .checkbtn {
  color: #ffffff !important;
  background-color: #307fe2;
  border-color: #307fe2;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner .checkbtn {
  border-radius: 0px;
  padding: 12px 66px 12px 66px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: none;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner .checkbtn:hover {
  color: #ffffff !important;
  background-color: #307fe2;
  border-color: #307fe2;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner:first-child {
  border-left-width: 2px;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btn-group:focus {
  background-color: transparent;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .additionalinfo {
  margin: 0px;
  padding-bottom: 8px;
  color: #7a8084;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-information {
  background-color: #f8f8f8;
  border: none;
  width: 100%;
  padding: 30px;
  resize: none;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .kilometer {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .kilometer {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val {
  display: flex;
  margin: 40px 0px 40px 0px;
  position: relative;
  align-items: center;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-input:checked {
  border: 2px solid #307fe2 !important;
  background-color: #307fe2;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-input[type=checkbox] {
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  border-radius: 0px;
  margin-right: 24px;
  background-image: none;
  border: 2px solid #383737;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-input[type=checkbox]:focus {
  box-shadow: none;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-input:checked[type=checkbox]::after {
  content: "\e9b3";
  color: #FFFFFF;
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text .optional {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text .optional {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .additionalinfo {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .additionalinfo {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .vehiclevalue .vehiclevalue-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .vehiclevalue .vehiclevalue-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .price-label .error {
  color: #ed454f;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-title .vehicle-title {
    margin-bottom: 24px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details {
    padding: 64px 40px 64px 40px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .number-of-owners .vehicle-owners {
    width: fit-content;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container {
    max-width: 528px;
    padding: 0px;
    margin: 0px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner .checkbtn {
    padding: 12px 62px 12px 62px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .checkboxlabel .valuation-form-check-input-checkbox {
    margin-right: 16px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehiclevalue {
    margin-top: 0px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-price {
    padding-top: 8px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val {
    margin-right: 16px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-input {
    min-width: 24px;
    min-height: 24px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-input[type="checkbox"] {
    line-height: 18px;
    margin-right: 16px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text .optional {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    color: #7a8084;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text .optional {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-condition-comp .vehicle-condition-main {
    margin-right: 14px;
    margin-left: 14px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-title .vehicle-title {
    margin-bottom: 16px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details {
    padding: 24px 16px 24px 16px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .number-of-owners {
    margin-top: 24px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .checkboxlabel {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehiclevalue {
    margin: 0px;
    padding-top: 24px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-price {
    padding-top: 8px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val {
    margin: 24px 0px 24px 0px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-label .form-check-text {
    font-weight: 300;
    line-height: 19.8px;
    width: 100%;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-check-val .form-check-input[type="checkbox"] {
    margin-right: 16px;
    line-height: 20px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-information {
    margin: 0px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .form-floating #vehiclevalue {
    margin-top: 24px;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner .checkbtn {
    padding: 12px 32px 12px 32px !important;
  }
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .vehicle-kilometer {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    color: #282828;
    padding-left: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-condition-comp .vehicle-condition-main .vehicle-condition-details .vehicle_main-condition-1 .form-floating .vehicle-kilometer {
    font-size: 16px;
    line-height: 20px;
  }
}
.editBookingValuation {
  pointer-events: none !important;
}
.editBookingValuation .vehicle-condition-main .vehicle-condition-details .vehicle-container .btnowner {
  pointer-events: none !important;
}

.valuation-location-comp input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.valuation-location-comp .search-match {
  color: #307fe2;
}
.valuation-location-comp .valuationTitle {
  margin-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuationTitle {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuationTitle {
    margin-bottom: 16px;
  }
}
.valuation-location-comp .valuation-details {
  background-color: #ffffff;
  padding: 64px 64px 42px 64px;
}
.valuation-location-comp .valuation-details :focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}
.valuation-location-comp .valuation-details p {
  color: #7a8084;
  margin-bottom: 26px;
  width: fit-content;
}
.valuation-location-comp .valuation-details .handOverDealers {
  margin-left: 53px;
  margin-top: 10px;
}
.valuation-location-comp .valuation-details .handOverDealers .nameRatings {
  display: flex;
  gap: 18px;
}
.valuation-location-comp .valuation-details .handOverDealers .dealerName {
  margin-bottom: 8px;
}
.valuation-location-comp .valuation-details .selected {
  margin-top: 40px;
  margin-left: 48px;
}
.valuation-location-comp .valuation-details .dealers-label {
  margin-top: 40px;
}
.valuation-location-comp .valuation-details .addresslabel {
  display: inline-block;
  margin-top: 2px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details .addresslabel {
    max-width: 255px;
  }
}
.valuation-location-comp .valuation-details .dealerlabel {
  display: inline-block;
  margin-top: 2px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details .dealerlabel {
    max-width: 255px;
  }
}
.valuation-location-comp .valuation-details .addresstype {
  margin-top: 0px;
  margin-right: 24px;
  font-size: 24px;
  margin-bottom: 0px;
  cursor: pointer;
}
.valuation-location-comp .valuation-details .addresstype:checked[type="radio"] {
  background-image: none;
  border: 2px solid #307fe2;
  background-color: #ffffff;
}
.valuation-location-comp .valuation-details input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 15px;
  min-width: 24px;
  cursor: pointer;
}
.valuation-location-comp .valuation-details input[type='radio']:checked {
  border: 2px solid #307fe2;
  background-color: transparent;
}
.valuation-location-comp .valuation-details input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.valuation-location-comp .valuation-details input[type='radio']:checked:before {
  background: #307fe2;
}
.valuation-location-comp .valuation-details h6 {
  color: #383737;
  margin-bottom: 8px;
}
.valuation-location-comp .valuation-details label {
  display: block;
}
.valuation-location-comp .valuation-details .icon-Colour-Full-Rest:before {
  font-size: 18px;
  position: absolute;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown {
  width: 50%;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .address-title {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .address-title {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown {
    width: 100%;
  }
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown.active::after {
  transform: rotate(180deg);
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.valuation-location-comp .valuation-details .valuation-wrapper .valuation-dropdown .valuation-details-address-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.valuation-location-comp .valuation-details .valuation-wrapper .address-title {
  width: fit-content;
  margin-bottom: 8px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .address-details {
  width: 50%;
  margin: 40px 0 40px 0;
}
.valuation-location-comp .valuation-details .valuation-wrapper .address-details h6 {
  margin-bottom: 8px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .select2-selection--single {
  margin: 0;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details .valuation-wrapper .select2-selection--single {
    width: 100%;
  }
}
.valuation-location-comp .valuation-details .valuation-wrapper .select2-selection--single .select2-selection__arrow {
  margin-left: 0px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.valuation-location-comp .valuation-details .valuation-wrapper #select2-valuation-details-address-dropdown-container {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuation-details .valuation-wrapper #select2-valuation-details-address-dropdown-container {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details .valuation-wrapper #select2-valuation-details-address-dropdown-container {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.valuation-location-comp .valuation-details .valuation-wrapper .select2-container--tmlreimagine .select2-selection--single .select2-selection__rendered {
  width: 92%;
  padding-right: 16px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .select2-container--tmlreimagine .select2-selection--single {
  padding: 0px;
  line-height: normal;
  min-width: 256px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .select2-results__options {
  padding: 16px 16px 0 16px;
}
.valuation-location-comp .valuation-details .valuation-wrapper .select2-results__option {
  padding: 0;
  margin-bottom: 16px;
}
.valuation-location-comp .valuation-details .valuation-wrapper p {
  margin-bottom: 0px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.valuation-location-comp .valuation-details .edit-address-link,
.valuation-location-comp .valuation-details .add-address-link {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  color: #307fe2;
  width: fit-content;
  cursor: pointer;
}
.valuation-location-comp .valuation-details .edit-address-link .icon-Arrow-Right,
.valuation-location-comp .valuation-details .add-address-link .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuation-details {
    padding: 64px;
  }
  .valuation-location-comp .valuation-details p {
    width: auto;
    margin-bottom: 40px;
  }
  .valuation-location-comp .valuation-details .selected {
    margin-top: 26px;
  }
  .valuation-location-comp .valuation-details .valuation-heading {
    padding-top: 64px;
    margin-bottom: 42px;
  }
  .valuation-location-comp .valuation-details .valuation-wrapper {
    padding: 0px;
  }
  .valuation-location-comp .valuation-details .valuation-wrapper .address-title {
    margin-bottom: 8px;
  }
  .valuation-location-comp .valuation-details .valuation-wrapper .address-details {
    margin-bottom: 24px;
    width: 100%;
  }
  .valuation-location-comp .valuation-details .edit-address-link {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-details {
    padding: 24px 16px;
  }
  .valuation-location-comp .valuation-details p {
    margin-bottom: 24px;
  }
  .valuation-location-comp .valuation-details .valuation-heading {
    margin-bottom: 26px;
    padding-left: 16px;
    padding-top: 24px;
  }
  .valuation-location-comp .valuation-details .dealers-label {
    margin-top: 24px;
  }
  .valuation-location-comp .valuation-details .selected {
    margin-top: 24px;
    margin-left: 36px;
  }
  .valuation-location-comp .valuation-details .selected .address-title {
    margin-bottom: 8px;
    width: fit-content;
  }
  .valuation-location-comp .valuation-details .selected .edit-address-link {
    margin-bottom: 8px;
  }
  .valuation-location-comp .valuation-details .selected .cta-desc {
    max-width: 227px;
    padding-bottom: 26px;
  }
  .valuation-location-comp .valuation-details .selected .address-details {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .valuation-location-comp .valuation-details .handOverDealers {
    margin-left: 36px;
    margin-top: 24px;
  }
  .valuation-location-comp .valuation-details .handOverDealers .nameRatings {
    gap: 0px;
    flex-direction: column;
  }
  .valuation-location-comp .valuation-details .addresstype {
    margin-right: 16px !important;
  }
}
.valuation-location-comp .valuation-address-form {
  background-color: #ffffff;
  color: #383737;
}
.valuation-location-comp .valuation-address-form .has-error .select2-selection {
  border-bottom: 2px solid #ed454f;
  margin-bottom: 8px !important;
}
.valuation-location-comp .valuation-address-form input[aria-invalid="true"] {
  border-bottom: 2px solid #ed454f !important;
}
.valuation-location-comp .valuation-address-form .select2-selection__arrow {
  margin-left: 0px;
}
.valuation-location-comp .valuation-address-form .select2-selection__arrow b {
  display: none;
}
.valuation-location-comp .valuation-address-form .rightarrow-icon {
  width: 10px;
  margin-left: 9px;
}
.valuation-location-comp .valuation-address-form p {
  margin-bottom: 8px;
}
.valuation-location-comp .valuation-address-form .valuation-form-field {
  margin-bottom: 40px;
}
.valuation-location-comp .valuation-address-form button {
  color: #307fe2;
  margin: 26px 0 16px 0;
  padding: 0;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.valuation-location-comp .valuation-address-form .state-city-locality-dropdowns {
  display: grid;
  gap: 16px 0;
}
.valuation-location-comp .valuation-address-form .enter-address-manualy-link {
  margin-top: 0;
}
.valuation-location-comp .valuation-address-form input::-webkit-outer-spin-button,
.valuation-location-comp .valuation-address-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.valuation-location-comp .valuation-address-form .floating-labelText {
  opacity: 0;
}
.valuation-location-comp .valuation-address-form .focused .floating-labelText {
  opacity: 1;
  position: relative;
  padding: 0px;
}
.valuation-location-comp .valuation-address-form .error {
  position: relative;
  color: #ed454f;
  transform: none;
  opacity: 1;
  padding: 0px;
  margin-top: 8px;
  top: -8px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.valuation-location-comp .valuation-address-form .editable-input {
  position: relative;
  margin-top: 25px;
}
.valuation-location-comp .valuation-address-form .editable-input input,
.valuation-location-comp .valuation-address-form .editable-input input:focus,
.valuation-location-comp .valuation-address-form .editable-input input:focus-visible {
  border: 0;
  outline: 0;
}
.valuation-location-comp .valuation-address-form .editable-input .floating-label {
  border: 0;
  outline: 0;
  border-bottom: 2px solid #383737;
}
.valuation-location-comp .valuation-address-form .editable-input .floating-label {
  border-bottom: 2px solid #383737;
  color: #383737;
  padding-bottom: 0;
  width: 100%;
  background-color: transparent;
}
.valuation-location-comp .valuation-address-form .editable-input .floating-label.error {
  border-bottom: 2px solid #ed454f;
}
.valuation-location-comp .valuation-address-form .editable-input label {
  position: absolute;
  pointer-events: none;
  bottom: 6px;
  color: #7a8084;
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuation-address-form .editable-input label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-location-comp .valuation-address-form .editable-input label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.valuation-location-comp .valuation-address-form .editable-input label.error {
  margin-bottom: -45px;
  top: 25px;
  color: #ed454f;
  padding-bottom: 15px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.valuation-location-comp .valuation-address-form .editable-input i {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.valuation-location-comp .valuation-address-form .editable-input .floating-label:focus ~ label,
.valuation-location-comp .valuation-address-form .editable-input .floating-label:valid ~ label {
  bottom: 25px;
  color: #7a8084;
  display: block;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-location-comp .valuation-address-form .editable-input .floating-label:focus ~ label,
  .valuation-location-comp .valuation-address-form .editable-input .floating-label:valid ~ label {
    font-size: 16px;
    line-height: 20px;
  }
}
.valuation-location-comp .valuation-address-form .editable-input .floating-label:focus ~ label.error,
.valuation-location-comp .valuation-address-form .editable-input .floating-label:valid ~ label.error {
  top: 24px;
  bottom: 5px;
  color: #ed454f;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.valuation-location-comp .valuation-address-form .editable-input .floating-label:focus ~ label.invalid-error-msg,
.valuation-location-comp .valuation-address-form .editable-input .floating-label:valid ~ label.invalid-error-msg {
  color: #ed454f;
  bottom: -32px;
  margin-top: 8px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.valuation-location-comp .valuation-address-form .editable-input .floating-label:focus {
  border-bottom: 2px solid #307fe2;
}
.valuation-location-comp .valuation-address-form .editable-input .floating-label:disabled {
  background-color: #ffffff;
}
.valuation-location-comp .valuation-address-form .editable-input #pincode-error {
  top: 31px;
}
.valuation-location-comp .valuation-address-form .editable-input .address-valid-error {
  display: none;
  color: #ed454f;
  font-size: 14px;
}
.valuation-location-comp .valuation-address-form .editable-input .address2-valid-error {
  display: none;
  color: #ed454f;
  font-size: 14px;
}
.valuation-location-comp #addressType-dropdown_ddParent,
.valuation-location-comp #country-dropdown_ddParent,
.valuation-location-comp #valuation-details-address-dropdown_ddParent {
  position: relative;
  display: block;
}
.valuation-location-comp #addressType-dropdown_ddParent .select2-container.select2-container--tmlreimagine.select2-container--open,
.valuation-location-comp #country-dropdown_ddParent .select2-container.select2-container--tmlreimagine.select2-container--open,
.valuation-location-comp #valuation-details-address-dropdown_ddParent .select2-container.select2-container--tmlreimagine.select2-container--open {
  top: 0px !important;
}
.valuation-location-comp .select2-dropdown {
  width: 100% !important;
  z-index: 9;
}
.editBookingValuation {
  pointer-events: none;
}

.tradein-vehicle-list-comp .vehicle-header {
  text-align: center;
}
.tradein-vehicle-list-comp .vehicle-header h4 {
  color: #383737;
  padding-bottom: 12px;
  margin-bottom: 0px;
}
.tradein-vehicle-list-comp .vehicle-header .fancy-desc {
  color: #7a8084;
  margin-bottom: 32px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-vehicle-list-comp .vehicle-header .fancy-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.tradein-vehicle-list-comp .vehicle-content {
  background: #f8f8f8;
}
.tradein-vehicle-list-comp .vehicle-content .car-section {
  text-align: center;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column {
  display: flex;
  justify-content: center;
  padding: 32px 24px;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .carsimage {
  cursor: pointer;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .carsimage picture {
  display: block;
  min-height: 93px;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .carsimage img {
  max-width: 100%;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element {
  width: 100%;
  max-width: 352px;
  margin: 0px;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element a {
  text-decoration: none;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .name-car {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .name-car {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .name-car {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .name-car a {
  text-decoration: none;
  color: #383737;
  margin: 8px 0px;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .link-label {
  cursor: pointer;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .link-label a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  padding: 0px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #307fe2;
  text-decoration: none;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .link-label a .icon-Arrow-Right:before {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  margin-top: -4px;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .variantimg {
  margin-top: 8px;
  width: 100%;
  max-width: 352px;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .variantimg .image {
  padding: 0px 4px;
}
.tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column .car-section-card .content_element .variantimg .image img {
  max-width: 18px;
  width: 100%;
  max-height: 18px;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-lg {
  max-width: 812px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-lg {
    max-width: 360px;
    margin: 0px;
  }
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content {
  padding: 80px;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .arrow-bottom {
  height: 21px;
  width: 26px;
  border-left: 3px solid #307fe2;
  border-top: 3px solid #307fe2;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .icon-Chevron-Right {
  position: relative;
  bottom: 8px;
  right: 14px;
  font-size: 24px;
  color: #307fe2;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .modal-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  width: 548px;
  max-width: 580px;
  padding-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-content .modal-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-content .modal-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-content .modal-title {
    padding-bottom: 24px !important;
    width: auto;
  }
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .modal-text {
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-content .modal-text {
    margin-bottom: 0px !important;
  }
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .btn-close {
  opacity: 1;
  outline: none;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-content .btn-close {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-content .btn-close {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .btn-close:active {
  outline: none;
  box-shadow: none;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .cb-title {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .mb-24 {
  margin-bottom: 24px;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .mb-40 {
  margin-bottom: 40px;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .mt-20 {
  margin-top: 20px;
  margin-top: 8px;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .ab-text-labels {
  max-width: 318px;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .ab-text-grey {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
  color: #7a8084;
  margin-bottom: 8px;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .ab-text-dark {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
}
.tradein-vehicle-list-comp .exchange-configurator .modal-content .modal-footer button {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  color: #307fe2;
  text-decoration: none;
  padding: 10px 30px;
  border: 2px solid #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-content {
    position: fixed;
    top: 300px;
    padding: 40px;
    margin-left: 40px;
    margin-right: 40px;
    width: 90%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-vehicle-list-comp .exchange-configurator .modal-content {
    width: auto;
    position: fixed;
    top: 210px;
    padding: 30px !important;
    margin-left: 14px;
    margin-right: 14px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-vehicle-list-comp .vehicle-header h4 {
    padding-bottom: 24px;
  }
  .tradein-vehicle-list-comp .vehicle-content {
    display: none;
    flex: 49.3%;
    height: 50vh;
    overflow-x: scroll;
  }
  .tradein-vehicle-list-comp .vehicle-content .car-section {
    margin-left: 0px;
  }
  .tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column {
    padding: 32px 0px;
    text-align: center;
  }
  .tradein-vehicle-list-comp .vehicle-content .content_element {
    width: 100%;
    margin: 0px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet {
    display: block !important;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-carousel .owl-item .carsimage img {
    max-width: 280px;
    min-height: 120px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer {
    text-align: center;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element .name-car a {
    text-decoration: none;
    color: #383737;
    margin: 8px 0px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element .link-label a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    padding: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #307fe2;
    text-decoration: none;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element .link-label .icon-Arrow-Right:before {
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    background-size: 100% !important;
    background-repeat: no-repeat;
    margin-top: -4px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element .variantimg {
    gap: 12px;
    display: inline-flex;
    margin-top: 8px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-nav .owl-prev {
    display: none;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-nav .owl-next {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-vehicle-list-comp .vehicle-header h4 {
    padding-bottom: 12px;
  }
  .tradein-vehicle-list-comp .vehicle-content {
    display: none;
    flex: 49.3%;
    height: 50vh;
    overflow-x: scroll;
  }
  .tradein-vehicle-list-comp .vehicle-content .car-section {
    margin-left: 0px;
  }
  .tradein-vehicle-list-comp .vehicle-content .car-section .car-section-column {
    padding: 32px 0px;
    text-align: center;
  }
  .tradein-vehicle-list-comp .vehicle-content .content_element {
    margin: 0px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet {
    display: block !important;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-carousel .owl-item .carsimage img {
    max-width: 144px;
    min-height: 74px;
    max-height: 74px;
    min-width: 144px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer {
    text-align: center;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element {
    max-width: 144px;
    min-height: 74px;
    max-height: 74px;
    min-width: 144px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element .name-car a {
    text-decoration: none;
    color: #383737;
    margin: 8px 0px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element .link-label a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    padding: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #307fe2;
    text-decoration: none;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element .link-label .icon-Arrow-Right:before {
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    background-size: 100% !important;
    background-repeat: no-repeat;
    margin-top: -4px;
  }
  .tradein-vehicle-list-comp .vehicle-content-tablet .owl-stage-outer .owl-stage .owl-item .car-section-column .car-section-card .content_element .variantimg .image img {
    width: 20px;
    height: 20px;
  }
}

.tradein-dealership-comp input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.tradein-dealership-comp #dtrade-cities-dropdown_ddParent {
  position: relative;
  display: block;
}
.tradein-dealership-comp #dtrade-cities-dropdown_ddParent .select2-container.select2-container--tmlreimagine.select2-container--open {
  top: 0px !important;
}
.tradein-dealership-comp .select2-dropdown {
  padding: 16px 16px 13px 16px;
  height: auto;
  z-index: 9;
  width: 100% !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-dealership-comp .select2-dropdown {
    padding: 12px;
  }
}
.tradein-dealership-comp .select2-selection {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0;
  min-height: 0;
}
.tradein-dealership-comp .select2-selection .select2-selection__rendered {
  padding-bottom: 8px;
  padding-left: 0;
}
.tradein-dealership-comp .select2-search__field {
  font-size: 16px !important;
  line-height: 17.6px !important;
}
.tradein-dealership-comp .select2-search__field::placeholder {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  line-height: 17.6px !important;
  padding: 0%;
}
.tradein-dealership-comp .select2-search--dropdown {
  padding: 0;
}
.tradein-dealership-comp .select2-search--dropdown .select2-search__field {
  padding: 0;
  padding-bottom: 8px;
}
.tradein-dealership-comp .select2-container--tmlreimagine .select2-results__options {
  margin-top: 16px;
  max-height: 188px;
}
.tradein-dealership-comp .select2-container--tmlreimagine .select2-results__options .select2-results__option {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0 0 16px 0;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-dealership-comp .select2-container--tmlreimagine .select2-results__options .select2-results__option {
    padding: 0 0 12px 0;
  }
}
.tradein-dealership-comp .select2-container--tmlreimagine .select2-results__options :last-child {
  padding: 0;
}
.tradein-dealership-comp #dealerTradeForm {
  opacity: 0;
}
.tradein-dealership-comp #dealerTradeForm input#dealerTradeType {
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.tradein-dealership-comp .bookingDealersMapSection #bookingDealerMap {
  max-width: 100%;
  height: 340px;
}
.tradein-dealership-comp .dealer-trade-list-error {
  padding: 13px;
  border-left: 8px solid #307fe2;
  padding-left: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-dealership-comp .dealer-trade-list-error {
    padding: 16px;
    padding-left: 8px;
  }
}
.tradein-dealership-comp .dealer-exist-trade-msg {
  border-left: 8px solid #307fe2;
  background-color: #f8f8f8;
  padding: 24px 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-dealership-comp .dealer-exist-trade-msg {
    padding: 16px;
    padding-left: 8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-dealership-comp .dealer-exist-trade-msg {
    padding: 16px;
  }
}
.tradein-dealership-comp .servicebook {
  padding: 47px 64px;
  max-width: 100%;
  margin-top: 40px;
  background: #ffffff;
}
.tradein-dealership-comp .servicebook .trade-searchbar #select2-dtrade-cities-dropdown-container,
.tradein-dealership-comp .servicebook .trade-searchbar .select2-selection__placeholder {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-dealership-comp .servicebook .trade-searchbar #select2-dtrade-cities-dropdown-container,
  .tradein-dealership-comp .servicebook .trade-searchbar .select2-selection__placeholder {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-dealership-comp .servicebook .trade-searchbar #select2-dtrade-cities-dropdown-container,
  .tradein-dealership-comp .servicebook .trade-searchbar .select2-selection__placeholder {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.tradein-dealership-comp .servicebook .trade-searchbar .search-input {
  margin-bottom: 40px;
  border-bottom: 2px solid #7a8084;
  padding-bottom: 8px;
}
.tradein-dealership-comp .servicebook .trade-searchbar #search-form {
  width: 100%;
  display: flex;
}
.tradein-dealership-comp .servicebook .trade-searchbar .searchTerm {
  flex: 50%;
  border: none;
  border-right: none;
  outline: none;
  color: #000000;
  width: 100%;
  position: relative;
}
.tradein-dealership-comp .servicebook .trade-searchbar input[type="text"]:focus {
  background: transparent;
}
.tradein-dealership-comp .servicebook .trade-searchbar input:-webkit-autofill,
.tradein-dealership-comp .servicebook .trade-searchbar input:-webkit-autofill:hover,
.tradein-dealership-comp .servicebook .trade-searchbar input:-webkit-autofill:focus,
.tradein-dealership-comp .servicebook .trade-searchbar input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  transition-delay: 9999s;
}
.tradein-dealership-comp .servicebook .trade-searchbar button.search-btn {
  outline: none;
  border: none;
  text-align: center;
  color: #307fe2;
  background: transparent;
}
.tradein-dealership-comp .servicebook .trade-searchbar button.search-btn .icon-Arrow-Right::before {
  font-size: 12px;
  padding-left: 8px;
}
.tradein-dealership-comp .servicebook #container {
  height: 340px;
  max-height: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
  margin-bottom: 40px;
  margin-top: 40px;
}
.tradein-dealership-comp .servicebook #container #dtrade-locator-map {
  flex-basis: 0;
  flex-grow: 4;
  width: 100%;
  height: 100%;
}
.tradein-dealership-comp .servicebook #container #MyCurrentloc {
  position: absolute;
  bottom: 23%;
  padding: 0;
  right: 10px;
  width: 25px;
  height: 25px;
  border: none;
  outline: none;
  background: #ffffff;
}
.tradein-dealership-comp .servicebook #container #MyCurrentloc .loc-img {
  width: 21px;
  height: 21px;
}
.tradein-dealership-comp .servicebook #container .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  bottom: 60px !important;
  right: 24px !important;
}
.tradein-dealership-comp .servicebook #container .gm-bundled-control-on-bottom .gmnoprint {
  width: 25px !important;
  height: 50px !important;
}
.tradein-dealership-comp .servicebook #container .gm-bundled-control-on-bottom .gmnoprint div:first-child {
  width: 25px !important;
  height: 50px !important;
}
.tradein-dealership-comp .servicebook #container .gm-control-active {
  width: 25px !important;
  height: 25px !important;
}
.tradein-dealership-comp .servicebook #container .gm-control-active img {
  height: 10px !important;
  width: 10px !important;
}
.tradein-dealership-comp .servicebook .buttons {
  text-align: left;
}
.tradein-dealership-comp .servicebook .buttons .button {
  box-shadow: none;
  padding: 0 0 8px 0;
  color: #7a8084;
}
.tradein-dealership-comp .servicebook .buttons :nth-child(2) {
  margin-right: 20px;
  margin-left: 20px;
}
.tradein-dealership-comp .servicebook .buttons .active {
  border-bottom: 2px solid #383737;
  border-radius: 0;
  padding: 0 0 8px 0;
  color: #383737;
}
.tradein-dealership-comp .servicebook .dealers {
  color: black;
  text-align: left;
  padding-top: 30px;
  overflow: hidden scroll;
  max-height: 548px;
  scrollbar-width: none;
}
.tradein-dealership-comp .servicebook .dealers .all {
  list-style: none;
  padding-left: 0;
}
.tradein-dealership-comp .servicebook .dealers .flex-container {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
  margin-bottom: 40px;
}
.tradein-dealership-comp .servicebook .dealers .active-flex-container {
  border-bottom: 1px solid #eaeaec;
}
.tradein-dealership-comp .servicebook .dealers .flex-item-right {
  flex: 85%;
}
.tradein-dealership-comp .servicebook .dealers .radio-button__label-title {
  flex-grow: 1;
  font-family: 'Poppins';
  color: #383737;
}
.tradein-dealership-comp .servicebook .dealers .content {
  display: inline-flex;
  width: 73.68%;
}
.tradein-dealership-comp .servicebook .dealers .content .dealer-name {
  max-width: 89%;
}
.tradein-dealership-comp .servicebook .dealers .content .heart {
  margin-left: 8px;
}
.tradein-dealership-comp .servicebook .dealers .icon-Heart-Filled {
  color: #307fe2;
}
.tradein-dealership-comp .servicebook .dealers .icon-Heart-Outline {
  color: #307fe2;
}
.tradein-dealership-comp .servicebook .dealers .stars {
  float: right;
  text-align: end;
  color: #307fe2;
}
.tradein-dealership-comp .servicebook .dealers .stars span {
  margin-left: 3.3px;
}
.tradein-dealership-comp .servicebook .dealers .radio-button__label-subtext {
  font-size: 14px;
  float: none;
  color: #7a8084;
  max-width: 392px;
  line-height: 16.24px;
  margin-bottom: 10px;
}
.tradein-dealership-comp .servicebook .dealers .get-directions-link {
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.tradein-dealership-comp .servicebook .dealers .get-directions-link .icon-Arrow-Right::before {
  font-size: 12px;
  padding-left: 8px;
}
.tradein-dealership-comp .servicebook .dealers input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #383737;
  margin-right: 24px;
  margin-bottom: 40px;
}
.tradein-dealership-comp .servicebook .dealers input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.tradein-dealership-comp .servicebook .dealers input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.tradein-dealership-comp .servicebook .dealers input[type='radio']:checked:before {
  background: #307fe2;
}
.tradein-dealership-comp .servicebook .dealers .dealer-available-information {
  display: none;
}
.tradein-dealership-comp .servicebook .dealers .dealer-available-information .availability {
  margin: 40px 0;
  display: grid;
  grid-template-columns: 30.075% 62.40%;
  max-width: 532px;
  width: 100%;
  gap: 7.5%;
}
.tradein-dealership-comp .servicebook .dealers .dealer-available-information .availability p:nth-child(odd) {
  max-width: 160px;
  width: 100%;
  color: #383737;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.tradein-dealership-comp .servicebook .dealers .dealer-available-information .availability p:nth-child(even) {
  max-width: 332px;
  width: 100%;
  color: #383737;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.tradein-dealership-comp .servicebook .right-arrow-image {
  width: 12px;
  margin-left: 5px;
}
.tradein-dealership-comp .servicebook .mob-rating {
  display: none;
}
.tradein-dealership-comp .editBooking .dealer-available-information {
  display: block !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-dealership-comp .servicebook {
    margin-top: 24px;
    padding: 62px 40px;
  }
  .tradein-dealership-comp .servicebook #container {
    height: 342px;
  }
  .tradein-dealership-comp .servicebook .combined .icon-Star-Rest {
    font-size: 13.3px;
  }
  .tradein-dealership-comp .servicebook .combined .content1 label {
    font-size: 18px;
    line-height: 19.8px;
  }
  .tradein-dealership-comp .servicebook .combined .content1 .location1 p {
    font-size: 16px;
    line-height: 20px;
  }
  .tradein-dealership-comp .servicebook .combined .content1 .timings p {
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
  }
  .tradein-dealership-comp .servicebook .dealers {
    max-height: 434px;
  }
  .tradein-dealership-comp .servicebook .dealers .flex-container {
    margin-top: 2px;
  }
  .tradein-dealership-comp .servicebook .dealers .content {
    width: 69.28%;
  }
  .tradein-dealership-comp .servicebook .dealers .icon-Heart-Filled,
  .tradein-dealership-comp .servicebook .dealers .icon-Heart-Outline {
    padding-left: 14px;
  }
  .tradein-dealership-comp .servicebook .dealers .dealer-available-information .availability {
    margin: 16px 0 25px 0;
    max-width: 100%;
    width: 69.2%;
    grid-template-columns: 46.9% 46.9%;
    gap: 6.1%;
  }
  .tradein-dealership-comp .servicebook .dealers .dealer-available-information .availability p:nth-child(2n+1) {
    max-width: 100%;
  }
  .tradein-dealership-comp .servicebook .dealers .dealer-available-information .availability p {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-dealership-comp .servicebook {
    padding: 24px 16px;
    margin-top: 16px;
  }
  .tradein-dealership-comp .servicebook #container {
    height: 200px;
  }
  .tradein-dealership-comp .servicebook #container #dtrade-locator-map {
    max-height: 200px;
  }
  .tradein-dealership-comp .servicebook #container #MyCurrentloc {
    bottom: 38%;
    right: 10px;
  }
  .tradein-dealership-comp .servicebook .dealers {
    max-height: 526px;
  }
  .tradein-dealership-comp .servicebook .dealers .all {
    margin-bottom: 26px;
  }
  .tradein-dealership-comp .servicebook .dealers .flex-container {
    margin-bottom: 25.33px;
  }
  .tradein-dealership-comp .servicebook .dealers input[type='radio'] {
    margin-right: 16px;
  }
  .tradein-dealership-comp .servicebook .dealers .radio-button__label-title {
    font-size: 18px;
  }
  .tradein-dealership-comp .servicebook .dealers .content {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .tradein-dealership-comp .servicebook .dealers .heart {
    float: right;
    font-size: 15px;
  }
  .tradein-dealership-comp .servicebook .dealers .stars.mob-rating {
    display: block;
    float: none;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 0px;
  }
  .tradein-dealership-comp .servicebook .dealers .stars {
    display: none;
  }
  .tradein-dealership-comp .servicebook .dealers .radio-button__label-subtext {
    margin-bottom: 8px;
  }
  .tradein-dealership-comp .servicebook .dealers .dealer-available-information .availability {
    margin: 16px 0;
    grid-template-columns: 45.4% 45.4%;
    width: 100%;
    gap: 0 9.2%;
  }
  .tradein-dealership-comp .servicebook .dealers .dealer-available-information .availability p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    margin-bottom: 12px;
  }
  .tradein-dealership-comp .servicebook .trade-searchbar .search-input {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .tradein-dealership-comp .servicebook .right-arrow-image {
    margin-left: 9px;
  }
}

.tradein-cards .tradein-cards-comp {
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.tradein-cards .tradein-cards-comp .exc-container,
.tradein-cards .tradein-cards-comp .sell-container {
  top: 0px;
  position: relative;
  transition: transform .5s;
  box-sizing: border-box;
}
.tradein-cards .tradein-cards-comp .exc-container h5,
.tradein-cards .tradein-cards-comp .sell-container h5,
.tradein-cards .tradein-cards-comp .exc-container h3,
.tradein-cards .tradein-cards-comp .sell-container h3,
.tradein-cards .tradein-cards-comp .exc-container p,
.tradein-cards .tradein-cards-comp .sell-container p {
  margin-bottom: 0px;
}
.tradein-cards .tradein-cards-comp .exc-backgroundimg,
.tradein-cards .tradein-cards-comp .sell-backgroundimg {
  max-width: 100%;
  height: 100%;
}
.tradein-cards .tradein-cards-comp .cards-container {
  position: absolute;
  top: 0px;
}
.tradein-cards .tradein-cards-comp .cards-container .title-container {
  color: #ffffff;
  margin: 40px 80px 70px;
}
.tradein-cards .tradein-cards-comp .cards-container .title-container .card-title {
  padding-top: 0px;
  padding-bottom: 40px;
}
.tradein-cards .tradein-cards-comp .cards-container .title-container .card-desc-exc,
.tradein-cards .tradein-cards-comp .cards-container .title-container .card-desc-sell {
  color: #f8f8f8;
}
.tradein-cards .tradein-cards-comp .cards-container .img-responsive {
  max-width: 100%;
}
.tradein-cards .tradein-cards-comp .cards-container .card-image {
  width: 100%;
  padding-left: 53px;
  padding-right: 53px;
  padding-bottom: 40px;
}
.tradein-cards .tradein-cards-comp .cards-container .extended-image {
  width: 100%;
  padding-left: 62px;
  padding-right: 62px;
  padding-bottom: 40px;
}
.tradein-cards .tradein-cards-comp .terms-container {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.tradein-cards .tradein-cards-comp .terms-container .exc-btn,
.tradein-cards .tradein-cards-comp .terms-container .sell-btn {
  display: block;
  margin: auto;
  outline: none;
  background-color: transparent;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  outline: 0;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.tradein-cards .tradein-cards-comp .terms-container .add-border {
  display: block;
  margin: 24px 40px;
  border-top: 2px solid #eaeaec;
}
.tradein-cards .tradein-cards-comp .terms-container .dealer-desc p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #ffffff;
  text-align: center;
  margin: 0px 40px 24px;
}
.tradein-cards .tradein-cards-comp .terms-container .card-terms {
  padding-bottom: 20px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #ffffff;
  text-align: center;
}
.tradein-cards .tradein-cards-comp .active-border {
  border-bottom: 2px solid #307fe2;
  display: inline-block;
  padding-bottom: 8px !important;
  margin-bottom: 32px !important;
}
.tradein-cards .tradein-cards-comp.card-title {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-cards .tradein-cards-comp .cards-container .title-container {
    margin: 40px;
  }
  .tradein-cards .tradein-cards-comp .cards-container .title-container .card-title {
    padding-bottom: 24px;
  }
  .tradein-cards .tradein-cards-comp .cards-container .title-container .card-desc-exc,
  .tradein-cards .tradein-cards-comp .cards-container .title-container .card-desc-sell {
    height: 140px;
  }
  .tradein-cards .tradein-cards-comp .cards-container .card-image {
    padding-left: 0px;
    padding-right: 0px;
  }
  .tradein-cards .tradein-cards-comp .cards-container .extended-image {
    padding-left: 12px;
    padding-right: 12px;
  }
  .tradein-cards .tradein-cards-comp .terms-container .add-border {
    margin: 16px 40px;
  }
  .tradein-cards .tradein-cards-comp .terms-container .dealer-desc p {
    margin-bottom: 16px;
  }
  .tradein-cards .tradein-cards-comp .active-border {
    padding-bottom: 8px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-cards .tradein-cards-comp {
    padding-left: 14px;
    padding-right: 14px;
    flex-direction: column;
  }
  .tradein-cards .tradein-cards-comp .exc-container,
  .tradein-cards .tradein-cards-comp .sell-container {
    margin: auto;
    top: 0px !important;
  }
  .tradein-cards .tradein-cards-comp .exc-container:hover,
  .tradein-cards .tradein-cards-comp .sell-container:hover {
    z-index: 99;
    top: 0px !important;
  }
  .tradein-cards .tradein-cards-comp .cards-container .title-container {
    margin: 24px;
  }
  .tradein-cards .tradein-cards-comp .terms-container .add-border {
    margin: 16px 24px;
  }
  .tradein-cards .tradein-cards-comp .terms-container .dealer-desc p {
    margin: 0px 24px 16px;
  }
  .tradein-cards .tradein-cards-comp .card-image {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }
  .tradein-cards .tradein-cards-comp .extended-image {
    padding-left: 21px !important;
    padding-right: 17px !important;
  }
  .tradein-cards .tradein-cards-comp .add-border {
    margin: 24px;
  }
  .tradein-cards .tradein-cards-comp .card-terms {
    padding-bottom: 20px !important;
  }
}
.tradein-cards.black .tradein-cards-comp .terms-container .exc-btn,
.tradein-cards.black .tradein-cards-comp .terms-container .sell-btn {
  color: #383737;
  border: 2px solid #383737;
}
.tradein-cards.black .tradein-cards-comp .terms-container .add-border {
  border-top: 2px solid #383737;
}
.tradein-cards.black .tradein-cards-comp .terms-container .dealer-desc p {
  color: #383737;
}
.tradein-cards.black .tradein-cards-comp .terms-container .card-terms {
  color: #383737;
}
.tradein-cards.white .tradein-cards-comp .terms-container .exc-btn,
.tradein-cards.white .tradein-cards-comp .terms-container .sell-btn {
  color: #ffffff;
  border: 2px solid #ffffff;
}
.tradein-cards.white .tradein-cards-comp .terms-container .add-border {
  border-top: 2px solid #eaeaec;
}
.tradein-cards.white .tradein-cards-comp .terms-container .dealer-desc p {
  color: #ffffff;
}
.tradein-cards.white .tradein-cards-comp .terms-container .card-terms {
  color: #ffffff;
}

.quick-links h5 {
  color: #383737;
  margin-bottom: 20px;
}
.quick-links .links .right-arrow {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px;
  word-break: normal;
}
.quick-links .links .right-arrow a {
  text-decoration: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-links .links .right-arrow a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-links .links .right-arrow a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-links .links .right-arrow .icon-Arrow-Right {
  color: #307fe2;
  padding-left: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .quick-links .links .right-arrow .icon-Arrow-Right {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.quick-links .links .sell-button .sell {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px;
  word-break: normal;
  margin-bottom: 8px;
}
.quick-links .links .sell-button .sell a {
  text-decoration: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-links .links .sell-button .sell a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-links .links .sell-button .sell a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-links .links .sell-button .sell .icon-Arrow-Right {
  color: #307fe2;
  padding-left: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .quick-links .links .sell-button .sell .icon-Arrow-Right {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.quick-links .links .sell-button .sell a {
  color: #307fe2;
}
.quick-links .links .sell-button .disable-link {
  pointer-events: none !important;
}
.quick-links .links .sell-button .selldesc {
  margin-bottom: 24px;
  color: #7a8084;
}
.quick-links .links .sell-button .selldesc p {
  margin: 0px;
}
.quick-links .links .documents-button .documents {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px;
  word-break: normal;
  margin-bottom: 8px;
}
.quick-links .links .documents-button .documents a {
  text-decoration: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-links .links .documents-button .documents a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-links .links .documents-button .documents a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-links .links .documents-button .documents .icon-Arrow-Right {
  color: #307fe2;
  padding-left: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .quick-links .links .documents-button .documents .icon-Arrow-Right {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.quick-links .links .documents-button .documents a {
  color: #307fe2;
}
.quick-links .links .documents-button .disable-link {
  pointer-events: none !important;
}
.quick-links .links .documents-button .documentsdesc {
  margin-bottom: 24px;
  color: #7a8084;
}
.quick-links .links .documents-button .documentsdesc p {
  margin: 0px;
}
.quick-links .links .contacts-button .contacts {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px;
  word-break: normal;
  margin-bottom: 8px;
}
.quick-links .links .contacts-button .contacts a {
  text-decoration: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-links .links .contacts-button .contacts a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-links .links .contacts-button .contacts a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-links .links .contacts-button .contacts .icon-Arrow-Right {
  color: #307fe2;
  padding-left: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .quick-links .links .contacts-button .contacts .icon-Arrow-Right {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.quick-links .links .contacts-button .contacts a {
  color: #307fe2;
}
.quick-links .links .contacts-button .disable-link {
  pointer-events: none !important;
}
.quick-links .links .contacts-button .contactsdesc {
  color: #7a8084;
}
.quick-links .links .contacts-button .contactsdesc p {
  margin: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-links h5 {
    margin-bottom: 24px;
    font-size: 24px;
  }
  .quick-links .links .button {
    width: 50%;
    float: left;
  }
  .quick-links .links .sell-button {
    margin-bottom: 16px;
    padding-right: 16px;
  }
  .quick-links .links .documents-button {
    margin-bottom: 16px;
  }
  .quick-links .links .contacts-button {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-links h5 {
    margin-bottom: 16px;
  }
  .quick-links .links .button {
    width: 100%;
  }
  .quick-links .links .sell-button {
    padding-right: 0px;
  }
  .quick-links .links .sell-button .selldesc {
    margin-bottom: 16px;
  }
  .quick-links .links .documents-button .documentsdesc {
    margin-bottom: 16px;
  }
  .quick-links .links .contacts-button {
    padding-right: 0px;
  }
}

.paymentMethodComponent .paymentMethod-maintitle {
  width: 708px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .paymentMethod-maintitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .paymentMethodComponent .paymentMethod-maintitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.paymentMethodComponent .payment-method-base {
  background-color: #ffffff;
  max-width: 708px;
  padding-bottom: 32px;
  min-height: 548px;
}
.paymentMethodComponent .payment-method-base .paymentdesc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-top: 32px;
  max-width: 580px;
  padding-left: 64px;
  padding-right: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .paymentdesc {
    font-size: 16px;
    line-height: 20px;
  }
}
.paymentMethodComponent .payment-method-base .bankLabel {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 64px;
  padding-top: 40px;
  width: 580px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .bankLabel {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .paymentMethodComponent .payment-method-base .bankLabel {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.paymentMethodComponent .payment-method-base .accountdetails {
  padding-left: 64px;
  padding-right: 64px;
  padding-top: 16px;
}
.paymentMethodComponent .payment-method-base .accountdetails input[type="text"] {
  border: none;
  border-bottom: 2px solid #383737;
  width: 532px;
  border-radius: 0px;
  padding-left: 0px;
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  min-height: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .accountdetails input[type="text"] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .paymentMethodComponent .payment-method-base .accountdetails input[type="text"] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.paymentMethodComponent .payment-method-base .accountdetails .form-floating > label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 0px;
  padding-bottom: 8px;
  border: none;
  color: #7a8084;
  padding: 0.8rem 0rem;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .accountdetails .form-floating > label {
    font-size: 16px;
    line-height: 20px;
  }
}
.paymentMethodComponent .payment-method-base .accountdetails input:focus {
  outline: none;
  box-shadow: none;
}
.paymentMethodComponent .payment-method-base .accountnumber {
  display: flex;
  gap: 22.02px;
  padding-left: 64px;
}
.paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber {
  width: 254.99px;
  box-shadow: none;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  max-width: 278px;
}
.paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber input[type="password"] {
  border: none;
  border-bottom: 2px solid #383737;
  width: 254.99px;
  border-radius: 0px;
  padding-left: 0px;
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  min-height: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber input[type="password"] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber input[type="password"] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber .form-floating > label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 0px;
  color: #7a8084;
  padding: 0.5rem 0rem;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber .form-floating > label {
    font-size: 16px;
    line-height: 20px;
  }
}
.paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber input:focus {
  outline: none;
  box-shadow: none;
}
.paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber {
  width: 254.99px;
  box-shadow: none;
  border: 0px;
  border-radius: 0px;
  max-width: 278px;
}
.paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber input[type="text"] {
  border: none;
  border-bottom: 2px solid #383737;
  width: 254.99px;
  border-radius: 0px;
  padding-left: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 8px;
  min-height: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber input[type="text"] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber input[type="text"] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber .form-floating > label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 0px;
  width: max-content;
  padding-bottom: 8px;
  color: #7a8084;
  padding: 0.5rem 0rem;
  border-left-width: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber .form-floating > label {
    font-size: 16px;
    line-height: 20px;
  }
}
.paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber input:focus {
  outline: none;
  box-shadow: none;
}
.paymentMethodComponent .payment-method-base .ifsccode {
  padding-left: 64px;
  padding-right: 112px;
}
.paymentMethodComponent .payment-method-base .ifsccode input[type="text"] {
  border: none;
  border-bottom: 2px solid #383737;
  width: 532px;
  border-radius: 0px;
  padding-left: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 8px;
  min-height: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .ifsccode input[type="text"] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .paymentMethodComponent .payment-method-base .ifsccode input[type="text"] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.paymentMethodComponent .payment-method-base .ifsccode .form-floating > label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 0px;
  padding-bottom: 8px;
  padding: 0.7rem 0rem;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .payment-method-base .ifsccode .form-floating > label {
    font-size: 16px;
    line-height: 20px;
  }
}
.paymentMethodComponent .payment-method-base .ifsccode input:focus {
  outline: none;
  box-shadow: none;
}
.paymentMethodComponent .payment-method-base #acc-not-match-error {
  color: #ed454f;
  opacity: 1;
  font-family: poppins !important;
  font-style: normal !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 16.24px !important;
}
.paymentMethodComponent .payment-method-base #acc-not-match-error label.error {
  padding-top: 16px;
  font-size: 18px;
  font-size: 14px !important;
}
.paymentMethodComponent .payment-method-base .form-floating .form-control:not(:placeholder-shown) ~ label,
.paymentMethodComponent .payment-method-base .form-floating .form-control:focus ~ label,
.paymentMethodComponent .payment-method-base .form-floating input:focus + label {
  font-weight: 300px;
  font-size: 22px;
  line-height: 21.6px;
  color: #7a8084;
  opacity: 1;
  padding-bottom: 8px;
  border-left-width: 0px;
  background-color: transparent;
}
.paymentMethodComponent .payment-method-base .form-floating > .form-control-plaintext ~ label::after,
.paymentMethodComponent .payment-method-base .form-floating > .form-control:focus ~ label::after,
.paymentMethodComponent .payment-method-base .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.paymentMethodComponent .payment-method-base .form-floating > .form-select ~ label::after {
  background-color: transparent;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .paymentMethod-maintitle {
    width: 688px;
    padding-bottom: 24px;
    color: #383737;
  }
  .paymentMethodComponent .payment-method-base {
    background-color: #ffffff;
    max-width: 688px;
    padding-bottom: 64px;
    min-height: 600px;
  }
  .paymentMethodComponent .payment-method-base .paymentdesc {
    color: #7a8084;
    padding-top: 64px;
    max-width: 608px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .paymentMethodComponent .payment-method-base .bankLabel {
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 88px;
    width: 560px;
    color: #383737;
  }
  .paymentMethodComponent .payment-method-base .accountdetails {
    padding-left: 40px;
    padding-right: 88px;
    padding-top: 38px;
  }
  .paymentMethodComponent .payment-method-base .accountdetails input[type="text"] {
    border: none;
    border-bottom: 2px solid #383737;
    width: 520px;
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    color: #383737;
    font-family: 'Poppins';
    font-style: normal;
    min-height: auto;
  }
  .paymentMethodComponent .payment-method-base .accountdetails .form-floating > label {
    padding-left: 0px;
    color: #7a8084;
    padding: 0.8rem 0rem;
    font-size: 18px;
    line-height: 19.8px;
  }
  .paymentMethodComponent .payment-method-base .accountdetails input:focus {
    outline: none;
    box-shadow: none;
  }
  .paymentMethodComponent .payment-method-base .accountnumber {
    display: flex;
    padding-left: 40px;
    gap: 0px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber {
    width: 252px;
    box-shadow: none;
    border: 0px;
    border-radius: 0px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber input[type="password"] {
    border: none;
    border-bottom: 2px solid #383737;
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
    min-height: auto;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    color: #383737;
    font-family: 'Poppins';
    font-style: normal;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber .form-floating > label {
    padding-left: 0px;
    padding: 0px;
    color: #7a8084;
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 0.8rem 0rem;
    font-size: 18px;
    line-height: 19.8px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber input:focus {
    outline: none;
    box-shadow: none;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber {
    width: 252px;
    box-shadow: none;
    border: 0px;
    border-radius: 0px;
    padding-left: 16px;
    margin-right: 128px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber input[type="text"] {
    border: none;
    border-bottom: 2px solid #383737;
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    color: #383737;
    font-family: 'Poppins';
    font-style: normal;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber .form-floating > label {
    padding-left: 0px;
    width: max-content;
    color: #7a8084;
    padding: 0.8rem 0rem;
    font-size: 18px;
    line-height: 19.8px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber input:focus {
    outline: none;
    box-shadow: none;
  }
  .paymentMethodComponent .payment-method-base .ifsccode {
    padding-left: 40px;
    padding-right: 88px;
  }
  .paymentMethodComponent .payment-method-base .ifsccode input[type="text"] {
    border: none;
    border-bottom: 2px solid #383737;
    width: 520px;
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    color: #383737;
    font-family: 'Poppins';
    font-style: normal;
  }
  .paymentMethodComponent .payment-method-base .ifsccode .form-floating > label {
    padding-left: 0px;
    width: max-content;
    color: #7a8084;
    padding: 0.8rem 0rem;
    font-size: 18px;
    line-height: 19.8px;
  }
  .paymentMethodComponent .payment-method-base .ifsccode input:focus {
    outline: none;
    box-shadow: none;
  }
  .paymentMethodComponent .payment-method-base .form-floating .form-control:not(:placeholder-shown) ~ label,
  .paymentMethodComponent .payment-method-base .form-floating .form-control:focus ~ label,
  .paymentMethodComponent .payment-method-base .form-floating input:focus + label {
    font-size: 20px;
    line-height: 21.6px;
    color: #7a8084;
    opacity: 1;
    padding-bottom: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300px !important;
  }
  .paymentMethodComponent .payment-method-base .form-floating label.error {
    position: relative;
    padding: 0px;
    font-family: poppins !important;
    padding-top: 16px;
    color: #ed454f !important;
    font-weight: 300px !important;
    transform: none !important;
    max-width: 532px;
    opacity: 1 !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 16.24px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .paymentMethodComponent .paymentMethod-maintitle {
    width: 300px;
    padding-bottom: 16px;
    padding-left: 16px;
    color: #383737;
  }
  .paymentMethodComponent .payment-method-base {
    background-color: #ffffff;
    max-width: auto;
    padding-bottom: 24px;
    max-height: auto;
    height: auto;
    min-height: auto;
  }
  .paymentMethodComponent .payment-method-base .paymentdesc {
    color: #7a8084;
    max-width: max-content;
    padding-left: 16px;
    padding-right: 18px;
    padding-top: 24px;
  }
  .paymentMethodComponent .payment-method-base .bankLabel {
    padding-left: 16px;
    padding-top: 24px;
    padding-right: 56px;
    width: 260px;
    color: #383737;
  }
  .paymentMethodComponent .payment-method-base .accountdetails {
    padding-left: 16px;
    padding-right: 52px;
    padding-top: 20px;
  }
  .paymentMethodComponent .payment-method-base .accountdetails input[type="text"] {
    border: none;
    border-bottom: 2px solid #383737;
    width: 264px;
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    color: #383737;
  }
  .paymentMethodComponent .payment-method-base .accountdetails .form-floating > label {
    font-size: 18px;
    line-height: 19.8px;
    padding-left: 0px;
    padding-bottom: 0px;
    color: #7a8084;
  }
  .paymentMethodComponent .payment-method-base .accountdetails input:focus {
    outline: none;
    box-shadow: none;
  }
  .paymentMethodComponent .payment-method-base .accountnumber {
    display: flex;
    flex-direction: column;
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber {
    box-shadow: none;
    border: 0px;
    border-radius: 0px;
    margin-right: 52px;
    margin-bottom: 16px;
    padding-left: 16px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber input[type="password"] {
    border: none;
    border-bottom: 2px solid #383737;
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    color: #383737;
    background-color: transparent;
    width: 264px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber .form-floating > label {
    font-size: 18px;
    line-height: 19.8px;
    padding-left: 0px;
    color: #7a8084;
    padding-top: 16px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .subaccountnumber input:focus {
    outline: none;
    box-shadow: none;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber {
    box-shadow: none;
    border: 0px;
    border-radius: 0px;
    margin-right: 52px;
    padding-left: 16px;
    margin-bottom: 16px;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber input[type="text"] {
    border: none;
    border-bottom: 2px solid #383737;
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    width: 264px;
    color: #383737;
    background-color: transparent;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber .form-floating > label {
    font-size: 18px;
    line-height: 19.8px;
    padding-left: 0px;
    width: max-content;
    color: #7a8084;
  }
  .paymentMethodComponent .payment-method-base .accountnumber .reaccountnumber input:focus {
    outline: none;
    box-shadow: none;
  }
  .paymentMethodComponent .payment-method-base .ifsccode {
    padding-left: 16px;
    padding-right: 52px;
    padding-bottom: 24px;
  }
  .paymentMethodComponent .payment-method-base .ifsccode input[type="text"] {
    border: none;
    border-bottom: 2px solid #383737;
    width: 264px;
    border-radius: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    color: #383737;
    background-color: transparent;
  }
  .paymentMethodComponent .payment-method-base .ifsccode .form-floating > label {
    font-size: 18px;
    line-height: 19.8px;
    padding-left: 0px;
    width: max-content;
    color: #7a8084;
  }
  .paymentMethodComponent .payment-method-base .ifsccode input:focus {
    outline: none;
    box-shadow: none;
  }
  .paymentMethodComponent .payment-method-base input[type="text"] {
    padding-top: 32px !important;
  }
  .paymentMethodComponent .payment-method-base .form-floating .form-control:not(:placeholder-shown) ~ label,
  .paymentMethodComponent .payment-method-base .form-floating .form-control:focus ~ label,
  .paymentMethodComponent .payment-method-base .form-floating input:focus + label {
    font-weight: 300px !important;
    font-family: Poppins;
    font-style: normal;
    font-size: 20px;
    line-height: 21.6px;
    color: #7a8084;
    opacity: 1;
    padding-bottom: 8px;
  }
}
.paymentMethodComponent .payment-method-base .form-floating label.error {
  position: relative;
  padding: 0px;
  font-family: poppins !important;
  padding-top: 16px;
  color: #ed454f !important;
  font-weight: 300px !important;
  transform: none !important;
  max-width: 532px;
  opacity: 1 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 16.24px !important;
}
.paymentMethodComponent .ifsccode,
.paymentMethodComponent .accountnumber,
.paymentMethodComponent .accountdetails {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .paymentMethodComponent .ifsccode,
  .paymentMethodComponent .accountnumber,
  .paymentMethodComponent .accountdetails {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .paymentMethodComponent .ifsccode,
  .paymentMethodComponent .accountnumber,
  .paymentMethodComponent .accountdetails {
    margin-bottom: 16px;
  }
}

.overlay-color {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: auto;
  background-color: #000;
  opacity: 0.5;
}
.header-overlay {
  opacity: 0.5;
}
.banner-overlay {
  opacity: 0.5;
}
.tradein-sticky-overview {
  position: sticky;
  top: 0px;
  align-self: flex-start;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-sticky-overview {
    position: relative;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-overview-comp {
    position: relative;
    z-index: 999;
    padding-left: 0;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-overview-comp .modal_overlay {
    position: relative;
  }
  .tradein-overview-comp .modal_overlay:before {
    opacity: 0.7;
    position: fixed;
    background: #282828;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    content: "";
  }
}
.tradein-overview-comp .tradein_overview_box {
  max-width: 396px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-overview-comp .tradein_overview_box {
    max-width: 100%;
    position: relative;
  }
}
.tradein-overview-comp .tradein_overview_box .collapse_toggle_mobile {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-overview-comp .tradein_overview_box .collapse_toggle_mobile {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #ffffff;
    width: 100%;
    padding: 16px 40px;
    left: 0px;
    right: 0px;
    min-height: 78px;
  }
  .tradein-overview-comp .tradein_overview_box .collapse_toggle_mobile .list_heading {
    display: inline;
  }
  .tradein-overview-comp .tradein_overview_box .collapse_toggle_mobile .list_heading h5 {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-overview-comp .tradein_overview_box .collapse_toggle_mobile {
    padding: 16px 30px;
  }
}
.tradein-overview-comp .tradein_overview_box .list_heading {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  font-size: 18px;
  line-height: 19.8px;
  display: flex;
  justify-content: space-between;
  margin: 0px;
  align-items: center;
  cursor: pointer;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-overview-comp .tradein_overview_box .list_heading {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-overview-comp .tradein_overview_box .list_heading {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.tradein-overview-comp .tradein_overview_box .list_heading .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-overview-comp .tradein_overview_box .list_heading {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-overview-comp .tradein_overview_box .list_heading {
    padding-bottom: 8px;
  }
}
.tradein-overview-comp .tradein_overview_box .tradein_overview_title {
  padding-bottom: 21px;
  color: #383737;
}
.tradein-overview-comp .tradein_overview_box .tradein_overview_divider {
  border-bottom: solid 2px #eaeaec;
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian {
  padding: 16px 0px 16px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-overview-comp .tradein_overview_box .overview_box_accordian .list_heading_container {
    border-bottom: 2px solid #eaeaec;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-overview-comp .tradein_overview_box .overview_box_accordian .list_heading_container {
    border-bottom: 2px solid #eaeaec;
  }
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian.CollapseCatogories {
  display: none;
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item.collapseItems {
  display: none;
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list {
  margin: 0px;
  padding: 0px;
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0px 0px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
    flex-direction: row;
  }
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span {
  color: #7a8084;
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
  max-width: 197px;
  text-align: right;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
    width: 50%;
    text-align: left;
  }
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 span {
  display: block;
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:last-child {
  padding-bottom: 0px;
}
.tradein-overview-comp .tradein_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span:nth-child(2) {
  text-align: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradein-overview-comp .tradein_overview_box .overview_box_container {
    position: fixed !important;
    top: auto;
    bottom: 78px;
    height: 36% !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 24px 40px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tradein-overview-comp .tradein_overview_box .overview_box_container {
    position: fixed !important;
    top: 0px;
    height: calc(100vh - 78px) !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
.tradein-overview-comp .cq-Editable-dom .tradein-overview-comp .overview_box_container,
.tradein-overview-comp .cq-Editable-dom .tradein-overview-comp .collapse_toggle_mobile {
  position: static !important;
  height: auto !important;
}

.exchange-summary-comp .es-accordion .summary-section {
  background-color: #FFFFFF;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item {
  border: none;
  border-radius: 0px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button {
  border-radius: 0px;
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #eaeaec;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 64px;
  padding-right: 64px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button:not(.collapsed) {
  color: #383737;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body {
  padding: 0px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body {
  padding: 64px 64px 64px 64px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .exchange-title {
  padding-bottom: 24px;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .exchange-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .exchange-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details {
  padding-bottom: 40px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .editable {
  color: #7a8084;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .em-grid1,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .em-grid2 {
  display: flex;
  flex-direction: column;
  width: 284px;
  gap: 8px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .em-grid1 .b-data,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .em-grid2 .b-data {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .em-grid1 .b-data,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .em-grid2 .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .em-grid1 .b-data,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .em-grid2 .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over {
  border-top: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-title {
  padding-top: 40px;
  padding-bottom: 24px;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .editable {
  color: #7a8084;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-details .b-data {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-details .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-details .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment {
  border-top: 1px solid #eaeaec;
  padding-top: 40px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .editable {
  color: #7a8084;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .b-data {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail1,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail2,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail3,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail1 .b-data,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail2 .b-data,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail3 .b-data,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-details .b-data {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail1 .b-data,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail2 .b-data,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail3 .b-data,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-details .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail1 .b-data,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail2 .b-data,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail3 .b-data,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-details .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail1,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail2,
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail3 {
  padding-top: 24px;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button::after {
  transform: none;
  background-image: none;
  content: "\e993";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button:not(.collapsed)::after {
  content: "\e990";
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button {
    padding-left: 40px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body {
    padding: 0px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body {
    padding: 40px 40px 40px 40px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .exchange-title {
    padding-bottom: 40px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-title {
    padding-bottom: 40px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-details .b-data {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-title {
    padding-bottom: 0px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail2,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail3 {
    padding-top: 24px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-detail1,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .payment .payment-body .payment-method .payment-sub-details {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-details .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .hand-over .handover-details .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-button {
    padding-left: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body {
    padding: 0px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body {
    padding: 24px 16px 24px 16px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em {
    padding-bottom: 24px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .exchange-title {
    padding-bottom: 24px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .summary-accordion-body .em .em-details .e-padding {
    padding-top: 24px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .handover {
    padding-bottom: 24px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .handover .handover-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .handover .handover-details .b-data {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .payment .payment-title {
    padding-bottom: 24px;
  }
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .payment .payment-body .payment-method .payment-sub-details,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .payment .payment-body .payment-method .payment-sub-detail1,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .payment .payment-body .payment-method .payment-sub-detail2,
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .payment .payment-body .payment-method .payment-sub-detail3 {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .handover .handover-details .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-summary-comp .es-accordion .summary-section .accordion-item .accordion-body .handover .handover-details .b-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}

.exchange-method-comp .exchange-method-block {
  padding-left: 64px;
  padding-right: 64px;
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-method-comp .exchange-method-block {
    padding-left: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 16px;
  }
}
.exchange-method-comp .exchange-method-block .exchange-method-content {
  color: #7a8084;
}
.exchange-method-comp .exchange-method-block .exchange-method-content p {
  margin-bottom: 0px;
}
.exchange-method-comp .exchange-method-block .choose-exchange-method {
  color: #383737;
  display: inline-flex;
  padding-top: 40px;
}
.exchange-method-comp .exchange-method-block .method-radio-title {
  padding-left: 24px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-method-comp .exchange-method-block .method-radio-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-method-comp .exchange-method-block .method-radio-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.exchange-method-comp .exchange-method-block .choose-exchange-time {
  padding-top: 40px;
  padding-left: 40px;
}
.exchange-method-comp .exchange-method-block .choose-exchange-time .choose-exchange-time-content {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
  padding-bottom: 25px;
  letter-spacing: 0em;
  text-align: left;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-method-comp .exchange-method-block .choose-exchange-time .choose-exchange-time-content {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-method-comp .exchange-method-block .choose-exchange-time .choose-exchange-time-content {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.exchange-method-comp .exchange-method-block .choose-exchange-time .exchange-radio-title {
  display: flex;
  flex-direction: column;
}
.exchange-method-comp .exchange-method-block .choose-exchange-time .exchange-radio-title .exchange-radio-title1 {
  padding-bottom: 25px;
  color: #383737;
  display: inline-flex;
}
.exchange-method-comp .exchange-method-block .choose-exchange-time .exchange-radio-title .radio-title {
  padding-left: 24px;
}
.exchange-method-comp .exchange-method-block .cashback-block {
  padding-top: 40px;
  padding-left: 48px;
}
.exchange-method-comp .exchange-method-block .cashback-block .cashback-block-content {
  color: #7a8084;
  padding-bottom: 16px;
}
.exchange-method-comp .exchange-method-block .cashback-block .cashback-block-content p {
  margin-bottom: 0px;
}
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  display: grid;
  grid-template-columns: 258px 258px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-value {
  padding-left: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details {
    display: grid;
    grid-template-columns: 246px 246px;
  }
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-value {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details {
    display: block;
    width: 260px;
  }
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-value {
    padding-left: 0px;
  }
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-name-label {
    margin-top: 8px !important;
  }
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-address-label {
    margin-top: 8px !important;
  }
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-number-label {
    margin-top: 8px !important;
  }
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-name,
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-address,
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-number {
    margin-top: 0px;
  }
}
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-name-label,
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-name {
  margin-top: 8px !important;
}
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-address-label,
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-address {
  margin-top: 8px !important;
}
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-number-label,
.exchange-method-comp .exchange-method-block .cashback-block .cashback-content .dealer-display-details .dealer-number {
  margin-top: 8px !important;
}
.exchange-method-comp .exchange-method-block input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 0px;
  min-width: 24px;
  cursor: pointer;
}
.exchange-method-comp .exchange-method-block input[type='radio']:checked {
  border: 2px solid #307fe2;
  background-color: transparent;
}
.exchange-method-comp .exchange-method-block input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.exchange-method-comp .exchange-method-block input[type='radio']:checked:before {
  background: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-method-comp .exchange-method-block .choose-exchange-method {
    padding-top: 24px;
  }
  .exchange-method-comp .exchange-method-block .method-radio-title {
    padding-left: 16px;
  }
  .exchange-method-comp .exchange-method-block .choose-exchange-time {
    padding-top: 26px;
    padding-left: 36px;
  }
  .exchange-method-comp .exchange-method-block .choose-exchange-time .choose-exchange-time-content {
    padding-bottom: 32px;
  }
  .exchange-method-comp .exchange-method-block .choose-exchange-time .exchange-radio-title .exchange-radio-title1 {
    padding-bottom: 32px;
  }
  .exchange-method-comp .exchange-method-block .choose-exchange-time .exchange-radio-title .radio-title {
    padding-left: 16px;
  }
  .exchange-method-comp .exchange-method-block .cashback-space {
    padding-bottom: 0px;
  }
  .exchange-method-comp .exchange-method-block .cashback-block {
    padding-top: 24px;
  }
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-block-content {
    color: #7a8084;
    padding-bottom: 16px;
  }
  .exchange-method-comp .exchange-method-block .cashback-block .cashback-block-content p {
    margin-bottom: 0px;
  }
}

.documents-checklist-comp .doc-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-checklist-comp .doc-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-checklist-comp .doc-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.documents-checklist-comp .docs-comp {
  background-color: #ffffff;
  padding: 64px;
}
.documents-checklist-comp .docs-comp .documents .document .number {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: rgba(122, 128, 132, 0.5);
  padding-bottom: 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-checklist-comp .docs-comp .documents .document .number {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-checklist-comp .docs-comp .documents .document .number {
    font-size: 24px;
    line-height: 24px;
  }
}
.documents-checklist-comp .docs-comp .documents .document .ctfname {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-checklist-comp .docs-comp .documents .document .ctfname {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-checklist-comp .docs-comp .documents .document .ctfname {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.documents-checklist-comp .docs-comp .documents .document .ctfdesc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-checklist-comp .docs-comp .documents .document .ctfdesc {
    font-size: 16px;
    line-height: 20px;
  }
}
.documents-checklist-comp .docs-comp .documents .doc {
  margin-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-checklist-comp .doc-title {
    padding-bottom: 24px;
  }
  .documents-checklist-comp .docs-comp {
    padding: 40px;
  }
  .documents-checklist-comp .docs-comp .documents {
    display: block;
  }
  .documents-checklist-comp .docs-comp .documents .document {
    display: flex;
  }
  .documents-checklist-comp .docs-comp .documents .document .number {
    min-width: 37px;
    margin-right: 16px;
  }
  .documents-checklist-comp .docs-comp .documents .document .ctfname {
    padding-bottom: 8px;
  }
  .documents-checklist-comp .docs-comp .documents .doc {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-checklist-comp .doc-title {
    padding-bottom: 16px;
    padding-left: 16px;
  }
  .documents-checklist-comp .docs-comp {
    padding: 24px 16px;
  }
  .documents-checklist-comp .docs-comp .documents .document .number {
    min-width: 37px;
    margin-right: 12px;
    word-break: keep-all;
  }
  .documents-checklist-comp .docs-comp .documents .document .ctfname {
    padding-bottom: 8px;
  }
  .documents-checklist-comp .docs-comp .documents .doc {
    margin-bottom: 24px;
  }
}

.documents-comp .document-details {
  background-color: #ffffff;
}
.documents-comp .document-details .documentstype::before {
  font-size: 20px !important;
  position: absolute;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details .documentstype::before {
    font-size: 20px !important;
    position: absolute;
  }
}
.documents-comp .document-details p {
  color: #7a8084;
  margin-bottom: 0px;
  width: fit-content;
  padding-left: 112px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details p {
    margin-bottom: 0px !important;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details p {
    padding-left: 56px;
  }
}
.documents-comp .document-details .line1 {
  border-bottom: 1px solid #eaeaec;
  margin: 40px 66px 40px 112px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details .line1 {
    margin-top: 24px;
    margin-left: 80px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details .line1 {
    margin: 40px 16px 24px 56px;
  }
}
.documents-comp .document-details .documents-upload-section {
  padding-bottom: 16px;
}
.documents-comp .document-details .documents-upload-section .document1 h6 {
  padding-left: 112px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details .documents-upload-section .document1 h6 {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details .documents-upload-section .document1 h6 {
    padding-left: 56px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details .documents-upload-section .upload-icon {
    text-align: right;
    padding-right: 16px;
  }
}
.documents-comp .document-details .documents-upload-section .document2 {
  margin-bottom: 24px;
}
.documents-comp .document-details .documents-upload-section .document2 h6 {
  padding-left: 112px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details .documents-upload-section .document2 h6 {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details .documents-upload-section .document2 h6 {
    padding-left: 56px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details .documents-upload-section .document2 {
    margin-bottom: 8px;
  }
}
.documents-comp .document-details .documents-upload-section .icon-Upload {
  font-size: 32px;
  position: relative;
  top: 9px;
  color: rgba(40, 40, 40, 0.5);
  cursor: not-allowed;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details .documents-upload-section .icon-Upload {
    top: 0px;
    text-align: right;
  }
}
.documents-comp .document-details .documents-upload-section input[type=file] {
  cursor: pointer;
  visibility: hidden;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details .documents-upload-section {
    padding-bottom: 24px;
  }
}
.documents-comp .document-details .line2 {
  border-bottom: 1px solid #eaeaec;
  padding-left: 0px;
  margin-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details .line2 {
    margin-top: 0px;
  }
}
.documents-comp .document-details .person-desc {
  padding-bottom: 64px;
  padding-right: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details .person-desc {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details .person-desc {
    padding-bottom: 24px;
    padding-right: 16px;
  }
}
.documents-comp .document-details .selected {
  margin-top: 40px;
  margin-left: 48px;
  margin-bottom: 40px;
  padding-left: 64px;
}
.documents-comp .document-details .documentslabel {
  display: inline-block;
  margin-top: 2px;
}
.documents-comp .document-details .documentstype {
  margin-top: 0px;
  margin-right: 24px;
  font-size: 24px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details .documentstype {
    margin-right: 16px;
  }
}
.documents-comp .document-details .documentstype:checked[type="radio"] {
  background-image: none;
  border: 2px solid #307fe2;
  background-color: #ffffff;
  padding: 0px;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}
.documents-comp .document-details .documentstype:checked[type="radio"]:focus {
  outline: none;
  box-shadow: none;
}
.documents-comp .document-details h6 {
  color: #383737;
  margin-bottom: 8px;
}
.documents-comp .document-details label {
  display: block;
  padding-left: 64px;
  padding-top: 66px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .documents-comp .document-details label {
    padding-left: 40px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .documents-comp .document-details label {
    padding-left: 16px;
    padding-top: 24px;
  }
}
.documents-comp .document-details label input[value="documents"] {
  cursor: not-allowed;
  pointer-events: all !important;
}
.documents-comp .document-details .icon-Colour-Full-Rest:before {
  font-size: 18px;
  position: absolute;
}

.appointmentComponent .appointment-maintitle {
  width: 580px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-maintitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .appointmentComponent .appointment-maintitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.appointmentComponent .appointment-slots {
  background-color: #ffffff;
  padding-bottom: 64px;
}
.appointmentComponent .appointment-slots h6 {
  color: #383737;
  padding-top: 64px;
  max-width: 580px;
  padding-left: 65px;
}
.appointmentComponent .appointment-slots .title-description {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  font-size: 18px;
  padding-top: 12px;
  max-width: 540px;
  color: #7a8084;
  padding-left: 65px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .title-description {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .appointmentComponent .appointment-slots .title-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.appointmentComponent .appointment-slots .selecttime {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 40px;
  max-width: 580px;
  color: #383737;
  padding-left: 65px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .selecttime {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .appointmentComponent .appointment-slots .selecttime {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline {
  border: none;
  width: 374px;
  padding-top: 40px;
  padding-left: 65px;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header {
  width: 360px;
  border: none;
  background: none;
  font-weight: bold;
  padding: 0px 0px !important;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
  padding: 0px 100px;
  margin-bottom: 25px;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  word-break: normal;
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  display: none;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-icon {
  text-indent: 0px;
  width: 20px;
  height: 20px;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-state-disabled span {
  color: rgba(122, 128, 132, 0.5) !important;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next {
  top: 1px;
  right: 1px;
  cursor: pointer;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next span:before {
  content: "\e9a0";
  font-family: 'icomoon' !important;
  font-size: 20px;
  text-indent: 0px !important;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next.ui-state-hover {
  border: none;
  background: none;
  color: inherit;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev {
  left: 1px;
  top: 1px;
  cursor: pointer;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev span:before {
  content: "\e999";
  font-family: 'icomoon' !important;
  font-size: 20px;
  text-indent: 0px !important;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev.ui-state-hover {
  border: none;
  background: none;
  color: inherit;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar td.zero a:before {
  content: "0";
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th {
  text-align: center;
  border: 0;
  color: #383737;
  padding: 0px;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
  display: block;
  margin-bottom: 24px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr .ui-datepicker-other-month .ui-priority-secondary {
  opacity: 1;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  border: solid 1px #eaeaec;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td {
    font-size: 16px;
    line-height: 20px;
  }
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td span,
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a {
  word-break: normal;
  text-decoration: none;
  display: block;
  padding: 14px 14px;
  text-align: center;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td span.ui-state-default,
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a.ui-state-default {
  color: #307fe2;
  border: none;
  background: none;
  font-weight: 300 !important;
  text-align: center;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
  background-color: #307fe2;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day .ui-state-active {
  color: #ffffff;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-state-disabled {
  opacity: 1;
}
.appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-state-disabled span {
  color: rgba(122, 128, 132, 0.5) !important;
}
.appointmentComponent .appointment-slots .grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: 371px;
  padding-top: 24px;
  padding-left: 65px;
}
.appointmentComponent .appointment-slots .grid-container .grid-item {
  border: 1px solid #eaeaec;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 92px;
  color: #307fe2;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  border-radius: 0px;
}
.appointmentComponent .appointment-slots .grid-container .grid-item .btn.btn-outline-primary {
  color: #307fe2;
  padding: 12px 66px 12px 66px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 0px 0px 0px 0px;
  border-radius: 0px;
  display: inline-block;
  text-decoration: none;
  user-select: none;
  box-shadow: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .grid-container .grid-item .btn.btn-outline-primary {
    font-size: 16px;
    line-height: 20px;
  }
}
.appointmentComponent .appointment-slots .grid-container .grid-item .btn.btn-outline-primary:hover {
  color: #307fe2;
}
.appointmentComponent .appointment-slots .grid-container .grid-item.selected {
  background-color: #307fe2 !important;
  color: #ffffff !important;
  display: block !important;
}
.appointmentComponent .appointment-slots .grid-container .grid-item.selected:hover {
  color: #ffffff !important;
}
.appointmentComponent .appointment-slots .grid-container .grid-item.selected .btn.btn-outline-primary {
  color: #ffffff !important;
}
.appointmentComponent .appointment-slots .grid-container .grid-item.selected .btn.btn-outline-primary:hover {
  color: #ffffff !important;
}
.appointmentComponent .appointment-slots .grid-container .grid-item .btn-group:focus {
  background-color: transparent;
}
.appointmentComponent .appointment-slots .flexie {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 40px;
  width: 580px;
  padding-left: 65px;
}
.appointmentComponent .appointment-slots .flexie .confirm-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  border: none;
  border-left: 8px solid #307fe2;
  height: auto;
  color: #282828;
  justify-content: center;
  padding-left: 32px;
  padding-top: 24px;
  padding-right: 40px;
  padding-bottom: 24px;
  background-color: #f8f8f8;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .flexie .confirm-text {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-maintitle {
    width: 688px;
    padding-bottom: 24px;
    color: #383737;
  }
  .appointmentComponent .appointment-slots {
    background-color: #ffffff;
    padding-bottom: 40px;
  }
  .appointmentComponent .appointment-slots h6 {
    color: #383737;
    padding-left: 40px;
    max-width: 608px;
  }
  .appointmentComponent .appointment-slots .title-description {
    padding-left: 40px;
    max-width: 608px;
    color: #7a8084;
  }
  .appointmentComponent .appointment-slots .selecttime {
    padding-left: 40px;
    max-width: 608px;
    color: #383737;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline {
    border: none;
    width: 360px;
    padding-left: 40px;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header {
    width: 360px;
    border: none;
    background: none;
    font-weight: bold;
    padding: 0px 0px !important;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
    text-align: center;
    padding: 0px 100px;
    margin-bottom: 25px;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    word-break: normal;
    color: #383737;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    display: none;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-icon {
    text-indent: 0px;
    width: 20px;
    height: 20px;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-state-disabled span {
    color: rgba(122, 128, 132, 0.5) !important;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next {
    top: 1px;
    right: 1px;
    cursor: pointer;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next span:before {
    content: "\e9a0";
    font-family: 'icomoon' !important;
    font-size: 20px;
    text-indent: 0px !important;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next.ui-state-hover {
    border: none;
    background: none;
    color: inherit;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev {
    left: 1px;
    top: 1px;
    cursor: pointer;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev span:before {
    content: "\e999";
    font-family: 'icomoon' !important;
    font-size: 20px;
    text-indent: 0px !important;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev.ui-state-hover {
    border: none;
    background: none;
    color: inherit;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th {
    text-align: center;
    border: 0;
    color: #383737;
    padding: 0px;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
    display: block;
    margin-bottom: 24px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr .ui-datepicker-other-month .ui-priority-secondary {
    opacity: 1;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    border: solid 1px #eaeaec;
    text-align: center;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td span,
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a {
    word-break: normal;
    text-decoration: none;
    display: block;
    padding: 14px 14px;
    text-align: center;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td span.ui-state-default,
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a.ui-state-default {
    color: #307fe2;
    border: none;
    background: none;
    font-weight: 300 !important;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
    background-color: #307fe2;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day .ui-state-active {
    color: #ffffff;
  }
  .appointmentComponent .appointment-slots .grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    width: 400px;
    padding-top: 23px;
    padding-left: 40px;
  }
  .appointmentComponent .appointment-slots .grid-container .grid-item {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #eaeaec;
    padding-top: 14px;
    padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 14px;
    color: #307fe2;
    font-size: 15px;
    text-align: center;
  }
  .appointmentComponent .appointment-slots .flexie {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 40px;
  }
  .appointmentComponent .appointment-slots .flexie .confirm-text {
    height: auto;
    border: none;
    border-left: 8px solid #307fe2;
    vertical-align: baseline;
    max-width: 568px;
    color: #383737;
    justify-content: center;
    background-color: #f8f8f8;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .appointmentComponent .appointment-maintitle {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    color: #383737;
    padding-bottom: 16px;
  }
  .appointmentComponent .appointment-slots {
    background-color: #ffffff;
    padding-bottom: 24px;
  }
  .appointmentComponent .appointment-slots h6 {
    width: 100%;
    padding-top: 24px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .appointmentComponent .appointment-slots .title-description {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 8px;
  }
  .appointmentComponent .appointment-slots .selecttime {
    width: 100%;
    padding-top: 8px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .appointmentComponent .appointment-slots .datepicker {
    padding: 24px 16px;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline {
    width: 100%;
    padding: 0px !important;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header {
    width: auto;
    padding: 0px 0px !important;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
    padding-left: 0px;
    padding-right: 0px;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar {
    margin-bottom: 0px !important;
  }
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td span,
  .appointmentComponent .appointment-slots .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a {
    padding: 11px 9px !important;
  }
  .appointmentComponent .appointment-slots .grid-container {
    width: 100%;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .appointmentComponent .appointment-slots .grid-container .grid-item {
    width: 100%;
    border: 1px solid #eaeaec;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    word-break: keep-all;
  }
  .appointmentComponent .appointment-slots .flexie {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
    width: 100%;
  }
  .appointmentComponent .appointment-slots .flexie .confirm-text {
    border: none;
    width: 100%;
    border-left: 8px solid #307fe2;
    padding-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    height: auto;
    vertical-align: baseline;
  }
}

@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .vehicle-list.three-column .carBrand {
    width: 100%;
    margin: 0 auto;
  }
  .vehicle-list.three-column .carBrand .car-group {
    width: 264px;
    margin-right: 47px;
  }
  .vehicle-list.three-column .carBrand .car-group:nth-child(3n) {
    margin-right: 0px !important;
  }
  .vehicle-list.four-column .carBrand {
    width: 100%;
  }
  .vehicle-list.four-column .carBrand .car-group {
    width: 264px;
    margin-right: 47px;
  }
  .vehicle-list.four-column .carBrand .car-group:nth-child(4n) {
    margin-right: 0px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .vehicle-list.three-column .carBrand {
    width: 77%;
    margin: 0 auto;
  }
  .vehicle-list.three-column .carBrand .car-group {
    width: 264px;
  }
  .vehicle-list.four-column .carBrand .car-group {
    width: 264px;
  }
  .vehicle-list.four-column .carBrand .car-group:nth-child(3n) {
    margin-right: 40px !important;
  }
  .vehicle-list.four-column .carBrand .car-group:nth-child(4n) {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-list.three-column .carBrand .car-group:nth-child(3n) {
    margin-right: 12px;
  }
  .vehicle-list.three-column .carBrand .car-group:nth-child(2n) {
    margin-right: 0px;
  }
  .vehicle-list.four-column .carBrand .car-group:nth-child(4n) {
    margin-right: 12px;
  }
  .vehicle-list.four-column .carBrand .car-group:nth-child(3n) {
    margin-right: 12px;
  }
  .vehicle-list.four-column .carBrand .car-group:nth-child(2n) {
    margin-right: 0px;
  }
}
.vehicle-list .vehicle-list-comp .carBrand {
  display: flex;
  flex-wrap: wrap;
  margin-top: 104px;
  justify-content: center;
}
.vehicle-list .vehicle-list-comp .carBrand .car-group {
  position: relative;
  margin-bottom: 12px;
}
.vehicle-list .vehicle-list-comp .carBrand .car-image .image {
  padding-right: 16px;
}
.vehicle-list .vehicle-list-comp .carBrand .car-title {
  display: flex;
  width: 100%;
  justify-content: center;
}
.vehicle-list .vehicle-list-comp .carBrand .car-title a {
  text-decoration: none;
  color: #383737;
}
.vehicle-list .vehicle-list-comp .carBrand .car-title a .title {
  margin-bottom: 0px;
  text-align: center;
}
.vehicle-list .vehicle-list-comp .carslist img:last-child {
  padding-right: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-list .vehicle-list-comp .carBrand {
    display: flex;
    padding-left: 0px;
    justify-content: center;
    margin-top: 44px;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-group {
    margin-right: 16px;
    margin-bottom: 24px;
    width: 218px;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-group:nth-child(4n) {
    margin-right: 16px;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-group:nth-child(3n) {
    margin: 0px;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-group:nth-child(4n) {
    margin-right: 0px;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-title {
    padding-top: 8px;
  }
  .vehicle-list .vehicle-list-comp .carslist img:last-child {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-list .vehicle-list-comp .carBrand {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-group {
    margin-right: 12px;
    margin-bottom: 50px;
    width: 47.5%;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-title {
    padding-top: 4px;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-group:nth-child(3n) {
    margin-right: 12px;
  }
  .vehicle-list .vehicle-list-comp .carBrand .car-group:nth-child(2n) {
    margin-right: 0px;
  }
}

.height280 .vehicle-info-tile-comp .tiles .tilesmaincontainer {
  height: 200px;
}
.height400 .vehicle-info-tile-comp .tiles .tilesmaincontainer {
  height: 320px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .height400 .vehicle-info-tile-comp .tiles .tilesmaincontainer {
    height: 191px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .height400 .vehicle-info-tile-comp .tiles .tilesmaincontainer {
    height: 198px;
  }
}
.vehicle-info-tile-comp .tiles {
  padding: 40px 104px 40px 40px;
  background-color: #ffffff;
}
.vehicle-info-tile-comp .tiles .tilesmaincontainer .pid {
  height: 100%;
  display: none;
  justify-content: space-between;
  flex-direction: column;
}
.vehicle-info-tile-comp .tiles .tilesmaincontainer .pid .tile-title {
  word-wrap: break-word;
  color: #383737;
}
.vehicle-info-tile-comp .tiles .tilesmaincontainer .pid .tile-body {
  word-wrap: break-word;
  color: #7a8084;
}
.vehicle-info-tile-comp .tiles .tilesmaincontainer .pid .tileslinks .cta-link .arrow {
  padding-left: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-info-tile-comp .tiles {
    padding: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-info-tile-comp .tiles {
    padding: 24px 16px;
  }
}

.vehicle-feature-comp .vehicle-feature__title,
.vehicle-feature-comp .vehicle-feature__pillarTitle {
  color: #ffffff;
  margin: auto;
  text-align: center;
  max-width: 812px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-feature-comp .vehicle-feature__title,
  .vehicle-feature-comp .vehicle-feature__pillarTitle {
    max-width: 512px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-feature-comp .vehicle-feature__title,
  .vehicle-feature-comp .vehicle-feature__pillarTitle {
    max-width: 300px;
  }
}
.vehicle-feature-comp .vehicle-feature__description {
  color: #f8f8f8;
  margin: auto;
  text-align: center;
  max-width: 812px;
  margin-bottom: 104px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-feature-comp .vehicle-feature__description {
    max-width: 512px;
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-feature-comp .vehicle-feature__description {
    max-width: 300px;
    margin-bottom: 40px;
  }
}
.vehicle-feature-comp .vehicle-feature__pillarDescription {
  color: #ffffff;
  margin: auto;
  text-align: center;
  max-width: 812px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-feature-comp .vehicle-feature__pillarDescription {
    max-width: 512px;
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-feature-comp .vehicle-feature__pillarDescription {
    max-width: 300px;
    margin-bottom: 40px;
  }
}



.test-drive-info-comp h5,
.test-drive-info-comp h6,
.test-drive-info-comp p {
  word-break: break-word;
}
.test-drive-info-comp .hide-in-desktop {
  display: none;
}
.test-drive-info-comp .custom-accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  border: none;
  padding: 45px 64px;
  text-align: left;
  position: relative;
  border-bottom: 2px solid #eaeaec;
}
.test-drive-info-comp .custom-accordion h5 {
  margin: 0;
  width: 89.5%;
  word-break: break-word;
  color: #383737;
}
.test-drive-info-comp .custom-accordion .icon-Chevron-Down::before,
.test-drive-info-comp .custom-accordion .icon-Chevron-Up::before {
  color: #383737;
  font-size: 24px;
}
.test-drive-info-comp .custom-accordion.active .icon-Chevron-Down,
.test-drive-info-comp .custom-accordion.active .icon-Chevron-Up {
  transform: rotate(180deg);
}
.test-drive-info-comp .custom-panel {
  padding: 64px;
  background-color: #ffffff;
}
.test-drive-info-comp .custom-panel .personal-details-section {
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.test-drive-info-comp .custom-panel .personal-details-section h5 {
  width: fit-content;
  color: #383737;
}
.test-drive-info-comp .custom-panel .section-title {
  margin-bottom: 24px;
  color: #383737;
}
.test-drive-info-comp .custom-panel .details-section {
  --bs-gutter-x: 40px;
  display: flex;
  flex-direction: row;
}
.test-drive-info-comp .custom-panel .details-section .detail-part .detail-label {
  color: #7a8084;
  margin-bottom: 8px;
}
.test-drive-info-comp .custom-panel .details-section .detail-part .detail-value {
  color: #383737;
  margin: 0;
}
.test-drive-info-comp .custom-panel .details-section .contact-details .contact-details-row {
  --bs-gutter-x: 40px;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details {
  padding: 40px 0;
  display: flex;
  flex-direction: row;
  --bs-gutter-x: 40px;
  border-bottom: 1px solid #eaeaec;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row {
  --bs-gutter-x: 40px;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .car-model-name {
  color: #383737;
  margin-bottom: 8px;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .fuel-transmission {
  margin-bottom: 40px;
  color: #7a8084;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .car-model-image {
  padding-top: 40px;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .text-left picture {
  width: 100%;
  display: block;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .text-left picture img {
  max-width: 100%;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-title {
  color: #383737;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-section p {
  color: #383737;
  margin-bottom: 8px;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-section .dealer-title {
  display: block;
  justify-content: space-between;
  flex-wrap: wrap;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-section .dealer-name {
  display: block;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-section .rating {
  margin-bottom: 8px;
  display: inline-block;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-section .rating .icon-Star-Active,
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-section .rating .icon-Star-Half,
.test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-section .rating .icon-Star-Rest {
  width: 16.67px;
  margin-left: 3.33px;
  height: 16.67px;
  color: #307fe2;
}
.test-drive-info-comp .custom-panel .vehicle-dealer-details .map-section #test-drive-info-map {
  width: 100%;
  height: 234px;
}
.test-drive-info-comp .custom-panel .transportmethod-section {
  padding-top: 40px;
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop {
  display: grid;
  grid-template-columns: 65.5% 47.223%;
  gap: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop {
    display: flex;
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop {
    display: block;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-show {
  display: grid;
  grid-template-columns: 47.19% 47.1%;
  gap: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-show {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-show {
    display: block;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-show .dealer-time {
    display: flex;
    flex-direction: row;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section {
  --bs-gutter-x: 0px;
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section:last-child {
  padding-top: 0px;
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .address-section {
  margin-right: 0px;
  padding-right: 0px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .address-section {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .address-section {
    width: 100%;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .address-section .dealer-selection-title {
  display: block;
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-time-tablet {
  display: block;
  padding: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-time-tablet {
    display: flex;
    flex-direction: row;
    padding: 0px;
    margin-left: 0px;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-time-tablet .date-time-section {
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-time-tablet .date-time-section {
    width: 46.712%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-time-tablet .date-time-section {
    width: 100%;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-time-tablet .dealer-selection-estimated-time-tablet {
  display: none !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-time-tablet .dealer-selection-estimated-time-tablet {
    display: block !important;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-time-tablet .dealer-selection-estimated-time-tablet {
    display: none !important;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .date-time-section {
  width: 100%;
  padding: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .date-time-section {
    margin-top: 24px;
    width: 50.67%;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .date-time-section {
    margin-top: 16px;
    margin-right: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .date-time-section .date-time-eyebrow {
    margin-top: 0px;
    width: 100%;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-selection-estimated-time {
  width: 67.05%;
  display: block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-selection-estimated-time {
    display: none;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .drop-pick-section .dealer-selection-estimated-time {
    display: block;
    margin-top: 0px;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-tablet-hide {
  display: block;
  width: 65.46%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-tablet-hide {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-tablet-hide {
    display: block;
    width: 100%;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-tablet-hide .dealer-selection-estimated-time {
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .test-drive-info-comp .custom-panel .transportmethod-section.dealer-selection-address-show .address-pickUpDrop .dealer-selection-tablet-hide .dealer-selection-estimated-time .estimated-date-time-eyebrow {
    margin-top: 0px;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .dealer-selection-show .address-section {
  margin-right: 20px;
  width: 30.91%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .dealer-selection-show .address-section {
    width: 46.712%;
  }
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section {
  display: flex;
  flex-direction: row;
  --bs-gutter-x: 40px;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section:last-child {
  padding-top: 40px;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section h6 {
  color: #383737;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .address-section .dealer-selection-title {
  display: none;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .address-section p {
  color: #7a8084;
  margin-bottom: 8px;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .address-section h6 {
  margin-bottom: 16px;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .address-section h6:last-child {
  margin-bottom: 0;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-time-tablet {
  width: 100%;
  padding: 0px 0px 0px 20px;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-time-tablet .date-time-section {
  width: 100%;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-time-tablet .date-time-section .date-time-eyebrow {
  margin-bottom: 8px;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .date-time-section p {
  color: #7a8084;
  margin-bottom: 8px;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .date-time-section .estimated-date-and-time,
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .date-time-section .date-and-time {
  margin: 0;
}
.test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-selection-estimated-time .estimated-date-time-eyebrow {
  margin-bottom: 8px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-info-comp .hide-in-desktop {
    display: block;
  }
  .test-drive-info-comp .show-in-desktop {
    display: none !important;
  }
  .test-drive-info-comp .custom-accordion {
    padding: 24px 40px 25px 40px;
  }
  .test-drive-info-comp .custom-accordion h5 {
    width: 89.4736842%;
  }
  .test-drive-info-comp .custom-accordion::after {
    font-size: 24px;
    height: 24px;
    width: 24px;
  }
  .test-drive-info-comp .custom-panel {
    padding: 40px;
  }
  .test-drive-info-comp .custom-panel .personal-details-section {
    padding-bottom: 40px;
  }
  .test-drive-info-comp .custom-panel .personal-details-section h5 {
    width: 46.71%;
  }
  .test-drive-info-comp .custom-panel .details-section .detail-part {
    margin-bottom: 24px;
  }
  .test-drive-info-comp .custom-panel .details-section .contact-details .contact-details-row {
    --bs-gutter-x: 40px;
  }
  .test-drive-info-comp .custom-panel .details-section .contact-details .contact-details-row .detail-part {
    margin-bottom: 0;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .map-section #test-drive-info-map {
    width: 100%;
    height: 159px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section {
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 40px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .section-title {
    margin-bottom: 22px;
    width: 46.71%;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .sud-division {
    display: flex;
    width: 100%;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .sud-division .text-left {
    display: inline;
    width: 50%;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .sud-division .car-left {
    display: inline;
    width: 50%;
    margin-left: 40px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row {
    padding-top: 40px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row .dealer-title {
    flex-direction: column;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row .rating,
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row .dealer-name {
    display: block;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row .rating {
    padding-left: 0;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section {
    display: flex;
    flex-direction: row;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .address-section h6 {
    margin-bottom: 8px;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-selection-estimated-time {
    padding-right: 0px;
    width: 47.03%;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-time-tablet {
    padding: 0px;
    margin-left: 20px;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section:last-child {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .test-drive-info-comp .custom-accordion {
    padding: 24px 16px 25px 16px;
  }
  .test-drive-info-comp .custom-accordion h5 {
    width: 88%;
  }
  .test-drive-info-comp .custom-accordion::after {
    font-size: 20px;
    height: 20px;
    width: 20px;
  }
  .test-drive-info-comp .custom-panel {
    padding: 24px 16px;
  }
  .test-drive-info-comp .custom-panel .personal-details-section {
    padding-bottom: 0;
  }
  .test-drive-info-comp .custom-panel .personal-details-section h5 {
    width: 100%;
  }
  .test-drive-info-comp .custom-panel .personal-details-section .contact-details .contact-details-row {
    --bs-gutter-x: 0px;
  }
  .test-drive-info-comp .custom-panel .personal-details-section .contact-details .contact-details-row .detail-part {
    margin-bottom: 24px;
  }
  .test-drive-info-comp .custom-panel .personal-details-section .details-section {
    --bs-gutter-x: 0;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details {
    padding: 0;
    --bs-gutter-x: 0;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 24px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .section-title {
    width: 100%;
    margin-bottom: 16px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .sud-division {
    display: flex;
    flex-direction: column-reverse;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .sud-division .section-left {
    margin-top: 0px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .sud-division .text-left {
    width: 100%;
    margin-bottom: 16px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .sud-division .car-left {
    width: 100%;
    margin-left: 0%;
    border-bottom: 2px solid #eaeaec;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .vehicle-section .sud-division .car-left p {
    margin-bottom: 24px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row {
    padding-top: 0;
    --bs-gutter-x: 0;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row .dealer-title:first-child {
    margin-top: 24px;
    margin-bottom: 16px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-row .dealer-section .dealer-pin {
    margin-bottom: 16px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .map-section {
    margin-bottom: 16px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .map-section #test-drive-info-map {
    max-width: 100%;
    max-height: 159px;
  }
  .test-drive-info-comp .custom-panel .vehicle-dealer-details .dealer-section .rating {
    display: inline-block;
    padding-left: 0%;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section {
    padding-top: 16px;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .dealer-selection-show {
    display: block;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section {
    --bs-gutter-x: 0;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section:last-child {
    padding-top: 16px !important;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .address-section {
    width: 100%;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .address-section h6 {
    margin-bottom: 8px;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-selection-estimated-time {
    width: 100%;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-time-tablet {
    padding-left: 0px;
    margin-left: 0px;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .dealer-time-tablet .date-time-eyebrow {
    margin-top: 0px;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .date-time-section {
    padding-top: 16px;
    --bs-gutter-x: 0;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .date-time-section p {
    margin: 8px 0;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .date-time-section .estimated-date-and-time,
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .date-time-section .date-and-time {
    margin-bottom: 0;
  }
  .test-drive-info-comp .custom-panel .transportmethod-section .address-pickUpDrop .drop-pick-section .date-time-section .estimated-date-time-eyebrow {
    margin-top: 0px;
  }
}

.test-drive-feedback-summary-comp .comments {
  margin-left: 106px;
  margin-right: 106px;
}
.test-drive-feedback-summary-comp .comments .comments-include,
.test-drive-feedback-summary-comp .comments .neg-comments-include {
  padding: 64px 312px;
}
.test-drive-feedback-summary-comp .comments .comments-include .feedback-title,
.test-drive-feedback-summary-comp .comments .neg-comments-include .feedback-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .comments .comments-include .feedback-title,
  .test-drive-feedback-summary-comp .comments .neg-comments-include .feedback-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .test-drive-feedback-summary-comp .comments .comments-include .feedback-title,
  .test-drive-feedback-summary-comp .comments .neg-comments-include .feedback-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.test-drive-feedback-summary-comp .comments .comments-include .feedback-comments,
.test-drive-feedback-summary-comp .comments .neg-comments-include .feedback-comments {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  text-align: center;
  padding-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .comments .comments-include .feedback-comments,
  .test-drive-feedback-summary-comp .comments .neg-comments-include .feedback-comments {
    font-size: 16px;
    line-height: 20px;
  }
}
.test-drive-feedback-summary-comp .build-nexon {
  padding: 104px 314px 40px;
  text-align: center;
}
.test-drive-feedback-summary-comp .build-nexon .nexon {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .build-nexon .nexon {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .test-drive-feedback-summary-comp .build-nexon .nexon {
    font-size: 24px;
    line-height: 24px;
  }
}
.test-drive-feedback-summary-comp .build-nexon .nexon-description {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-top: 24px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .build-nexon .nexon-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.test-drive-feedback-summary-comp .configButton {
  display: block;
  text-align: center;
}
.test-drive-feedback-summary-comp .configButton #config_box {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
.test-drive-feedback-summary-comp .configImg {
  background: linear-gradient(#ffffff 50%, #e5e5e5 0%);
  padding-top: 84px;
}
.test-drive-feedback-summary-comp .configImg .imgResponsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.test-drive-feedback-summary-comp .row {
  padding: 104px 210px;
  background-color: #E5E5E5;
}
.test-drive-feedback-summary-comp .row .imageDetails .eyebrowTextImage {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .row .imageDetails .eyebrowTextImage {
    font-size: 16px;
    line-height: 20px;
  }
}
.test-drive-feedback-summary-comp .row .imageDetails .modelName {
  color: #383737;
  padding-bottom: 24px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .row .imageDetails .modelName {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .test-drive-feedback-summary-comp .row .imageDetails .modelName {
    font-size: 24px;
    line-height: 24px;
  }
}
.test-drive-feedback-summary-comp .row .imageDetails .modelName h4 {
  margin-bottom: 0px !important;
}
.test-drive-feedback-summary-comp .row .priceDetails {
  padding-left: 124px;
}
.test-drive-feedback-summary-comp .row .priceDetails .eyebrow-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .row .priceDetails .eyebrow-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.test-drive-feedback-summary-comp .row .priceDetails .priceText {
  color: #383737;
  padding-bottom: 24px;
  font-weight: 500;
  font-size: 30px;
  line-height: 100%;
}
.test-drive-feedback-summary-comp .row .priceDetails .priceText h5 {
  margin-bottom: 0px !important;
  display: inline;
}
.test-drive-feedback-summary-comp .row .priceDetails .priceDescription {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .row .priceDetails .priceDescription {
    font-size: 16px;
    line-height: 20px;
  }
}
.test-drive-feedback-summary-comp .row .priceDetails .orderButton {
  display: block;
  text-align: left;
}
.test-drive-feedback-summary-comp .row .priceDetails .orderButton #order_box {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .test-drive-feedback-summary-comp .comments {
    margin-left: 44px;
    margin-right: 36px;
  }
  .test-drive-feedback-summary-comp .comments .comments-include {
    padding: 40px 88px;
  }
  .test-drive-feedback-summary-comp .comments .comments-include .feedback-comments {
    padding-top: 16px;
  }
  .test-drive-feedback-summary-comp .build-nexon {
    padding: 64px 128px 40px;
  }
  .test-drive-feedback-summary-comp .build-nexon .nexon-description {
    padding-top: 16px;
  }
  .test-drive-feedback-summary-comp .configButton {
    padding-bottom: 64px;
  }
  .test-drive-feedback-summary-comp .configImg {
    background: linear-gradient(#ffffff 44%, #e5e5e5 0%);
    padding-top: 0px;
  }
  .test-drive-feedback-summary-comp .row {
    padding: 64px 40px;
  }
  .test-drive-feedback-summary-comp .row .imageDetails .modelName {
    padding-bottom: 8px;
  }
  .test-drive-feedback-summary-comp .row .priceDetails {
    padding-left: 104px;
  }
  .test-drive-feedback-summary-comp .row .priceDetails .priceText {
    padding-bottom: 12px;
  }
  .test-drive-feedback-summary-comp .row .priceDetails .priceDescription {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .test-drive-feedback-summary-comp .comments {
    margin-left: 14px;
    margin-right: 14px;
  }
  .test-drive-feedback-summary-comp .comments .comments-include {
    padding: 24px 30px;
  }
  .test-drive-feedback-summary-comp .build-nexon {
    padding: 64px 30px 40px;
  }
  .test-drive-feedback-summary-comp .row {
    padding: 64px 30px;
  }
  .test-drive-feedback-summary-comp .row .imageDetails .modelName {
    padding-bottom: 24px;
  }
  .test-drive-feedback-summary-comp .row .imageDetails .modelImg {
    padding-bottom: 32px;
  }
  .test-drive-feedback-summary-comp .row .priceDetails {
    padding-left: 0px;
  }
}


.contact-you-comp {
  margin: 0px;
  background: #ffffff;
}
.contact-you-comp #firstNameId-error {
  display: none !important;
}
.contact-you-comp #lastNameId-error {
  display: none !important;
}
.contact-you-comp #emailAddressId-error {
  display: none !important;
}
.contact-you-comp #mobileNumId-cy-error {
  display: none !important;
}
.contact-you-comp #pincodeId-cy-error {
  display: none !important;
}
.contact-you-comp .contact-you-container {
  box-sizing: border-box;
  padding: 64px 64px;
}
.contact-you-comp .contact-you-container .form-header .form-title {
  margin-bottom: 24px;
  color: #383737;
}
.contact-you-comp .contact-you-container .form-header .form-description {
  color: #383737;
  margin-bottom: 40px;
}
.contact-you-comp .contact-you-container .form-element .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .contact-you-comp .contact-you-container .form-element .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.contact-you-comp .contact-you-container .form-element .dropdown-section {
  display: flex;
  gap: 20px;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .car-model-info .dropdown-label {
  margin-bottom: 8px;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .right-make-section,
.contact-you-comp .contact-you-container .form-element .dropdown-section .car-section {
  flex: 50%;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.contact-you-comp .contact-you-container .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.contact-you-comp .contact-you-container .form-element .contact-details-personal .form-input-wrapper .form-input,
.contact-you-comp .contact-you-container .form-element .contact-details-mobile .form-input-wrapper .form-input,
.contact-you-comp .contact-you-container .form-element .contact-details-social .form-input-wrapper .form-input,
.contact-you-comp .contact-you-container .form-element .contact-details-pincode .form-input-wrapper .form-input {
  border-radius: 0px !important;
}
.contact-you-comp .contact-you-container .form-element .contact-details-personal .form-input-wrapper .salutation-input-field .sal-det {
  padding-bottom: 6px !important;
}
.contact-you-comp .contact-you-container .form-element .contact-details-personal,
.contact-you-comp .contact-you-container .form-element .contact-details-mobile {
  gap: 20px;
  width: 100%;
  justify-content: center;
}
.contact-you-comp .contact-you-container .form-element .contact-details-personal,
.contact-you-comp .contact-you-container .form-element .contact-details-social,
.contact-you-comp .contact-you-container .form-element .contact-details-mobile {
  display: flex;
  width: 100%;
}
.contact-you-comp .contact-you-container .form-element .contact-details-pincode {
  width: 48.5%;
  padding-top: 40px;
}
.contact-you-comp .contact-you-container .form-element .contact-details-social {
  flex-direction: column;
}
.contact-you-comp .contact-you-container .form-element #form-input-firstname,
.contact-you-comp .contact-you-container .form-element #form-input-lastname,
.contact-you-comp .contact-you-container .form-element #form-input-mobile,
.contact-you-comp .contact-you-container .form-element #form-input-salutation {
  flex: 50%;
}
.contact-you-comp .contact-you-container .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 40px;
}
.contact-you-comp .contact-you-container .form-element .form-input-wrapper .form-input {
  font-size: 20px;
  font-weight: 500;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.contact-you-comp .contact-you-container .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.contact-you-comp .contact-you-container .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.contact-you-comp .contact-you-container .form-element .form-input-wrapper .form-input.error {
  border-bottom: 2px solid #ed454f !important;
}
.contact-you-comp .contact-you-container .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 18px;
  font-weight: lighter;
  color: #7a8084;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-you-comp .contact-you-container .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-you-comp .contact-you-container .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-you-comp .contact-you-container .form-element .form-input-wrapper label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .contact-you-comp .contact-you-container .form-element .form-input-wrapper label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.contact-you-comp .contact-you-container .form-element .mobileErrMsg,
.contact-you-comp .contact-you-container .form-element .emailErrMsg,
.contact-you-comp .contact-you-container .form-element .pincodeErrMsg {
  font-size: 16px;
  display: none;
  position: absolute;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile {
  position: relative;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-label {
  color: #7a8084;
  display: none;
  z-index: 1;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown .country-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown .country-list .country-list-item {
  padding: 8px 0px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown .country-list .country-list-item.selected .countryName {
  color: #307fe2;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown .country-list .country-list-item .flag-icon {
  border-radius: 2px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryCode {
  padding-left: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryName {
  cursor: pointer;
  position: absolute;
  left: 117px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det {
  top: 0;
  display: flex;
  min-width: 80px;
  max-width: 140px;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det ul li {
  display: flex;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det ul li img {
  margin-right: 8px;
  border-radius: 2px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det ul li .country-code {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  margin-right: 8px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det .isd-arrows .rotate {
  transform: rotate(180deg);
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down {
  margin-left: 5px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down::before {
  font-size: 20px;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .mob-det.error {
  border-bottom: 2px solid #ed454f !important;
}
.contact-you-comp .contact-you-container .form-element #form-input-mobile .mobile-input-field .phone {
  display: flex;
  border: none;
  padding: 0 0 8px 110px;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation {
  position: relative;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-label {
  color: #7a8084;
  display: block;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .dropdown-salutation {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .dropdown-salutation .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .dropdown-salutation .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .dropdown-salutation .salutation-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 24px;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item {
  padding: 8px 0px;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item.selected .nameTitle {
  color: #307fe2;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item .nameTitle {
  cursor: pointer;
  line-height: 24px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-input-field .sal-det {
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  top: 0;
  display: flex;
  padding-bottom: 8px;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-input-field .sal-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 80%;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-input-field .sal-det ul li {
  display: flex;
  line-height: 24px;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .rotate {
  transform: rotate(180deg);
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal::before {
  font-size: 20px;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-input-field .sal-det .arow-down {
  margin-left: 5px;
}
.contact-you-comp .contact-you-container .form-element #form-input-salutation .salutation-input-field .salutation {
  display: flex;
  border: none;
}
.contact-you-comp .contact-you-container .form-element .form-input--name {
  display: inline-block;
}
.contact-you-comp .contact-you-container .terms-Condition {
  align-items: center;
}
.contact-you-comp .contact-you-container .terms-Condition .tnc-text {
  min-width: 553px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-you-comp .contact-you-container .terms-Condition .tnc-text {
    min-width: 300px !important;
  }
}
.contact-you-comp .contact-you-container .terms-Condition .tnc-check-label {
  padding-left: 0px;
}
.contact-you-comp .contact-you-container .whatsappSubscription {
  padding-top: 40px;
  display: flex;
  align-items: center;
}
.contact-you-comp .contact-you-container .whatsappSubscription input[type='checkbox'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 24px;
  min-width: 24px;
  cursor: pointer;
}
.contact-you-comp .contact-you-container .whatsappSubscription input[type='checkbox']:checked {
  border: 3px solid #307fe2;
}
.contact-you-comp .contact-you-container .whatsappSubscription input[type='checkbox']:before {
  content: '';
  font-family: icomoon !important;
  display: block;
}
.contact-you-comp .contact-you-container .whatsappSubscription input[type='checkbox']:checked:before {
  content: "\e9b3";
  color: #ffffff;
  font-size: 20px;
  background: #307fe2;
}
.contact-you-comp .contact-you-container .whatsappSubscription #whatsappSubs {
  position: absolute;
  width: 24px;
  height: 24px;
  padding-bottom: 6px;
  color: #383737;
}
.contact-you-comp .contact-you-container .whatsappSubscription label {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding: 0;
  padding-left: 48px;
  color: #383737;
}
.contact-you-comp .contact-you-container .form-submit {
  display: flex;
  width: 177px;
  padding-top: 40px;
}
.contact-you-comp .contact-you-container .form-submit .form-submit-btn {
  width: 100%;
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.contact-you-comp .contact-you-container .form-submit .form-submit-btn:disabled {
  color: #7a8084;
  border-color: #7a8084;
}
.contact-you-comp .contact-you-container .active {
  border-bottom-color: #307fe2 !important;
}
.contact-you-comp .contact-you-container #form-err-msg {
  color: #ed454f;
}
.contact-you-comp .contact-you-container .thanksMessage {
  display: none;
  text-align: center;
  padding: 343px 26px;
  color: #383737;
}
.contact-you-comp .contact-you-container .thanksMessage .post-submit-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-you-comp .contact-you-container .thanksMessage .post-submit-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-you-comp .contact-you-container .thanksMessage .post-submit-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.contact-you-comp .contact-you-container .thanksMessage .post-submit-desc {
  color: #383737;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.contact-you-comp .contact-you-container .thanksMessage p {
  margin: 0;
}
.contact-you-comp .contact-you-container .thanksMessage h4 {
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-you-comp #mobileNumId-cy {
    height: 60px;
  }
  .contact-you-comp .contact-you-container {
    padding: 40px;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-personal {
    gap: 16px;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-personal .form-input-wrapper .salutation-input-field .sal-det {
    padding-bottom: 15px !important;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-personal,
  .contact-you-comp .contact-you-container .form-element .contact-details-social {
    max-width: 100%;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-mobile {
    max-width: 100%;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-mobile .form-input-wrapper .mobile-input-field {
    padding-top: 10px;
  }
  .contact-you-comp .contact-you-container .form-element .dropdown-section {
    padding-top: 40px;
  }
  .contact-you-comp .contact-you-container .form-element .dropdown-section .right-make-section,
  .contact-you-comp .contact-you-container .form-element .dropdown-section .car-section {
    flex: 50%;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-pincode {
    max-width: 60%;
  }
  .contact-you-comp .contact-you-container .form-submit {
    width: 109px;
    padding-top: 40px;
  }
  .contact-you-comp .contact-you-container .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .contact-you-comp .contact-you-container .thanksMessage {
    padding: 0px;
    text-align: left;
  }
  .contact-you-comp .contact-you-container .thanksMessage .post-submit-title {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-you-comp .contact-you-container {
    padding: 24px 16px;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-pincode .pincodeErrMsg {
    padding-bottom: 10px !important;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-personal {
    gap: 0px;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-personal,
  .contact-you-comp .contact-you-container .form-element .contact-details-social {
    display: flex;
    flex-direction: column;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-mobile {
    flex-direction: column;
    gap: 0px;
  }
  .contact-you-comp .contact-you-container .form-element .dropdown-section {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
  }
  .contact-you-comp .contact-you-container .form-element .dropdown-section .right-make-section {
    padding-bottom: 40px;
  }
  .contact-you-comp .contact-you-container .form-element .dropdown-section .car-section {
    padding-bottom: 24px;
  }
  .contact-you-comp .contact-you-container .form-element .contact-details-pincode {
    max-width: 100%;
    width: 100%;
    padding-top: 0px;
  }
  .contact-you-comp .contact-you-container .form-element .form-input-wrapper {
    margin-bottom: 24px;
  }
  .contact-you-comp .contact-you-container .form-element .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .contact-you-comp .contact-you-container .thanksMessage {
    padding: 0px;
    text-align: left;
  }
  .contact-you-comp .contact-you-container .thanksMessage .post-submit-title {
    padding-bottom: 40px;
  }
}

.citytest-drive-options-comp .cto-input-field {
  visibility: hidden;
  height: 0;
  padding: 0;
  border: none;
}
.citytest-drive-options-comp .citytest-drive {
  display: flex;
  flex-direction: row;
  justify-content: center;
  grid-gap: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .citytest-drive-options-comp .citytest-drive {
    flex-direction: column;
  }
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType {
  width: 49.185%;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card {
  border: none;
  border-radius: 0;
  height: 100%;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section {
  position: relative;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section picture {
  width: 100%;
  height: 100%;
  display: block;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section picture img {
  max-width: 100%;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message {
  position: absolute;
  top: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  padding: 26px 0;
  background: rgba(56, 55, 55, 0.8);
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message .warning {
  display: flex;
  text-align: center;
  margin-right: 12px;
  justify-content: center;
  font-size: 19px;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message .warning .icon-Warning-Solid {
  display: flex;
  position: absolute;
  margin-top: -8px;
  margin-left: -40px;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message .warning .icon-Warning-Solid .path1:before {
  color: #f39b5b;
  position: absolute;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message .warning .icon-Warning-Solid .path2:before {
  position: absolute;
  margin-left: 0px;
  color: #ffffff;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message .warning .icon-Warning-Solid .path3:before {
  position: absolute;
  margin-left: 0px;
  color: #ffffff;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message h6 {
  margin: 0;
  color: #ffffff;
  opacity: 2;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .expecting {
  position: absolute;
  top: 0;
  justify-content: center;
  width: 100%;
  display: none;
  padding: 26px 0;
  background: rgba(56, 55, 55, 0.8);
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .expecting .future-expecting {
  display: flex;
  text-align: center;
  width: 20px;
  margin-right: 14px;
  justify-content: center;
  align-items: center;
  background: #307fe2;
  border-radius: 50%;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .expecting .future-expecting .path2 {
  font-family: Poppins;
  font-size: 11.2px;
  color: #ffffff;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .expecting h6 {
  margin: 0;
  color: #ffffff;
  opacity: 2;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body {
  padding: 60px 60px 74px 60px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-title {
  color: #383737;
  margin-bottom: 12px;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-subtitle {
  color: #383737;
  margin-bottom: 40px;
  margin-top: 0;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-text {
  color: #7a8084;
  margin-bottom: 40px;
  height: 100%;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-text p {
  margin: 0%;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .select-btn {
  display: block;
  outline: none;
  border: 2px solid #307fe2;
  color: #307fe2;
  transition-duration: 0.4s;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 12px 0;
  width: 100%;
  background: transparent;
  margin-bottom: 24px;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .select-btn.register,
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .select-btn.notify {
  display: none;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body button:disabled,
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body button[disabled] {
  border: 2px solid;
  background-color: transparent;
  color: rgba(122, 128, 132, 0.5);
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body button:focus,
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body button:hover:enabled {
  background-color: #307fe2;
  color: #ffffff;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .modal-popup {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .modal-popup a {
  color: #307fe2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: fit-content;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding: 0;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .modal-popup a span {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  color: #307fe2;
  width: fit-content;
  padding: 0;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .modal-popup a .arrow {
  margin-left: 8px;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .modal-popup a .arrow .icon-Arrow-Right {
  font-size: 12px;
  color: #307fe2;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price .price-label {
  color: #7a8084;
  margin: 0;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price .price-total-val {
  margin: 0;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price .price-total-val .starting-from {
  display: none;
  color: #383737;
}
.citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price .price-total-val .price-value {
  color: #383737;
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .citytest-drive-options-comp .citytest-drive {
    grid-gap: 16px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType {
    width: 48.84%;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message {
    padding: 24px 0;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .image-section .message .warning {
    margin-right: 4px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body {
    padding: 24px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-title {
    margin-bottom: 8px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-subtitle {
    margin-bottom: 12px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-text {
    margin-bottom: 24px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .select-btn {
    padding: 12px 0;
    margin-bottom: 24px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price {
    margin-bottom: 24px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price .price-total-val {
    width: 66.319%;
    text-align: right;
  }
}
@media only screen and (max-width: 991px) and only screen and (min-width: 992px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 992px), only screen and (max-width: 991px) and only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 992px) and (max-width: 1199px) {
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .citytest-drive-options-comp .citytest-drive {
    grid-gap: 16px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType {
    width: 100%;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body {
    padding: 24px 16px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-title {
    margin-bottom: 8px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-subtitle {
    margin-bottom: 12px;
    padding: 0%;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .card-text {
    margin-bottom: 24px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .select-btn {
    padding: 12px 0;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    margin-bottom: 24px;
  }
  .citytest-drive-options-comp .citytest-drive .testDriveOptionsType .card .card-body .price {
    margin-bottom: 24px;
  }
}
.citytest-drive-options-comp .city-list-options {
  width: 100%;
  margin: 0 auto;
  max-width: 32.265%;
}
.citytest-drive-options-comp .city-list-options .drop-down {
  margin-bottom: 80px;
  width: 100%;
}
.citytest-drive-options-comp .city-list-options .drop-down p {
  width: fit-content;
  word-break: break-word;
}
.citytest-drive-options-comp .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.citytest-drive-options-comp .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.citytest-drive-options-comp .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.citytest-drive-options-comp .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.citytest-drive-options-comp .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.citytest-drive-options-comp .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.citytest-drive-options-comp .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .citytest-drive-options-comp .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .citytest-drive-options-comp .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.citytest-drive-options-comp .city-list-options .drop-down .cities ul {
  overflow: hidden scroll !important;
  scrollbar-width: none;
}
.citytest-drive-options-comp .city-list-options .drop-down .cities ul .simplebar-content-wrapper {
  height: 100% !important;
}
.citytest-drive-options-comp .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.citytest-drive-options-comp .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.citytest-drive-options-comp .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.citytest-drive-options-comp .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.citytest-drive-options-comp .modal {
  z-index: 9999999;
}
.citytest-drive-options-comp .modal .modal-header {
  flex-direction: column;
  padding: 0%;
  align-items: unset;
  position: absolute;
  right: 104px;
  z-index: 9;
  display: flex;
  top: 64px;
  border-bottom: 0;
}
.citytest-drive-options-comp .modal .modal-header button {
  padding: 0;
  border: none;
  background: transparent;
  padding: 0%;
  outline: none !important;
  color: #383737;
}
.citytest-drive-options-comp .modal .modal-header button .icon-Cross {
  font-size: 40px;
}
.citytest-drive-options-comp .modal .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.citytest-drive-options-comp .modal .quiz_container form {
  flex-wrap: wrap;
}
.citytest-drive-options-comp .modal .cmp-title__text {
  margin: 0;
}
.citytest-drive-options-comp .modal .cmp-container .tml-title:first-child {
  width: 88.701%;
}
.citytest-drive-options-comp .modal .cmp-container .tml-title:first-child h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .citytest-drive-options-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .citytest-drive-options-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.citytest-drive-options-comp .modal .cmp-container .tml-title:first-child + .text {
  width: 85.3107345%;
}
.citytest-drive-options-comp .modal .video + .title {
  width: 64.41%;
}
.citytest-drive-options-comp .modal .video + .title h5 {
  margin: 0;
}
.citytest-drive-options-comp .video + .title + .text {
  width: 85.3107345%;
}
.citytest-drive-options-comp .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.citytest-drive-options-comp .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
.citytest-drive-options-comp .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.citytest-drive-options-comp .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.citytest-drive-options-comp .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
.citytest-drive-options-comp .modal-body picture {
  width: 100%;
  height: auto;
  display: block;
}
.citytest-drive-options-comp .modal-body picture img {
  max-width: 100%;
}
.citytest-drive-options-comp .modal.modal-right .modal-content {
  border-radius: 0;
  border: none;
}
.citytest-drive-options-comp .modal.modal-right .modal-dialog.modal-lg {
  width: 63.75%;
  max-width: 918px;
}
.citytest-drive-options-comp .modal-content {
  padding: 64px 106px 73px 104px;
}
.citytest-drive-options-comp .video-comp .tml-player-ctn {
  height: 100%;
}
.citytest-drive-options-comp .modal-dialog-scrollable .modal-content {
  height: 100%;
  max-height: 100%;
}
.citytest-drive-options-comp #overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #383737;
  opacity: 0.8;
  z-index: 999999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .citytest-drive-options-comp .city-list-options {
    max-width: 48.84%;
  }
  .citytest-drive-options-comp .city-list-options .drop-down {
    margin-bottom: 64px;
  }
  .citytest-drive-options-comp .city-list-options .drop-down p {
    width: 100%;
  }
  .citytest-drive-options-comp .city-list-options .drop-down .selected a span h6 {
    width: 88.69% !important;
  }
  .citytest-drive-options-comp .city-list-options .drop-down .cities ul li {
    width: 94.733%;
  }
  .citytest-drive-options-comp .video-comp .tml-player-ctn {
    height: 380px;
  }
  .citytest-drive-options-comp .modal.modal-right .modal-dialog.modal-lg,
  .citytest-drive-options-comp .modal.modal-right .modal-dialog {
    width: 83.34%;
  }
  .citytest-drive-options-comp .modal .modal-header {
    top: 60px;
    right: 40px;
  }
  .citytest-drive-options-comp .modal-content {
    padding: 64px 40px 60px 88px;
  }
  .citytest-drive-options-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.8125%;
  }
  .citytest-drive-options-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
  }
  .citytest-drive-options-comp .modal-content .video + .title {
    width: 89.0625%;
  }
  .citytest-drive-options-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .citytest-drive-options-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .citytest-drive-options-comp .cmp-text {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .citytest-drive-options-comp .city-list-options {
    padding: 0 16px;
    max-width: 100%;
  }
  .citytest-drive-options-comp .city-list-options .drop-down {
    margin-bottom: 64px;
  }
  .citytest-drive-options-comp .city-list-options .drop-down .simplebar-track.simplebar-vertical {
    width: 2px !important;
  }
  .citytest-drive-options-comp .city-list-options .drop-down p {
    width: fit-content;
  }
  .citytest-drive-options-comp .city-list-options .drop-down .selected a span h6 {
    width: 85.334% !important;
  }
  .citytest-drive-options-comp .video-comp .tml-player-ctn {
    height: 100%;
  }
  .citytest-drive-options-comp .modal.modal-right .modal-dialog.modal-lg,
  .citytest-drive-options-comp .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .citytest-drive-options-comp .modal .modal-header {
    right: 30px !important;
    top: 21px;
  }
  .citytest-drive-options-comp .modal .modal-header button .icon-Cross {
    font-size: 32px;
  }
  .citytest-drive-options-comp .modal-content {
    padding: 36px 30px 30px 30px;
  }
  .citytest-drive-options-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.66667%;
  }
  .citytest-drive-options-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 16px;
  }
  .citytest-drive-options-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
    padding-bottom: 32px;
  }
  .citytest-drive-options-comp .modal-content .video .video-comp {
    padding-bottom: 32px;
  }
  .citytest-drive-options-comp .modal-content .video + .title {
    width: 100%;
  }
  .citytest-drive-options-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .citytest-drive-options-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .citytest-drive-options-comp .modal-content .video + .title + .text + .title {
    width: 82.66667%;
  }
  .citytest-drive-options-comp .modal-content button {
    position: absolute;
    right: 8px;
    top: 11px;
  }
}

.booking-info-comp .main-container {
  background-color: #ffffff;
  display: none;
}
.booking-info-comp .main-container .left-container {
  padding-left: 64px;
  padding-top: 64px;
  width: 50%;
}
.booking-info-comp .main-container .left-container .heading p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-comp .main-container .left-container .heading p {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-info-comp .main-container .left-container .heading h4 {
  color: #383737;
  margin-bottom: 40px;
}
.booking-info-comp .main-container .left-container .booking-info {
  display: flex;
  flex-wrap: wrap;
}
.booking-info-comp .main-container .left-container .booking-info p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-comp .main-container .left-container .booking-info p {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-info-comp .main-container .left-container .booking-info h6 {
  color: #383737;
  margin-bottom: 24px;
}
.booking-info-comp .main-container .left-container .booking-info1 {
  display: flex;
  flex-wrap: wrap;
}
.booking-info-comp .main-container .left-container .booking-info1 p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-comp .main-container .left-container .booking-info1 p {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-info-comp .main-container .left-container .booking-info1 h6 {
  color: #383737;
  margin-bottom: 40px;
}
.booking-info-comp .main-container .left-container .date-time p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-comp .main-container .left-container .date-time p {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-info-comp .main-container .left-container .date-time h5,
.booking-info-comp .main-container .left-container .date-time h6 {
  color: #383737;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .booking-info-comp .main-container .left-container .buttons {
    margin-bottom: 76px;
  }
}
.booking-info-comp .main-container .left-container .buttons a {
  text-decoration: none;
}
.booking-info-comp .main-container .left-container .buttons a .edit-testdrive-btn {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
.booking-info-comp .main-container .left-container .buttons .cancel-testdrive-btn {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-left: 40px;
  color: #307fe2;
  background-color: transparent;
}
.booking-info-comp .main-container .left-container .buttons .cancel-testdrive-btn.disable {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5);
}
.booking-info-comp .main-container .left-container .buttons .cancel-testdrive-btn .icon-Arrow-Right {
  font-size: 12px;
  padding-left: 9px;
}
.booking-info-comp .main-container .left-container .cancel-booking {
  background-color: rgba(56, 55, 55, 0.8);
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog {
  max-width: none;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content {
  width: 812px;
  height: 574px;
  border-radius: unset;
  margin: 0 auto;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding: 0px;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-header .btn-close {
  color: #383737;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-title {
  padding-top: 80px;
  padding-left: 104px;
  margin-bottom: 40px;
  color: #383737;
  line-height: 40px;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content button:focus {
  outline: none;
  box-shadow: none;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .btn-close {
  right: 124px;
  position: absolute;
  top: 100px;
  width: 19px;
  height: 19px;
  opacity: unset;
  color: #383737;
  border: 0;
  background: transparent;
  padding: 0;
  outline: none !important;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .btn-close.icon-Cross:before {
  font-size: 27px;
  font-weight: 700;
  position: relative;
  left: -4px;
  top: -4px;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details {
  display: flex;
  padding-left: 104px;
  padding-right: 96px;
  margin-bottom: 56px;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .book-details-title {
  margin-bottom: 16px;
  color: #383737;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details p {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .right-details .right-details-value {
  color: #383737;
  margin-bottom: 16px;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book {
  padding-left: 104px;
  display: flex;
  padding-right: 96px;
  align-items: center;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book a {
  padding-right: 30px;
  min-width: fit-content;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book .failure-msg {
  margin: 0% !important;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book .failure-msg p {
  margin: 0% !important;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book .confirm-testdrive-btn {
  padding: 12px 24px;
  color: #307fe2;
  border: 2px solid #307fe2;
  background-color: transparent;
  line-height: 17.6px;
  font-weight: 500;
  border-radius: unset !important;
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book button:disabled,
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book button[disabled] {
  border: 2px solid;
  background-color: transparent;
  color: rgba(122, 128, 132, 0.5);
}
.booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book button:focus {
  outline: none;
  box-shadow: none;
}
.booking-info-comp .main-container .left-container .success-msg {
  background-color: rgba(56, 55, 55, 0.8);
}
.booking-info-comp .main-container .left-container .success-msg .modal-dialog {
  max-width: none;
  transform: none !important;
}
.booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-content {
  width: 812px;
  height: 306px;
  border-radius: unset;
  margin: 0 auto;
}
.booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header {
  border-bottom: none;
  padding-left: 104px;
  padding-right: 126px;
  padding-top: 80px;
}
.booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header h4 {
  margin-bottom: 22px;
  color: #383737;
}
.booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header p {
  color: #7a8084;
}
.booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header .btn-close {
  position: absolute;
  top: 94px;
  right: 114px;
  color: #383737;
  opacity: unset;
  border: 0;
  background: transparent;
  padding: 0;
  outline: none !important;
  font-size: 40px;
}
.booking-info-comp .main-container .right-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .booking-info-comp .main-container .right-container .color-div {
    display: flex;
    width: 395px;
  }
}
.booking-info-comp .main-container .right-container img {
  max-width: 100%;
  position: absolute;
  top: 70px;
  right: 5px;
}
.booking-info-comp .error-display {
  background: #ffffff;
  padding: 64px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-comp .error-display {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-info-comp .error-display {
    padding: 16px;
  }
}
.booking-info-comp .error-display h5 {
  margin: 0px;
}
.booking-info-comp .error-display a {
  text-decoration: none;
  color: #307fe2;
  display: inline-block;
  width: fit-content;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-comp .main-container {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    min-width: 100%;
    min-height: 499px;
  }
  .booking-info-comp .main-container .left-container {
    z-index: 100;
    position: absolute;
    top: 0px;
    padding: 40px;
    width: 100%;
  }
  .booking-info-comp .main-container .left-container .heading {
    display: flex;
    flex-wrap: wrap;
  }
  .booking-info-comp .main-container .left-container .heading p {
    color: #eaeaec;
    margin-bottom: 8px;
  }
  .booking-info-comp .main-container .left-container .heading h4 {
    color: #ffffff;
    margin-bottom: 80px;
  }
  .booking-info-comp .main-container .left-container .booking-info1 h6 {
    margin-bottom: 24px;
  }
  .booking-info-comp .main-container .left-container .buttons a {
    margin-bottom: 52px !important;
  }
  .booking-info-comp .main-container .left-container .buttons .cancel-testdrive-btn {
    margin-left: 32px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog {
    margin: 0px;
    min-height: 100%;
    align-items: end;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content {
    width: 100%;
    height: auto;
    border: unset;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-header {
    padding: 0px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-header .modal-title {
    padding-top: 40px;
    margin-bottom: 38px;
    padding-left: 40px;
    color: #383737;
    line-height: 33px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-header .btn-close {
    left: -46px;
    position: relative;
    top: 0px;
    width: 18px;
    height: 18px;
    opacity: unset;
    font-size: 20px;
    font-weight: 700;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details {
    display: flex;
    padding-left: 40px;
    margin-bottom: 40px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .book-details-title {
    margin-bottom: 25px;
    color: #383737;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .left-details .left-details-value {
    margin-bottom: 0px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book {
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book .confirm-testdrive-btn {
    padding: 12px 24px;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog {
    max-width: none;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-content {
    width: 90%;
    height: auto;
    border-radius: unset;
    margin: 0 auto;
    border: unset;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header {
    border-bottom: none;
    padding-right: 112px;
    padding-top: 40px;
    padding-left: 40px;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header h4 {
    margin-bottom: 16px;
    color: #383737;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header .success-desc {
    margin: 0;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-header .btn-close {
    position: absolute;
    top: 46px;
    right: 46px;
    width: 18px;
    height: 18px;
    font-size: 32px;
  }
  .booking-info-comp .main-container .right-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
  }
  .booking-info-comp .main-container .right-container .colors {
    display: flex;
    width: 100%;
    height: 141px;
  }
  .booking-info-comp .main-container .right-container img {
    display: flex;
    position: absolute;
    top: 11px;
    right: 10px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-info-comp .main-container {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    min-width: 100%;
    min-height: 654px;
  }
  .booking-info-comp .main-container .left-container {
    position: relative;
    top: 0px;
    padding: 24px 16px;
    width: 100%;
  }
  .booking-info-comp .main-container .left-container .heading {
    display: flex;
    flex-wrap: wrap;
  }
  .booking-info-comp .main-container .left-container .heading p {
    color: #ffffff;
    margin-bottom: 8px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
  .booking-info-comp .main-container .left-container .heading h4 {
    height: 48px;
    color: #ffffff;
    margin-bottom: 64px;
  }
  .booking-info-comp .main-container .left-container .booking-info {
    display: flex;
    flex-wrap: wrap;
  }
  .booking-info-comp .main-container .left-container .booking-info p {
    margin-bottom: 8px;
  }
  .booking-info-comp .main-container .left-container .booking-info h6 {
    margin-bottom: 24px;
  }
  .booking-info-comp .main-container .left-container .booking-info1 {
    display: flex;
    flex-wrap: wrap;
  }
  .booking-info-comp .main-container .left-container .booking-info1 p {
    margin-bottom: 8px;
  }
  .booking-info-comp .main-container .left-container .booking-info1 h6 {
    margin-bottom: 24px;
  }
  .booking-info-comp .main-container .left-container .date-time p {
    margin-bottom: 8px;
  }
  .booking-info-comp .main-container .left-container .date-time h5 {
    margin-bottom: 32px;
  }
  .booking-info-comp .main-container .left-container .date-time h6 {
    margin-bottom: 24px;
  }
  .booking-info-comp .main-container .left-container .buttons {
    width: 100%;
    text-align: center;
  }
  .booking-info-comp .main-container .left-container .buttons a {
    margin-bottom: 44px;
  }
  .booking-info-comp .main-container .left-container .buttons a .edit-testdrive-btn {
    padding: 12px 24px;
    width: 100%;
    margin-bottom: 32px;
    letter-spacing: 0px;
  }
  .booking-info-comp .main-container .left-container .buttons .cancel-testdrive-btn {
    margin-bottom: 24px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content {
    width: 100%;
    height: auto;
    border: unset;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 0px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-header .modal-title {
    padding-top: 30px;
    padding-left: 30px;
    margin-bottom: 34px;
    color: #383737;
    line-height: 24px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .modal-header .btn-close {
    right: 36px;
    position: relative;
    width: 18px;
    height: 18px;
    opacity: unset;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details {
    padding-left: 30px;
    margin-bottom: 32px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .book-details-title {
    margin-bottom: 16px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .left-details p {
    margin-bottom: 8px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .right-details .right-details-value {
    padding: 0px;
    margin: 0px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .right-details .value {
    margin-bottom: 8px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .book-details .right-details .values {
    margin-bottom: 24px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book {
    padding-left: 30px;
    display: block;
    margin-bottom: 32px;
    padding-right: 30px;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book a {
    width: 100%;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book .confirm-testdrive-btn {
    padding: 12px 24px;
    width: 100%;
  }
  .booking-info-comp .main-container .left-container .cancel-booking .modal-dialog .modal-content .confirm-book h6 {
    padding-top: 20px;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog {
    max-width: none;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-content {
    width: 90%;
    height: auto;
    border-radius: unset;
    margin: 0 auto;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding-left: 30px;
    padding-right: 78px;
    padding-top: 32px;
    padding-bottom: 14px;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-content .modal-header h4 {
    margin-bottom: 16px;
    color: #383737;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-content .modal-header .success-desc {
    margin: 0;
  }
  .booking-info-comp .main-container .left-container .success-msg .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    top: 38px;
    right: 39px;
    width: 18px;
    height: 18px;
    font-size: 32px;
  }
  .booking-info-comp .main-container .right-container {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0px;
  }
  .booking-info-comp .main-container .right-container .colors {
    display: flex;
    width: 100%;
    height: 136px;
  }
  .booking-info-comp .main-container .right-container img {
    position: absolute;
    top: 7px;
    right: 10px;
  }
}

@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .booking-info-cancelled .main-container .left-container {
    padding: 64px 64px;
  }
}
.booking-info-cancelled .main-container .left-container .heading {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .booking-info-cancelled .main-container .left-container .reference {
    margin-bottom: 40px;
  }
}
.booking-info-cancelled .main-container .left-container .reference p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-cancelled .main-container .left-container .reference p {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-info-cancelled .main-container .left-container .payment {
  margin-bottom: 40px;
}
.booking-info-cancelled .main-container .left-container .payment p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-cancelled .main-container .left-container .payment p {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-info-cancelled .main-container .left-container .refdesc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-cancelled .main-container .left-container .refdesc {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-info-cancelled .main-container .left-container .refsupport .supportLink {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin: 0px;
  font-weight: 400;
}
.booking-info-cancelled .main-container .left-container .refsupport .supportLink .arrow::before {
  content: '\01F862';
  margin-left: 9px;
  font-size: 12px;
}
.booking-info-cancelled .main-container .right-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #383737;
}
.booking-info-cancelled .main-container .right-container .car-image {
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  width: fit-content;
  padding: 22px;
  margin-bottom: 16px;
  margin-top: 35.7%;
}
.booking-info-cancelled .main-container .right-container .processtxt {
  color: #ffffff;
  text-align: center;
  width: 65.1%;
  margin-bottom: 35.2%;
}
.booking-info-cancelled .cmp-container .tml-text {
  margin-left: 0 !important;
  width: 100% !important;
  float: none !important;
}
.booking-info-cancelled .cmp-container .tml-text .cmp-text.White {
  padding: 64px 312px;
}
.booking-info-cancelled .cmp-container .tml-text .cmp-text.White h4 {
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-info-cancelled .main-container .left-container {
    padding: 40px;
  }
  .booking-info-cancelled .main-container .left-container .heading {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .left-container .reference p {
    margin-bottom: 16px;
  }
  .booking-info-cancelled .main-container .left-container .reference h6 {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .left-container .payment {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .left-container .refdesc {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .left-container .refsupport .supportLink {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .right-container .car-image {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .right-container .processtxt {
    width: 75%;
  }
  .booking-info-cancelled .cmp-container .tml-text .cmp-text.White {
    padding: 40px 88px;
  }
  .booking-info-cancelled .cmp-container .tml-text .cmp-text.White h4 {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-info-cancelled .main-container {
    flex-direction: column-reverse;
  }
  .booking-info-cancelled .main-container .left-container {
    padding: 24px 30px;
  }
  .booking-info-cancelled .main-container .left-container .heading {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .left-container .reference p {
    margin-bottom: 8px;
  }
  .booking-info-cancelled .main-container .left-container .reference h6 {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .left-container .payment {
    margin-bottom: 34px;
  }
  .booking-info-cancelled .main-container .left-container .payment p {
    margin-bottom: 8px;
  }
  .booking-info-cancelled .main-container .left-container .payment h6 {
    margin-bottom: 8px;
  }
  .booking-info-cancelled .main-container .left-container .refdesc {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .left-container .refsupport .supportLink {
    margin-bottom: 24px;
  }
  .booking-info-cancelled .main-container .right-container .car-image {
    margin-bottom: 16px;
    margin-top: 28px;
    padding: 13px 14px;
  }
  .booking-info-cancelled .main-container .right-container .processtxt {
    width: 75%;
    margin-bottom: 28px;
  }
  .booking-info-cancelled .main-container .right-container .processtxt h4 {
    margin: 0px;
  }
  .booking-info-cancelled .cmp-container .tml-text .cmp-text.White {
    padding: 24px 30px;
  }
  .booking-info-cancelled .paddingTop104 {
    padding-top: 40px;
  }
}

.benefits-comp .benefits-content {
  display: grid;
  gap: 40px;
}
.benefits-comp .benefits-content .qna .q-na {
  display: grid;
  gap: 18px;
}
.benefits-comp .benefits-content .qna .q-na .points {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  gap: 16px;
}
.benefits-comp .benefits-content .qna .q-na .points .index {
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
  background: #383737;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.benefits-comp .benefits-content .qna .q-na .points h1,
.benefits-comp .benefits-content .qna .q-na .points h2,
.benefits-comp .benefits-content .qna .q-na .points h3,
.benefits-comp .benefits-content .qna .q-na .points h4,
.benefits-comp .benefits-content .qna .q-na .points h5,
.benefits-comp .benefits-content .qna .q-na .points h6 {
  margin: 0;
  width: 100%;
  color: #383737;
  word-break: break-word;
}
.benefits-comp .benefits-content .qna .q-na .description {
  max-width: 77.41%;
  margin-left: 56px;
}
.benefits-comp .benefits-content .qna .q-na .description p {
  margin: 0 0 0 auto;
  color: #7a8084;
  word-break: break-word;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .benefits-comp .benefits-content {
    display: grid;
    gap: 24px;
  }
  .benefits-comp .benefits-content .qna .q-na {
    display: grid;
    gap: 0px;
  }
  .benefits-comp .benefits-content .qna .q-na .points {
    display: grid;
    grid-template-columns: 32px auto;
    align-items: center;
    gap: 12px;
  }
  .benefits-comp .benefits-content .qna .q-na .points .index {
    width: 32px !important;
    height: 32px;
    border-radius: 50%;
    background: #383737;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .benefits-comp .benefits-content .qna .q-na .points h6 {
    margin: 0;
    min-width: 51%;
    width: fit-content;
    max-width: 100%;
  }
  .benefits-comp .benefits-content .qna .q-na .description {
    margin-left: 56px;
    max-width: 89.06%;
  }
  .benefits-comp .benefits-content .qna .q-na .description p {
    margin: 0 0 0 auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .benefits-comp .benefits-content {
    display: grid;
    gap: 32px;
  }
  .benefits-comp .benefits-content .qna .q-na {
    display: grid;
    gap: 14px;
  }
  .benefits-comp .benefits-content .qna .q-na .points {
    display: grid;
    grid-template-columns: 8% 86.67%;
    align-items: center;
    gap: 16px;
  }
  .benefits-comp .benefits-content .qna .q-na .points .index {
    width: 24px !important;
    height: 24px;
    border-radius: 50%;
    background: #383737;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .benefits-comp .benefits-content .qna .q-na .points h6 {
    margin: 0;
    width: 100%;
    word-break: break-word;
  }
  .benefits-comp .benefits-content .qna .q-na .description {
    max-width: 100%;
    margin: 0;
  }
  .benefits-comp .benefits-content .qna .q-na .description p {
    word-break: break-word;
    margin: 0;
  }
}

.subscription-tiles-comp .tile-container {
  display: flex;
  justify-content: space-between;
  min-height: 180px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .subscription-tiles-comp .tile-container {
    min-height: 160px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .subscription-tiles-comp .tile-container {
    flex-direction: column;
  }
}
.subscription-tiles-comp .tile-container .tile {
  width: 23.78%;
  background-color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .subscription-tiles-comp .tile-container .tile {
    width: 48.6%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .subscription-tiles-comp .tile-container .tile {
    width: 100%;
    margin-bottom: 16px;
  }
  .subscription-tiles-comp .tile-container .tile.last-child {
    margin-bottom: 0px;
  }
}
.subscription-tiles-comp .tile-container .tile .card {
  border: none;
  border-radius: 0px;
  height: 100%;
}
.subscription-tiles-comp .tile-container .tile .card .card-body {
  padding: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .subscription-tiles-comp .tile-container .tile .card .card-body {
    padding: 24px;
  }
}
.subscription-tiles-comp .tile-container .tile .card .card-body .tile-count {
  margin-bottom: 16px;
}
.subscription-tiles-comp .tile-container .tile .card .card-body .tile-title {
  margin-bottom: 0px;
}

.register-interest-comp .register-interest-details {
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-interest-comp .register-interest-details {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .register-interest-comp .register-interest-details {
    padding: 30px;
  }
}
.register-interest-comp .register-interest-details .notification-msg {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 8px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-interest-comp .register-interest-details .notification-msg {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .register-interest-comp .register-interest-details .notification-msg {
    font-size: 24px;
    line-height: 24px;
  }
}
.register-interest-comp .register-interest-details .city-label {
  margin-bottom: 8px;
}
.register-interest-comp .register-interest-details .selected-city {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-interest-comp .register-interest-details .selected-city {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .register-interest-comp .register-interest-details .selected-city {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.register-interest-comp .register-interest-details .input-field {
  border: none;
  border-bottom: 2px solid #383737 !important;
  padding: 0 0 8px 0px;
  width: 100%;
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-interest-comp .register-interest-details .input-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .register-interest-comp .register-interest-details .input-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.register-interest-comp .register-interest-details .input-field.error {
  border-bottom: 2px solid #ed454f !important;
}
.register-interest-comp .register-interest-details .active {
  border: none;
  border-bottom-color: #307fe2 !important;
}
.register-interest-comp .register-interest-details .invalid-email {
  display: none;
  margin-top: 8px;
  color: #ed454f;
}
.register-interest-comp .register-interest-details .email-address {
  margin-bottom: 8px;
  position: relative;
  margin-top: 0px;
}
.register-interest-comp .register-interest-details .email-address .email-text {
  border: none;
  outline: none;
  border-bottom: 2px solid #383737;
  background-color: transparent;
  width: 100%;
  padding-bottom: 8px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  line-height: 25px !important;
}
.register-interest-comp .register-interest-details .email-address .email-text.error {
  border-bottom: 2px solid #ed454f !important;
}
.register-interest-comp .register-interest-details .email-address .invalid-email {
  color: #ed454f;
}
.register-interest-comp .register-interest-details .disclaimer-text {
  margin-top: 40px;
  margin-bottom: 40px;
}
.register-interest-comp .register-interest-details .confirm-button {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  width: fit-content;
  cursor: pointer;
}
.register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog {
  max-width: 45%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog {
    max-width: 100%;
  }
}
.register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup {
  position: relative;
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup {
    padding: 40px 30px;
  }
}
.register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup .popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup .popup-header .success-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup .popup-header .success-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup .popup-header .success-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup .popup-header .icon-Cross {
  color: #383737;
  font-size: 28px;
  cursor: pointer;
}
.register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup .success-description {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .register-interest-comp .registerinterest-success-popup .modal-success-popup .modal-dialog .success-popup .success-description {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 400px) {
  .secondary-nav.grey-color .sec-nav-comp span {
    max-width: 91%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
  .secondary-nav.grey-color .sec-nav-comp .navbar-toggler {
    width: 180px;
  }
}
.secondary-nav.grey-color .sec-nav-comp .navbar-collapse ul li a {
  color: #eaeaec !important;
}
.secondary-nav.grey-color .sec-nav-comp .navbar-collapse .nav-item a.active {
  color: #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
}
.secondary-nav.grey-color .sec-nav-comp span {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .secondary-nav.grey-color .sec-nav-comp span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .secondary-nav.grey-color .sec-nav-comp span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.secondary-nav.grey-color .sec-nav-comp:focus {
  outline: none !important;
  box-shadow: none !important;
}
.secondary-nav .navbar-collapse {
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.secondary-nav .navbar-collapse.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
.secondary-nav .navbar-collapse::-webkit-scrollbar {
  display: unset;
}
.secondary-nav .navbar-collapse::-webkit-scrollbar {
  width: 1px;
  height: 5px;
}
.secondary-nav .navbar-collapse::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.secondary-nav .navbar-collapse::-webkit-scrollbar-thumb {
  background: #888;
}
.secondary-nav .navbar-collapse::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.secondary-nav li.nav-item {
  list-style: none;
}
.secondary-nav .navbar-expand-lg {
  text-align: center;
}
.secondary-nav .navbar-expand .sec-nav-label {
  display: inline-block;
}
.secondary-nav .menubar {
  margin: 0px;
  padding-top: 0px;
  display: inline-flex;
  gap: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
.secondary-nav .menubar li {
  padding: 0px;
}
.secondary-nav .menubar li a {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  padding: 0px 0px;
  color: #7a8084;
  text-decoration: none;
  width: 79px;
  height: 14px;
}
.secondary-nav .menubar li li a.active {
  color: #7a8084;
}
.secondary-nav .menubar .nav-item a.active {
  color: #383737;
  border-bottom: 2px solid #282828;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .secondary-nav.grey-color .sec-nav-comp .navbar-collapse ul li a {
    color: #7a8084 !important;
  }
  .secondary-nav.grey-color .sec-nav-comp .navbar-collapse .nav-item a.active {
    color: #383737 !important;
    border-bottom: none;
  }
  .secondary-nav.grey-color .sec-nav-comp span {
    color: #ffffff;
  }
  .secondary-nav.grey-color .sec-nav-comp:focus {
    outline: none !important;
    box-shadow: none !important;
  }
  .secondary-nav.grey-color .navbar-toggler::after {
    color: #ffffff;
  }
  .secondary-nav .navbar-toggler {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #383737;
    transition: none;
    box-shadow: none;
    display: block;
    text-align: center;
  }
  .secondary-nav .navbar-toggler span {
    font-size: 18px;
    line-height: 19.8px;
    padding-right: 12px;
  }
  .secondary-nav .navbar-toggler::after {
    content: "\e993";
    font-family: 'icomoon';
    position: absolute;
    font-size: 22px;
    justify-content: center;
    margin: auto;
  }
  .secondary-nav .navbar-toggler.onClick::after {
    transform: rotate(180deg);
  }
  .secondary-nav .hide_menubar {
    height: 0px;
    overflow: hidden;
  }
  .secondary-nav .navbar-collapse {
    background: #f8f8f8;
    z-index: 999;
    overflow: auto;
  }
  .secondary-nav .navbar-collapse::-webkit-scrollbar {
    display: none;
  }
  .secondary-nav .menubar {
    padding: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start !important;
    display: none;
    width: auto !important;
    text-align: center;
    gap: 0px;
  }
  .secondary-nav .menu li a {
    padding: 5px !important;
  }
  .secondary-nav .menubar li {
    padding: 0px 0px;
    max-width: 100%;
    width: 300px;
    margin-bottom: 24px;
  }
  .secondary-nav .menubar li a {
    color: #7a8084;
    text-decoration: none;
    width: 300px;
    height: 20px;
  }
  .secondary-nav .menubar .nav-item a.active {
    border-bottom: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .secondary-nav .navbar-toggler {
    padding-right: 7%;
  }
  .secondary-nav .navbar-toggler span {
    padding-right: 0px !important;
    padding-top: 2px;
    line-height: 20.8px !important;
  }
  .secondary-nav .navbar-toggler::after {
    content: "\e993";
    font-family: 'icomoon';
    position: absolute;
    font-size: 18px;
    padding-top: 2px;
  }
  .secondary-nav .hide_menubar {
    height: 0px;
    overflow: hidden;
  }
  .secondary-nav .navbar-collapse {
    background: #f8f8f8;
    z-index: 999;
    overflow: auto;
  }
  .secondary-nav .menubar {
    flex-wrap: nowrap;
  }
  .secondary-nav .menu li a {
    font-size: 14px !important;
    padding: 5px !important;
  }
  .secondary-nav .menubar {
    gap: 0px;
  }
  .secondary-nav .menubar li {
    padding: 0px 0px;
  }
  .secondary-nav .menubar li a {
    color: #7a8084;
    text-decoration: none;
    width: 300px;
    height: 18px;
  }
  .secondary-nav .menubar .nav-item a.active {
    border-bottom: none;
  }
}

.header-comp {
  /* Animation */
}
.header-comp .navigation {
  position: relative;
}
.header-comp .navigation .headers {
  position: fixed;
  top: 0;
  min-height: 90px;
  padding: 0px 30px;
  z-index: 9999;
  pointer-events: none;
}
.header-comp .navigation .headers.header-position.primary-header {
  position: absolute;
}
.header-comp .navigation .headers.header-position.secondary-header {
  background: #ffffff;
  position: relative;
}
.header-comp .navigation .headers.secondary-header {
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
}
.header-comp .navigation .headers.secondary-header .hamburgerMenuButton .menu-icon .icon .fa {
  color: #383737;
}
.header-comp .navigation .headers.secondary-header .hamburgerMenuButton .cart_icon .cart_icon_img {
  color: #383737;
}
.header-comp .navigation .headers.secondary-header .logo .logo-icon .black-logo {
  display: block;
}
.header-comp .navigation .headers.secondary-header .logo .logo-icon .white-logo {
  display: none;
}
.header-comp .navigation .headers.secondary-header .hamburgerMenuButton .cart_icon .cart_item_number {
  color: #ffffff;
}
.header-comp .navigation .headers .logo {
  align-items: center;
  max-width: 270px;
}
.header-comp .navigation .headers .logo .logo-icon .black-logo {
  pointer-events: auto;
  display: none;
}
.header-comp .navigation .headers .logo .logo-icon .white-logo {
  pointer-events: auto;
  display: block;
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .header-comp .navigation .headers .logo .logo-icon {
    max-width: 27%;
  }
}
@media (min-width: 992px) and (max-width: 1198px) {
  .header-comp .navigation .headers .logo .logo-icon {
    max-width: 45%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-comp .navigation .headers .logo .logo-icon {
    max-width: 45%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .headers .logo .logo-icon {
    max-width: 100%;
  }
}
.header-comp .navigation .headers .logo .back-button {
  display: none;
  text-decoration: none;
  pointer-events: auto;
  cursor: pointer;
}
.header-comp .navigation .headers .logo .back-button .icon-Arrow-Left {
  font-size: 20px;
  color: #383737;
  width: 19px;
  height: 19px;
}
.header-comp .navigation .headers .logo .go-back-header {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  background: transparent;
  text-decoration: none;
  border: none;
  background: none;
  pointer-events: auto;
  padding: 0;
  margin-left: 24px;
  color: #ffffff;
  position: relative;
}
.header-comp .navigation .headers .logo .go-back-header .icon-Arrow-Left {
  font-size: 12px;
}
.header-comp .navigation .headers .logo .go-back-header .go-back-text-header {
  padding-left: 8px;
}
.header-comp .navigation .headers .logo .go-back-header-blue {
  color: #307fe2;
}
.header-comp .navigation .headers .mobile_subMenu {
  pointer-events: auto;
}
.header-comp .navigation .headers .mobile_subMenu h6 {
  display: none;
}
.header-comp .navigation .headers .hamburgerMenuButton {
  position: relative;
  align-items: center;
}
.header-comp .navigation .headers .hamburgerMenuButton a {
  pointer-events: auto;
  text-decoration: none;
}
.header-comp .navigation .headers .hamburgerMenuButton .menu-icon .icon .fa {
  font-size: 48px;
  color: #ffffff;
  transition-property: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.header-comp .navigation .headers .hamburgerMenuButton .menu-icon.btn-closes .icon .fa:before {
  font-family: "icomoon";
  content: "\e951";
  color: #383737;
}
.header-comp .navigation .headers .hamburgerMenuButton .cart_icon {
  position: absolute;
  right: 87px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-comp .navigation .headers .hamburgerMenuButton .cart_icon {
    right: 62px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .headers .hamburgerMenuButton .cart_icon {
    right: 39px;
  }
}
.header-comp .navigation .headers .hamburgerMenuButton .cart_icon .cart_icon_img {
  font-size: 48px;
  color: #ffffff;
}
.header-comp .navigation .headers .hamburgerMenuButton .cart_icon .cart_item_number {
  position: absolute;
  color: #383737;
  display: block;
  left: 0;
  top: 9px;
  right: 0;
  text-align: center;
  font-size: 14px;
  z-index: 1;
}
.header-comp .navigation .headers .header-pos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1857px;
  margin: auto;
  width: 100%;
}
.header-comp .navigation .headers .header-pos .secondary-nav {
  pointer-events: auto;
  margin-right: auto;
  width: 100%;
}
.header-comp .navigation .cursor-show {
  cursor: pointer;
}
.header-comp .navigation .cursor-hide {
  cursor: none;
}
.header-comp .navigation .header-scroll {
  background: #ffffff !important;
  position: fixed;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.header-comp .navigation .header-scroll .logo .logo-icon .black-logo {
  display: block;
}
.header-comp .navigation .header-scroll .logo .logo-icon .white-logo {
  display: none;
}
.header-comp .navigation .header-scroll .logo .go-back-header {
  color: #307fe2;
}
.header-comp .navigation .header-scroll .hamburgerMenuButton .menu-icon .icon .fa {
  color: #383737;
}
.header-comp .navigation .header-scroll .hamburgerMenuButton .cart_icon .cart_icon_img {
  color: #383737;
}
.header-comp .navigation .header-scroll .hamburgerMenuButton .cart_icon .cart_item_number {
  color: #ffffff;
}
.header-comp .navigation .header-scroll .secondary-nav.grey-color .sec-nav-comp .menubar li a {
  color: #7a8084 !important;
  text-decoration: none;
}
.header-comp .navigation .header-scroll .secondary-nav.grey-color .sec-nav-comp .menubar li li a.active {
  color: #7a8084 !important;
}
.header-comp .navigation .header-scroll .secondary-nav.grey-color .sec-nav-comp .menubar .nav-item a.active {
  color: #383737 !important;
  border-bottom: 2px solid #282828 !important;
}
.header-comp .navigation .header-scroll .secondary-nav.grey-color .sec-nav-comp span {
  color: #383737 !important;
}
.header-comp .navigation .header-scroll .secondary-nav.grey-color .navbar-toggler::after {
  color: #383737 !important;
}
.header-comp .navigation .overlay {
  transition: 0.2s all;
  visibility: hidden;
  height: 100vh;
  width: 100%;
  z-index: 9999;
  scrollbar-width: none;
  top: 0;
  bottom: 0;
  position: fixed;
}
.header-comp .navigation .overlay::-webkit-scrollbar {
  display: none;
}
.header-comp .navigation .overlay .navigatio-container {
  display: flex;
  flex-direction: row;
  background: #f8f8f8;
}
.header-comp .navigation .overlay .navigatio-container .left-content {
  scrollbar-width: none;
  background: #f8f8f8;
  padding: 0px 11px 32px 96px;
  flex: 70%;
  height: 100vh;
  overflow-y: scroll;
  margin-top: 6.55%;
}
.header-comp .navigation .overlay .navigatio-container .left-content::-webkit-scrollbar {
  display: none;
}
.header-comp .navigation .overlay .navigatio-container .left-content .title {
  margin: 0 auto;
  max-width: 64.4%;
  text-align: center;
}
.header-comp .navigation .overlay .navigatio-container .left-content .title .name {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  color: #383737;
  width: 100%;
  word-break: break-word;
  display: inline-block;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-comp .navigation .overlay .navigatio-container .left-content .title .name {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .left-content .title .name {
    font-size: 24px;
    line-height: 24px;
  }
}
.header-comp .navigation .overlay .navigatio-container .left-content .title .sub-title {
  margin-top: 0%;
  text-align: center;
  color: #7a8084;
  margin-bottom: 0px;
  width: 65.8%;
  margin-left: auto;
  margin-right: auto;
}
.header-comp .navigation .overlay .navigatio-container .left-content .title .sub-title p {
  margin-bottom: 0px;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section {
  padding: 0px;
  text-align: center;
  padding-top: 32px;
  margin-bottom: 6%;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column {
  display: flex;
  justify-content: center;
  padding: 32px 10px;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .carsimage picture {
  display: block;
  min-height: 93px;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .carsimage img {
  max-width: 100%;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element {
  width: 100%;
  max-width: 352px;
  margin-left: auto;
  margin-right: auto;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element a {
  text-decoration: none;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .name-car {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  word-break: break-all;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .name-car {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .name-car {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .name-car a {
  text-decoration: none;
  color: #383737;
  margin: 8px 0px;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .link-label a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  padding: 0px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #307fe2;
  text-decoration: none;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .link-label a .icon-Arrow-Right:before {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  margin-top: -4px;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .variantimg {
  margin-top: 8px;
  width: 100%;
  max-width: 352px;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .variantimg .image {
  padding: 0px 4px;
}
.header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element .variantimg .image img {
  max-width: 18px;
  width: 100%;
  max-height: 18px;
}
.header-comp .navigation .overlay .navigatio-container .right-content {
  flex: 15.2%;
  background-color: #ffffff;
  height: 100vh;
  scrollbar-width: none;
  z-index: 9;
}
.header-comp .navigation .overlay .navigatio-container .right-content::-webkit-scrollbar {
  display: none;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu {
  text-align: left;
  height: auto;
  margin-top: 0%;
  padding-left: 26.8%;
  height: calc(84vh) !important;
  overflow-y: scroll;
  scrollbar-width: none;
  margin-top: 29%;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .menu-nav {
  margin: 0;
  margin-bottom: 20px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  list-style: none;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .menu-nav > li:nth-child(1) {
  display: none;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .menu-nav > li:nth-child(2) {
  padding-top: 17px;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li {
  padding: 17px 0px;
  margin: 0;
  width: 100%;
  height: auto;
  line-height: 1;
  text-align: left;
  color: #7a8084;
  padding-right: 31px;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li {
    padding-top: 20px !important;
  }
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li:first-child {
  padding-top: 0;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li a {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  color: #7a8084;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li a .icon-Chevron-Right {
  display: flex;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .mobile_ourModels {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .mobile_ourModels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .mobile_ourModels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .mobile_OurModels_Arrow {
  display: none;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .primary-nav-link {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  color: #7a8084;
  line-height: 1;
  text-align: left;
  word-break: break-word;
  height: auto;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .primary-nav-link {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .primary-nav-link {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .primary-nav-link:hover {
  color: #383737;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list {
  display: none;
  position: absolute;
  left: 100%;
  height: 100vh;
  width: 313px;
  background: #ffffff;
  top: 0;
  padding: 29% 0px 0 21px;
  overflow-y: scroll;
  cursor: initial;
  scrollbar-width: none;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items {
  position: relative;
  max-width: 100%;
  z-index: 9999;
  height: auto;
  background: #ffffff;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav {
  padding: 0px;
  position: relative;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav li {
  padding: 20px 0px;
  list-style: none;
  margin: 0;
  line-height: 1;
  text-align: left;
  color: #383737;
  height: auto;
  cursor: initial;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav li:first-child {
  padding-top: 0;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav a {
  text-decoration: none;
  color: #383737;
  height: auto;
  line-height: 1;
  text-align: left;
  word-break: break-word;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu .login {
    margin-top: 15px;
  }
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .login a {
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  display: inline-flex;
  padding-bottom: 17px;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .login a .icon-Arrow-Right:before {
  display: block;
  font-size: 12px;
  margin-left: 8px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  margin-top: 2px;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .logout .user-name-label {
  max-width: 225px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 500;
  color: #7a8084;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu .logout {
    margin-top: 15px;
  }
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .logout a {
  color: #307fe2;
  display: inline-flex;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding: 17px 0px;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .logout a .icon-Arrow-Right:before {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  margin-top: 2px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .overlay .navigatio-container .right-content .menu .logout a {
    position: relative;
    top: -12px;
  }
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .icon-Chevron-Right {
  font-size: 20px;
  padding-left: 16px;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .fa {
  font-size: 26px;
  padding-left: 16px;
  height: 17px;
  float: right;
  margin-top: -4px;
}
.header-comp .navigation .overlay .navigatio-container .right-content .menu .hover-menu-list {
  color: #383737;
}
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.header-comp .animated {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
}
.header-comp .animated-fade-right {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
.header-comp .animatedFadeInUp {
  opacity: 0;
}
.header-comp .fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.header-comp .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-comp .navigation .headers {
    min-height: 72px;
    padding: 0px 25px;
  }
  .header-comp .navigation .headers.overview-active {
    margin-bottom: 0px;
  }
  .header-comp .navigation .headers .logo .go-back-header {
    padding: 0;
    margin-left: 24px;
  }
  .header-comp .navigation .headers .secondary-nav .sec-nav-comp .secodary-nav-active {
    position: absolute;
    top: 72px;
    left: 0;
    width: 100%;
    border: none;
    min-height: auto;
    display: flex;
    justify-content: center;
    max-height: 338px;
  }
  .header-comp .navigation .headers .secondary-nav .sec-nav-comp .secodary-nav-active .navbar {
    padding: 0px;
    margin: 0px;
    max-height: 302px;
    margin-top: 32px;
    overflow-y: scroll;
    margin-bottom: 8px;
  }
  .header-comp .navigation .headers .secondary-nav .sec-nav-comp .secodary-nav-active .menubar .nav-item a.active {
    border-bottom: none !important;
  }
  .header-comp .navigation .headers .hamburgerMenuButton .cart_icon .cart_icon_img {
    font-size: 40px;
  }
  .header-comp .navigation .headers .hamburgerMenuButton .menu-icon .icon .fa {
    font-size: 40px;
    width: auto;
  }
  .header-comp .navigation .headers .hamburgerMenuButton .menu-icon.btn-closes .icon .fa:before {
    width: auto;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content {
    flex: 49.3%;
    padding: 0px 16px 64px 40px;
    margin-top: 12%;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .title {
    max-width: 336px;
    margin-top: 0px;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .title .name {
    width: 336px;
    max-width: 100%;
    margin-bottom: 12px;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .title .sub-title {
    max-width: 272px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section {
    margin-left: 0px;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column {
    padding: 32px 0px;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column:last-child {
    padding-bottom: 28%;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .content_element {
    width: 100%;
    max-width: 336px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content {
    flex: 47%;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu {
    margin-top: 24.57%;
    padding-left: 20.4%;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu .menu-nav {
    padding: 0px;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li {
    padding-right: 40px;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list {
    display: none;
    position: absolute;
    left: 100%;
    height: 100vh;
    width: 263px;
    background: #ffffff;
    top: 0;
    padding: 24.57% 0px 0 17px;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items {
    position: relative;
    max-width: 100%;
    z-index: 9999;
    height: auto;
    background: #ffffff;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav {
    padding-top: 0px;
    padding: 0px;
    position: relative;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav li {
    list-style: none;
    padding: 20px 0px;
    height: auto;
    line-height: 1;
    text-align: left;
    color: #383737;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav a {
    text-decoration: none;
    color: #383737;
    height: auto;
    line-height: 1;
    text-align: left;
    word-break: break-word;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header-comp .navigation .headers {
    min-height: 54px;
    padding: 0 16px;
  }
  .header-comp .navigation .headers.overview-active {
    margin-bottom: 0px;
  }
  .header-comp .navigation .headers .mobile_subMenu h6 {
    justify-content: center;
    color: #383737;
    margin: 0px;
    padding-top: 6px;
  }
  .header-comp .navigation .headers .logo .go-back-header {
    padding: 0;
    margin-left: 16px;
  }
  .header-comp .navigation .headers .secondary-nav .sec-nav-comp .secodary-nav-active {
    top: 54px;
    margin-top: 0px;
    min-height: 54px;
    max-height: 318px;
    padding-top: 24px;
  }
  .header-comp .navigation .headers .secondary-nav .sec-nav-comp .secodary-nav-active .navbar {
    padding: 0px;
    margin: 0px;
    max-height: 294px;
    overflow-y: scroll;
  }
  .header-comp .navigation .headers .secondary-nav .sec-nav-comp .secodary-nav-active .menubar .nav-item a.active {
    border-bottom: none !important;
  }
  .header-comp .navigation .headers .hamburgerMenuButton .menu-icon .icon .fa {
    font-size: 24px;
    width: auto;
  }
  .header-comp .navigation .headers .hamburgerMenuButton .menu-icon.btn-closes .icon .fa:before {
    width: auto;
  }
  .header-comp .navigation .headers .hamburgerMenuButton .cart_icon .cart_icon_img {
    font-size: 24px;
  }
  .header-comp .navigation .headers .hamburgerMenuButton .cart_icon .cart_item_number {
    top: 0px;
    font-size: 8px;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content {
    padding: 0px 30px 40px 30px;
    margin-top: 18.2%;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .title {
    max-width: 300px;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .title .name {
    margin-bottom: 8px;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .title .sub-title {
    max-width: 300px;
    width: 100%;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section {
    margin-bottom: 0%;
    padding: 20px 0px 0px 0px;
    text-align: center;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column {
    padding: 20px 0px;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .carsimage img {
    max-width: 100%;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column .car-section-card .content_element {
    width: 100%;
    max-width: 195px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .header-comp .navigation .overlay .navigatio-container .left-content .car-section .car-section-column:last-child {
    padding-bottom: 35%;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu {
    padding-left: 8%;
    margin-top: 18.2%;
    padding-bottom: 20%;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu .menu-nav {
    margin-bottom: 16px;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu .menu-nav > li:nth-child(1) {
    display: block;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu .menu-nav > li:nth-child(2) {
    padding-top: 20px;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li {
    width: 100%;
    padding-right: 30px;
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .mobile_ourModels {
    display: flex;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .mobile_OurModels_Arrow {
    display: flex;
    text-decoration: none;
    color: #7a8084;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list {
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    height: 100vh;
    background: #ffffff;
    top: 0;
    padding: 18.2% 30px 0 30px;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items {
    position: relative;
    max-width: 100%;
    z-index: 9999;
    height: auto;
    background: #ffffff;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav {
    padding: 0px;
    padding-top: 0px;
    position: relative;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav li {
    list-style: none;
    padding: 16px 0px;
    height: auto;
    line-height: 1;
    text-align: left;
    color: #383737;
  }
  .header-comp .navigation .overlay .navigatio-container .right-content .menu li .sub-menu-list .sub-menu-items .sub-primary-nav a {
    text-decoration: none;
    color: #383737;
    height: auto;
    line-height: 1;
    text-align: left;
    word-break: break-word;
  }
}

.basket-modal-popup .modal {
  z-index: 999999;
}
.basket-modal-popup .modal .modal-content {
  border: none;
  padding: 64px 105px 0px;
  border-radius: unset;
  overflow-x: auto;
}
.basket-modal-popup .modal .modal-content::-webkit-scrollbar {
  display: block !important;
  width: 6px;
}
.basket-modal-popup .modal .modal-content::-webkit-scrollbar-thumb {
  background-color: #7a8084 !important;
}
.basket-modal-popup .modal .modal-content::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content {
    padding: 40px 40px 0px 88px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content {
    padding: 30px;
    padding-bottom: 0px;
  }
}
.basket-modal-popup .modal .modal-content .modal-header {
  padding: 0;
  border: none;
  border-radius: unset;
  display: flex;
  justify-content: end;
  padding-bottom: 16px;
}
.basket-modal-popup .modal .modal-content .modal-header h4 {
  color: #383737;
}
.basket-modal-popup .modal .modal-content .modal-header p {
  color: #7a8084;
}
.basket-modal-popup .modal .modal-content .modal-header button {
  background: transparent;
  border: none;
  width: auto !important;
  height: auto !important;
  font-size: 38.57px;
  padding: 0%;
  outline: none !important;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-header button {
    font-size: 32px !important;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .modal_container {
  padding-left: 1px;
}
@media only screen and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .modal_container {
    height: calc(100% - 200px);
    overflow: auto;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item {
  padding: 24px 0px;
  border-bottom: solid 2px #eaeaec;
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_item_pic {
  margin-right: 24px;
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_item_pic img {
  max-width: 140px;
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info {
  width: 100%;
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_quantity_remove {
  justify-content: space-between;
  display: flex;
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_quantity_remove .mob_customize {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_quantity_remove .mob_customize {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_quantity_remove .item_quantity select {
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_quantity_remove .item_quantity {
    margin-bottom: 16px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_quantity_remove .item_remove {
  display: flex;
  align-items: center;
  color: #307fe2;
  cursor: pointer;
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_name_price {
  display: flex;
  justify-content: space-between;
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_name_price .item_name {
  margin-bottom: 24px;
  margin-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_name_price .item_name {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_name_price .item_name {
    margin-right: 0px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_name_price .item_name p {
  margin: 0px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_name_price .item_price {
  white-space: nowrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .apend_items .basket_item .basket_info .item_name_price .item_price {
    position: absolute;
    right: 0px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .basket_banner {
  margin: 24px 0px 24px 0px;
  background-color: #f8f8f8;
  border-left: 8px solid #307fe2;
  padding: 24px 40px 24px 32px;
  margin-left: 1px;
}
.basket-modal-popup .modal .modal-content .modal-body .basket_banner .fitment-title {
  color: #383737;
}
.basket-modal-popup .modal .modal-content .modal-body .basket_banner .fitment-desc {
  color: #383737;
  margin: 0px !important;
}
.basket-modal-popup .modal .modal-content .modal-body .basket_banner .fitment-desc p {
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket_banner {
    margin: 32px 0px 8px 0px !important;
    padding-right: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket_banner {
    padding: 16px !important;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .shipping_info {
  display: flex;
  padding-top: 24px;
  justify-content: space-between;
  gap: 22px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .shipping_info {
    gap: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .shipping_info {
    gap: 16px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .shipping_info .item_shipping_info {
  width: 64.2%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .shipping_info .item_shipping_info {
    width: 67.2%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .shipping_info .item_shipping_info {
    width: 60%;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .shipping_info .item_shipping_info p {
  margin: 0px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.basket-modal-popup .modal .modal-content .modal-body .shipping_info .item_shipping_time {
  width: 33%;
  text-align: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .shipping_info .item_shipping_time {
    width: 22%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .shipping_info .item_shipping_time {
    width: 34.6%;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .total_section {
  padding-top: 24px;
  margin-top: 80px;
  padding-bottom: 64px;
  position: sticky;
  bottom: 0px;
  background: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .total_section {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .total_section {
    padding-bottom: 0px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .total_section .total_heading {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}
.basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option {
    padding-bottom: 30px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .checkout_text {
  display: flex;
  align-items: center;
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .checkout_text {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .checkout_text {
    font-size: 14px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .checkout_text .lock-icon {
  font-size: 24px;
}
.basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .cta_checkout button {
  padding: 0px;
  border: none;
}
.basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .cta_checkout a {
  text-decoration: none;
  display: block;
  background: #ffffff;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option {
    flex-direction: column;
  }
  .basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .cta_checkout {
    width: 100%;
    margin-bottom: 25px;
  }
  .basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .cta_checkout button {
    width: 100%;
  }
  .basket-modal-popup .modal .modal-content .modal-body .total_section .checkout_option .cta_checkout .cta-btn {
    width: 100%;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .basket-empty-message {
  display: none;
  color: #7a8084;
  margin: auto;
}
.basket-modal-popup .modal .modal-content .modal-body .basket-login-section {
  padding-top: 241px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-login-text {
  width: 584px;
  text-align: center;
  padding-bottom: 40px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-login-text {
    width: 531px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-login-text {
    width: 300px;
    padding-bottom: 60px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-login-text p {
  margin-bottom: 0;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-login-text p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-login-text p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-signin {
  display: block;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-signin {
    width: 100%;
  }
}
.basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-signin button {
  display: block;
  width: 100%;
  background-color: #ffffff;
}
.basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-signin button .primary-btn {
  display: block;
  padding: 13px 29px;
  max-width: 121px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-signin button .primary-btn {
    padding: 10px 21px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal .modal-content .modal-body .basket-login-section .basket-signin button .primary-btn {
    margin: 0 auto;
    max-width: 100%;
  }
}
.basket-modal-popup .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.basket-modal-popup .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .modal.modal-right .modal-dialog {
    width: 640px;
  }
}
.basket-modal-popup .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal.modal-right .modal-content {
    height: calc(100% - 30px);
  }
}
.basket-modal-popup .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.basket-modal-popup .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .modal.modal-right.fade.show .modal-dialog {
    top: 30px;
  }
}
.basket-modal-popup .basket-item-popup .modal-dialog {
  max-width: 812px !important;
  margin: 0 auto;
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content {
  padding: 0px;
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container {
  padding: 80px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container {
    padding: 30px;
  }
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .basket-popup-head {
  display: flex;
  justify-content: space-between;
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .basket-popup-head .basket-title {
  padding-bottom: 32px;
  max-width: 548px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .basket-popup-head .basket-title {
    max-width: 576px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .basket-popup-head .basket-title {
    max-width: 224px;
  }
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .basket-popup-head .basket-popup-close {
  font-size: 40px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .basket-popup-head .basket-popup-close {
    font-size: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .basket-popup-head .basket-popup-close {
    font-size: 24px;
  }
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .remove-warning-msg {
  color: #7a8084;
  padding-bottom: 40px;
  max-width: 548px;
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .remove-warning-msg * {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .remove-warning-msg {
    max-width: 576px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .remove-warning-msg {
    max-width: 272px;
  }
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .success-btn {
  padding: 12px 24px;
}
.basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .success-btn a {
  text-decoration: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .basket-item-popup .modal-dialog .modal-content .basket-popup-container .success-btn {
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-modal-popup .basket-item-popup .modal-dialog {
    max-width: 688px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-modal-popup .basket-item-popup .modal-dialog {
    max-width: 332px !important;
  }
}

.go-top-icon {
  height: 78px;
  padding: 0 40px 24px 0;
  display: none;
}
.go-top-icon .top-button {
  display: none;
  z-index: 9998;
  position: fixed;
  bottom: 80px;
  right: 16px;
  background-color: #ffffff !important;
  border: 1px solid #383737;
  box-sizing: border-box;
  width: 54px !important;
  height: 54px !important;
  cursor: pointer;
  float: right;
}
.go-top-icon .top-button img {
  height: 54px;
  width: 54px;
  padding: 16px;
}
.footer-comp {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  background: #383737;
  padding: 60px 106px 40px 106px;
}
.footer-comp .container {
  padding: 0;
}
.footer-comp .container .footer-main {
  padding-left: 0px;
}
.footer-comp .container .footer-main .tml-footer-nav {
  width: fit-content;
}
.footer-comp .container .footer-main .tml-footer-nav img {
  margin-bottom: 8px !important;
}
.footer-comp .container .footer-main .nav-link-heading {
  margin-top: 0;
}
.footer-comp .container .footer-main .nav-link-heading p {
  min-height: 20px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #f8f8f8;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-comp .container .footer-main .nav-link-heading p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-comp .container .footer-main .nav-link-heading p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.footer-comp .container .footer-main .nav-link-heading p#quickid {
  width: fit-content;
}
.footer-comp .container .footer-main .nav-link-heading p#socialid {
  width: fit-content;
}
.footer-comp .container .footer-main a {
  text-decoration: none;
  color: #f8f8f8;
  cursor: pointer;
}
.footer-comp .container .footer-main ul li {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 12px;
  width: fit-content;
  /* place-items: center; */
  align-items: center;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px;
  text-align: left;
  font-weight: normal;
}
.footer-comp .container .footer-main ul li.footer-nav-link {
  color: #ffffff;
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 8px;
  width: fit-content;
}
.footer-comp .container .footer-main ul li.footer-nav-link a {
  color: #ffffff !important;
  max-width: 189px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-comp .container .footer-main ul li.footer-nav-link a {
    max-width: 222px;
  }
}
.footer-comp .container .footer-main ul li.footer-nav-link span {
  width: fit-content;
}
.footer-comp .container .footer-main ul li.footer-nav-link .icon-Arrow-Right::before {
  display: block;
  color: #f8f8f8;
  font-size: 12px;
  font-weight: 300;
}
.footer-comp .container .footer-main ul li.social-nav-link a {
  color: #ffffff !important;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-comp .container .footer-main ul li.social-nav-link a {
    font-size: 16px;
    line-height: 20px;
  }
}
.footer-comp .container .footer-main ul li.social-nav-link img {
  max-width: 16px;
}
.footer-comp .container .footer-main .copyright-text p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  display: inline;
  width: 85%;
  margin-top: 48px;
  margin-bottom: 0;
}
.footer-comp .container .footer-main .copyright-text .copy_right {
  color: #eaeaec;
}
@media only screen and (max-width: 991px) {
  .go-top-icon {
    padding-right: 40px;
  }
  .footer-comp {
    padding: 40px;
  }
  .footer-comp .container {
    padding: 0;
  }
  .footer-comp .container .footer-main {
    padding-left: 0px;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading {
    margin-top: 12px;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading p {
    color: #eaeaec;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading p#quickid {
    width: fit-content;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading p#socialid {
    width: fit-content;
  }
  .footer-comp .container .footer-main .footer-nav ul {
    margin-bottom: 0;
  }
  .footer-comp .container .footer-main .copyright-text .copy_right {
    width: 89.5%;
    margin-top: 32px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  /**nav-expand for footer with head and ul**/
  .footer-comp {
    padding: 40px 0 0 0;
  }
  .footer-comp .container {
    padding: 0px;
  }
  .footer-comp .container .footer-main {
    padding-left: 0px;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading {
    cursor: pointer;
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #282828;
    margin-bottom: 0px !important;
    margin-top: 0;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading.nav-quicklinks {
    border-top: 1px solid #282828;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading p {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 0;
    color: #ffffff;
    width: unset !important;
    max-width: 75% !important;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading p.linkdropdown_label::after {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    font-size: 24px;
    font-weight: 300;
    width: 11.6px;
    height: 20.4px;
    position: relative;
    left: 124px;
    right: 30px;
  }
  .footer-comp .container .footer-main .footer-nav ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease-out;
    background-color: #282828;
    margin-bottom: 0px;
  }
  .footer-comp .container .footer-main .footer-nav ul li {
    margin-left: 30px;
    margin-right: 30px;
  }
  .footer-comp .container .footer-main .footer-nav ul li:first-child {
    padding-top: 16px !important;
  }
  .footer-comp .container .footer-main .footer-nav ul li:last-child {
    padding-bottom: 16px !important;
  }
  .footer-comp .container .footer-main .footer-nav.open .nav-link-heading p.linkdropdown_label::after {
    font-family: 'FontAwesome';
    content: "\f106";
    float: right;
    font-size: 24px;
    font-weight: 300;
    width: 11.6px;
    height: 20.4px;
  }
  .footer-comp .container .footer-main .footer-nav.open ul {
    height: auto;
    max-height: 500px;
    transition: max-height 0.8s ease-in !important;
  }
  .footer-comp .container .footer-main .copyright-text {
    width: 83.5%;
  }
  .footer-comp .container .footer-main .copyright-text p {
    margin: 24px 30px !important;
    width: 76% !important;
    display: block;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
  .footer-comp .container .tml-footer-nav {
    margin-left: 30px;
    margin-right: 30px;
  }
  .footer-comp .container .tml-footer-nav ul li {
    padding-bottom: 0px !important;
  }
  .footer-comp .container .tml-footer-nav img {
    margin-bottom: 8px !important;
  }
  /**nav-expand for footer with head and ul**/
}
@media only screen and (max-width: 576px) {
  .go-top-icon {
    display: block;
    padding-right: 16px;
  }
  .go-top-icon .top-button {
    width: 30px !important;
    height: 30px !important;
    bottom: 85px !important;
    right: 16px !important;
    z-index: 999;
  }
  .go-top-icon .top-button img {
    height: 30px;
    width: 30px;
    padding: 8px;
  }
  .footer-comp .container .footer-main .footer-nav .nav-link-heading p {
    max-width: 50% !important;
  }
}









.referral-links-comp tr td {
  width: 25%;
}
















.VAS-Items-comp .main-Container {
  display: table;
  width: 100%;
}
.VAS-Items-comp .main-Container .vehicle-names {
  display: grid;
  grid-template-columns: 32.247557% 15.3094463% 15.3094463% 15.3094463% 15.3094463%;
  gap: 20px;
  padding: 24px 66px;
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .vehicle-names {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .VAS-Items-comp .main-Container .vehicle-names {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.VAS-Items-comp .main-Container .mobile-vehicle-names {
  display: none;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values {
  position: relative;
  width: 20%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values.active::after {
  transform: rotate(180deg) !important;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents {
  position: absolute;
  display: none;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
  background-color: #ffffff;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 232px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option .custom-option.selected {
  color: #307fe2;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values .variants-option-parents .variant-custom-option::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.VAS-Items-comp .main-Container .accordian-container {
  padding-bottom: 60px;
}
.VAS-Items-comp .main-Container .accordian-container .seperating-container {
  margin-bottom: 40px;
}
.VAS-Items-comp .main-Container .accordian-container .action-accordian-header {
  cursor: pointer;
}
.VAS-Items-comp .main-Container .accordian-container .action-accordian-header .accordian-header-label {
  display: flex;
  justify-content: space-between;
  padding: 24px 66px;
  background-color: #ffffff;
}
.VAS-Items-comp .main-Container .accordian-container .action-accordian-header .accordian-header-label .header-label {
  color: #383737;
  margin: 0px !important;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .accordian-container .action-accordian-header .accordian-header-label .header-label {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .VAS-Items-comp .main-Container .accordian-container .action-accordian-header .accordian-header-label .header-label {
    font-size: 24px;
    line-height: 24px;
  }
}
.VAS-Items-comp .main-Container .accordian-container .action-accordian-header .accordian-header-label .icon-style {
  text-align: end;
  font-size: 40px;
}
.VAS-Items-comp .main-Container .accordian-container .vehicle-items .data-main-heading {
  display: flex;
  justify-content: center;
  padding: 24px 66px;
}
.VAS-Items-comp .main-Container .accordian-container .vehicle-items .vehicle-items-label {
  display: grid;
  grid-template-columns: 32.247557% 15.3094463% 15.3094463% 15.3094463% 15.3094463%;
  gap: 20px;
  background-color: #ffffff;
}
.VAS-Items-comp .main-Container .accordian-container .vehicle-items .vehicle-items-label .item-heading-label {
  margin: 0px;
}
.VAS-Items-comp .main-Container .accordian-container .vehicle-items .vehicle-items-label [option="mobile-second"] {
  display: none;
}
.VAS-Items-comp .main-Container .accordian-container .vehicle-items .vehicle-items-label .data-value-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .accordian-container .vehicle-items .vehicle-items-label .data-value-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label {
  display: grid;
  grid-template-columns: 32.247557% 15.3094463% 15.3094463% 15.3094463% 15.3094463%;
  gap: 20px;
  padding: 24px 66px;
}
.VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label .item-heading-label {
  margin: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label .item-heading-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label .item-heading-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label .data-value-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label .data-value-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .VAS-Items-comp .main-Container .vehicle-names {
    display: grid;
    grid-template-columns: 23.8095238095% 17.2619047619% 17.2619047619% 17.2619047619% 17.2619047619%;
    gap: 16px;
    padding: 16px 24px;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values {
    width: 236px;
    cursor: pointer;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values.active::after {
    transform: rotate(180deg) !important;
  }
  .VAS-Items-comp .main-Container .dropdownformoble {
    display: none;
  }
  .VAS-Items-comp .main-Container .accordian-container {
    padding-bottom: 40px;
  }
  .VAS-Items-comp .main-Container .accordian-container .action-accordian-header .accordian-header-label {
    padding: 16px 24px;
  }
  .VAS-Items-comp .main-Container .accordian-container .data-main-heading {
    padding: 16px 24px;
  }
  .VAS-Items-comp .main-Container .accordian-container .vehicle-items .vehicle-items-label {
    display: grid;
    grid-template-columns: 23.8095238095% 17.2619047619% 17.2619047619% 17.2619047619% 17.2619047619%;
    gap: 16px;
  }
  .VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label {
    display: grid;
    grid-template-columns: 23.8095238095% 17.2619047619% 17.2619047619% 17.2619047619% 17.2619047619%;
    gap: 16px;
    padding: 16px 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .VAS-Items-comp .main-Container .vehicle-names {
    display: none;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names {
    display: grid !important;
    grid-template-columns: auto auto;
    padding: 16px;
    margin-bottom: 24px;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles {
    display: flex;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values {
    width: 142px;
    cursor: pointer;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .vehicles .dropdown-values.active::after {
    transform: rotate(180deg) !important;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .mobile-vehicle-names-dropdown.active::after {
    transform: rotate(180deg);
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .mobile-vehicle-names-dropdown .variants-option-parents .variant-custom-option::-webkit-scrollbar-track {
    background-color: #eaeaec;
    margin: 16px;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .mobile-vehicle-names-dropdown .variants-option-parents .variant-custom-option::-webkit-scrollbar {
    width: 4px;
    display: block !important;
  }
  .VAS-Items-comp .main-Container .mobile-vehicle-names .mobile-vehicle-names-dropdown .variants-option-parents .variant-custom-option::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #7a8084;
  }
  .VAS-Items-comp .main-Container .accordian-container .action-accordian-header .accordian-header-label {
    padding: 8px 18px;
    margin-bottom: 11px;
  }
  .VAS-Items-comp .main-Container .accordian-container .vehicle-items {
    padding: 0px !important;
  }
  .VAS-Items-comp .main-Container .accordian-container .vehicle-items .data-main-heading {
    padding: 16px;
  }
  .VAS-Items-comp .main-Container .accordian-container .vehicle-items .vehicle-items-label {
    display: block;
    padding: 16px;
  }
  .VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label {
    display: block !important;
  }
  .VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label .item-heading-label {
    display: none;
  }
  .VAS-Items-comp .main-Container .accordian-container .whiteincolor .vehicle-items-label .item-heading-label[option='mobile-first'] {
    float: left;
    margin-right: 40px;
    width: 50%;
  }
}

.tmpvl-retail-price-comp {
  overflow-x: scroll;
}
.tmpvl-retail-price-comp .main {
  display: table;
  width: 100%;
  background: #f8f8f8 !important;
  padding-right: 40px;
  padding-left: 40px;
}
.tmpvl-retail-price-comp .main .Policy-headings {
  display: flex;
  gap: 20px;
  margin-bottom: 34px;
  padding: 24px 66px;
}
.tmpvl-retail-price-comp .main .Policy-headings h6.policy:first-child {
  width: 30.5%;
}
.tmpvl-retail-price-comp .main .Policy-headings .policy {
  width: 13.0555555556%;
  margin: 0;
}
.tmpvl-retail-price-comp .main .Items-container .information-items .mobl-info-item {
  display: none;
}
.tmpvl-retail-price-comp .main .Items-container .information-items .item-details {
  display: flex;
  padding: 24px 66px;
  gap: 20px;
}
.tmpvl-retail-price-comp .main .Items-container .information-items .item-details h6.item:first-child {
  width: 30.5%;
}
.tmpvl-retail-price-comp .main .Items-container .information-items .item {
  width: 13.0555555556%;
  margin-bottom: 0;
}
.tmpvl-retail-price-comp .main .Items-container .information-items:nth-child(odd) {
  background-color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tmpvl-retail-price-comp {
    overflow-x: scroll;
  }
  .tmpvl-retail-price-comp .main {
    display: table;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .tmpvl-retail-price-comp .main .Policy-headings {
    gap: 16px;
    margin-bottom: 24px;
    padding: 16px 24px 16px 24px;
  }
  .tmpvl-retail-price-comp .main .Policy-headings h6.policy:first-child {
    width: 26.833333%;
    min-width: 160px;
    width: 0;
  }
  .tmpvl-retail-price-comp .main .Policy-headings .policy {
    min-width: 116px;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items .mobl-info-item {
    display: none;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items .item-details {
    padding: 16px 24px 16px 24px;
    gap: 16px;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items .item-details h6.item:first-child {
    width: 22.22222222%;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items .item {
    width: 16.1111111111%;
    margin-bottom: 0;
  }
  .tmpvl-retail-price-comp .main::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tmpvl-retail-price-comp {
    overflow-x: scroll;
  }
  .tmpvl-retail-price-comp .main {
    display: table;
    width: 100%;
  }
  .tmpvl-retail-price-comp .main .Policy-headings {
    gap: 28px;
    margin-bottom: 40px;
    padding: 16px 16px;
  }
  .tmpvl-retail-price-comp .main .Policy-headings h6.policy:first-child {
    min-width: 136px;
    width: auto;
    display: none;
  }
  .tmpvl-retail-price-comp .main .Policy-headings .policy {
    min-width: 136px;
    width: auto;
    margin: 0;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items {
    padding: 16px;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items .mobl-info-item {
    display: block;
    width: 299px;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items .item-details {
    gap: 28px;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items .item-details h6.item:first-child {
    display: none;
  }
  .tmpvl-retail-price-comp .main .Items-container .information-items .item {
    min-width: 136px;
    width: auto;
    margin-bottom: 0;
  }
  .tmpvl-retail-price-comp .main::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    display: block;
  }
}
.accident_view .tmpvl-retail-price-comp {
  overflow-x: scroll;
}
.accident_view .tmpvl-retail-price-comp .main {
  padding-left: 40px;
  padding-right: 40px;
}
.accident_view .tmpvl-retail-price-comp .main .Policy-headings {
  display: flex;
  gap: 20px;
}
.accident_view .tmpvl-retail-price-comp .main .Policy-headings h6.policy:first-child {
  width: 23.8%;
}
.accident_view .tmpvl-retail-price-comp .main .Policy-headings .policy {
  width: 23.8%;
}
.accident_view .tmpvl-retail-price-comp .main .Items-container .information-items .item-details .item {
  width: 23.8%;
  margin-bottom: 0px;
}
.accident_view .tmpvl-retail-price-comp .main .Items-container .information-items .item-details h6.item:first-child {
  width: 23.8%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accident_view .tmpvl-retail-price-comp .main {
    padding-left: 0px;
    padding-right: 0px;
  }
  .accident_view .tmpvl-retail-price-comp .main .Policy-headings {
    gap: 16px;
    padding: 24px 24px 0px 24px;
  }
  .accident_view .tmpvl-retail-price-comp .main .Policy-headings h6.policy:first-child {
    width: 22.3% !important;
    font-size: 20px !important;
  }
  .accident_view .tmpvl-retail-price-comp .main .Policy-headings .policy {
    width: 22.3%;
  }
  .accident_view .tmpvl-retail-price-comp .main .Items-container .information-items .item-details {
    width: 22.3%;
    padding: 16px 24px;
  }
  .accident_view .tmpvl-retail-price-comp .main .Items-container .information-items .item-details h6.item:first-child {
    width: 22.3%;
  }
  .accident_view .tmpvl-retail-price-comp .main .Items-container .information-items .item-details .item {
    width: 22.3%;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accident_view .tmpvl-retail-price-comp .main .Policy-headings {
    gap: 28px !important;
  }
  .accident_view .tmpvl-retail-price-comp .main .Policy-headings h6.policy:first-child {
    width: 28.5%;
    font-size: 20px !important;
  }
  .accident_view .tmpvl-retail-price-comp .main .Policy-headings .policy {
    width: 28.5%;
  }
  .accident_view .tmpvl-retail-price-comp .main .Items-container .information-items .mobl-info-item {
    margin-bottom: 0px !important;
  }
  .accident_view .tmpvl-retail-price-comp .main .Items-container .information-items .item-details {
    width: 28.5%;
    padding: 16px;
    gap: 28px;
  }
  .accident_view .tmpvl-retail-price-comp .main .Items-container .information-items .item-details .item {
    width: 28.5%;
    margin-bottom: 0px;
  }
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/tml-ev/components/service-overview/so-summary/clientlibs/css/so-summary.less
Error: FileError: 'site.less' wasn't found in /apps/tml-ev/components/service-overview/so-summary/clientlibs/css/so-summary.less on line 1, column 1:
1 @import (reference) "/apps/tml-pv/clientlibs/clientlib-site/css/site.less";
2 


(uncompiled LESS src is included below)
*****************************************************/
@import (reference) "/apps/tml-pv/clientlibs/clientlib-site/css/site.less";

.so-summary-comp {
    h4 {
        color: @color-black-01;
    }

    .page_summary_title {
        margin-bottom: 40px;
        width: 100%;
        @media 
        @tablet,
        @tablet-strict {
            margin-bottom: 24px;
        }
    }

    .main-container {
        max-width: 95%;
    }

    .item-cost-label {
        display        : flex;
        justify-content: space-between;
        margin-bottom  : 40px;
        color          : @color-grey-03;

        @media @smallphone,
        @phonelarge-strict,
        @tablet,
        @tablet-strict {
            margin-bottom: 24px;
        }

        .item-label{
            flex-basis  : 48%;
            margin-right: 2%;
        }

        .cost-label{
            flex-basis: 48%;
            text-align: end;
        }
    }

    .amc_selected_items {
        .selected-amc-package {
            flex-basis  : 48%;
            margin-right: 2%;
        }

        .selected-amc-cost {
            flex-basis: 48%;
            text-align: end;
        }

        .selected-amc-name,
        .selected-amc-cost h6 {
            color: @color-black-01;
        }

        .selected-amc-date  {
            color: @color-grey-03;
            width:48%;
            @media
            @tablet,
            @tablet-strict {
               display: initial;
            }
            span {
                position: relative;
                left    : 5px;


                @media @smallphone,
                @phonelarge-strict {
                    left: 0px;
                    padding-left: 3px;
                }
            }
        }
        
    }


    .dividing-border {
        border-bottom: 1px solid @color-grey-02;
        margin-top   : 24px;
        margin-bottom: 40px;

        @media @smallphone,
        @phonelarge-strict,
        @tablet,
        @tablet-strict  {
            margin-bottom: 24px;
        }
    }

    .amc_selected_items {
        display    : flex;
        align-items: center;
    }

    .summary-total {
        width      : 100%;
        background : @color-white;
        border-left: solid 8px @color-tml-blue;
        max-height : 136px;
        padding    : 40px 64px 40px 56px;

        @media @tablet,
        @tablet-strict {
            max-height: 112px;
            padding   : 32px 40px 32px 32px;
        }

        @media @smallphone,
        @phonelarge-strict {
            border-left: solid 4px @color-tml-blue;
            max-height : 96px;
            padding    : 24px 16px 24px 14px;
        }

        .booking-title {
            margin-bottom: 16px;
            min-height   : 56px;

            @media @tablet,
            @tablet-strict {
                padding-bottom: 0;
            }

            @media @smallphone,
            @phonelarge-strict {
                min-height    : 48px;
                padding-bottom: 8px;
            }

            h5 {
                color     : @color-black-01;
                min-height: 30px;
                width     : 375px;

                @media @tablet,
                @tablet-strict {
                    width     : 248px;
                    min-height: 24px;
                }

                @media @smallphone,
                @phonelarge-strict {
                    width     : 45%;
                    min-height: 48px;
                }
            }
        }

        .total-booking-price {
            min-width: 110px;

            @media @tablet,
            @tablet-strict {
                min-width: 98px;
            }

            @media @smallphone,
            @phonelarge-strict {
                width: auto;
            }

            h5,
            p {
                text-align   : right;
                margin-bottom: 0;
            }

            p {
                color: @color-black-01;

                @media @tablet,
                @tablet-strict {
                    min-height    : 24px;
                    margin-bottom : 0;
                    padding-bottom: 0;
                }
            }

            h5 {
                min-width     : 118px;
                padding-bottom: 4px;
                width         : fit-content;

                @media @tablet,
                @tablet-strict {
                    min-width : 97px;
                    min-height: 24px;
                    width     : fit-content;
                }

                @media @smallphone,
                @phonelarge-strict {
                    min-width    : 111px;
                    padding-right: 0;
                    width        : fit-content;
                }
            }
        }


    }
}
.sticky-sooverview {
  position: sticky;
  top: 0px;
  align-self: flex-start;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .so-overview-comp {
    position: relative;
    z-index: 999;
  }
}
.so-overview-comp .service_box {
  max-width: 396px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .so-overview-comp .service_box {
    max-width: 100%;
    position: relative;
  }
}
.so-overview-comp .service_box .collapse_toggle_mobile {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .so-overview-comp .service_box .collapse_toggle_mobile {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #ffffff;
    width: 100%;
    padding: 16px 30px;
    left: 0px;
    right: 0px;
  }
  .so-overview-comp .service_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    font-weight: 500;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .so-overview-comp .service_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-size: 16px;
    line-height: 20px;
  }
}
.so-overview-comp .service_box .comp_title {
  padding-bottom: 24px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .so-overview-comp .service_box .comp_title {
    display: none;
  }
}
.so-overview-comp .service_box .list_heading {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  align-items: center;
  cursor: pointer;
}
.so-overview-comp .service_box .list_heading .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
.so-overview-comp .service_box .service_box_accordian {
  padding: 16px 0px 16px 0px;
  border-bottom: solid 2px #eaeaec;
}
.so-overview-comp .service_box .service_box_accordian.CollapseCatogories {
  display: none;
}
.so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item.collapseItems {
  display: none;
}
.so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list {
  margin: 0px;
  padding: 0px;
}
.so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0px 0px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list li {
    flex-direction: column;
  }
}
.so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list li h6 {
  max-width: 198px;
  text-align: right;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list li h6 {
    max-width: 100%;
    text-align: left;
  }
}
.so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list li h6 span {
  display: block;
}
.so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list li:first-child {
  margin-top: 8px;
}
.so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list li:last-child {
  padding-bottom: 0px;
}
.so-overview-comp .service_box .service_box_accordian .service-comp-collapse-item .service_list li span:nth-child(2) {
  text-align: right;
}
.so-overview-comp .service_box .service-total {
  width: 100%;
  background: #ffffff;
  border-left: solid 8px #307fe2;
  min-height: 106px;
  padding: 16px 24px 16px 16px;
  margin-top: 16px;
}
.so-overview-comp .service_box .service-total .service-total-title {
  padding-bottom: 12px;
}
.so-overview-comp .service_box .service-total .service-total-label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 4px;
  display: block;
}
.so-overview-comp .service_box .service-total .bs-service-desc p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 0px;
}
@media only screen and (min-width: 1200px) {
  .so-overview-comp .service_box .service_box_container {
    display: block !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .so-overview-comp .service_box .service_box_container {
    position: fixed !important;
    top: auto;
    bottom: 78px;
    height: 36% !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .so-overview-comp .service_box .service_box_container {
    position: fixed !important;
    top: 0px;
    height: calc(100vh - 78px) !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
.so-overview-comp .showBackDrop {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .so-overview-comp .showBackDrop {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    height: 100vh;
    width: 100%;
    max-width: 100%;
    background: #383737;
    inset: auto 0px 78px;
    display: block;
    opacity: 80%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .so-overview-comp .showBackDrop {
    display: none;
  }
}
.cq-Editable-dom .service-comp .service_box_container,
.cq-Editable-dom .service-comp .collapse_toggle_mobile {
  position: static !important;
  height: auto !important;
}

.so-order-details-comp .so-details {
  background: #383737;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 64px 0;
  text-align: center;
}
.so-order-details-comp .so-details .msg {
  color: #ffffff;
  margin-bottom: 24px;
  width: 49.1856678%;
  display: none;
}
.so-order-details-comp .so-details .desc p {
  margin: 0;
  color: #ffffff;
}
.so-order-details-comp .so-details .desc {
  width: 49.1856678%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .so-order-details-comp .so-details {
    padding: 64px;
  }
  .so-order-details-comp .so-details .msg {
    width: 100%;
  }
  .so-order-details-comp .so-details .desc p,
  .so-order-details-comp .so-details .desc {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 400px) {
  .so-order-details-comp .so-details {
    padding: 40px;
  }
  .so-order-details-comp .so-details .msg {
    width: 100%;
  }
  .so-order-details-comp .so-details .desc p,
  .so-order-details-comp .so-details .desc {
    width: 100%;
  }
}

.road-side-assistance-comp .main-div {
  display: flex;
  padding: 64px;
  align-items: flex-start;
  gap: 80px;
}
.road-side-assistance-comp .main-div .left-section {
  flex: 30%;
}
.road-side-assistance-comp .main-div .left-section .eyebrowTitle {
  color: #7a8084;
  padding-bottom: 24px;
}
.road-side-assistance-comp .main-div .left-section .left_rsadesc {
  color: #7a8084;
}
.road-side-assistance-comp .main-div .left-section .content {
  display: none;
}
.road-side-assistance-comp .main-div .left-section .content:first-of-type {
  display: block;
}
.road-side-assistance-comp .main-div .left-section .left_rsaheading {
  padding-bottom: 12px;
}
.road-side-assistance-comp .main-div .right-section {
  flex: 56%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.road-side-assistance-comp .main-div .right-section .icon-div {
  padding-top: 16px;
  padding-bottom: 16px;
  width: 188px;
  cursor: pointer;
}
.road-side-assistance-comp .main-div .right-section .active {
  background-color: #f8f8f8;
  border-bottom: 4px solid #307fe2;
}
.road-side-assistance-comp .main-div .right-section .icon-img {
  height: 48px;
  width: 48px;
  margin: auto;
  display: block;
}
.road-side-assistance-comp .main-div .right-section .assisstance {
  text-align: center;
  padding: 0px;
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
}
.road-side-assistance-comp .main-div .right-section .right_rsadesc {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .road-side-assistance-comp {
    align-items: center;
  }
  .road-side-assistance-comp .main-div {
    display: flex;
    padding: 40px;
    width: 688px;
    flex-direction: column;
    gap: 40px;
  }
  .road-side-assistance-comp .main-div .left-section {
    flex: 100%;
  }
  .road-side-assistance-comp .main-div .right-section {
    flex: 100%;
    row-gap: 40px;
    column-gap: 16px;
  }
  .road-side-assistance-comp .main-div .icon-div {
    padding: 12px;
    padding-bottom: 16px;
  }
  .road-side-assistance-comp .main-div .assisstance {
    margin: 12px 0px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 400px) {
  .road-side-assistance-comp {
    display: none;
  }
}
.mobile-carousel {
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 400px) {
  .mobile-carousel {
    display: block;
  }
  .mobile-carousel #myCarousel {
    position: relative;
    margin: auto;
    width: 300px;
  }
  .mobile-carousel #myCarousel .item-road .slide-mobile {
    margin: 24px 16px;
  }
  .mobile-carousel #myCarousel .item-road .slide-mobile .icon-img {
    width: 48px;
    height: 48px;
    padding-bottom: 24px;
  }
  .mobile-carousel #myCarousel .item-road .slide-mobile .keytext {
    color: #7a8084;
    padding-bottom: 8px;
  }
  .mobile-carousel #myCarousel .item-road .slide-mobile .assisstance {
    padding-bottom: 8px;
  }
  .mobile-carousel #myCarousel .item-road .slide-mobile .rsadesc {
    color: var(--Grey-03, #7a8084);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 125%;
  }
  .mobile-carousel #myCarousel .arrow-section .slide-info {
    position: absolute;
    left: 113px;
  }
  .mobile-carousel #myCarousel .arrow-section .icon-Arrow-Right {
    float: right;
  }
  .mobile-carousel #myCarousel .arrow-section .arrow-disabled {
    color: rgba(122, 128, 132, 0.5) !important;
    pointer-events: none !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .My-Plan-comp {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards {
  display: flex;
  width: 100%;
  min-height: 400px;
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards .amc-card {
  width: 50%;
  padding: 64px 64px 162px 64px;
  background-color: #ffffff;
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards .amc-card h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 24px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .amc-card h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .amc-card h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards .amc-card .amc-descrption {
  margin-bottom: 0px !important;
  color: #7a8084;
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card {
  width: 50%;
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details {
  padding: 129px 68px;
  text-align: center;
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details .plan {
  height: 22px;
  margin-bottom: 16px;
  color: #ffffff;
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
  font-family: Poppins;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 24px;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
    font-size: 32px;
    line-height: 32px;
  }
}
.My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.My-Plan-comp .overall-myplan-card .feature-allowence-card {
  width: 100%;
  background-color: #383737;
}
.My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details {
  padding: 153px 375px;
  text-align: center;
}
.My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details .feature {
  height: 22px;
  margin-bottom: 16px;
  color: #ffffff;
}
.My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details h3 {
  color: #ffffff;
  margin-bottom: 24px;
}
.My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details h6 {
  color: #ffffff;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards {
    min-height: 360px;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .amc-card {
    padding: 40px 40px 135px 40px;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .amc-card h4 {
    margin-bottom: 12px;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card {
    width: 50%;
    background-color: #7a8084;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details {
    padding: 126px 44px;
    text-align: center;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details .plan {
    height: 20px;
    margin-bottom: 12px;
    color: #ffffff;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
    font-family: Poppins;
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    font-size: 40px !important;
    margin-bottom: 12px;
    color: #ffffff;
    line-height: 44px !important;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0px !important;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card {
    width: 100%;
    background-color: #383737;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details {
    padding: 86px 216px;
    text-align: center;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details .feature {
    height: 40px;
    margin-bottom: 12px;
    color: #ffffff;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details h3 {
    color: #ffffff;
    margin-bottom: 12px;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details h6 {
    color: #ffffff;
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
    font-size: 32px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards {
    display: block;
    width: 100%;
    min-height: 246px;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .amc-card {
    width: 100%;
    padding: 24px 16px 46px 16px;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card {
    width: 100%;
    background-color: #7a8084;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details {
    padding: 46px 24px;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details .plan {
    height: 20px;
    margin-bottom: 10px;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
    font-family: Poppins;
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 12px;
    font-size: 32px !important;
  }
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0px !important;
    font-size: 18px !important;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card {
    width: 100%;
    background-color: #383737;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details {
    padding: 36px 24px;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details .feature {
    height: 20px;
    margin-bottom: 10px;
    color: #ffffff;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details h3 {
    color: #ffffff;
    margin-bottom: 12px;
  }
  .My-Plan-comp .overall-myplan-card .feature-allowence-card .feature-allowence-card-details h6 {
    color: #ffffff;
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h3 {
    font-size: 32px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .My-Plan-comp .overall-myplan-card .amc-gold-cards .gold-card .gold-card-details h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}

.pricing-comp .ew-pl-dropdown-wrapper {
  display: flex;
  width: 46.52%;
  margin-left: 50.7%;
  gap: 20px;
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 292px;
  gap: 20px;
  position: relative;
  color: #383737;
  border-bottom: 2px solid #383737;
  min-height: 30px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .icon-Chevron-Down {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 20px;
  pointer-events: none;
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list {
  position: absolute;
  top: 33px;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding: 16px;
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list .ew-pl-dropdown-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  max-height: 224px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list .ew-pl-dropdown-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list .ew-pl-dropdown-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list .ew-pl-dropdown-options .ew-pl-dropdown-option {
  padding: 8px 12px 8px 0;
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list .ew-pl-dropdown-options .ew-pl-dropdown-option.selected {
  color: #307fe2;
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list .ew-pl-dropdown-options::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list .ew-pl-dropdown-options::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list .ew-pl-dropdown-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.pricing-comp .price-table {
  margin-top: 64px;
  padding: 0 40px;
}
.pricing-comp .price-table .vehicle-detail {
  display: flex;
  column-gap: 20px;
  padding: 24px 66px;
}
.pricing-comp .price-table .vehicle-detail:nth-child(even) {
  background-color: #f8f8f8;
}
.pricing-comp .price-table .vehicle-detail .policyLabel {
  width: 25%;
  color: #383737;
}
.pricing-comp .price-table .vehicle-detail .ageRangeLabel {
  width: 25%;
  color: #383737;
}
.pricing-comp .price-table .vehicle-detail .vehicle-name {
  width: 25%;
  margin-bottom: 0px;
  color: #383737;
}
.pricing-comp .price-table .vehicle-detail .vehicle-price {
  width: 25%;
  margin-bottom: 0px;
  color: #383737;
}
.pricing-comp .ew-pl-note {
  margin: 64px 0px 0px 40.83%;
  font-size: 16px;
  color: #7a8084;
  width: 56.455%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-comp .ew-pl-dropdown-wrapper {
    width: 43.7%;
    margin-left: 48.9%;
    gap: 16px;
  }
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    width: 47.75%;
    gap: 16px;
  }
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .icon-Chevron-Down {
    font-size: 18px;
  }
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list {
    top: 30px;
  }
  .pricing-comp .price-table {
    margin-top: 16px;
    padding: 0px;
  }
  .pricing-comp .price-table .vehicle-detail {
    column-gap: 16px;
    padding: 16px 24px;
  }
  .pricing-comp .ew-pl-note {
    padding: 40px 0px 64px 24px;
    margin: 0;
    width: 92.593333%;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .pricing-comp .ew-pl-dropdown-wrapper {
    width: 91.25%;
    margin-top: 40px;
    margin-left: 16px;
    gap: 16px;
  }
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    width: 156px;
    gap: 16px;
  }
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown .ew-pl-dropdown-list {
    top: 30px;
  }
  .pricing-comp .price-table {
    margin-top: 40px;
    width: 100%;
    overflow: scroll;
    padding: 0px;
  }
  .pricing-comp .price-table::-webkit-scrollbar {
    display: block !important;
    width: 0;
    height: 2px;
  }
  .pricing-comp .price-table::-webkit-scrollbar-thumb {
    background-color: #7a8084;
  }
  .pricing-comp .price-table::-webkit-scrollbar-track {
    background-color: #eaeaec;
  }
  .pricing-comp .price-table .inside-content {
    width: 138%;
  }
  .pricing-comp .price-table .inside-content .vehicle-detail {
    display: flex;
    width: 100%;
    column-gap: 28px;
    flex-wrap: wrap;
    padding-left: 16px;
  }
  .pricing-comp .price-table .inside-content .vehicle-detail .policyLabel {
    width: 100%;
    margin-bottom: 0px;
  }
  .pricing-comp .price-table .inside-content .vehicle-detail .ageRangeLabel {
    width: 28%;
    padding-top: 26px;
    margin-bottom: 0px;
    flex: 1;
  }
  .pricing-comp .price-table .inside-content .vehicle-detail .vehicle-name {
    width: 100%;
  }
  .pricing-comp .price-table .inside-content .vehicle-detail .vehicle-price {
    width: 28%;
    padding-top: 26px;
    flex: 1;
  }
  .pricing-comp .ew-pl-note {
    width: 100%;
    padding: 24px 30px 40px 30px;
    background-color: #e5e5e5;
    margin: 0px ;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-comp .ew-pl-dropdown-wrapper .ew-pl-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}

.amc-package-details-comp {
  margin-top: 64px;
}
.amc-package-details-comp p,
.amc-package-details-comp h3,
.amc-package-details-comp h4,
.amc-package-details-comp h6 {
  margin-bottom: 0px;
}
.amc-package-details-comp .amc-package-wrapper,
.amc-package-details-comp .years-and-kms-wrapper {
  width: 88%;
  height: 408px;
  background: #ffffff;
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 64px;
}
.amc-package-details-comp .years-and-kms-wrapper {
  height: 288px;
  margin-top: 64px;
  margin-bottom: 64px;
}
.amc-package-details-comp .no-of-kms-options {
  padding-top: 40px;
}
.amc-package-details-comp .amc-package-list-options,
.amc-package-details-comp .no-of-year-options,
.amc-package-details-comp .no-of-kms-options {
  max-width: 45.5%;
}
.amc-package-details-comp .amc-package-list-options .drop-down p,
.amc-package-details-comp .no-of-year-options .drop-down p,
.amc-package-details-comp .no-of-kms-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
  width: fit-content;
  word-break: break-word;
}
.amc-package-details-comp .amc-package-list-options .drop-down .selected a,
.amc-package-details-comp .no-of-year-options .drop-down .selected a,
.amc-package-details-comp .no-of-kms-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.amc-package-details-comp .amc-package-list-options .drop-down .selected a span,
.amc-package-details-comp .no-of-year-options .drop-down .selected a span,
.amc-package-details-comp .no-of-kms-options .drop-down .selected a span {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 8px;
  clear: both;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
.amc-package-details-comp .amc-package-list-options .drop-down .selected a span h6,
.amc-package-details-comp .no-of-year-options .drop-down .selected a span h6,
.amc-package-details-comp .no-of-kms-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.amc-package-details-comp .amc-package-list-options .drop-down .amc-packages,
.amc-package-details-comp .no-of-year-options .drop-down .amc-packages,
.amc-package-details-comp .no-of-kms-options .drop-down .amc-packages,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-years,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-years,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-years,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-kms,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-kms,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-kms {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: #0000001F 0px 4px 8px 0px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.amc-package-details-comp .amc-package-list-options .drop-down .amc-packages .list-dynamic,
.amc-package-details-comp .no-of-year-options .drop-down .amc-packages .list-dynamic,
.amc-package-details-comp .no-of-kms-options .drop-down .amc-packages .list-dynamic,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-years .list-dynamic,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-years .list-dynamic,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-years .list-dynamic,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-kms .list-dynamic,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-kms .list-dynamic,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-kms .list-dynamic {
  padding: 16px 16px;
  display: none;
}
.amc-package-details-comp .amc-package-list-options .drop-down .amc-packages .list-dynamic ul,
.amc-package-details-comp .no-of-year-options .drop-down .amc-packages .list-dynamic ul,
.amc-package-details-comp .no-of-kms-options .drop-down .amc-packages .list-dynamic ul,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-years .list-dynamic ul,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-years .list-dynamic ul,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-years .list-dynamic ul,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-kms .list-dynamic ul,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-kms .list-dynamic ul,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-kms .list-dynamic ul {
  max-height: 188px;
  list-style: none;
  position: relative;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0%;
  margin: 0px;
  overflow: hidden scroll;
}
.amc-package-details-comp .amc-package-list-options .drop-down .amc-packages .list-dynamic ul li,
.amc-package-details-comp .no-of-year-options .drop-down .amc-packages .list-dynamic ul li,
.amc-package-details-comp .no-of-kms-options .drop-down .amc-packages .list-dynamic ul li,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-years .list-dynamic ul li,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-years .list-dynamic ul li,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-years .list-dynamic ul li,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-kms .list-dynamic ul li,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-kms .list-dynamic ul li,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-kms .list-dynamic ul li {
  margin-bottom: 16px;
  width: fit-content;
  word-break: break-word;
}
.amc-package-details-comp .amc-package-list-options .drop-down .amc-packages .list-dynamic ul li:last-child,
.amc-package-details-comp .no-of-year-options .drop-down .amc-packages .list-dynamic ul li:last-child,
.amc-package-details-comp .no-of-kms-options .drop-down .amc-packages .list-dynamic ul li:last-child,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-years .list-dynamic ul li:last-child,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-years .list-dynamic ul li:last-child,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-years .list-dynamic ul li:last-child,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-kms .list-dynamic ul li:last-child,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-kms .list-dynamic ul li:last-child,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-kms .list-dynamic ul li:last-child {
  margin-bottom: 0px;
}
.amc-package-details-comp .amc-package-list-options .drop-down .amc-packages .list-dynamic ul li.active a,
.amc-package-details-comp .no-of-year-options .drop-down .amc-packages .list-dynamic ul li.active a,
.amc-package-details-comp .no-of-kms-options .drop-down .amc-packages .list-dynamic ul li.active a,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-years .list-dynamic ul li.active a,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-years .list-dynamic ul li.active a,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-years .list-dynamic ul li.active a,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-kms .list-dynamic ul li.active a,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-kms .list-dynamic ul li.active a,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-kms .list-dynamic ul li.active a {
  color: #307fe2;
}
.amc-package-details-comp .amc-package-list-options .drop-down .amc-packages .list-dynamic ul li a,
.amc-package-details-comp .no-of-year-options .drop-down .amc-packages .list-dynamic ul li a,
.amc-package-details-comp .no-of-kms-options .drop-down .amc-packages .list-dynamic ul li a,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-years .list-dynamic ul li a,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-years .list-dynamic ul li a,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-years .list-dynamic ul li a,
.amc-package-details-comp .amc-package-list-options .drop-down .no-of-kms .list-dynamic ul li a,
.amc-package-details-comp .no-of-year-options .drop-down .no-of-kms .list-dynamic ul li a,
.amc-package-details-comp .no-of-kms-options .drop-down .no-of-kms .list-dynamic ul li a {
  color: #383737;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  text-decoration: none;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .amc-package-details-comp {
    margin-top: 24px;
  }
  .amc-package-details-comp .amc-package-wrapper,
  .amc-package-details-comp .years-and-kms-wrapper {
    width: 100%;
    height: 358px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }
  .amc-package-details-comp .years-and-kms-wrapper {
    height: 236px;
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .amc-package-details-comp .no-of-kms-options {
    padding-top: 40px;
  }
  .amc-package-details-comp .amc-package-list-options,
  .amc-package-details-comp .no-of-year-options,
  .amc-package-details-comp .no-of-kms-options {
    max-width: 43.87%;
  }
  .amc-package-details-comp .amc-package-list-options .drop-down .selected a span h6,
  .amc-package-details-comp .no-of-year-options .drop-down .selected a span h6,
  .amc-package-details-comp .no-of-kms-options .drop-down .selected a span h6 {
    width: 86.75% !important;
  }
}
@media only screen and (max-width: 576px) {
  .amc-package-details-comp {
    margin-top: 16px;
  }
  .amc-package-details-comp .amc-package-wrapper,
  .amc-package-details-comp .years-and-kms-wrapper {
    width: 100%;
    height: 326px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .amc-package-details-comp .years-and-kms-wrapper {
    height: 188px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .amc-package-details-comp .no-of-kms-options {
    padding-top: 24px;
  }
  .amc-package-details-comp .amc-package-list-options,
  .amc-package-details-comp .no-of-year-options,
  .amc-package-details-comp .no-of-kms-options {
    max-width: 100%;
  }
  .amc-package-details-comp .amc-package-list-options .drop-down .selected a span h6,
  .amc-package-details-comp .no-of-year-options .drop-down .selected a span h6,
  .amc-package-details-comp .no-of-kms-options .drop-down .selected a span h6 {
    width: 85.45% !important;
  }
}

.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card {
  display: none;
  width: 100%;
  padding-bottom: 40px;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details {
  width: 50%;
  padding: 64px;
  background-color: #ffffff;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-description {
  margin-bottom: 102px;
  min-height: 88px;
  color: #7a8084;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links {
  display: flex;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-learn-more-link-details {
  margin-right: 40px;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-learn-more-link-details .amc-learn-more-link {
  display: flex;
  text-decoration: none;
  cursor: pointer;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-learn-more-link-details .amc-learn-more-link p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-bottom: 0px;
  padding-right: 8px;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-learn-more-link-details .icon-Arrow-Right {
  color: #307fe2;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-buy-now-link-details .amc-buy-now-link {
  display: flex;
  text-decoration: none;
  cursor: pointer;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-buy-now-link-details .amc-buy-now-link p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-bottom: 0px;
  padding-right: 8px;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-buy-now-link-details .icon-Arrow-Right {
  color: #307fe2;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-card-image {
  width: 50%;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-card-image .amc-promotion-rightside-details {
  height: 100%;
}
.amc-ew-promotion-card-comp .overall-cards .amc-promotion-card .amc-promotion-card-image .amc-promotion-rightside-details .amc-car-image .amc-desktop-image {
  width: 100%;
  height: 100%;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card {
  display: none;
  width: 100%;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-card-image {
  width: 50%;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-card-image .ew-promotion-leftside-details {
  height: 100%;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-card-image .ew-promotion-leftside-details .ew-car-image .ew-desktop-image {
  width: 100%;
  height: 100%;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details {
  padding: 64px;
  background-color: #ffffff;
  width: 50%;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  min-height: 80px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-description {
  color: #7a8084;
  margin-bottom: 62px;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-promotion-links {
  display: flex;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-promotion-links .ew-learn-more-link-details {
  margin-right: 40px;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-promotion-links .ew-learn-more-link-details .ew-learn-more-link {
  display: flex;
  text-decoration: none;
  cursor: pointer;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-promotion-links .ew-learn-more-link-details .ew-learn-more-link p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-bottom: 0px;
  padding-right: 8px;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-promotion-links .ew-learn-more-link-details .icon-Arrow-Right {
  color: #307fe2;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-promotion-links .ew-buy-now-link-details .ew-buy-now-link {
  display: flex;
  text-decoration: none;
  cursor: pointer;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-promotion-links .ew-buy-now-link-details .ew-buy-now-link p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-bottom: 0px;
  padding-right: 8px;
}
.amc-ew-promotion-card-comp .overall-cards .ew-promotion-card .ew-promotion-rightside-details .ew-promotion-links .ew-buy-now-link-details .icon-Arrow-Right {
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details {
    width: 50%;
    padding: 40px !important;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details h4 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 16px !important;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details .amc-description {
    margin-bottom: 88px !important;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-learn-more-link-details {
    margin-right: 24px !important;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-learn-more-link-details .icon-Arrow-Right {
    color: #307fe2;
    padding-top: 2px !important;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details .amc-promotion-links .amc-buy-now-link-details .icon-Arrow-Right {
    color: #307fe2;
    padding-top: 2px !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-rightside-details {
    width: 50%;
    padding: 40px !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-rightside-details h4 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0px !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-rightside-details .ew-description {
    height: 140px;
    margin-bottom: 42px !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-rightside-details .ew-promotion-links .icon-Arrow-Right {
    color: #307fe2;
    padding-top: 2px !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-rightside-details .ew-buy-now-link-details .icon-Arrow-Right {
    color: #307fe2;
    padding-top: 2px !important;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-promotion-card-comp .ew-promotion-rightside-details h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-promotion-card-comp .ew-promotion-rightside-details h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-promotion-card-comp {
    padding-left: 14px;
    padding-right: 14px;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card {
    display: flex !important;
    flex-direction: column-reverse;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details {
    width: 100% !important;
    padding: 24px 16px !important;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details h4 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 12px !important;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details .amc-description {
    margin-bottom: 4px !important;
    min-height: 140px !important;
  }
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-card-image {
    width: 100% !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-card {
    display: block !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-card .ew-promotion-card-image {
    width: 100% !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-card .ew-promotion-rightside-details {
    width: 100% !important;
    padding: 24px 16px !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-card .ew-promotion-rightside-details h4 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 12px !important;
    min-height: 0px !important;
  }
  .amc-ew-promotion-card-comp .ew-promotion-card .ew-promotion-rightside-details .ew-description {
    min-height: 120px !important;
    margin-bottom: 24px !important;
    height: 0px !important;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-promotion-card-comp .amc-promotion-card .amc-promotion-leftside-details h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-promotion-card-comp .ew-promotion-card .ew-promotion-rightside-details h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-promotion-card-comp .ew-promotion-card .ew-promotion-rightside-details h4 {
    font-size: 24px;
    line-height: 24px;
  }
}

.amc-ew-package-selection-comp {
  display: none;
}
.amc-ew-package-selection-comp .enter-details-text {
  color: #383737;
  padding: 64px 0;
}
.amc-ew-package-selection-comp .amc-ew-container {
  display: grid;
  grid-template-columns: auto;
  gap: 64px;
  padding: 0px;
}
.amc-ew-package-selection-comp .amc-ew-container .amc-package-container,
.amc-ew-package-selection-comp .amc-ew-container .no-of-km-and-year {
  padding: 64px;
  background: #ffffff;
}
.amc-ew-package-selection-comp .amc-ew-container .no-of-km-and-year {
  display: grid;
  gap: 40px;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down {
  width: 50.5172414%;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down > p {
  margin-bottom: 8px;
  color: #7a8084;
  width: fit-content;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .selected a {
  border-bottom: 2px solid #383737;
  border-radius: 0%;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .selected span h6,
.amc-ew-package-selection-comp .amc-ew-container .drop-down .selected span i {
  color: #383737;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .cities {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px;
  position: relative;
  background: #ffffff none repeat scroll 0 0;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .cities .list-dynamic {
  padding: 16px;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .cities .list-dynamic .list {
  overflow: hidden scroll !important;
  scrollbar-width: none;
  max-height: 188px !important;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .cities .list-dynamic .list .simplebar-content-wrapper {
  height: 100% !important;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .cities .list-dynamic .list .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .cities .list-dynamic .list .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .cities .list-dynamic .list li a {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0 !important;
  color: #383737;
}
.amc-ew-package-selection-comp .amc-ew-container .drop-down .cities .list-dynamic .list li #active {
  color: #307fe2;
}
.amc-ew-package-selection-comp .amc-ew-error-div {
  background: #ffffff;
  padding: 64px;
  margin-top: 64px;
}
.amc-ew-package-selection-comp .amc-ew-error-div .error-message {
  color: #ed454f;
}
.amc-ew-package-selection-comp .amc-ew-error-div .future-plan {
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-package-selection-comp .amc-ew-container {
    padding: 40px;
  }
  .amc-ew-package-selection-comp .amc-ew-container .drop-down {
    width: 50.7142857%;
  }
  .amc-ew-package-selection-comp .amc-ew-container .drop-down > p {
    width: 100%;
  }
  .amc-ew-package-selection-comp .amc-ew-error-div {
    padding: 40px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-package-selection-comp .amc-ew-error-div {
    padding: 16px;
    margin-top: 16px;
  }
  .amc-ew-package-selection-comp .amc-ew-container {
    padding: 14px;
    gap: 40px;
  }
  .amc-ew-package-selection-comp .amc-ew-container .amc-package-container,
  .amc-ew-package-selection-comp .amc-ew-container .no-of-km-and-year {
    padding: 24px 16px;
  }
  .amc-ew-package-selection-comp .amc-ew-container .drop-down {
    width: 100%;
  }
  .amc-ew-package-selection-comp .amc-ew-container .drop-down > p {
    width: 100%;
  }
  .amc-ew-package-selection-comp .amc-ew-container .no-of-km-and-year {
    gap: 24px;
  }
}
.error-modal .modal {
  z-index: 9999999;
  background: rgba(56, 55, 55, 0.8);
}
.error-modal .modal .modal-dialog {
  width: 56.3888889%;
  max-width: 812px;
}
.error-modal .modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  padding: 80px;
  align-items: baseline;
  justify-content: space-between;
}
.error-modal .modal .modal-dialog .modal-content .modal-title {
  border: 0;
  border-radius: 0;
  width: 84.0490798%;
  color: #383737;
}
.error-modal .modal .modal-dialog .modal-content button {
  height: fit-content;
  background: transparent;
  padding: 0;
  border: 0;
}
.error-modal .modal .modal-dialog .modal-content button i {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .error-modal .modal .modal-dialog .modal-content button i {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .error-modal .modal .modal-dialog .modal-content button i {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .error-modal .modal .modal-dialog {
    width: 89.5833333%;
    max-width: 991px;
  }
  .error-modal .modal .modal-dialog .modal-content {
    padding: 40px;
  }
  .error-modal .modal .modal-dialog .modal-content .modal-title {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .error-modal .modal .modal-dialog {
    width: 92.2222222%;
    max-width: 767px;
    margin: 0 auto;
  }
  .error-modal .modal .modal-dialog .modal-content {
    padding: 30px;
  }
  .error-modal .modal .modal-dialog .modal-content .modal-title {
    width: 82.3529412%;
  }
}
.cto-input-field {
  visibility: hidden;
}

.amc-ew-details-comp .amc-ew-accordian .details {
  display: flex;
  width: 100%;
  padding: 45px 64px 44px;
  background: #ffffff;
  cursor: pointer;
}
.amc-ew-details-comp .amc-ew-accordian .details .details-title {
  margin: 0;
  width: 89.4545455%;
  color: #383737;
}
.amc-ew-details-comp .amc-ew-accordian .details i.icon-Chevron-Down {
  margin-left: auto;
  font-size: 40px;
  color: #383737;
  transition: .2s linear;
}
.amc-ew-details-comp .amc-ew-accordian .details i.icon-Chevron-Down.rotate {
  transform: rotate(-180deg);
}
.amc-ew-details-comp .package-details {
  padding: 64px;
  background: #ffffff;
  border-top: 2px solid #eaeaec;
  display: none;
}
.amc-ew-details-comp .package-details .amc-details-section .title,
.amc-ew-details-comp .package-details .ew-details-section .title {
  display: grid;
  gap: 40px;
}
.amc-ew-details-comp .package-details .amc-details-section .title h5,
.amc-ew-details-comp .package-details .ew-details-section .title h5 {
  margin-bottom: 0;
}
.amc-ew-details-comp .package-details .amc-details-section .title .amc-details,
.amc-ew-details-comp .package-details .ew-details-section .title .amc-details,
.amc-ew-details-comp .package-details .amc-details-section .title .ew-details,
.amc-ew-details-comp .package-details .ew-details-section .title .ew-details {
  display: grid;
  grid-template-columns: 30.9090909% 30.9090909% 30.9090909%;
  gap: 40px;
}
.amc-ew-details-comp .package-details .amc-details-section .title .amc-details .details,
.amc-ew-details-comp .package-details .ew-details-section .title .amc-details .details,
.amc-ew-details-comp .package-details .amc-details-section .title .ew-details .details,
.amc-ew-details-comp .package-details .ew-details-section .title .ew-details .details {
  display: grid;
  gap: 8px;
}
.amc-ew-details-comp .package-details .amc-details-section .title .amc-details .details .label p,
.amc-ew-details-comp .package-details .ew-details-section .title .amc-details .details .label p,
.amc-ew-details-comp .package-details .amc-details-section .title .ew-details .details .label p,
.amc-ew-details-comp .package-details .ew-details-section .title .ew-details .details .label p,
.amc-ew-details-comp .package-details .amc-details-section .title .amc-details .details .value h6,
.amc-ew-details-comp .package-details .ew-details-section .title .amc-details .details .value h6,
.amc-ew-details-comp .package-details .amc-details-section .title .ew-details .details .value h6,
.amc-ew-details-comp .package-details .ew-details-section .title .ew-details .details .value h6 {
  margin: 0;
}
.amc-ew-details-comp .package-details .amc-details-section .title .amc-details .no-of-years-section,
.amc-ew-details-comp .package-details .ew-details-section .title .amc-details .no-of-years-section,
.amc-ew-details-comp .package-details .amc-details-section .title .ew-details .no-of-years-section,
.amc-ew-details-comp .package-details .ew-details-section .title .ew-details .no-of-years-section {
  grid-column-start: 1;
}
.amc-ew-details-comp .package-details .amc-details-section .title .amc-details .price,
.amc-ew-details-comp .package-details .ew-details-section .title .amc-details .price,
.amc-ew-details-comp .package-details .amc-details-section .title .ew-details .price,
.amc-ew-details-comp .package-details .ew-details-section .title .ew-details .price {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.amc-ew-details-comp .package-details .amc-details-section hr,
.amc-ew-details-comp .package-details .ew-details-section hr {
  margin: 40px 0;
  border-top: 1px solid #eaeaec;
  opacity: 1;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section {
  display: grid;
  grid-template-columns: auto 55.1818182%;
  border-bottom: 1px solid #eaeaec;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .billing-details h5 {
  margin-bottom: 24px;
  color: #383737;
  width: fit-content;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .billing-details .address-details {
  display: grid;
  gap: 8px;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .billing-details .address-details p,
.amc-ew-details-comp .package-details .your-vehicle-details-section .billing-details .address-details h6 {
  margin: 0;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details {
  display: grid;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details h5 {
  width: fit-content;
  color: #383737;
  margin-bottom: 24px;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-number-plate {
  color: #7a8084;
  width: 68.9655172%;
  margin-bottom: 8px;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .modelName {
  color: #383737;
  width: 68.9655172%;
  margin-bottom: 40px;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details picture {
  display: block;
}
.amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details picture img {
  max-width: 100%;
  width: 340px;
  height: 106px;
}
.amc-ew-details-comp .package-details .dealership-details-section {
  display: grid;
  grid-template-columns: auto 64.1818182%;
  gap: 40px;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-title {
  width: fit-content;
  color: #383737;
  margin-bottom: 24px;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name {
  display: grid;
  grid-auto-flow: column;
  margin-bottom: 8px;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .ratings {
  margin-left: 12px;
  margin-right: 8px;
  display: flex;
  gap: 8px;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .ratings .rating .review-value {
  display: none;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .ratings .rating i {
  font-size: 20px;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name h6 {
  width: fit-content;
  color: #383737;
  margin-bottom: 0;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .other-details {
  display: grid;
  gap: 8px;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .other-details p {
  margin: 0;
  color: #383737;
}
.amc-ew-details-comp .package-details .dealership-details-section .dealer-map div#dealer-map-load {
  height: 234px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-ew-details-comp .amc-ew-accordian .details {
    padding: 24px 40px;
  }
  .amc-ew-details-comp .amc-ew-accordian .details .details-title {
    width: 89.4736842%;
  }
  .amc-ew-details-comp .package-details {
    padding: 24px 40px;
  }
  .amc-ew-details-comp .package-details .amc-details-section .title h5,
  .amc-ew-details-comp .package-details .ew-details-section .title h5 {
    width: fit-content;
  }
  .amc-ew-details-comp .package-details .amc-details-section .title .amc-details,
  .amc-ew-details-comp .package-details .ew-details-section .title .amc-details,
  .amc-ew-details-comp .package-details .amc-details-section .title .ew-details,
  .amc-ew-details-comp .package-details .ew-details-section .title .ew-details {
    grid-template-columns: 46.7105263% 46.7105263%;
    gap: 40px;
  }
  .amc-ew-details-comp .package-details .amc-details-section hr,
  .amc-ew-details-comp .package-details .ew-details-section hr {
    margin: 24px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section {
    grid-template-columns: auto;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section h5 {
    margin-bottom: 16px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details {
    grid-template-columns: auto;
    margin-bottom: 24px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info {
    display: grid;
    grid-template-columns: 46.7105263% 46.7105263%;
    gap: 40px;
    justify-content: center;
    align-items: center;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details {
    order: 1;
    display: flex;
    flex-direction: column-reverse;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details p,
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details h6 {
    width: 100%;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details h6 {
    margin: 0;
  }
  .amc-ew-details-comp .package-details .dealership-details-section {
    grid-template-columns: 46.7105263% 46.7105263%;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-title {
    width: 100%;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name {
    display: flex;
    flex-wrap: wrap;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name h6 {
    width: 100%;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .ratings {
    margin-left: 4px;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .reviews,
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .ratings {
    margin-top: 8px;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-map {
    margin-top: auto;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-map #dealer-map-load {
    height: 159px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-ew-details-comp .amc-ew-accordian .details {
    padding: 24px 16px;
  }
  .amc-ew-details-comp .amc-ew-accordian .details .details-title {
    width: 88%;
  }
  .amc-ew-details-comp .amc-ew-accordian .details i.icon-Chevron-Down {
    font-size: 20px;
  }
  .amc-ew-details-comp .package-details {
    padding: 16px;
  }
  .amc-ew-details-comp .package-details .amc-details-section .title,
  .amc-ew-details-comp .package-details .ew-details-section .title {
    gap: 24px;
  }
  .amc-ew-details-comp .package-details .amc-details-section .title h5,
  .amc-ew-details-comp .package-details .ew-details-section .title h5 {
    width: fit-content;
  }
  .amc-ew-details-comp .package-details .amc-details-section .title .amc-details,
  .amc-ew-details-comp .package-details .ew-details-section .title .amc-details,
  .amc-ew-details-comp .package-details .amc-details-section .title .ew-details,
  .amc-ew-details-comp .package-details .ew-details-section .title .ew-details {
    grid-template-columns: 100%;
    gap: 24px;
  }
  .amc-ew-details-comp .package-details .amc-details-section .title .amc-details .details .label p,
  .amc-ew-details-comp .package-details .ew-details-section .title .amc-details .details .label p,
  .amc-ew-details-comp .package-details .amc-details-section .title .ew-details .details .label p,
  .amc-ew-details-comp .package-details .ew-details-section .title .ew-details .details .label p {
    width: fit-content;
  }
  .amc-ew-details-comp .package-details .amc-details-section hr,
  .amc-ew-details-comp .package-details .ew-details-section hr {
    margin: 24px 0;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section {
    grid-template-columns: auto;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section h5 {
    margin-bottom: 16px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details {
    grid-template-columns: auto;
    margin-bottom: 24px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info {
    display: grid;
    grid-template-columns: 100%;
    gap: 0;
    justify-content: center;
    align-items: center;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details {
    order: 1;
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 1px solid #eaeaec;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details p,
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details h6 {
    width: 100%;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details p {
    margin: 0;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info .car-details h6 {
    margin-bottom: 8px;
  }
  .amc-ew-details-comp .package-details .your-vehicle-details-section .vehicle-details .vehicle-info picture {
    border-bottom: 1px solid #eaeaec;
    margin-bottom: 24px;
    padding-bottom: 12px;
  }
  .amc-ew-details-comp .package-details .dealership-details-section {
    grid-template-columns: 100%;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details {
    order: 1;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-title {
    width: fit-content;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name {
    display: flex;
    flex-wrap: wrap;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name h6 {
    width: 100%;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .ratings {
    margin-left: 4px;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .reviews,
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-details .dealer-information .dealership-name .ratings {
    margin-top: 8px;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-map {
    margin-top: auto;
  }
  .amc-ew-details-comp .package-details .dealership-details-section .dealer-map #dealer-map-load {
    height: 159px !important;
  }
}

.search-variants-comp .changeCta {
  border-top: 1px solid #eaeaec;
  margin-top: 24px;
  margin-right: 40px;
  padding-top: 24px;
}
.search-variants-comp .changeCity {
  margin-top: 24px;
  margin-bottom: 24px;
}
.search-variants-comp .changeModel,
.search-variants-comp .changeCity {
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.search-variants-comp .changeModel .icon-Arrow-Right,
.search-variants-comp .changeCity .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.search-variants-comp .whiteBackground .icon-Tick {
  color: #383737 !important;
}
.search-variants-comp .changeModel:hover,
.search-variants-comp .changeCity:hover {
  color: #307fe2;
}
.search-variants-comp .pc-image-panel .modal-dialog {
  max-width: 812px;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content {
  border: 0px;
  border-radius: 0;
  padding: 80px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .pc-image-panel .modal-dialog .modal-content {
    margin-bottom: 50%;
  }
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  position: absolute;
  top: 4px;
  right: 24px;
  padding: 0px;
  border-radius: 0px;
  opacity: 1;
  font-size: 24px;
  font-weight: 600;
  color: #383737;
  background-image: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .btn-close {
    right: 0px;
  }
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
  width: 83%;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .popdesc {
  margin: 24px 17% 24px 0px;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options {
  max-width: 548px;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down {
  width: 100%;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down p {
  padding-bottom: 8px;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .selected a span h6 {
  width: 94%;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  overflow-y: scroll;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down p {
  color: #7a8084;
  margin: 0%;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .confirm-btn {
  padding-top: 40px;
}
.search-variants-comp .pc-image-panel .modal-dialog .modal-content .modal-body .confirm-btn button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  background: transparent;
  padding: 12px 24px;
  border: 2px solid #307fe2;
  color: #307fe2;
}
.search-variants-comp .changePopup {
  z-index: 99999;
}
.search-variants-comp .changePopup .modal-dialog {
  max-width: 812px;
}
.search-variants-comp .changePopup .modal-dialog .modal-content {
  border: 0px;
  border-radius: 0;
  padding: 80px;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  position: absolute;
  top: 4px;
  right: 0px;
  padding: 0px;
  border-radius: 0px;
  opacity: 1;
  font-size: 24px;
  font-weight: 600;
  color: #383737;
  background-image: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .btn-close {
    right: 0px;
  }
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body h4 {
  width: 83%;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body p {
  margin-bottom: 40px;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .confirm-btn {
  margin-top: 40px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  background: transparent;
  padding: 12px 24px;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .confirmEnable {
  border: 2px solid #307fe2;
  color: #307fe2;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection {
  display: flex;
  gap: 20px;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .model-section,
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .car-info {
  flex: 50%;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .model_label {
  margin-bottom: 10px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  font-weight: lighter;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .model_label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .model_label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .car-dropdown-label {
  margin-bottom: 10px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  font-weight: lighter;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .car-dropdown-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .car-dropdown-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown.active::after {
  transform: rotate(180deg);
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.search-variants-comp .changePopup .modal-dialog .modal-content .modal-body .modelpplSection .common-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .changePopup .modal-dialog {
    margin-left: 40px;
    margin-right: 40px;
  }
  .search-variants-comp .changePopup .modal-dialog .modal-content {
    padding: 40px;
  }
  .search-variants-comp .changePopup .modal-dialog .modal-content h4 {
    margin-bottom: 24px;
  }
  .search-variants-comp .changePopup .modal-dialog .modal-content p {
    margin-bottom: 24px;
  }
  .search-variants-comp .changePopup .modal-dialog .modal-content .modelpplSection {
    max-width: 512px;
  }
  .search-variants-comp .changePopup .modal-dialog .modal-content .confirm-btn {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .changePopup .modal-dialog {
    margin-left: 14px;
    margin-right: 14px;
  }
  .search-variants-comp .changePopup .modal-dialog .modal-content {
    padding: 30px;
  }
  .search-variants-comp .changePopup .modal-dialog .modal-content .modelpplSection {
    display: block !important;
  }
  .search-variants-comp .changePopup .modal-dialog .modal-content .modelpplSection .model-section {
    padding-bottom: 24px;
  }
}
.search-variants-comp .row .filtersection {
  width: 25.4%;
}
.search-variants-comp .row .filtersection .accordion-body .form-check-label {
  margin-left: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .row .filtersection {
    width: 100%;
  }
}
.search-variants-comp .row .cards {
  width: 74.6%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .row .cards {
    width: 100%;
  }
}
.search-variants-comp .row .cards .left-section {
  width: 41%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .row .cards .left-section {
    width: 32.5%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .row .cards .left-section {
    width: 100%;
  }
}
.search-variants-comp .row .cards .right-section {
  width: 59%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .row .cards .right-section {
    width: 67.5%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .row .cards .right-section {
    width: 100%;
  }
}
.search-variants-comp .row .cards .right-section .vehicle-name {
  max-width: 74%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-variants-comp .row .cards .right-section .vehicle-name {
    max-width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .row .cards .right-section .vehicle-name {
    max-width: 71%;
  }
}
.search-variants-comp .row .cards .right-section .quick-features {
  margin-left: 0px;
}
.search-variants-comp .row .cards .right-section .dealer-details {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .row .cards .right-section .dealer-details {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .row .cards .right-section .dealer-details {
    padding-bottom: 16px;
  }
}
.search-variants-comp .row .cards .right-section .getNotify,
.search-variants-comp .row .cards .right-section .noEmail {
  color: #307fe2;
  cursor: pointer;
  margin-bottom: 24px;
  width: fit-content;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .row .cards .right-section .getNotify,
  .search-variants-comp .row .cards .right-section .noEmail {
    margin-bottom: 16px;
  }
}
.search-variants-comp .row .cards .right-section .getNotify .icon-Arrow-Right,
.search-variants-comp .row .cards .right-section .noEmail .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.search-variants-comp .row .cards .right-section .notifyError {
  color: #ed454f;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  padding-bottom: 24px;
}
.search-variants-comp .row .cards .right-section .notifySent {
  padding-bottom: 24px;
}
.search-variants-comp .row .cards .right-section .notifySent .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .row .cards .right-section .notifySent {
    padding-bottom: 16px;
  }
}
.search-variants-comp .row .cards .right-section .notifySent .sent-Icon {
  color: #609f65;
  padding-left: 8px;
}
.search-variants-comp .search-component .accordion {
  min-width: 272px;
  margin-right: 40px;
}
.search-variants-comp .search-component .accordion .filterOptions {
  border-bottom: 1px solid #eaeaec;
  padding-top: 24px;
  padding-bottom: 24px;
}
.search-variants-comp .search-component .accordion .nav-pills {
  margin-top: 16px;
}
.search-variants-comp .search-component .accordion .accordion-item {
  border-bottom: 1px solid #eaeaec;
  padding-top: 24px;
  padding-bottom: 24px;
}
.search-variants-comp .search-component .accordion .accordion-item .accordion-header .accordion-button .filterName {
  line-height: normal;
}
.search-variants-comp .search-component .accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: none !important;
}
.search-variants-comp .search-component .accordion .accordion-item .color-selection {
  display: flex;
  gap: 29px;
  margin-top: 8px;
}
.search-variants-comp .search-component .accordion .accordion-item .color-filter {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #EAEAEC;
}
.search-variants-comp .search-component .accordion .accordion-item .color-filter .icon-Tick {
  visibility: hidden;
  position: absolute;
  color: #ffffff;
  font-size: 10px;
  top: 8px;
  left: 6px;
}
.search-variants-comp .search-component .accordion .accordion-item .whiteBackground {
  border: 1px solid #383737;
}
.search-variants-comp .search-component .accordion .accordion-item .whiteBackground .icon-Tick {
  color: #383737;
}
.search-variants-comp .search-component .accordion .accordion-item:first-child {
  padding-top: 0px;
}
.search-variants-comp .search-component .dropdown-filter-section-mobile {
  display: none;
}
.search-variants-comp .search-component .dropdown-filter-section-mobile .selected-options .filtervalues .filter-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .search-component .dropdown-filter-section-mobile .selected-options .filtervalues .filter-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.search-variants-comp .search-component .form-check-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .search-component .form-check-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .search-component .form-check-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .search-component .accordion {
    display: none;
  }
  .search-variants-comp .search-component .desktopCity {
    display: none;
  }
  .search-variants-comp .search-component .city-list-options {
    max-width: 100%;
  }
  .search-variants-comp .search-component .city-list-options .drop-down {
    width: 100%;
  }
  .search-variants-comp .search-component .city-list-options .drop-down p {
    padding-bottom: 8px;
  }
  .search-variants-comp .search-component .city-list-options .drop-down .simplebar-track.simplebar-vertical {
    width: 4px !important;
    background: #eaeaec !important;
  }
  .search-variants-comp .search-component .city-list-options .drop-down .simplebar-scrollbar:before {
    background: #7a8084 !important;
    border-radius: 0px !important;
    left: 0px !important;
    right: 0px !important;
    width: 4px !important;
  }
  .search-variants-comp .search-component .city-list-options .drop-down .selected a {
    border-bottom: 2px solid #383737;
    color: #383737;
  }
  .search-variants-comp .search-component .city-list-options .drop-down .selected a span h6 {
    width: 91%;
  }
  .search-variants-comp .search-component .city-list-options .drop-down input {
    border-bottom: 2px solid #307fe2;
    color: rgba(122, 128, 132, 0.5);
  }
  .search-variants-comp .search-component .city-list-options .drop-down .cities {
    background: none 0px 0px repeat scroll #ffffff;
    overflow-y: scroll;
    box-shadow: 0px 4px 8px 0px #0000001f;
  }
  .search-variants-comp .search-component .city-list-options .drop-down .cities ul .not-Found {
    color: #383737;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
  .search-variants-comp .search-component .city-list-options .drop-down .cities ul li {
    width: fit-content;
  }
  .search-variants-comp .search-component .city-list-options .drop-down .cities ul li a {
    color: #383737;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    padding: 0%;
  }
  .search-variants-comp .search-component .city-list-options .drop-down .cities ul li a#active {
    color: #307fe2 !important;
  }
  .search-variants-comp .search-component .city-list-options .drop-down p {
    color: #7a8084;
    margin: 0%;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile {
    display: block;
    padding-bottom: 64px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .filter-bar {
    display: flex;
    padding-bottom: 16px;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaec;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .filter-bar .button .icon-Arrow-Right {
    margin-left: 8px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas {
    z-index: 999999;
    min-width: 640px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-header {
    align-items: center;
    padding: 56px 40px 40px 88px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-header #offcanvasRightLabel {
    width: 84%;
    margin: 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-header .btn-close {
    background-color: #ffffff;
    padding: 0px;
    border-radius: 0px;
    opacity: 1;
    font-size: 40px;
    font-weight: 600;
    color: #383737;
    background-image: none;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body {
    padding: 0px 88px 100px;
    padding-right: 48px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .rangetabp {
    display: flex;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .rangetabp .rangetab {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    width: 100%;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .rangetabp .rangetabs {
    max-width: 204px;
    width: 100%;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .tab-content {
    padding: 30px 0px 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .search-nav {
    padding-top: 8px;
    padding-bottom: 40px;
    border-bottom: none;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .labels {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    border-top: 1px solid #eaeaec;
    padding-top: 40px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .labels .mobile-filterName {
    margin-bottom: 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type {
    padding-top: 26px;
    padding-bottom: 14px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check {
    padding-bottom: 24px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check input[type='radio'] {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    outline: none;
    border: 2px solid #7a8084;
    min-width: 24px;
    cursor: pointer;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check input[type='radio']:checked {
    border: 2px solid #307fe2;
    background-color: transparent;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check input[type='radio']:before {
    content: '';
    display: block;
    width: 80%;
    height: 80%;
    margin: 10% auto;
    border-radius: 50%;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check input[type='radio']:checked:before {
    background: #307fe2;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check .form-check-label {
    padding-left: 16px;
    padding-top: 6px;
    margin: 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check .icon-Tick::before {
    color: #ffffff;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check .form-check-input[type="checkbox"] {
    border-radius: 0px;
    width: 24px;
    height: 24px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check .form-check-input:checked[type="checkbox"] {
    background-image: none;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check .icon-Tick::before {
    font-size: 22px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .color-selection {
    display: flex;
    gap: 24px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .color-filter {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #EAEAEC;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .color-filter .icon-Tick {
    visibility: hidden;
    position: absolute;
    color: #ffffff;
    font-size: 10px;
    top: 8px;
    left: 6px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .whiteBackground {
    border: 1px solid #383737;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .whiteBackground .icon-Tick {
    color: #383737;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 20.81%);
    position: absolute;
    width: 100%;
    bottom: 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 .filter-back {
    padding-top: 24px;
    padding-left: 88px;
    padding-bottom: 24px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 .filter-back .apply1 {
    margin-right: 32px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 .filter-back .apply1.disabled {
    pointer-events: none;
    border: 2px solid #7a8084;
    color: #7a8084;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 .filter-back .reset1 {
    color: #307fe2;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 .filter-back .reset1.disabled {
    pointer-events: none;
    color: #7a8084;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .selected-options .filtervalues {
    padding-top: 16px;
    padding-right: 16px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .selected-options .filtervalues .filter-value {
    color: #383737;
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
    padding: 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .selected-options .filtervalues .filter-label {
    color: #7a8084;
    margin-bottom: 8px;
    min-height: 50%;
    max-height: 50%;
  }
  .search-variants-comp .search-component .quick-filter {
    padding-bottom: 16px;
  }
  .search-variants-comp .search-component .changeCta {
    margin-top: 0px;
    margin-right: 0px;
    padding-top: 16px;
    margin-bottom: 64px;
  }
  .search-variants-comp .search-component .filters {
    display: none;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .search-component .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .search-component .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-header .btn-close {
    right: 0px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type .form-check {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .search-component .dropdown-filter-section-mobile .selected-options .filtervalues .filter-value {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .search-component .dropdown-filter-section-mobile {
    padding-bottom: 64px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas {
    border-left: 0px;
    min-width: 100%;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-header {
    padding: 36px 30px 30px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-header .btn-close {
    font-size: 32px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body {
    padding: 6px 30px 24px;
    padding-bottom: 138px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .rangetabp {
    flex-direction: column;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .rangetabp .rangetab {
    width: 100%;
    padding-bottom: 16px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .rangetabp .rangetabs {
    max-width: 100%;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .tab-content {
    padding: 15px 0px 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .search-nav {
    padding-bottom: 22px;
    padding-top: 0px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .labels {
    padding-top: 22px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .offcanvas-body .fields-type {
    padding-top: 18px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 .filter-back {
    padding: 24px 30px;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 .apply1 {
    width: 100%;
  }
  .search-variants-comp .search-component .dropdown-filter-section-mobile .filter .overlay-filter .offcanvas .filters1 .reset1 {
    display: block;
    padding-top: 28px;
    text-align: center;
  }
  .search-variants-comp .search-component .changeCta {
    margin-left: 15px;
    margin-right: 15px;
  }
  .search-variants-comp .search-component .quick-filter {
    padding-bottom: 16px;
  }
}
.search-variants-comp .search-component .accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: #f8f8f8;
  color: #7a8084;
}
.search-variants-comp .search-component .accordion-item {
  border: none;
  background-color: #f8f8f8;
}
.search-variants-comp .search-component .accordion-item button {
  font-weight: 300;
  font-size: 18px;
  font-family: "Poppins";
  font-style: normal;
}
.search-variants-comp .search-component .accordion-item button.collapsed {
  color: #383737;
  font-weight: 300;
  font-size: 18px;
  background-color: transparent;
}
.search-variants-comp .search-component .accordion-item .accordion-body {
  padding: 0px;
}
.search-variants-comp .search-component .accordion-item .accordion-body .form-check {
  margin-top: 16px;
  margin-bottom: 16px;
}
.search-variants-comp .search-component .accordion-item .accordion-body .form-check .icon-Tick::before {
  color: #ffffff;
}
.search-variants-comp .search-component .accordion-item .accordion-body .form-check .form-check-input:checked[type="checkbox"] {
  background-image: none;
}
.search-variants-comp .search-component .accordion-item .accordion-body .form-check .form-check-input:checked[type="radio"] {
  background-image: none;
  border: 2px solid #307fe2;
  background-color: #ffffff;
  padding: 1px;
}
.search-variants-comp .search-component .accordion-item .accordion-body input[type="checkbox"] {
  border: 2px solid #383737;
  border-radius: 0px;
  width: 24px;
  height: 24px;
}
.search-variants-comp .search-component .accordion-item .accordion-body input[type="radio"] {
  border: 2px solid #383737;
  width: 24px;
  height: 24px;
}
.search-variants-comp .search-component .accordion-item .accordion-body input[type="radio"]:checked {
  border: none;
}
.search-variants-comp .search-component .accordion-item .accordion-body input[type="checkbox"]:checked {
  border: 2px solid #307FE2;
  background-color: #307FE2;
}
.search-variants-comp .search-component .accordion-item .accordion-body label {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  color: #383737;
  margin-top: 8px;
}
.search-variants-comp .search-component .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.search-variants-comp .search-component .accordion-button {
  padding: 0px;
}
.search-variants-comp .search-component .accordion-button .chevron-icon {
  position: absolute;
  right: 0px;
}
.search-variants-comp .search-component .accordion-button.collapsed .chevron-icon {
  transform: rotate(180deg);
}
.search-variants-comp .search-component .nav-pills .nav-item {
  border: 2px solid #0d6efd;
}
.search-variants-comp .search-component .nav-pills .nav-item button {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.search-variants-comp .search-component .nav-pills .nav-item button {
  color: #0d6efd;
}
.search-variants-comp .search-component .nav-pills .nav-item button.active {
  color: #FFF;
}
.search-variants-comp .search-component .nav-pills .nav-link {
  border-radius: 0px;
}
.search-variants-comp .search-component .search-slider .search-slider-range,
.search-variants-comp .search-component .search-slider1 .search-slider-range {
  margin-right: 5px;
  margin-left: 10px;
}
.search-variants-comp .search-component .search-slider .search-slider1-range,
.search-variants-comp .search-component .search-slider1 .search-slider1-range {
  margin-right: 5px;
  margin-left: 10px;
}
.search-variants-comp .search-component .search-slider .search-left-value,
.search-variants-comp .search-component .search-slider1 .search-left-value,
.search-variants-comp .search-component .search-slider .search-left-value1,
.search-variants-comp .search-component .search-slider1 .search-left-value1 {
  width: 49%;
  display: inline-block;
  padding-top: 8px;
  text-align: left;
  background: transparent;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  color: #383737 !important;
}
.search-variants-comp .search-component .search-slider .search-right-value,
.search-variants-comp .search-component .search-slider1 .search-right-value,
.search-variants-comp .search-component .search-slider .search-right-value1,
.search-variants-comp .search-component .search-slider1 .search-right-value1 {
  width: 49%;
  display: inline-block;
  padding-top: 8px;
  text-align: right;
  background: transparent;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  color: #383737 !important;
  padding-right: 0px;
}
.search-variants-comp .search-component .search-slider .ui-corner-all,
.search-variants-comp .search-component .search-slider1 .ui-corner-all,
.search-variants-comp .search-component .search-slider .ui-corner-all,
.search-variants-comp .search-component .search-slider1 .ui-corner-all {
  border-radius: 0;
}
.search-variants-comp .search-component .search-slider .ui-slider,
.search-variants-comp .search-component .search-slider1 .ui-slider {
  border: 0;
  background: #7A8084;
  border-radius: 7px;
}
.search-variants-comp .search-component .search-slider .ui-slider-horizontal,
.search-variants-comp .search-component .search-slider1 .ui-slider-horizontal {
  height: 2px;
}
.search-variants-comp .search-component .search-slider .ui-slider-vertical,
.search-variants-comp .search-component .search-slider1 .ui-slider-vertical {
  height: 15em;
  width: 2px;
}
.search-variants-comp .search-component .search-slider .ui-slider-handle,
.search-variants-comp .search-component .search-slider1 .ui-slider-handle {
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #307FE2;
  border-radius: 50%;
  cursor: pointer;
}
.search-variants-comp .search-component .search-slider .ui-slider-horizontal .ui-slider-handle,
.search-variants-comp .search-component .search-slider1 .ui-slider-horizontal .ui-slider-handle {
  top: 50%;
  margin-top: -10px;
}
.search-variants-comp .search-component .search-slider .ui-slider-vertical .ui-slider-handle,
.search-variants-comp .search-component .search-slider1 .ui-slider-vertical .ui-slider-handle {
  left: 50%;
  margin-left: -10px;
}
.search-variants-comp .search-component .search-slider .ui-slider-range,
.search-variants-comp .search-component .search-slider1 .ui-slider-range {
  border: 0;
  border-radius: 7;
  background: #307FE2;
}
.search-variants-comp .search-component .search-slider .ui-slider-horizontal .ui-slider-range,
.search-variants-comp .search-component .search-slider1 .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 2px;
}
.search-variants-comp .search-component .search-slider .ui-slider-vertical .ui-slider-range,
.search-variants-comp .search-component .search-slider1 .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 2px;
}
.search-variants-comp .search-component .desktopCity {
  border-bottom: 1px solid #eaeaec;
  margin-right: 18px;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.search-variants-comp .search-component .search-nav {
  padding-right: 18px;
}
.search-variants-comp .search-component .search-nav button {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #307FE2;
  text-decoration: none;
  padding: 0px;
}
.search-variants-comp .search-component .search-nav button .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.search-variants-comp .search-component .search-nav button .search-right-arrow {
  font-family: 'Poppins';
  color: #307FE2;
  font-size: 16px;
}
.search-variants-comp .search-component .filters {
  padding-top: 40px;
}
.search-variants-comp .search-component .filters .reset {
  cursor: pointer;
  color: #307fe2;
  padding-left: 32px;
}
.search-variants-comp .search-component .filters .reset.disabled {
  pointer-events: none;
  color: #7a8084;
}
.search-variants-comp .search-component .filters .apply.disabled {
  pointer-events: none;
  border: 2px solid #7a8084;
  color: #7a8084;
}
.search-variants-comp .search-component .changeCta {
  border-top: 1px solid #eaeaec;
  margin-top: 24px;
  margin-right: 40px;
  padding-top: 24px;
}
.search-variants-comp .search-component .changeCta .changeModel {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.search-variants-comp .search-component .changeCta .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.search-variants-comp .no-results,
.search-variants-comp .no-over-results {
  text-align: center;
}
.search-variants-comp .no-results .no-results-title,
.search-variants-comp .no-over-results .no-results-title,
.search-variants-comp .no-results .no-over-results-title,
.search-variants-comp .no-over-results .no-over-results-title {
  margin-bottom: 24px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .search-variants-comp .no-results .no-results-title,
  .search-variants-comp .no-over-results .no-results-title,
  .search-variants-comp .no-results .no-over-results-title,
  .search-variants-comp .no-over-results .no-over-results-title {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-variants-comp .no-results .no-results-title,
  .search-variants-comp .no-over-results .no-results-title,
  .search-variants-comp .no-results .no-over-results-title,
  .search-variants-comp .no-over-results .no-over-results-title {
    margin-bottom: 24px;
  }
}
.search-variants-comp .no-results h6,
.search-variants-comp .no-over-results h6 {
  color: #7a8084;
}





.sticky-reviewoverview {
  position: sticky;
  top: 0px;
  align-self: flex-start;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .review-overview-comp {
    position: relative;
    z-index: 999;
  }
}
.review-overview-comp .overview_box {
  max-width: 396px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .review-overview-comp .overview_box {
    max-width: 100%;
    position: relative;
  }
}
.review-overview-comp .overview_box .collapse_toggle_mobile {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .review-overview-comp .overview_box .collapse_toggle_mobile {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #ffffff;
    width: 100%;
    padding: 16px 30px;
    left: 0px;
    right: 0px;
  }
  .review-overview-comp .overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    font-weight: 500;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .review-overview-comp .overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-size: 16px;
    line-height: 20px;
  }
}
.review-overview-comp .overview_box .comp_title {
  padding-bottom: 24px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .review-overview-comp .overview_box .comp_title {
    display: none;
  }
}
.review-overview-comp .overview_box .list_heading {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  align-items: center;
  cursor: pointer;
}
.review-overview-comp .overview_box .list_heading .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
.review-overview-comp .overview_box .overview_box_accordian {
  padding: 16px 0px 16px 0px;
  border-bottom: solid 2px #eaeaec;
}
.review-overview-comp .overview_box .overview_box_accordian.CollapseCatogories {
  display: none;
}
.review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item.collapseItems {
  display: none;
}
.review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list {
  margin: 0px;
  padding: 0px;
}
.review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0px 0px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
    flex-direction: column;
  }
}
.review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
  max-width: 198px;
  text-align: right;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
    max-width: 100%;
    text-align: left;
  }
}
.review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 span {
  display: block;
}
.review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:first-child {
  margin-top: 8px;
}
.review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:last-child {
  padding-bottom: 0px;
}
.review-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span:nth-child(2) {
  text-align: right;
}
.review-overview-comp .overview_box .overview-total {
  width: 100%;
  background: #ffffff;
  border-left: solid 8px #307fe2;
  min-height: 106px;
  padding: 16px 24px 16px 16px;
  margin-top: 16px;
}
.review-overview-comp .overview_box .overview-total .overview-total-title {
  padding-bottom: 12px;
}
.review-overview-comp .overview_box .overview-total .overview-total-label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 4px;
  display: block;
}
.review-overview-comp .overview_box .overview-total .review-overview-desc p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 0px;
}
@media only screen and (min-width: 1200px) {
  .review-overview-comp .overview_box .overview_box_container {
    display: block !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .review-overview-comp .overview_box .overview_box_container {
    position: fixed !important;
    top: auto;
    bottom: 54px;
    height: 36% !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .review-overview-comp .overview_box .overview_box_container {
    position: fixed !important;
    top: 0px;
    height: calc(100vh - 54px) !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
.review-overview-comp .overview_box .overview_box_container .signout_option {
  font-size: 16px;
}
.review-overview-comp .overview_box .overview_box_container .signout_option a {
  text-decoration: none;
  font-size: 16px;
  margin-left: 10px;
}
.review-overview-comp .overview_box .overview_box_container .signout_option a span {
  font-size: 12px;
}
.review-overview-comp .showBackDrop {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .review-overview-comp .showBackDrop {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    height: 100vh;
    width: 100%;
    max-width: 100%;
    background: #383737;
    inset: auto 0px 78px;
    display: block;
    opacity: 80%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .review-overview-comp .showBackDrop {
    display: none;
  }
}
.cq-Editable-dom .overview-comp .overview_box_container,
.cq-Editable-dom .overview-comp .collapse_toggle_mobile {
  position: static !important;
  height: auto !important;
}

.valuation-list-comp .valuation-list-card {
  width: 100%;
  display: flex;
  margin-bottom: 104px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-list-comp .valuation-list-card {
    flex-direction: column-reverse;
    margin-bottom: 80px;
  }
}
.valuation-list-comp .valuation-list-card .valuation-list-section {
  width: 50%;
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list {
  padding: 60px 0px 64px 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list {
    padding: 40px 0px 40px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list {
    padding: 24px 16px 24px 16px;
  }
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .valuation-title-section {
  margin-bottom: 40px;
  width: 66%;
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .valuation-title-section .vehicle-details {
  padding-bottom: 12px;
  color: #7a8084;
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .valuation-title-section .vehicle-model-name {
  color: #383737;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .valuation-title-section {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .valuation-title-section {
    width: 100%;
  }
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .status-details-section {
  margin-bottom: 40px;
  width: 40%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .status-details-section {
    width: 100%;
  }
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .status-details-section .status-label {
  padding-bottom: 8px;
  color: #7a8084;
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .status-details-section .booking-status {
  color: #383737;
  margin-bottom: 0px;
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .cta-section {
  display: flex;
  padding-bottom: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .cta-section {
    width: 100%;
    display: grid;
  }
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .cta-section .view-details-cta-link {
  margin-right: 40px;
  margin-top: 12px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .cta-section .view-details-cta-link {
    margin: 0px 40px 40px 0px;
  }
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .cta-section .view-details-cta-link .icon-Arrow-Right {
  padding-left: 8px;
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .cta-section .remove-cta-button,
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .cta-section .add-cta-button {
  color: #307fe2;
  background-color: #ffffff;
  border-color: #307fe2;
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .valuation-linkcar-desc p {
  margin-bottom: 0px;
}
.valuation-list-comp .valuation-list-card .valuation-list-section .valuation-list .valuation-unlinkcar-desc p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-list-comp .valuation-list-card .valuation-list-section {
    width: 100%;
  }
}
.valuation-list-comp .valuation-list-card .banner-image-section {
  width: 50%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-list-comp .valuation-list-card .banner-image-section {
    width: 100%;
    display: flex;
  }
}
.valuation-list-comp .valuation-list-card .banner-image-section .valuation-title-section {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-list-comp .valuation-list-card .banner-image-section .valuation-title-section {
    display: unset;
    width: 50%;
    padding: 49px 0px 49px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-list-comp .valuation-list-card .banner-image-section .valuation-title-section {
    padding: 43px 0px 43px 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-list-comp .valuation-list-card .banner-image-section .valuation-title-section .vehicle-details {
    margin-bottom: 8px;
    color: #ffffff;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .valuation-list-comp .valuation-list-card .banner-image-section .valuation-title-section .vehicle-model-name {
    margin-bottom: 0px;
    color: #ffffff;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .valuation-list-comp .valuation-list-card .banner-image-section .vehicle-image {
    padding: 32px 8px 32px 8px;
  }
}

.purchase-your-vehicle-comp .purchase-your-vehicle-container {
  padding: 40px;
  background-color: white;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-your-vehicle-comp .purchase-your-vehicle-container {
    padding: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-your-vehicle-comp .purchase-your-vehicle-container {
    padding: 24px 16px;
  }
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .salesicon {
  border: 1.5px solid #307fe2;
  height: 32px;
  border-radius: 50%;
  width: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .salesicon .icon-Purchase {
  font-size: 32px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .salesicon .icon-Success-Solid {
  font-size: 32px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .outstandingtitle {
  background-color: #F39B5B;
  border: 1.5px solid white;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .outstandingtitle .icon-Purchase::before {
  color: white;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent {
  padding-left: 24px;
  width: 100%;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .pvTitle {
  margin: 0px;
  color: #383737;
  padding-bottom: 12px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .pvdescription {
  color: #7a8084;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .pvdescription p {
  margin: 0px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .purchaseamount {
  color: #7a8084;
  padding-top: 40px;
  width: 120px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .purchaseamount {
    padding-top: 32px;
  }
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .totaldueamount,
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .totalpaidamount,
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .remainingamount {
  color: #383737;
  padding-top: 12px;
  margin: 0px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .view {
  display: flex;
  background-color: white;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .view .successicon {
  border: none;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent {
  padding-left: 24px;
  width: 100%;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .viewonecontent .viewfoururl {
  padding-left: 0px;
  padding-top: 28px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .pvviewdetails {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  border: none;
  background: #ffffff;
  padding: 0;
  padding-top: 52px;
  padding-left: 40px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .pvviewdetails .icon-Arrow-Right-20 {
  font-size: 12px;
  padding-left: 8px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .pvviewdetails a {
  text-decoration: none;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .paynowbutton {
  color: #307fe2;
  padding-top: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .paynowbutton {
    padding-top: 32px;
  }
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .paynowbutton .payproceed {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  padding: 12px 24px;
  background-color: #ffffff;
  border: 2px solid #307fe2;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .Totalamount {
  display: flex;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .Totalamount .remaingpay {
  padding-left: 40px;
}
.purchase-your-vehicle-comp .purchase-your-vehicle-container .redirectingUrl {
  display: flex;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view .viewonecontent {
    width: 100%;
  }
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view .viewonecontent .pvTitle {
    padding-bottom: 8px;
  }
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view .viewonecontent .pvviewdetails {
    padding-top: 44px;
    padding-left: 24px;
  }
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view .viewonecontent .viewfoururl {
    padding-top: 16px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view {
    display: block;
  }
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view .viewonecontent {
    padding-top: 24px;
    padding-left: 0px;
  }
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view .viewonecontent .paynowbutton .payproceed {
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    padding: 12px 82px;
    width: 100%;
    border: 2px solid #307fe2;
  }
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view .viewonecontent .redirectingUrl {
    display: block;
  }
  .purchase-your-vehicle-comp .purchase-your-vehicle-container .view .viewonecontent .redirectingUrl .pvviewdetails {
    text-align: center;
    padding-left: 0px;
    padding-top: 24px;
  }
}

.purchase-your-accessories-comp .purchase-accessories-container {
  padding: 40px 40px;
  background-color: #ffffff;
}
.purchase-your-accessories-comp .purchase-accessories-container .purchase-accessories-label-sec {
  width: 83.27%;
}
.purchase-your-accessories-comp .purchase-accessories-container h5 {
  margin: 0;
}
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view {
  display: flex;
  gap: 24px;
  flex-direction: row;
}
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .purchase-icon,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-icon,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-icon,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .purchase-icon {
  font-size: 32px;
}
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .description,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .description,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .description,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .description {
  padding-top: 12px;
}
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .icon-Arrow-Right-20,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .icon-Arrow-Right-20,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .icon-Arrow-Right-20,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .icon-Arrow-Right-20 {
  font-size: 12px;
}
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .viewDetailsLink i,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .viewDetailsLink i,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .viewDetailsLink i,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .viewDetailsLink i {
  padding-left: 8px;
}
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .totalLabel,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .totalLabel,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .totalLabel,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .totalLabel,
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .amountDueLabel,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .amountDueLabel,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .amountDueLabel,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .amountDueLabel,
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .totlalPaidLabel,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .totlalPaidLabel,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .totlalPaidLabel,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .totlalPaidLabel,
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .remainingLabel,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .remainingLabel,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .remainingLabel,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .remainingLabel,
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view p,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view p,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view p,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view p {
  color: #7a8084;
}
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view p,
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view p,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view p,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view p {
  margin: 0;
}
.purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .viewDetailsLink,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .viewDetailsLink,
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .viewDetailsLink {
  padding-top: 40px;
}
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .price-sec,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .price-sec {
  display: grid;
  grid-gap: 12px 40px;
  width: 29.28%;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  padding-top: 40px;
}
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .links-sec,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .links-sec {
  padding-top: 40px;
  display: flex;
  gap: 40px;
  align-items: center;
}
.purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .links-sec button,
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .links-sec button {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  padding: 12px 24px;
  width: unset;
}
.purchase-your-accessories-comp .purchase-accessories-container .completed-view .purchase-icon {
  font-size: 32px;
}
.purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-icon {
  color: #f39b5b;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-your-accessories-comp .purchase-accessories-container {
    padding: 32px 32px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .purchase-accessories-label-sec {
    width: 91.02%;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view,
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view,
  .purchase-your-accessories-comp .purchase-accessories-container .completed-view {
    flex-direction: row;
    gap: 24px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .description,
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .description,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .description,
  .purchase-your-accessories-comp .purchase-accessories-container .completed-view .description {
    padding-top: 8px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .viewDetailsLink,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .viewDetailsLink,
  .purchase-your-accessories-comp .purchase-accessories-container .completed-view .viewDetailsLink {
    padding-top: 32px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .price-sec,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .price-sec {
    width: 49.3%;
    padding-top: 32px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .links-sec,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .links-sec {
    padding-top: 32px;
    display: flex;
    gap: 40px;
    align-items: center;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .links-sec button,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .links-sec button {
    width: unset;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-your-accessories-comp .purchase-accessories-container {
    padding: 24px 16px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .purchase-accessories-label-sec {
    width: 100%;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view,
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view,
  .purchase-your-accessories-comp .purchase-accessories-container .completed-view {
    flex-direction: column;
    gap: 24px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .description,
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .description,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .description,
  .purchase-your-accessories-comp .purchase-accessories-container .completed-view .description {
    padding-top: 8px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .yetToStart-view .viewDetailsLink,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .viewDetailsLink,
  .purchase-your-accessories-comp .purchase-accessories-container .completed-view .viewDetailsLink {
    padding-top: 32px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .price-sec,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .price-sec {
    grid-gap: 12px 40px;
    width: 93.3%;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    padding-top: 40px;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .links-sec,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .links-sec {
    padding-top: 40px;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
  .purchase-your-accessories-comp .purchase-accessories-container .paymentRequired-view .purchase-accessories-label-sec .links-sec button,
  .purchase-your-accessories-comp .purchase-accessories-container .inProgress-view .purchase-accessories-label-sec .links-sec button {
    width: 100%;
    padding: 12px 24px;
  }
}

.purchase-value-care-comp .purchase-value-care-container {
  padding: 40px;
  background-color: #ffffff;
}
.purchase-value-care-comp .purchase-value-care-container h5 {
  margin: 0;
}
.purchase-value-care-comp .purchase-value-care-container .value-care-label-sec {
  width: 83.27%;
}
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view,
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view,
.purchase-value-care-comp .purchase-value-care-container .completed-view {
  display: flex;
  gap: 24px;
  flex-direction: row;
}
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view .value-care-icon,
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view .value-care-icon,
.purchase-value-care-comp .purchase-value-care-container .completed-view .value-care-icon {
  font-size: 32px;
}
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view .descrption,
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view .descrption,
.purchase-value-care-comp .purchase-value-care-container .completed-view .descrption {
  padding-top: 12px;
}
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view .icon-Arrow-Right-20,
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view .icon-Arrow-Right-20,
.purchase-value-care-comp .purchase-value-care-container .completed-view .icon-Arrow-Right-20 {
  font-size: 12px;
}
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view .amountDueLabel,
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view .amountDueLabel,
.purchase-value-care-comp .purchase-value-care-container .completed-view .amountDueLabel,
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view p,
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view p,
.purchase-value-care-comp .purchase-value-care-container .completed-view p {
  color: #7a8084;
}
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view p,
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view p,
.purchase-value-care-comp .purchase-value-care-container .completed-view p {
  margin: 0;
}
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view .paynowButton {
  margin-top: 40px;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  padding: 12px 24px;
}
.purchase-value-care-comp .purchase-value-care-container .paymentRequired-view .amountDueLabel {
  padding-top: 40px;
  padding-bottom: 12px;
}
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view .viewDetailsLink,
.purchase-value-care-comp .purchase-value-care-container .completed-view .viewDetailsLink {
  padding-top: 40px;
}
.purchase-value-care-comp .purchase-value-care-container .yetToStart-view .viewDetailsLink i,
.purchase-value-care-comp .purchase-value-care-container .completed-view .viewDetailsLink i {
  padding-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-value-care-comp .purchase-value-care-container {
    padding: 24px 16px;
  }
  .purchase-value-care-comp .purchase-value-care-container .value-care-label-sec {
    width: 100%;
  }
  .purchase-value-care-comp .purchase-value-care-container .yetToStart-view,
  .purchase-value-care-comp .purchase-value-care-container .paymentRequired-view,
  .purchase-value-care-comp .purchase-value-care-container .completed-view {
    flex-direction: column;
    gap: 24px;
  }
  .purchase-value-care-comp .purchase-value-care-container .yetToStart-view .description,
  .purchase-value-care-comp .purchase-value-care-container .paymentRequired-view .description,
  .purchase-value-care-comp .purchase-value-care-container .completed-view .description {
    padding-top: 8px;
  }
  .purchase-value-care-comp .purchase-value-care-container .yetToStart-view .viewDetailsLink,
  .purchase-value-care-comp .purchase-value-care-container .completed-view .viewDetailsLink {
    padding-top: 32px;
  }
  .purchase-value-care-comp .purchase-value-care-container .paymentRequired-view .paynowButton {
    width: 100%;
    padding: 12px 24px;
  }
}

.purchase-your-extended-warranty-comp .purchase-extended-warranty-container {
  padding: 40px;
  background-color: #ffffff;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .purchase-extd-warranty-label-sec {
  width: 83.27%;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container h5 {
  margin: 0;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view {
  display: flex;
  gap: 24px;
  flex-direction: row;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view .extd-warranty-icon,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view .extd-warranty-icon,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view .extd-warranty-icon {
  font-size: 32px;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view .descrption,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view .descrption,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view .descrption {
  padding-top: 12px;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view .icon-Arrow-Right-20,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view .icon-Arrow-Right-20,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view .icon-Arrow-Right-20 {
  font-size: 12px;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view .amountDueLabel,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view .amountDueLabel,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view .amountDueLabel,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view p,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view p,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view p {
  color: #7a8084;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view p,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view p,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view p {
  margin: 0;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view .paynowButton {
  margin-top: 40px;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  padding: 12px 24px;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view .amountDueLabel {
  padding-top: 40px;
  padding-bottom: 12px;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view .viewDetailsLink,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view .viewDetailsLink {
  padding-top: 40px;
}
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view .viewDetailsLink i,
.purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view .viewDetailsLink i {
  padding-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container {
    padding: 24px 16px;
  }
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .purchase-extd-warranty-label-sec {
    width: 100%;
  }
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view,
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view,
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view {
    flex-direction: column;
    gap: 24px;
  }
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view .description,
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view .description,
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view .description {
    padding-top: 8px;
  }
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-yetToStart-view .viewDetailsLink,
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-completed-view .viewDetailsLink {
    padding-top: 32px;
  }
  .purchase-your-extended-warranty-comp .purchase-extended-warranty-container .ew-paymentRequired-view .paynowButton {
    width: 100%;
    padding: 12px 24px;
  }
}

.finance-application-comp .finance-application-container {
  padding: 40px;
  background-color: white;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-application-comp .finance-application-container {
    padding: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-application-comp .finance-application-container {
    padding: 24px 16px;
  }
}
.finance-application-comp .finance-application-container .financeapplicationview {
  display: flex;
}
.finance-application-comp .finance-application-container .financeapplicationview p {
  margin: 0px;
  color: #7a8084;
}
.finance-application-comp .finance-application-container .financeapplicationview .salesicon {
  border: 1.5px solid #307fe2;
  height: 32px;
  border-radius: 50%;
  width: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.finance-application-comp .finance-application-container .financeapplicationview .salesicon .icon-Money {
  font-size: 32px;
}
.finance-application-comp .finance-application-container .financeapplicationview .salesicon .icon-Success-Solid {
  font-size: 32px;
}
.finance-application-comp .finance-application-container .financeapplicationview .financestartedview {
  background-color: #F39B5B;
  border: 1.5px solid white;
}
.finance-application-comp .finance-application-container .financeapplicationview .financestartedview .icon-Money::before {
  color: white;
}
.finance-application-comp .finance-application-container .financeapplicationview .successicon {
  border: none;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application {
  padding-left: 24px;
  width: 87%;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .financetitle {
  margin: 0px;
  color: #383737;
  padding-bottom: 12px;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .submittedLabel {
  padding-top: 40px;
  margin: 0px;
  color: #383737;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .viewfourtitle {
  padding-bottom: 0px;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl {
  display: flex;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .financeapplynowbutton {
  color: #307fe2;
  padding-top: 40px;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .financeapplynowbutton .applyproceed {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  padding: 12px 24px;
  background-color: #ffffff;
  border: 2px solid #307fe2;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .fa-viewdetails {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  border: none;
  padding: 0;
  padding-top: 40px;
  padding-left: 40px;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .fa-viewdetails .icon-Arrow-Right-20 {
  font-size: 12px;
  padding-left: 8px;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .fa-viewdetails a {
  text-decoration: none;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .viewtwofadetails {
  padding-top: 52px;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .viewOne-details {
  padding: 0px;
  margin-top: 40px;
}
.finance-application-comp .finance-application-container .financeapplicationview .finance-application .viewthree-details {
  padding-left: 0px;
  padding-top: 16px;
}
.finance-application-comp .finance-application-container .modal .modal-dialog {
  max-width: 816px;
}
.finance-application-comp .finance-application-container .modal .modal-dialog .modal-content {
  padding: 80px 104px;
  overflow: auto;
}
.finance-application-comp .finance-application-container .modal .modal-dialog .cross {
  background-color: #ffffff;
  right: 40px;
  top: 40px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
.finance-application-comp .finance-application-container .modal .modal-dialog .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
}
.finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator {
  margin-top: 81px;
  max-width: 1228px;
}
.finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator .modal-content {
  padding: 80px;
}
.finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator .cross {
  background-color: #ffffff;
  right: 80px;
  top: 80px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
.finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application {
    width: 100%;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financetitle {
    padding-bottom: 8px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .fa-viewdetails {
    padding-top: 32px;
    margin: 0px;
    padding-left: 24px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .viewthree-details {
    padding-top: 32px;
    padding-left: 0px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .applynowbutton {
    padding-top: 32px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .viewtwofadetails {
    padding-top: 44px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .viewOne-details {
    padding-left: 0px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .submittedLabel {
    padding-top: 32px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .viewfourtitle {
    padding-bottom: 0px;
  }
  .finance-application-comp .finance-application-container .modal .modal-dialog {
    max-width: 768px;
  }
  .finance-application-comp .finance-application-container .modal .modal-dialog .modal-content {
    padding: 40px;
    overflow: auto;
  }
  .finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator {
    margin: 0 0 0 128px;
    max-width: 640px;
  }
  .finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator .modal-content {
    padding: 64px 40px 210px 88px;
  }
  .finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator .cross {
    right: 40px;
    top: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-application-comp .finance-application-container .financeapplicationview {
    display: block;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application {
    padding-top: 24px;
    padding-left: 0px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .applynowbutton .applyproceed {
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    padding: 12px 82px;
    width: 100%;
    border: 2px solid #307fe2;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl {
    display: block;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .fa-viewdetails {
    text-align: left;
    padding-left: 0px;
    padding-top: 24px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .viewOne-details {
    text-align: start;
    padding-top: 32px;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .whatyouneed {
    text-align: start;
  }
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .viewthree-details,
  .finance-application-comp .finance-application-container .financeapplicationview .finance-application .financeRedirectingUrl .faDownloadPolicy {
    text-align: start;
  }
  .finance-application-comp .finance-application-container .modal .modal-dialog {
    max-width: 360px;
    margin: 0px;
  }
  .finance-application-comp .finance-application-container .modal .modal-dialog .modal-content {
    padding: 32px 30px;
    overflow: auto;
  }
  .finance-application-comp .finance-application-container .modal .modal-dialog .cross {
    top: 20px;
    right: 20px;
  }
  .finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator {
    margin: 0px;
    max-width: 360px;
  }
  .finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator .modal-content {
    padding: 32px 30px;
  }
  .finance-application-comp .finance-application-container .finance-calculator-modal .viewTwoFinanceCalculator .cross {
    right: 30px;
    top: 30px;
    padding: 6px;
  }
}

.exchange-valuation-comp .exchange-valuation-container {
  padding: 40px;
  background-color: #ffffff;
}
.exchange-valuation-comp .exchange-valuation-container h5,
.exchange-valuation-comp .exchange-valuation-container h6 {
  margin: 0;
}
.exchange-valuation-comp .exchange-valuation-container .exchange-val-label-sec {
  width: 83.27%;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress,
.exchange-valuation-comp .exchange-valuation-container .exchanged {
  display: flex;
  gap: 24px;
  flex-direction: row;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress .description,
.exchange-valuation-comp .exchange-valuation-container .exchanged .description {
  padding-top: 12px;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress .icon-Arrow-Right-20,
.exchange-valuation-comp .exchange-valuation-container .exchanged .icon-Arrow-Right-20 {
  font-size: 12px;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress p,
.exchange-valuation-comp .exchange-valuation-container .exchanged p {
  color: #7a8084;
  margin: 0;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress .finalValText {
  padding-top: 40px;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress .exchange-val-icon div {
  background: #f39b5b;
  font-size: 24px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress .exchange-val-icon div::before {
  color: #ffffff;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress .linksSec {
  display: flex;
  gap: 40px;
  padding-top: 16px;
  align-items: center;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress .linksSec .viewDetailsButton {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  padding: 12px 24px;
}
.exchange-valuation-comp .exchange-valuation-container .inProgress .linksSec .getaQuoteLink i {
  padding-left: 8px;
}
.exchange-valuation-comp .exchange-valuation-container .exchanged .exchange-val-icon {
  font-size: 32px;
}
.exchange-valuation-comp .exchange-valuation-container .exchanged .linksSec {
  display: flex;
  gap: 40px;
  padding-top: 40px;
  align-items: center;
  flex-direction: row;
}
.exchange-valuation-comp .exchange-valuation-container .exchanged .linksSec .viewDetailsLink i,
.exchange-valuation-comp .exchange-valuation-container .exchanged .linksSec .getaQuoteLink i {
  padding-left: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exchange-valuation-comp .exchange-valuation-container {
    padding: 32px 32px;
  }
  .exchange-valuation-comp .exchange-valuation-container .exchange-val-label-sec {
    width: 91.02%;
  }
  .exchange-valuation-comp .exchange-valuation-container .inProgress .finalValText {
    padding-top: 32px;
  }
  .exchange-valuation-comp .exchange-valuation-container .exchanged .linksSec {
    gap: 40px;
    padding-top: 24px;
    align-items: center;
    flex-direction: row;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .exchange-valuation-comp .exchange-valuation-container {
    padding: 24px 16px;
  }
  .exchange-valuation-comp .exchange-valuation-container .exchange-val-label-sec {
    width: 100%;
  }
  .exchange-valuation-comp .exchange-valuation-container .inProgress,
  .exchange-valuation-comp .exchange-valuation-container .exchanged {
    flex-direction: column;
    gap: 24px;
  }
  .exchange-valuation-comp .exchange-valuation-container .inProgress .description,
  .exchange-valuation-comp .exchange-valuation-container .exchanged .description {
    padding-top: 12px;
  }
  .exchange-valuation-comp .exchange-valuation-container .inProgress .finalValText {
    padding-top: 32px;
  }
  .exchange-valuation-comp .exchange-valuation-container .inProgress .linksSec {
    flex-direction: column;
    gap: 24px;
    padding-top: 16px;
    align-items: center;
  }
  .exchange-valuation-comp .exchange-valuation-container .inProgress .linksSec .viewDetailsButton {
    width: 100%;
    padding: 12px 24px;
  }
  .exchange-valuation-comp .exchange-valuation-container .exchanged .linksSec {
    flex-direction: column;
    gap: 16px;
    padding-top: 24px;
    align-items: flex-start;
  }
}

.choose-delivery-method-comp .choose-delivery-method-container {
  padding: 40px;
  background-color: white;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-delivery-method-comp .choose-delivery-method-container {
    padding: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-delivery-method-comp .choose-delivery-method-container {
    padding: 24px 16px;
  }
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view {
  background-color: white;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view p {
  margin: 0px;
  color: #7a8084;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view hr {
  margin: 40px 0px 0px 0px;
  width: 1092px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .viewthreedelivery {
  padding-top: 40px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .viewthreedelivery .homedeliveryLabel {
  display: none;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .salesicon {
  border: 1.5px solid #307fe2;
  height: 32px;
  border-radius: 50%;
  width: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .salesicon .icon-Keys {
  font-size: 32px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .salesicon .icon-Success-Solid {
  font-size: 32px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .started {
  display: flex;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .started .titleDescAlignment {
  padding-left: 24px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .started .titleDescAlignment .delivery-method-title {
  margin: 0px;
  padding-bottom: 12px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 24px;
  min-width: 24px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view input[type='radio']:checked:before {
  color: #307fe2;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view input[type='radio']:before {
  font-size: 16px;
  position: absolute;
  margin: 2px;
  color: #ffffff;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .successicon {
  border: none;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery {
  width: 87%;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .delivery-method-title {
  margin: 0px;
  color: #383737;
  padding-bottom: 12px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .viewfourtitle {
  padding-bottom: 0px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .dm-viewdetails {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  border: none;
  background: #ffffff;
  margin-top: 10px;
  padding: 0px;
  max-width: fit-content;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .dm-viewdetails .icon-Arrow-Right-20 {
  font-size: 12px;
  padding-left: 8px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .dm-viewdetails a {
  text-decoration: none;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .changemethod:hover {
  cursor: pointer;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress {
  display: flex;
  padding-top: 40px;
  padding-left: 60px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress h6 {
  margin: 0px;
  padding-bottom: 14px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery {
  display: flex;
  width: 526px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery .delivery .accessory-billing-details-comp .billing-details {
  padding: 0px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery .delivery .accessory-billing-details-comp .billing-details .address-wrapper .address-dropdown {
  width: 100%;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery .delivery .accessory-billing-details-comp .billing-details .address-wrapper .address-details {
  width: 100%;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery .delivery .deliveryLabel {
  color: #383737;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery .delivery .deliveryLabel .icon-Pin-Dot {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 24px;
  min-width: 24px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery .delivery .deliveryLabel .address {
  padding-bottom: 8px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .dealership {
  padding-left: 40px;
  display: flex;
  width: 526px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .viewthreedelivery {
  padding-top: 40px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .confirmbutton {
  color: #307fe2;
  padding-top: 40px;
  padding-left: 60px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .confirmbutton .confirmproceed {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  padding: 12px 24px;
  background-color: #ffffff;
  border: 2px solid #307fe2;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .confirmbutton .confirmproceed:disabled {
  border: 2px solid rgba(122, 128, 132, 0.5);
  color: rgba(122, 128, 132, 0.5);
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .titleDescAlignment {
  padding-left: 24px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .confirmed .homedelivery {
  padding-left: 60px;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .completed {
  display: flex;
}
.choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .completed .titleDescAlignment {
  padding-left: 24px;
}
.choose-delivery-method-comp .choose-delivery-method-container .not-started {
  display: flex;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view hr {
    margin: 32px 0px 0px 0px;
    width: 568px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery {
    width: 100%;
    display: block;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .delivery-method-title {
    padding-bottom: 8px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress {
    display: block;
    padding-top: 0px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery {
    padding-top: 24px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery .deliveryLabel .icon-Pin-Dot {
    margin-right: 12px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .dealership {
    padding-left: 0px;
    padding-top: 32px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .dealership .deliveryLabel {
    color: #383737;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .confirmbutton {
    padding-top: 32px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .viewthreedelivery {
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view {
    display: block;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .confirmed-title {
    display: flex;
    flex-direction: column;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .confirmed-title .titleDescAlignment {
    padding-left: 0px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .confirmed-title .titleDescAlignment .delivery-method-title {
    padding-top: 24px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery {
    padding-top: 24px;
    padding-left: 0px;
    display: block;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .confirmbutton {
    padding-left: 0px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .confirmbutton .confirmproceed {
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    padding: 12px 82px;
    width: 100%;
    border: 2px solid #307fe2;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .viewthreedelivery {
    padding-left: 0px;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress {
    padding-left: 0;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .homedelivery {
    width: 100%;
  }
  .choose-delivery-method-comp .choose-delivery-method-container .choose-deliver-view .choose-delivery .deliveryaddress .dealership {
    width: 100%;
  }
}

.book-your-vehicle-comp .book-your-vehicle-container {
  padding: 40px;
  background-color: white;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .book-your-vehicle-comp .book-your-vehicle-container {
    padding: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .book-your-vehicle-comp .book-your-vehicle-container {
    padding: 24px 16px;
  }
}
.book-your-vehicle-comp .book-your-vehicle-container .salesicon {
  border: 1.5px solid #307fe2;
  height: 32px;
  border-radius: 50%;
  width: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.book-your-vehicle-comp .book-your-vehicle-container .salesicon .icon-Sales {
  font-size: 32px;
}
.book-your-vehicle-comp .book-your-vehicle-container .salesicon .icon-Success-Solid {
  font-size: 32px;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewone {
  display: flex;
  background-color: white;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent {
  padding-left: 24px;
  width: 100%;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bvTitle {
  margin: 0px;
  color: #383737;
  padding-bottom: 12px;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bvdescription {
  color: #7a8084;
  padding-bottom: 40px;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bvdescription p {
  margin: 0px;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bookbutton {
  color: #307fe2;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bookbutton .bookproceed {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  padding: 12px 24px;
  background-color: #ffffff;
  border: 2px solid #307fe2;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewtwo {
  display: flex;
  background-color: white;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewtwo .salesicon {
  border: none;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent {
  padding-left: 24px;
  width: 100%;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent .viewtwotitle {
  margin: 0px;
  color: #383737;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent .bvviewdetails {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  border: none;
  background: #ffffff;
  padding: 0;
  padding-top: 40px;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent .bvviewdetails .icon-Arrow-Right-20 {
  font-size: 12px;
  padding-left: 8px;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent .bvviewdetails a {
  text-decoration: none;
}
.book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent p {
  margin: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent,
  .book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent {
    width: 100%;
  }
  .book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bvTitle,
  .book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent .bvTitle {
    padding-bottom: 8px;
  }
  .book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bvdescription,
  .book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent .bvdescription {
    padding-bottom: 32px;
  }
  .book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bvviewdetails,
  .book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent .bvviewdetails {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .book-your-vehicle-comp .book-your-vehicle-container .viewone,
  .book-your-vehicle-comp .book-your-vehicle-container .viewtwo {
    display: block;
  }
  .book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent,
  .book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent {
    padding-top: 24px;
    padding-left: 0px;
  }
  .book-your-vehicle-comp .book-your-vehicle-container .viewone .viewonecontent .bookbutton .bookproceed,
  .book-your-vehicle-comp .book-your-vehicle-container .viewtwo .viewonecontent .bookbutton .bookproceed {
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    padding: 12px 82px;
    width: 100%;
    border: 2px solid #307fe2;
  }
}

.apply-for-insurance-comp .apply-for-insurance-container {
  padding: 40px;
  background-color: white;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .apply-for-insurance-comp .apply-for-insurance-container {
    padding: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .apply-for-insurance-comp .apply-for-insurance-container {
    padding: 24px 16px;
  }
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview {
  display: flex;
  background-color: white;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview p {
  margin: 0px;
  color: #7a8084;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .ins-icon {
  border: 1.5px solid #307fe2;
  height: 32px;
  border-radius: 50%;
  width: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .ins-icon .icon-Insurance {
  font-size: 32px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .ins-icon .icon-Success-Solid {
  font-size: 32px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .viewthreeicon {
  background-color: #F39B5B;
  border: 1.5px solid white;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .viewthreeicon .icon-Insurance::before {
  color: white;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .successicon {
  border: none;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply {
  padding-left: 24px;
  width: 100%;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insurancetitle {
  margin: 0px;
  color: #383737;
  padding-bottom: 12px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuarance-submit-date {
  margin-top: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuarance-submit-date {
    margin-top: 32px;
  }
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .viewfourtitle {
  padding-bottom: 0px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl {
  display: flex;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .insuranceApplynowbutton {
  color: #307fe2;
  padding-top: 40px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .insuranceApplynowbutton .applyproceed {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  padding: 12px 24px;
  background-color: #ffffff;
  border: 2px solid #307fe2;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .insuranced-details {
  padding-left: 0px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .haveinsurance {
  padding-top: 52px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .ai-viewdetails {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  border: none;
  background: #ffffff;
  padding: 0;
  padding-top: 52px;
  padding-left: 40px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .ai-viewdetails .icon-Arrow-Right-20 {
  font-size: 12px;
  padding-left: 8px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .ai-viewdetails a {
  text-decoration: none;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .ai-viewdetails .viewtwofadetails {
  padding-top: 52px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .modal .modal-dialog {
  max-width: 816px;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .modal .modal-dialog .modal-content {
  padding: 80px 104px;
  overflow: auto;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .modal .modal-dialog .cross {
  background-color: #ffffff;
  right: 40px;
  top: 40px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .modal .modal-dialog .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .apply-insurance-modal .viewTwoApplyInsurance {
  margin-top: 81px;
  max-width: 812px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .apply-insurance-modal .viewTwoApplyInsurance {
    margin: 0px !important;
  }
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .apply-insurance-modal .viewTwoApplyInsurance .modal-content {
  padding: 80px 104px;
  border: none !important;
  border-radius: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .apply-insurance-modal .viewTwoApplyInsurance .modal-content {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .apply-insurance-modal .viewTwoApplyInsurance .modal-content {
    padding: 32px 30px;
  }
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .apply-insurance-modal .viewTwoApplyInsurance .cross {
  background-color: #ffffff;
  right: 80px;
  top: 80px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .apply-insurance-modal .viewTwoApplyInsurance .cross {
    right: 40px;
    top: 40px;
  }
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .apply-insurance-modal .viewTwoApplyInsurance .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
}
.apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .viewthreedetails {
  padding: 0px;
  margin-top: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply {
    width: 100%;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insurancetitle {
    padding-bottom: 8px;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .viewthreedetails {
    padding-top: 16px;
    padding-left: 0px;
    margin: 0px;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .insuranced-details {
    padding-top: 32px;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .haveinsurance {
    padding-top: 52px !important;
    padding-left: 24px;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .ai-viewdetails {
    padding-top: 32px;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .viewfourtitle {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview {
    display: block;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply {
    padding-top: 24px;
    padding-left: 0px;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceApplynowbutton .applyproceed {
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    padding: 12px 82px;
    width: 100%;
    border: 2px solid #307fe2;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl {
    display: block;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .ai-viewdetails,
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .haveinsurance {
    text-align: center;
    padding-left: 0px;
    padding-top: 24px;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .insuranced-details {
    text-align: start;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .downloadpolicy {
    text-align: start;
  }
  .apply-for-insurance-comp .apply-for-insurance-container .applyinsuranceview .insurance-apply .insuranceRedirectingUrl .downloadpolicy .disabled {
    color: #7a8084;
    pointer-events: none;
  }
}


.purchase-hero {
  overflow-y: hidden;
}
.purchase-hero-comp {
  position: relative;
  height: calc(176%);
  padding-bottom: 64px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp {
    padding-bottom: 0;
  }
}
.purchase-hero-comp .purchase-hero-content .order-md-first {
  min-width: 730px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .order-md-first {
    min-width: 508px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .order-md-first {
    min-width: auto;
  }
}
.purchase-hero-comp .purchase-hero-content .order-md-first .content-margin {
  margin: 154px 0 0 106px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .order-md-first .content-margin {
    margin: 112px 0 0 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .order-md-first .content-margin {
    margin: 0 24px 40px;
  }
}
.purchase-hero-comp .purchase-hero-content .order-md-first .content-margin .content-mid .content-grid {
  margin-bottom: 16px;
}
.purchase-hero-comp .purchase-hero-content .order-md-first .content-margin .content-mid .content-grid:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .order-md-first .content-margin .content-mid .content-grid {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .order-md-first .content-margin .content-mid .content-grid {
    margin-bottom: 24px;
  }
}
.purchase-hero-comp .purchase-hero-content .order-md-first .content-margin .content-mid .content-grid p {
  margin-bottom: 0;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .order-md-first .content-margin .content-mid .content-grid p {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .order-md-last {
    flex-basis: auto;
    height: 226px;
  }
}
.purchase-hero-comp .purchase-hero-content .order-md-last .content-image .car-background-color {
  content: "";
  height: 100%;
  width: 516px;
  display: block;
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .order-md-last .content-image .car-background-color {
    width: 210px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .order-md-last .content-image .car-background-color {
    min-height: 150px;
    height: auto;
    width: 100%;
    height: 150px;
    top: 0;
  }
}
.purchase-hero-comp .purchase-hero-content .order-md-last .content-image picture {
  position: absolute;
  right: 65px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .order-md-last .content-image picture {
    min-height: auto;
    margin: 25px auto 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .order-md-last .content-image picture {
    position: relative;
    right: 0;
    top: -70px;
    transform: none;
    margin-top: 0;
  }
}
.purchase-hero-comp .purchase-hero-content .order-md-last .content-image picture img {
  width: 100%;
}
.purchase-hero-comp .purchase-hero-content .label-info {
  margin-bottom: 0;
}
.purchase-hero-comp .purchase-hero-content .content-block {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .content-block {
    margin-bottom: 24px;
  }
}
.purchase-hero-comp .purchase-hero-content .content-block p {
  color: #7a8084;
  margin-bottom: 12px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .content-block p {
    margin-bottom: 8px;
  }
}
.purchase-hero-comp .purchase-hero-content .content-block .label-eyebrow {
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .content-block .label-eyebrow {
    margin-bottom: 8px;
  }
}
.purchase-hero-comp .purchase-hero-content .content-block .label-info {
  color: #383737;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .purchase-hero-comp .purchase-hero-content .content-block .label-info {
    max-width: 604px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .content-block .label-info {
    max-width: 420px;
  }
}
.purchase-hero-comp .purchase-hero-content .content-block .content-grid {
  display: flex;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .content-block .content-grid {
    display: block;
    margin-bottom: 24px;
  }
}
.purchase-hero-comp .purchase-hero-content .content-block .content-grid .content-left {
  width: 188px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .content-block .content-grid .content-left {
    width: 160px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .content-block .content-grid .content-left {
    margin-bottom: 24px;
    width: 100%;
  }
}
.purchase-hero-comp .purchase-hero-content .content-block .content-grid .content-right {
  width: 356px;
  margin-left: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .purchase-hero-content .content-block .content-grid .content-right {
    width: 220px;
    margin-left: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .purchase-hero-content .content-block .content-grid .content-right {
    width: 100%;
    margin-left: 0;
  }
}
.purchase-hero-comp .breakdown-modal {
  z-index: 999999;
}
.purchase-hero-comp .breakdown-modal .modal-dialog {
  max-width: 1228px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .breakdown-modal .modal-dialog {
    max-width: 640px;
    height: 100%;
    margin: 0;
    float: right;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .breakdown-modal .modal-dialog {
    max-width: 100%;
  }
}
.purchase-hero-comp .breakdown-modal .modal-dialog .modal-content {
  padding: 80px;
  border-radius: 0;
}
@media only screen and (min-width: 992px) {
  .purchase-hero-comp .breakdown-modal .modal-dialog .modal-content {
    height: 86vh;
    max-height: 714px;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .breakdown-modal .modal-dialog .modal-content {
    padding: 64px 80px;
    border: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .purchase-hero-comp .breakdown-modal .modal-dialog .modal-content {
    padding: 32px 30px;
    overflow-y: scroll;
  }
}
.purchase-hero-comp .breakdown-modal .modal-dialog .modal-content .modal-body {
  padding: 0% !important;
}
.purchase-hero-comp .breakdown-modal .modal-dialog .modal-content .modal-title h4 {
  display: inline-block;
  color: #383737;
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .purchase-hero-comp .breakdown-modal .modal-dialog .modal-content .modal-title h4 {
    margin-bottom: 24px;
  }
}
.purchase-hero-comp .breakdown-modal .modal-dialog .modal-content .modal-title .btn-close {
  float: right;
  opacity: 1;
  font-size: 24px;
  position: relative;
  top: 10px;
  padding: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .purchase-hero-comp .breakdown-modal .modal-dialog .modal-content .modal-title .btn-close {
    top: 8px;
  }
}

.prebook-order-summary-comp .prebook-message {
  background: #ffffff;
  padding: 64px;
  color: #383737;
}

.next-step-comp > * {
  display: none;
}
.next-step-comp .next-step-title {
  margin: 0px;
  padding-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-step-comp .next-step-title {
    padding-bottom: 24px;
  }
}

.ew-details-comp {
  display: none;
}
.ew-details-comp .icon-Arrow-Right {
  margin-left: 8px;
  align-self: center;
  font-size: 12px;
}
.ew-details-comp .ew-comp-title {
  color: #383737;
  margin: auto;
  margin-bottom: 24px;
  text-align: center;
  width: 812px;
}
.ew-details-comp .ew-comp-desc {
  color: #7a8084;
  margin: auto;
  margin-bottom: 24px;
  text-align: center;
  width: 812px;
}
.ew-details-comp .ew-comp-link {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  display: block;
  margin: auto;
  margin-bottom: 104px;
  text-align: center;
  color: #307fe2;
  cursor: pointer;
}
.ew-details-comp .ew-list-section {
  display: flex;
  justify-content: center;
}
.ew-details-comp .ew-list-section .owl-stage {
  padding-left: 0 !important;
  display: flex;
}
.ew-details-comp .ew-list-section .owl-stage .owl-item {
  display: flex;
}
.ew-details-comp .ew-list-section .ew-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #ffffff;
  padding-bottom: 24px;
}
.ew-details-comp .ew-list-section .ew-card .ew-title-section {
  padding: 40px;
  border-bottom: 1px solid #eaeaec;
}
.ew-details-comp .ew-list-section .ew-card .ew-title-section .ew-title {
  color: #383737;
  margin-bottom: 12px;
}
.ew-details-comp .ew-list-section .ew-card .ew-title-section .ew-title > * {
  margin-bottom: 0;
}
.ew-details-comp .ew-list-section .ew-card .ew-title-section .ew-sub-title {
  color: #7a8084;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-price-details {
  display: flex;
  padding: 40px 24px;
  justify-content: space-between;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-price-details .ew-price-label {
  color: #7a8084;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-price-details .ew-price-val {
  color: #383737;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-add-delete-btns {
  display: flex;
  margin: 0 24px;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-add-delete-btns .ew-cta-link {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  text-align: center;
  cursor: pointer;
  width: 100%;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-add-delete-btns .ew-cta-link.in-order {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  pointer-events: none;
  border: none;
  text-align: left;
  padding: 0;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-add-delete-btns .ew-cta-link.in-order {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-add-delete-btns .ew-cta-link.in-order {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-add-delete-btns .ew-cta-link.in-order::before {
  content: "\e9b3";
  font-family: 'icomoon';
  margin-right: 14px;
  font-size: 22px;
  color: #609f65;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-add-delete-btns .remove-ew-icon {
  display: none;
  cursor: pointer;
  color: #307fe2;
  font-size: 32px;
}
.ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-modify-btn {
  display: block;
  display: none;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  margin: 40px 24px 0;
  color: #307fe2;
  cursor: pointer;
  text-align: center;
}
.ew-details-comp .modal .modal-dialog {
  max-width: 57%;
}
.ew-details-comp .modal .modal-dialog .modal-content {
  padding: 80px 104px;
  max-height: 80vh;
  border-radius: 0;
  overflow-y: auto;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container {
  position: relative;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-content-wrapper {
  width: 85%;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-title {
  margin-bottom: 40px;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: transparent;
  padding: 0;
  font-weight: bold;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .modal-close.icon-Cross {
  font-size: 40px;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-desc {
  color: #7a8084;
  margin-bottom: 40px;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns {
  display: flex;
  column-gap: 40px;
  margin-bottom: 40px;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section {
  width: 50%;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .dropdown-label {
  color: #7a8084;
  margin-bottom: 8px;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  position: relative;
  color: #383737;
  border-bottom: 2px solid #383737;
  min-height: 30px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .icon-Chevron-Down {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 20px;
  pointer-events: none;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent {
  position: absolute;
  top: 33px;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding: 16px;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  max-height: 224px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option {
  padding: 8px 12px 8px 0;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns {
  display: flex;
  align-items: center;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .confirm-btn {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  cursor: pointer;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .confirm-btn.disabled {
  color: #7a8084;
  border: 2px solid #7a8084;
  pointer-events: none;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .cancel-btn {
  margin-left: 24px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .error-msg {
  display: none;
  color: #ed454f;
  margin-top: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ew-details-comp .ew-comp-title {
    width: 512px;
  }
  .ew-details-comp .ew-comp-desc {
    width: 512px;
    margin-bottom: 16px;
  }
  .ew-details-comp .ew-comp-link {
    margin-bottom: 64px;
  }
  .ew-details-comp .ew-list-section .ew-card .ew-title-section {
    padding: 40px 24px;
  }
  .ew-details-comp .ew-list-section .ew-card .ew-title-section .ew-title {
    margin-bottom: 8px;
  }
  .ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-price-details {
    flex-direction: column;
    padding: 40px 24px 24px;
  }
  .ew-details-comp .modal .modal-dialog {
    max-width: unset;
    align-items: flex-end;
    margin: 0;
    min-height: 100%;
  }
  .ew-details-comp .modal .modal-dialog .modal-content {
    padding: 40px;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-title {
    margin-bottom: 24px;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .modal-close.icon-Cross {
    font-size: 32px;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-desc {
    color: #7a8084;
    margin-bottom: 24px;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns {
    display: flex;
    column-gap: 40px;
    margin-bottom: 24px;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section {
    width: 50%;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns {
    display: flex;
    align-items: center;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .cancel-btn {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .ew-details-comp .ew-comp-title {
    width: 100%;
  }
  .ew-details-comp .ew-comp-desc {
    width: 100%;
  }
  .ew-details-comp .ew-list-section .ew-card {
    padding-bottom: 16px;
  }
  .ew-details-comp .ew-list-section .ew-card .ew-title-section {
    padding: 24px 16px 40px;
  }
  .ew-details-comp .ew-list-section .ew-card .ew-price-link .ew-price-details {
    flex-direction: column;
    padding: 40px 16px 24px;
  }
  .ew-details-comp .modal .modal-dialog {
    max-width: 100%;
    align-items: flex-end;
    margin: 0px;
    min-height: 100%;
  }
  .ew-details-comp .modal .modal-dialog .modal-content {
    padding: 30px;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-content-wrapper {
    width: 100%;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-title {
    margin-bottom: 24px;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns {
    row-gap: 24px;
    flex-wrap: wrap;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section {
    width: 100%;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns {
    flex-wrap: wrap;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .confirm-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }
  .ew-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .cancel-btn {
    margin-left: 0;
    width: 100%;
    text-align: center;
    padding: 12px;
  }
}
.ew-details.grey .ew-details-comp .ew-list-section .ew-card {
  background-color: #f8f8f8 !important;
}

.amc-details-comp {
  display: none;
}
.amc-details-comp .icon-Arrow-Right {
  margin-left: 8px;
  align-self: center;
  font-size: 12px;
}
.amc-details-comp .amc-comp-title {
  color: #383737;
  margin: auto;
  margin-bottom: 24px;
  text-align: center;
  width: 812px;
}
.amc-details-comp .amc-comp-desc {
  color: #7a8084;
  margin: auto;
  margin-bottom: 24px;
  text-align: center;
  width: 812px;
}
.amc-details-comp .amc-comp-link {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  display: block;
  margin: auto;
  margin-bottom: 104px;
  text-align: center;
  color: #307fe2;
  cursor: pointer;
}
.amc-details-comp .amc-list-section {
  display: flex;
  justify-content: center;
}
.amc-details-comp .amc-list-section .owl-stage {
  padding-left: 0 !important;
  display: flex;
}
.amc-details-comp .amc-list-section .owl-stage .owl-item {
  display: flex;
}
.amc-details-comp .amc-list-section .amc-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.amc-details-comp .amc-list-section .amc-card .most-popular {
  display: flex;
  margin-bottom: 0;
  color: #307fe2;
  padding: 10px 105px 10px 26px;
  background-color: white;
  width: fit-content;
}
.amc-details-comp .amc-list-section .amc-card .most-popular .icon-Star-Active {
  margin-right: 10px;
}
.amc-details-comp .amc-list-section .amc-card .amc-type-price {
  background-color: #eaeaec;
  padding: 40px;
  color: #383737;
}
.amc-details-comp .amc-list-section .amc-card .amc-type-price .amc-type {
  margin-bottom: 12px;
}
.amc-details-comp .amc-list-section .amc-card .amc-type-price .amc-price {
  margin-bottom: 0;
}
.amc-details-comp .amc-list-section .amc-card .amc-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 24px;
  min-height: 330px;
  height: 100%;
  background-color: #ffffff;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-desc {
  color: #7a8084;
  margin-bottom: 40px;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-desc > * {
  margin-bottom: 0;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .include-section {
  display: none;
  padding: 40px 0;
  border-top: 1px solid #eaeaec;
  color: #7a8084;
  flex-grow: 1;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .include-section .include-label {
  margin-bottom: 16px;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .include-section .include-text {
  padding-left: 32px;
  position: relative;
  color: #7a8084;
  margin-bottom: 24px;
  top: -22px;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .include-section .include-text:last-child {
  margin-bottom: 0;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .include-section .include-text::before {
  position: absolute;
  left: 0;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-price-section {
  border-top: 1px solid #eaeaec;
  padding-top: 40px;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-price-section .price-from {
  margin-bottom: 8px;
  color: #7a8084;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-price-section .price-per-year {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-price-section .price-per-year .starting-price {
  margin-bottom: 0;
  color: #383737;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-price-section .price-per-year .per-year {
  margin-left: 8px;
  margin-bottom: 0;
  color: #7a8084;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns {
  display: flex;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link {
  color: #307fe2;
  cursor: pointer;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link.cta-as-button {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  text-align: center;
  width: 100%;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link.cta-as-button.in-order {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  pointer-events: none;
  border: none;
  text-align: left;
  padding: 0;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link.cta-as-button.in-order {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link.cta-as-button.in-order {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link.cta-as-button.in-order::before {
  content: "\e9b3";
  font-family: 'icomoon';
  margin-right: 14px;
  font-size: 22px;
  color: #609f65;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link.cta-as-link {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link.cta-as-link::after {
  content: "\e99f";
  font-family: 'icomoon';
  margin-left: 8px;
  font-size: 12px;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .remove-amc-icon {
  display: none;
  cursor: pointer;
  color: #307fe2;
  font-size: 32px;
}
.amc-details-comp .amc-list-section .amc-card .amc-details .amc-modify-btn {
  display: none;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  margin-top: 40px;
  color: #307fe2;
  cursor: pointer;
  text-align: center;
}
.amc-details-comp .modal .modal-dialog {
  max-width: 57%;
}
.amc-details-comp .modal .modal-dialog .modal-content {
  padding: 80px 104px;
  max-height: 80vh;
  border-radius: 0;
  overflow-y: auto;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container {
  position: relative;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-content-wrapper {
  width: 85%;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-title {
  margin-bottom: 40px;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: transparent;
  padding: 0;
  font-weight: bold;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .modal-close.icon-Cross {
  font-size: 40px;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-desc {
  color: #7a8084;
  margin-bottom: 40px;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns {
  display: flex;
  column-gap: 40px;
  margin-bottom: 40px;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section {
  width: 50%;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .dropdown-label {
  color: #7a8084;
  margin-bottom: 8px;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  position: relative;
  color: #383737;
  border-bottom: 2px solid #383737;
  min-height: 30px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .icon-Chevron-Down {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 20px;
  pointer-events: none;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent {
  position: absolute;
  top: 33px;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding: 16px;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  max-height: 224px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option {
  padding: 8px 12px 8px 0;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section .scheme-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns {
  display: flex;
  align-items: center;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .confirm-btn {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  cursor: pointer;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .confirm-btn.disabled {
  color: #7a8084;
  border: 2px solid #7a8084;
  pointer-events: none;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .cancel-btn {
  margin-left: 24px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .error-msg {
  display: none;
  color: #ed454f;
  margin-top: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-details-comp .amc-comp-title {
    width: 512px;
  }
  .amc-details-comp .amc-comp-desc {
    width: 512px;
    margin-bottom: 16px;
  }
  .amc-details-comp .amc-list-section .amc-card .most-popular {
    padding-right: 26px;
    width: auto;
  }
  .amc-details-comp .amc-list-section .amc-card .amc-details {
    padding: 24px;
    min-height: 260px;
  }
  .amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .remove-amc-icon {
    font-size: 24px;
  }
  .amc-details-comp .modal .modal-dialog {
    max-width: unset;
    align-items: flex-end;
    margin: 0;
    min-height: 100%;
  }
  .amc-details-comp .modal .modal-dialog .modal-content {
    padding: 40px;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-title {
    margin-bottom: 24px;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .modal-close.icon-Cross {
    font-size: 32px;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-desc {
    color: #7a8084;
    margin-bottom: 24px;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns {
    display: flex;
    column-gap: 40px;
    margin-bottom: 24px;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section {
    width: 50%;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns {
    display: flex;
    align-items: center;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .cancel-btn {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .amc-details-comp .amc-comp-title {
    width: 100%;
  }
  .amc-details-comp .amc-comp-desc {
    width: 100%;
  }
  .amc-details-comp .amc-comp-link {
    margin-bottom: 64px;
  }
  .amc-details-comp .amc-list-section .amc-card .amc-type-price {
    padding: 24px;
  }
  .amc-details-comp .amc-list-section .amc-card .amc-details {
    padding: 24px 16px;
  }
  .amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .amc-cta-link.cta-as-button.in-order::before {
    font-size: 20px;
  }
  .amc-details-comp .amc-list-section .amc-card .amc-details .amc-add-delete-btns .remove-amc-icon {
    font-size: 20px;
  }
  .amc-details-comp .amc-list-section .amc-card .amc-details .include-section {
    padding: 32px 0;
  }
  .amc-details-comp .amc-list-section .amc-card .amc-details .amc-price-section {
    padding-top: 32px;
  }
  .amc-details-comp .modal .modal-dialog {
    max-width: 100%;
    align-items: flex-end;
    margin: 0px;
    min-height: 100%;
  }
  .amc-details-comp .modal .modal-dialog .modal-content {
    padding: 30px;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-content-wrapper {
    width: 100%;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .popup-title {
    margin-bottom: 24px;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns {
    row-gap: 24px;
    flex-wrap: wrap;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .user-selection-dropdowns .selection-section {
    width: 100%;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns {
    flex-wrap: wrap;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .confirm-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }
  .amc-details-comp .modal .modal-dialog .modal-content .modal-popup-container .order-confirm-btns .cancel-btn {
    margin-left: 0;
    width: 100%;
    text-align: center;
    padding: 12px;
  }
}


.value-add-services-comp .section-vas {
  background-color: #ffffff;
}
.value-add-services-comp .vas-category {
  border-bottom: 1px solid #eaeaec;
  padding: 40px 64px;
}
.value-add-services-comp .vas-category:first-child {
  padding-top: 64px;
}
.value-add-services-comp .vas-category:last-child {
  padding-bottom: 64px;
  border-bottom: none;
}
.value-add-services-comp .vas-category:last-child .bs-vas-loadmore {
  margin-bottom: 0;
}
.value-add-services-comp .vas-category .category-label {
  color: #307fe2;
  color: #383737;
  font-weight: 500;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 17.6px;
}
.value-add-services-comp .vas-category .category-label span.icon-Right1 {
  top: 2px;
  position: relative;
}
.value-add-services-comp .vas-category .vas-item-list {
  display: none;
}
.value-add-services-comp .vas-category .vas-item-list:last-of-type .vas-item {
  margin-bottom: 0;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item {
  margin-bottom: 24px;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .header6 {
  margin-left: 48px;
  display: block;
  color: #383737;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item label {
  display: block;
  margin-bottom: 16px;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .cta-link {
  padding-left: 48px;
  display: inline-block;
  width: 100%;
  cursor: auto;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .cta-link .bs-vas-learnmore {
  cursor: pointer;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .item-checkbox {
  display: inline-block;
  position: relative;
  margin-bottom: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .item-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .item-checkbox input:checked ~ .icon-Tick {
  background-color: #307fe2;
  border: none;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .item-checkbox input:checked ~ .icon-Tick:before {
  display: block;
  font-size: 24px;
  color: #ffffff;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border: 2px solid #7a8084;
}
.value-add-services-comp .vas-category .vas-item-list .vas-item .icon-Tick:before {
  display: none;
}
.value-add-services-comp .vas-category .vas-item-list .vas-price {
  text-align: right;
}
.value-add-services-comp .vas-category .vas-item-list .vas-price p {
  color: #383737;
}
.value-add-services-comp .vas-category .bs-vas-loadmore {
  margin: 0;
  cursor: pointer;
  display: none;
}
.value-add-services-comp .vas-category .bs-vas-loadmore .icon-Add {
  position: relative;
  top: 2px;
}
.value-add-services-comp .vas-error {
  padding: 40px;
}
.value-add-services-comp .cta-link {
  color: #307fe2;
}
.value-add-services-comp .cta-link span.icon-Right1 {
  top: 2px;
  position: relative;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right {
  z-index: 999999;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  position: fixed;
  margin: auto;
  max-width: 100%;
  height: 100%;
  width: 918px;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content {
  border: none;
  padding: 64px 105px;
  border-radius: unset;
  height: 100%;
  overflow-y: auto;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content .modal-header {
  padding: 0;
  border: none;
  border-radius: unset;
  display: flex;
  justify-content: end;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content .modal-header button {
  background: transparent;
  border: none;
  padding: 0;
  outline: none !important;
  color: #383737;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content .modal-header button .icon-Cross {
  font-size: 30px;
}
.value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content .modal-body {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .value-add-services-comp {
    margin-bottom: 104px;
  }
}
@media only screen and (max-width: 991px) {
  .value-add-services-comp {
    margin-bottom: 64px;
  }
  .value-add-services-comp .vas-category {
    padding: 40px;
  }
  .value-add-services-comp .vas-category:first-child {
    padding-top: 40px;
  }
  .value-add-services-comp .vas-category:last-child {
    padding-bottom: 40px;
  }
  .value-add-services-comp .vas-category:last-child .vas-item-list:last-of-type p {
    margin-bottom: 0;
  }
  .value-add-services-comp .vas-category .vas-item-list .vas-item {
    margin-bottom: 40px;
  }
  .value-add-services-comp .vas-category .vas-item-list .vas-item .item-checkbox {
    margin-bottom: 13px;
  }
  .value-add-services-comp .bs-vas-loadmore {
    margin-bottom: 40px;
  }
  .value-add-services-comp .bs-modal-popup .modal.modal-right .modal-dialog {
    width: 640px;
  }
  .value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content {
    padding: 64px 40px 60px 88px;
  }
  .value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content .icon-Cross {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .value-add-services-comp .vas-category {
    padding: 32px 16px;
  }
  .value-add-services-comp .vas-category:first-child {
    padding-top: 24px;
  }
  .value-add-services-comp .vas-category:last-child {
    padding-bottom: 24px;
  }
  .value-add-services-comp .vas-category .vas-item-list {
    margin-bottom: 24px;
  }
  .value-add-services-comp .vas-category .vas-item-list:last-of-type {
    margin-bottom: 0;
  }
  .value-add-services-comp .vas-category .vas-item-list:last-of-type .vas-item {
    margin-bottom: 12px;
  }
  .value-add-services-comp .vas-category .vas-item-list .vas-item {
    margin-bottom: 12px;
  }
  .value-add-services-comp .vas-category .vas-item-list .vas-item .item-checkbox {
    margin-bottom: 12px;
  }
  .value-add-services-comp .vas-category .vas-item-list .vas-price {
    margin-left: 48px;
    text-align: left;
  }
  .value-add-services-comp .vas-category .vas-item-list .vas-price p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16.24px;
  }
  .value-add-services-comp .bs-vas-loadmore {
    margin-bottom: 24px;
  }
  .value-add-services-comp .bs-modal-popup .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content {
    padding: 36px 30px 30px 30px;
  }
  .value-add-services-comp .bs-modal-popup .modal.modal-right .modal-content .icon-Cross {
    font-size: 20px;
  }
}

/*** Transport Method ****/
.transportmethod-comp {
  color: #383737;
}
.transportmethod-comp .transport-method-section {
  background-color: #ffffff;
  margin-top: 40px;
  margin-bottom: 40px;
}
.transportmethod-comp .getting-vehicle-section {
  padding: 64px 64px 42px 64px;
}
.transportmethod-comp .returning-vehicle-section {
  padding: 40px 64px 66px 64px;
}
.transportmethod-comp p {
  margin-bottom: 8px;
}
.transportmethod-comp .vehicle-collect-return-label,
.transportmethod-comp .address-name,
.transportmethod-comp .label-text,
.transportmethod-comp .default-text {
  color: #7a8084;
}
.transportmethod-comp .rightarrow-icon {
  width: 10px;
  margin-left: 9px;
}
.transportmethod-comp .transport-form-field {
  margin-bottom: 40px;
}
.transportmethod-comp .pincode-form-field .editable-dropdown {
  display: none;
}
.transportmethod-comp .pincode-form-field .editable-input a {
  text-decoration: none;
}
.transportmethod-comp .drop-down input {
  border-bottom: 2px solid black;
  color: black;
}
.transportmethod-comp .state-form-field .editable-input {
  display: none;
}
.transportmethod-comp .state-form-field .editable-input span {
  border-bottom: 2px solid #383737;
}
.transportmethod-comp .add-address-bn,
.transportmethod-comp .change-address-bn {
  display: flex;
  align-items: center;
}
.transportmethod-comp button {
  color: #307fe2;
  margin: 26px 0 16px 0;
  padding: 0;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.transportmethod-comp .error-msg {
  padding-top: 8px;
  color: #ed454f;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.transportmethod-comp .state-city-locality-dropdowns {
  display: none;
}
.transportmethod-comp .service-address-label {
  display: none;
}
.transportmethod-comp .drop-down .list-dynamic .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.transportmethod-comp .drop-down .list-dynamic .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.transportmethod-comp .singleAddressSelected,
.transportmethod-comp .returning-radio-input,
.transportmethod-comp .getting-radio-input,
.transportmethod-comp .msv-input,
.transportmethod-comp .returning-radio-value,
.transportmethod-comp .getting-radio-value {
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.transportmethod-comp .radio-button {
  display: flex;
  align-items: center;
  padding-top: 26px;
}
.transportmethod-comp .radio-button input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  min-width: 24px;
  cursor: pointer;
}
.transportmethod-comp .radio-button input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.transportmethod-comp .radio-button input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.transportmethod-comp .radio-button input[type='radio']:checked:before {
  background: #307fe2;
}
.transportmethod-comp .field-label {
  color: #7a8084;
}
.transportmethod-comp input::-webkit-outer-spin-button,
.transportmethod-comp input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.transportmethod-comp .address-type {
  width: 48.12%;
}
.transportmethod-comp .addressType-dropdown {
  padding-bottom: 26px;
  max-width: 50%;
}
.transportmethod-comp .drop-down .cities ul.list {
  overflow: auto;
}
.transportmethod-comp .list::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.transportmethod-comp .list::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.transportmethod-comp .list::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px #7a8084;
  background-color: #eaeaec;
}
.transportmethod-comp .address-btns {
  display: flex;
}
.transportmethod-comp .address-btns .reset-address-bn {
  padding-left: 27px;
}
.transportmethod-comp .getting-vehicle-form,
.transportmethod-comp .returning-vehicle-form {
  width: 48.12%;
  padding-top: 26px;
}
.transportmethod-comp .getting-vehicle-form #getting-transport-form0,
.transportmethod-comp .returning-vehicle-form #getting-transport-form0,
.transportmethod-comp .getting-vehicle-form #returning-transport-form1,
.transportmethod-comp .returning-vehicle-form #returning-transport-form1 {
  display: grid;
  gap: 16px 0;
}
.transportmethod-comp .getting-vehicle-form #getting-transport-form0 .state-city-locality-dropdowns,
.transportmethod-comp .returning-vehicle-form #getting-transport-form0 .state-city-locality-dropdowns,
.transportmethod-comp .getting-vehicle-form #returning-transport-form1 .state-city-locality-dropdowns,
.transportmethod-comp .returning-vehicle-form #returning-transport-form1 .state-city-locality-dropdowns {
  display: grid;
  gap: 16px 0;
}
.transportmethod-comp .getting-vehicle-form #getting-transport-form0 .enter-address-manualy-link,
.transportmethod-comp .returning-vehicle-form #getting-transport-form0 .enter-address-manualy-link,
.transportmethod-comp .getting-vehicle-form #returning-transport-form1 .enter-address-manualy-link,
.transportmethod-comp .returning-vehicle-form #returning-transport-form1 .enter-address-manualy-link {
  margin-top: 0;
}
.transportmethod-comp .getting-vehicle-form #getting-transport-form0 .pincode-form-field .drop-down .selected a,
.transportmethod-comp .returning-vehicle-form #getting-transport-form0 .pincode-form-field .drop-down .selected a,
.transportmethod-comp .getting-vehicle-form #returning-transport-form1 .pincode-form-field .drop-down .selected a,
.transportmethod-comp .returning-vehicle-form #returning-transport-form1 .pincode-form-field .drop-down .selected a {
  border-bottom: none;
  color: #ffffff;
}
.transportmethod-comp .getting-vehicle-form #getting-transport-form0 .pincode-form-field .drop-down .editable-input,
.transportmethod-comp .returning-vehicle-form #getting-transport-form0 .pincode-form-field .drop-down .editable-input,
.transportmethod-comp .getting-vehicle-form #returning-transport-form1 .pincode-form-field .drop-down .editable-input,
.transportmethod-comp .returning-vehicle-form #returning-transport-form1 .pincode-form-field .drop-down .editable-input {
  margin-top: 25px;
}
.transportmethod-comp .getting-vehicle-form #getting-transport-form0 .pincode-form-field .drop-down .pin-border-bottom,
.transportmethod-comp .returning-vehicle-form #getting-transport-form0 .pincode-form-field .drop-down .pin-border-bottom,
.transportmethod-comp .getting-vehicle-form #returning-transport-form1 .pincode-form-field .drop-down .pin-border-bottom,
.transportmethod-comp .returning-vehicle-form #returning-transport-form1 .pincode-form-field .drop-down .pin-border-bottom {
  margin-top: 25px;
}
.transportmethod-comp .getting-vehicle-form #getting-transport-form0 .pincode-form-field .drop-down .pin-border-bottom span,
.transportmethod-comp .returning-vehicle-form #getting-transport-form0 .pincode-form-field .drop-down .pin-border-bottom span,
.transportmethod-comp .getting-vehicle-form #returning-transport-form1 .pincode-form-field .drop-down .pin-border-bottom span,
.transportmethod-comp .returning-vehicle-form #returning-transport-form1 .pincode-form-field .drop-down .pin-border-bottom span {
  border-bottom: 2px solid #383737;
}
.transportmethod-comp .drop-down {
  width: 100%;
  color: rgba(122, 128, 132, 0.5);
}
.transportmethod-comp .drop-down span {
  padding: 0;
}
.transportmethod-comp .drop-down span input {
  color: rgba(122, 128, 132, 0.5);
  margin: 0 !important;
}
.transportmethod-comp .drop-down span input.error {
  color: #ed454f;
}
.transportmethod-comp .drop-down span input.search {
  color: rgba(122, 128, 132, 0.5);
}
.transportmethod-comp .drop-down .addresstype-name .list-dynamic {
  padding-top: 16px;
}
.transportmethod-comp .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.transportmethod-comp .drop-down .selected a span {
  padding: 0 !important;
}
.transportmethod-comp .drop-down .selected a span h6 {
  width: 91%;
  margin-bottom: 8px;
}
.transportmethod-comp .drop-down .selected a.error-border {
  border-bottom: 2px solid #ed454f;
}
.transportmethod-comp .drop-down .editable-input a {
  border-bottom: none;
}
.transportmethod-comp .drop-down .editable-input a .floating-label {
  border-bottom: 2px solid #383737;
  color: #383737;
  padding-bottom: 0;
}
.transportmethod-comp .drop-down .editable-input a .floating-label.error {
  border-bottom: 2px solid #ed454f;
}
.transportmethod-comp .drop-down .editable-input a label {
  position: absolute;
  pointer-events: none;
  bottom: 6px;
  color: #7a8084;
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .transportmethod-comp .drop-down .editable-input a label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .transportmethod-comp .drop-down .editable-input a label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.transportmethod-comp .drop-down .editable-input a label.error {
  margin-bottom: -45px;
  color: #ed454f;
  padding-bottom: 15px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.transportmethod-comp .drop-down .editable-input a i {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.transportmethod-comp .drop-down .editable-input a .floating-label:focus ~ label,
.transportmethod-comp .drop-down .editable-input a .floating-label:valid ~ label {
  bottom: 25px;
  color: #7a8084;
  display: block;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .transportmethod-comp .drop-down .editable-input a .floating-label:focus ~ label,
  .transportmethod-comp .drop-down .editable-input a .floating-label:valid ~ label {
    font-size: 16px;
    line-height: 20px;
  }
}
.transportmethod-comp .drop-down .editable-input a .floating-label:focus ~ label.error,
.transportmethod-comp .drop-down .editable-input a .floating-label:valid ~ label.error {
  bottom: 5px;
  color: #ed454f;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.transportmethod-comp .drop-down .editable-input a .floating-label:focus ~ label.invalid-error-msg,
.transportmethod-comp .drop-down .editable-input a .floating-label:valid ~ label.invalid-error-msg {
  bottom: -7px;
}
.transportmethod-comp .drop-down .editable-input a .floating-label:focus {
  border-bottom: 2px solid #307fe2;
}
.transportmethod-comp .drop-down .drop-list {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.transportmethod-comp .drop-down .drop-list ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .transportmethod-comp .drop-down .drop-list ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .transportmethod-comp .drop-down .drop-list ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.transportmethod-comp .drop-down .drop-list ul li {
  width: fit-content;
}
.transportmethod-comp .drop-down .drop-list ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.transportmethod-comp .drop-down .drop-list ul li a#active {
  color: #307fe2 !important;
}
.transportmethod-comp .vehicle-drop-collect-address {
  width: 51%;
  display: grid;
  gap: 12px 0;
}
.transportmethod-comp .vehicle-drop-collect-address p {
  margin-bottom: 0;
}
.transportmethod-comp .getting-vehicle-section {
  border-bottom: 1px solid #eaeaec;
}
.transportmethod-comp .getting-vehicle-section .radio-button-label {
  margin-left: 24px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .transportmethod-comp .getting-vehicle-section .radio-button-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .transportmethod-comp .getting-vehicle-section .radio-button-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .transportmethod-comp .getting-vehicle-section .radio-button-label {
    margin-left: 0;
  }
}
.transportmethod-comp .getting-vehicle-section .getting-vehicle-address {
  padding-left: 48px;
  padding-top: 0;
}
.transportmethod-comp .getting-vehicle-section .getting-vehicle-address .addressfromprofile-getting-vehicle {
  padding-top: 28px;
}
.transportmethod-comp .getting-vehicle-section .getting-vehicle-address .vehicle-drop-collect-address {
  color: #383737;
}
.transportmethod-comp .getting-vehicle-section .getting-vehicle-address button:disabled {
  color: #7a8084;
}
.transportmethod-comp .returning-vehicle-section .radio-button-label {
  margin-left: 24px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .transportmethod-comp .returning-vehicle-section .radio-button-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .transportmethod-comp .returning-vehicle-section .radio-button-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .transportmethod-comp .returning-vehicle-section .radio-button-label {
    margin-left: 0;
  }
}
.transportmethod-comp .returning-vehicle-section .returning-vehicle-address {
  padding-left: 48px;
  padding-top: 0;
}
.transportmethod-comp .returning-vehicle-section .returning-vehicle-address .addressfromprofile-returning-vehicle {
  padding-top: 28px;
}
.transportmethod-comp .returning-vehicle-section .returning-vehicle-address button:disabled {
  color: #7a8084;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .transportmethod-comp .transport-method-section {
    margin-top: 24px;
  }
  .transportmethod-comp .vehicle-collect-return-label {
    margin-bottom: 2px;
  }
  .transportmethod-comp .vehicle-drop-collect-address {
    gap: 8px 0;
  }
  .transportmethod-comp .getting-vehicle-section {
    padding: 40px 40px 42px 44px;
  }
  .transportmethod-comp .getting-vehicle-section .getting-vehicle-address button {
    margin: 16px 0 0 0;
  }
  .transportmethod-comp .getting-vehicle-section .getting-vehicle-address .addressfromprofile-getting-vehicle {
    padding-top: 18px;
  }
  .transportmethod-comp .getting-vehicle-section .radio-button-label {
    padding-left: 16px;
  }
  .transportmethod-comp .getting-vehicle-section .getting-vehicle-form,
  .transportmethod-comp .getting-vehicle-section .returning-vehicle-form {
    padding-top: 26px;
  }
  .transportmethod-comp .returning-vehicle-section {
    padding: 40px 40px 42px 44px;
  }
  .transportmethod-comp .returning-vehicle-section .returning-vehicle-address {
    padding-left: 40px;
  }
  .transportmethod-comp .returning-vehicle-section .returning-vehicle-address button {
    margin: 12px 0 0 0;
  }
  .transportmethod-comp .returning-vehicle-section .returning-vehicle-address .addressfromprofile-returning-vehicle {
    padding-top: 18px;
  }
  .transportmethod-comp .returning-vehicle-section .vehicle-drop-collect-address {
    gap: 8px;
  }
  .transportmethod-comp .returning-vehicle-section .radio-button-label {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .transportmethod-comp .transport-title {
    padding-left: 15px;
  }
  .transportmethod-comp .transport-method-section {
    margin-top: 16px;
  }
  .transportmethod-comp .address-type,
  .transportmethod-comp .vehicle-drop-collect-address,
  .transportmethod-comp .addressType-dropdown {
    width: 100%;
    max-width: 100%;
  }
  .transportmethod-comp .address-btns {
    flex-direction: column;
  }
  .transportmethod-comp .address-btns .reset-address-bn {
    padding-left: 0;
    padding-top: 12px;
  }
  .transportmethod-comp .getting-vehicle-form,
  .transportmethod-comp .returning-vehicle-form {
    width: 100%;
    padding-top: 26px;
  }
  .transportmethod-comp .getting-vehicle-form #getting-transport-form0 .state-city-locality-dropdowns,
  .transportmethod-comp .returning-vehicle-form #getting-transport-form0 .state-city-locality-dropdowns,
  .transportmethod-comp .getting-vehicle-form #returning-transport-form1 .state-city-locality-dropdowns,
  .transportmethod-comp .returning-vehicle-form #returning-transport-form1 .state-city-locality-dropdowns {
    gap: 8px 0;
  }
  .transportmethod-comp .getting-vehicle-form #getting-transport-form0 .state-city-locality-dropdowns .pd-top-16,
  .transportmethod-comp .returning-vehicle-form #getting-transport-form0 .state-city-locality-dropdowns .pd-top-16,
  .transportmethod-comp .getting-vehicle-form #returning-transport-form1 .state-city-locality-dropdowns .pd-top-16,
  .transportmethod-comp .returning-vehicle-form #returning-transport-form1 .state-city-locality-dropdowns .pd-top-16 {
    padding-top: 16px;
  }
  .transportmethod-comp .getting-vehicle-form #getting-transport-form0 .state-city-locality-dropdowns .drop-down .selected.editable-input a .floating-label,
  .transportmethod-comp .returning-vehicle-form #getting-transport-form0 .state-city-locality-dropdowns .drop-down .selected.editable-input a .floating-label,
  .transportmethod-comp .getting-vehicle-form #returning-transport-form1 .state-city-locality-dropdowns .drop-down .selected.editable-input a .floating-label,
  .transportmethod-comp .returning-vehicle-form #returning-transport-form1 .state-city-locality-dropdowns .drop-down .selected.editable-input a .floating-label {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .transportmethod-comp .getting-vehicle-section {
    padding: 24px 16px 18px 18px;
  }
  .transportmethod-comp .getting-vehicle-section .getting-vehicle-address {
    padding-left: 40px;
  }
  .transportmethod-comp .getting-vehicle-section .getting-vehicle-address button {
    margin: 12px 0 0 0;
  }
  .transportmethod-comp .getting-vehicle-section .vehicle-drop-collect-address {
    gap: 8px 0;
  }
  .transportmethod-comp .getting-vehicle-section .radio-button-label {
    padding-left: 16px;
  }
  .transportmethod-comp .returning-vehicle-section {
    padding: 18px 16px 24px 18px;
  }
  .transportmethod-comp .returning-vehicle-section .returning-vehicle-address {
    padding-left: 40px;
  }
  .transportmethod-comp .returning-vehicle-section .returning-vehicle-address button {
    margin: 12px 0 0 0;
  }
  .transportmethod-comp .returning-vehicle-section .vehicle-drop-collect-address {
    gap: 8px;
  }
  .transportmethod-comp .returning-vehicle-section .radio-button-label {
    padding-left: 16px;
  }
}
.transportmethod-comp .getting-vehicle-address .billing-details,
.transportmethod-comp .returning-vehicle-address .billing-details,
.transportmethod-comp .getting-vehicle-address .accessories-billing-form,
.transportmethod-comp .returning-vehicle-address .accessories-billing-form {
  padding: 26px 0 0 0;
}

.dealer-locator-comp h4 {
  color: #383737;
}
.dealer-locator-comp #dealer-cities-dropdown_ddParent {
  display: block;
  position: relative;
}
.dealer-locator-comp #dealer-cities-dropdown_ddParent .select2-container.select2-container--tmlreimagine.select2-container--open {
  top: 0px !important;
}
.dealer-locator-comp .select2-dropdown {
  padding: 16px 16px 13px 16px;
  height: auto;
  z-index: 9;
  width: 100% !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dealer-locator-comp .select2-dropdown {
    padding: 12px;
  }
}
.dealer-locator-comp .select2-selection {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0;
  min-height: 0;
}
.dealer-locator-comp .select2-selection .select2-selection__rendered {
  padding-left: 35px !important;
  padding-bottom: 8px;
  padding-left: 0;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .dealer-locator-comp .select2-selection .select2-selection__rendered {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dealer-locator-comp .select2-selection .select2-selection__rendered {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.dealer-locator-comp .icon-Locatoricon {
  position: absolute;
  bottom: 12%;
  cursor: pointer;
}
.dealer-locator-comp .icon-Locatoricon::before {
  font-size: 29px;
}
.dealer-locator-comp .select2-search__field {
  font-size: 16px !important;
  line-height: 17.6px !important;
}
.dealer-locator-comp .select2-search__field::placeholder {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  line-height: 17.6px !important;
  padding: 0%;
}
.dealer-locator-comp .select2-search--dropdown {
  padding: 0;
  padding-bottom: 0px !important;
}
.dealer-locator-comp .select2-search--dropdown .select2-search__field {
  padding: 0;
  padding-bottom: 8px;
  height: 90%;
}
.dealer-locator-comp .select2-container--tmlreimagine .select2-results__options {
  margin-top: 16px;
  max-height: 188px;
}
.dealer-locator-comp .select2-container--tmlreimagine .select2-results__options .select2-results__option {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0 0 16px 0;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dealer-locator-comp .select2-container--tmlreimagine .select2-results__options .select2-results__option {
    padding: 0 0 12px 0;
  }
}
.dealer-locator-comp .select2-container--tmlreimagine .select2-results__options :last-child {
  padding: 0;
}
.dealer-locator-comp #dealerForm {
  opacity: 0;
  height: 0px;
}
.dealer-locator-comp #dealerForm input#dealerType {
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.dealer-locator-comp .cursor-pointer {
  cursor: pointer;
}
.dealer-locator-comp .servicebook {
  padding: 47px 0;
  max-width: 100%;
  margin-top: 40px;
  background: #ffffff;
}
.dealer-locator-comp .servicebook .searchbar {
  padding: 0 64px;
}
.dealer-locator-comp .servicebook .searchbar .search-input {
  margin-bottom: 40px;
  border-bottom: 2px solid #7a8084;
  padding-bottom: 8px;
}
.dealer-locator-comp .servicebook .searchbar #search-form {
  width: 100%;
  display: flex;
}
.dealer-locator-comp .servicebook .searchbar .searchTerm {
  flex: 50%;
  border: none;
  border-right: none;
  outline: none;
  color: #000000;
  width: 100%;
  position: relative;
}
.dealer-locator-comp .servicebook .searchbar input[type="text"]:focus {
  background: transparent;
}
.dealer-locator-comp .servicebook .searchbar input:-webkit-autofill,
.dealer-locator-comp .servicebook .searchbar input:-webkit-autofill:hover,
.dealer-locator-comp .servicebook .searchbar input:-webkit-autofill:focus,
.dealer-locator-comp .servicebook .searchbar input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  transition-delay: 9999s;
}
.dealer-locator-comp .servicebook .searchbar button.search-btn {
  outline: none;
  border: none;
  text-align: center;
  color: #307fe2;
  background: transparent;
}
.dealer-locator-comp .servicebook .searchbar button.search-btn .icon-Arrow-Right::before {
  font-size: 12px;
  padding-left: 8px;
}
.dealer-locator-comp .servicebook #container {
  height: 340px;
  max-height: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 0 64px;
}
.dealer-locator-comp .servicebook #container #dealer-locator-map {
  flex-basis: 0;
  flex-grow: 4;
  width: 100%;
  height: 100%;
}
.dealer-locator-comp .servicebook #container #Myloc {
  position: absolute;
  bottom: 23%;
  padding: 0;
  right: 74px;
  width: 25px;
  height: 25px;
  border: none;
  outline: none;
  background: #ffffff;
}
.dealer-locator-comp .servicebook #container #Myloc .loc-img {
  width: 21px;
  height: 21px;
}
.dealer-locator-comp .servicebook #container .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  bottom: 60px !important;
  right: 24px !important;
}
.dealer-locator-comp .servicebook #container .gm-bundled-control-on-bottom .gmnoprint {
  width: 25px !important;
  height: 50px !important;
}
.dealer-locator-comp .servicebook #container .gm-bundled-control-on-bottom .gmnoprint div:first-child {
  width: 25px !important;
  height: 50px !important;
}
.dealer-locator-comp .servicebook #container .gm-control-active {
  width: 25px !important;
  height: 25px !important;
}
.dealer-locator-comp .servicebook #container .gm-control-active img {
  height: 10px !important;
  width: 10px !important;
}
.dealer-locator-comp .servicebook .buttons {
  text-align: left;
  padding: 0 64px;
}
.dealer-locator-comp .servicebook .buttons .button {
  border: none;
  box-shadow: none;
  padding: 0 0 8px 0;
  color: #7a8084;
}
.dealer-locator-comp .servicebook .buttons :nth-child(2) {
  margin-right: 20px;
  margin-left: 20px;
}
.dealer-locator-comp .servicebook .buttons .active {
  border-bottom: 2px solid #383737;
  border-radius: 0;
  padding: 0 0 8px 0;
  color: #383737;
}
.dealer-locator-comp .servicebook .dealers {
  color: black;
  text-align: left;
  padding: 0 64px;
  margin-right: 10px;
  padding-top: 30px;
  overflow-x: auto;
  max-height: 548px;
}
.dealer-locator-comp .servicebook .dealers::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.dealer-locator-comp .servicebook .dealers::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.dealer-locator-comp .servicebook .dealers::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.dealer-locator-comp .servicebook .dealers .all {
  list-style: none;
  padding-left: 0;
}
.dealer-locator-comp .servicebook .dealers .flex-container {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
  margin-bottom: 40px;
}
.dealer-locator-comp .servicebook .dealers .active-flex-container {
  border-bottom: 1px solid #eaeaec;
}
.dealer-locator-comp .servicebook .dealers .flex-item-right {
  flex: 85%;
}
.dealer-locator-comp .servicebook .dealers .radio-button__label-title {
  flex-grow: 1;
  font-family: 'Poppins';
  color: #383737;
}
.dealer-locator-comp .servicebook .dealers .content {
  display: inline-flex;
  width: 60.2%;
}
.dealer-locator-comp .servicebook .dealers .content .dealer-name {
  max-width: 89%;
}
.dealer-locator-comp .servicebook .dealers .content .dealer-name label {
  cursor: pointer;
}
.dealer-locator-comp .servicebook .dealers .content .heart {
  margin-left: 8px;
}
.dealer-locator-comp .servicebook .dealers .icon-Heart-Filled {
  color: #307fe2;
}
.dealer-locator-comp .servicebook .dealers .icon-Heart-Outline {
  color: #307fe2;
}
.dealer-locator-comp .servicebook .dealers .stars {
  float: right;
  text-align: end;
  color: #307fe2;
}
.dealer-locator-comp .servicebook .dealers .stars span {
  margin-left: 3.3px;
}
.dealer-locator-comp .servicebook .dealers .radio-button__label-subtext {
  font-size: 14px;
  float: none;
  color: #7a8084;
  width: 63.7%;
  line-height: 16.24px;
  margin-bottom: 10px;
}
.dealer-locator-comp .servicebook .dealers .get-directions-link {
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.dealer-locator-comp .servicebook .dealers .get-directions-link .icon-Arrow-Right::before {
  font-size: 12px;
  padding-left: 8px;
}
.dealer-locator-comp .servicebook .dealers input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #383737;
  margin-right: 24px;
  margin-bottom: 40px;
  cursor: pointer;
}
.dealer-locator-comp .servicebook .dealers input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.dealer-locator-comp .servicebook .dealers input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.dealer-locator-comp .servicebook .dealers input[type='radio']:checked:before {
  background: #307fe2;
}
.dealer-locator-comp .servicebook .dealers .dealer-available-information {
  display: none;
}
.dealer-locator-comp .servicebook .dealers .dealer-available-information .availability {
  margin: 40px 0;
  display: grid;
  grid-template-columns: 30.075% 62.40%;
  max-width: 532px;
  width: 100%;
  gap: 7.5%;
}
.dealer-locator-comp .servicebook .dealers .dealer-available-information .availability p:nth-child(odd) {
  max-width: 160px;
  width: 100%;
  color: #383737;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.dealer-locator-comp .servicebook .dealers .dealer-available-information .availability p:nth-child(even) {
  max-width: 332px;
  width: 100%;
  color: #383737;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.dealer-locator-comp .servicebook .dealers .tradeindealer {
  display: flex;
  padding-bottom: 40px;
  margin-top: 40px;
  margin-left: -48px;
  border-bottom: 1px solid #eaeaec;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dealer-locator-comp .servicebook .dealers .tradeindealer {
    margin-left: -40px;
  }
}
.dealer-locator-comp .servicebook .dealers .tradeindealer i {
  font-size: 24px;
  margin-right: 28px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dealer-locator-comp .servicebook .dealers .tradeindealer i {
    margin-right: 16px;
  }
}
.dealer-locator-comp .servicebook .dealers .tradeindealer p {
  margin: 0;
  color: #383737;
}
.dealer-locator-comp .servicebook .dealers-list-error {
  padding: 0 64px 0 64px;
}
.dealer-locator-comp .servicebook .right-arrow-image {
  width: 12px;
  margin-left: 5px;
}
.dealer-locator-comp .servicebook .mob-rating {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .dealer-locator-comp .servicebook {
    margin-top: 24px;
    padding: 62px 0;
  }
  .dealer-locator-comp .servicebook .searchbar {
    padding: 0 40px;
  }
  .dealer-locator-comp .servicebook #container {
    height: 342px;
    padding: 0 40px;
  }
  .dealer-locator-comp .servicebook #container #Myloc {
    right: 50px;
  }
  .dealer-locator-comp .servicebook .buttons {
    padding: 0 40px;
  }
  .dealer-locator-comp .servicebook .combined .icon-Star-Rest {
    font-size: 13.3px;
  }
  .dealer-locator-comp .servicebook .combined .content1 label {
    font-size: 18px;
    line-height: 19.8px;
  }
  .dealer-locator-comp .servicebook .combined .content1 .location1 p {
    font-size: 16px;
    line-height: 20px;
  }
  .dealer-locator-comp .servicebook .combined .content1 .timings p {
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
  }
  .dealer-locator-comp .servicebook .dealers {
    max-height: 434px;
    padding: 0 40px;
    padding-top: 30px;
    margin-right: 10px;
  }
  .dealer-locator-comp .servicebook .dealers .flex-container {
    margin-top: 2px;
  }
  .dealer-locator-comp .servicebook .dealers .content {
    width: 60.28%;
  }
  .dealer-locator-comp .servicebook .dealers .icon-Heart-Filled,
  .dealer-locator-comp .servicebook .dealers .icon-Heart-Outline {
    padding-left: 14px;
  }
  .dealer-locator-comp .servicebook .dealers .radio-button__label-subtext {
    width: 69.3%;
  }
  .dealer-locator-comp .servicebook .dealers .dealer-available-information .availability {
    margin: 16px 0 25px 0;
    max-width: 100%;
    width: 69.2%;
    grid-template-columns: 46.9% 46.9%;
    gap: 6.1%;
  }
  .dealer-locator-comp .servicebook .dealers .dealer-available-information .availability p:nth-child(2n+1) {
    max-width: 100%;
  }
  .dealer-locator-comp .servicebook .dealers .dealer-available-information .availability p {
    margin-bottom: 8px;
  }
  .dealer-locator-comp .servicebook .dealers-list-error {
    padding: 0 40px 0 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dealer-locator-comp h4 {
    margin: 0 16px;
  }
  .dealer-locator-comp .servicebook {
    padding: 24px 0;
    margin-top: 16px;
  }
  .dealer-locator-comp .servicebook #container {
    height: 200px;
    margin: 24px 0;
    padding: 0 16px;
  }
  .dealer-locator-comp .servicebook #container #dealer-locator-map {
    max-height: 200px;
  }
  .dealer-locator-comp .servicebook #container #Myloc {
    bottom: 38%;
    right: 26px;
  }
  .dealer-locator-comp .servicebook .buttons {
    padding: 0 16px;
  }
  .dealer-locator-comp .servicebook .dealers {
    max-height: 526px;
    padding: 30px 16px 0 16px;
    margin-right: 4px;
  }
  .dealer-locator-comp .servicebook .dealers .all {
    margin-bottom: 26px;
  }
  .dealer-locator-comp .servicebook .dealers .flex-container {
    margin-bottom: 25.33px;
  }
  .dealer-locator-comp .servicebook .dealers input[type='radio'] {
    margin-right: 16px;
  }
  .dealer-locator-comp .servicebook .dealers .radio-button__label-title {
    font-size: 18px;
  }
  .dealer-locator-comp .servicebook .dealers .content {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .dealer-locator-comp .servicebook .dealers .heart {
    float: right;
    font-size: 15px;
  }
  .dealer-locator-comp .servicebook .dealers .stars.mob-rating {
    display: block;
    float: none;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 0px;
  }
  .dealer-locator-comp .servicebook .dealers .stars {
    display: none;
  }
  .dealer-locator-comp .servicebook .dealers .radio-button__label-subtext {
    margin-bottom: 8px;
    width: 100%;
  }
  .dealer-locator-comp .servicebook .dealers .dealer-available-information .availability {
    margin: 16px 0;
    grid-template-columns: 45.4% 45.4%;
    width: 100%;
    gap: 0 9.2%;
  }
  .dealer-locator-comp .servicebook .dealers .dealer-available-information .availability p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    margin-bottom: 12px;
  }
  .dealer-locator-comp .servicebook .dealers-list-error {
    padding: 0 16px 0 16px;
  }
  .dealer-locator-comp .servicebook .searchbar {
    padding: 0 16px;
  }
  .dealer-locator-comp .servicebook .searchbar .search-input {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .dealer-locator-comp .servicebook .right-arrow-image {
    margin-left: 9px;
  }
}


.service-type-comp .service-type-title {
  margin: 0;
  padding-bottom: 40px;
}
.service-type-comp .service-type-container {
  display: grid;
  gap: 40px;
  padding: 64px 64px;
  background: #ffffff;
}
.service-type-comp .service-type-container .container-item .service-option {
  display: flex;
  align-items: center;
}
.service-type-comp .service-type-container .container-item .service-option label {
  color: #383737;
  padding: 5px 0px;
}
.service-type-comp .service-type-container .container-item .service-option label:hover {
  cursor: pointer;
}
.service-type-comp .service-type-container .container-item .sub-text {
  display: none;
  padding-left: 48px;
}
.service-type-comp .service-type-container .container-item .sub-text .text {
  padding-top: 16px;
}
.service-type-comp .service-type-container .container-item .sub-text .text {
  color: #7a8084;
}
.service-type-comp .service-type-container .container-item .sub-text p {
  color: #7a8084;
  margin: 0;
}
.service-type-comp .service-type-container .container-item .sub-text ul {
  margin: 0;
  color: #383737;
}
.service-type-comp .service-type-container .container-item .sub-text ul li {
  padding-bottom: 8px;
}
.service-type-comp .service-type-container .container-item .sub-text .learn-more-button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  width: fit-content;
  cursor: pointer;
  display: flex;
  color: #307fe2;
  padding-top: 8px;
}
.service-type-comp .service-type-container .container-item .sub-text .icon-Arrow-Right::before {
  font-size: 12px;
  color: #307fe2;
  margin: 0 0 0 8px;
  right: 0;
}
.service-type-comp input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 24px;
  min-width: 24px;
}
.service-type-comp input[type='radio']:hover {
  cursor: pointer;
}
.service-type-comp input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.service-type-comp input[type='radio']:checked:before {
  color: #307fe2;
}
.service-type-comp input[type='radio']:before {
  font-size: 16px;
  position: absolute;
  margin: 2px;
  color: #ffffff;
}
.service-type-comp .modal {
  z-index: 9999999;
}
.service-type-comp .modal .modal-header {
  flex-direction: column;
  padding: 0%;
  align-items: unset;
  position: absolute;
  right: 104px;
  z-index: 9;
  display: flex;
  top: 70px;
  border-bottom: 0;
}
.service-type-comp .modal .modal-header button {
  padding: 0;
  border: none;
  background: transparent;
  padding: 0%;
  outline: none !important;
}
.service-type-comp .modal .modal-header .icon-Cross::before {
  font-size: 23px;
}
.service-type-comp .modal .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.service-type-comp .modal .quiz_container form {
  flex-wrap: wrap;
}
.service-type-comp .modal .cmp-title__text {
  color: #383737 !important;
  margin: 0;
}
.service-type-comp .modal .cmp-container .tml-title:first-child {
  width: 88.701%;
}
.service-type-comp .modal .cmp-container .tml-title:first-child h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-type-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-type-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.service-type-comp .modal .cmp-container .tml-title:first-child + .text {
  width: 85.3107345%;
}
.service-type-comp .modal .video + .title {
  width: 64.41%;
}
.service-type-comp .modal .video + .title h5 {
  margin: 0;
}
.service-type-comp .video + .title + .text {
  width: 85.3107345%;
}
.service-type-comp .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.service-type-comp .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
.service-type-comp .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.service-type-comp .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.service-type-comp .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
.service-type-comp .modal-body picture {
  width: 100%;
  height: auto;
  display: block;
}
.service-type-comp .modal-body picture img {
  max-width: 100%;
}
.service-type-comp .modal.modal-right .modal-content {
  border-radius: 0;
  border: none;
}
.service-type-comp .modal.modal-right .modal-dialog.modal-lg {
  width: 63.75%;
  max-width: 918px;
}
.service-type-comp .modal-content {
  padding: 64px 106px 64px 104px;
}
.service-type-comp .video-comp .tml-player-ctn {
  height: 100%;
}
.service-type-comp .modal-dialog-scrollable .modal-content {
  height: 100%;
  max-height: 100%;
}
.service-type-comp #overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #383737;
  opacity: 0.8;
  z-index: 999999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-type-comp .video-comp .tml-player-ctn {
    height: 380px;
  }
  .service-type-comp .modal.modal-right .modal-dialog.modal-lg,
  .service-type-comp .modal.modal-right .modal-dialog {
    width: 83.34%;
  }
  .service-type-comp .modal .modal-header {
    right: 40px;
  }
  .service-type-comp .modal-content {
    padding: 64px 40px 60px 88px;
  }
  .service-type-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.8125%;
  }
  .service-type-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 40px;
  }
  .service-type-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
  }
  .service-type-comp .modal-content .video + .title {
    width: 89.0625%;
  }
  .service-type-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .service-type-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .service-type-comp .cmp-text {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-type-comp .video-comp .tml-player-ctn {
    height: 100%;
  }
  .service-type-comp .modal.modal-right .modal-dialog.modal-lg,
  .service-type-comp .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .service-type-comp .modal .modal-header {
    right: 20px !important;
    top: 27px;
  }
  .service-type-comp .modal-content {
    padding: 36px 30px 30px 30px;
  }
  .service-type-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.66667%;
  }
  .service-type-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 16px;
  }
  .service-type-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
    padding-bottom: 32px;
  }
  .service-type-comp .modal-content .video .video-comp {
    padding-bottom: 32px;
  }
  .service-type-comp .modal-content .video + .title {
    width: 100%;
  }
  .service-type-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .service-type-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .service-type-comp .modal-content .video + .title + .text + .title {
    width: 82.66667%;
  }
  .service-type-comp .modal-content button {
    position: absolute;
    right: 8px;
    top: 11px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-type-comp .service-type-title {
    margin: 0;
    padding-bottom: 24px;
  }
  .service-type-comp .service-type-container {
    padding: 40px 40px;
    gap: 40px;
  }
  .service-type-comp .service-type-container .container-item .service-option label {
    padding: 2px 0px;
  }
  .service-type-comp .service-type-container .container-item .sub-text {
    padding-left: 40px;
  }
  .service-type-comp .service-type-container .container-item .sub-text .text {
    padding-top: 19px;
  }
  .service-type-comp input[type='radio'] {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-type-comp .service-type-title {
    margin: 0;
    padding-bottom: 16px;
    padding-left: 16px;
  }
  .service-type-comp .service-type-container {
    padding: 24px 16px;
    gap: 32px;
  }
  .service-type-comp .service-type-container .container-item .sub-text {
    padding-left: 40px;
  }
  .service-type-comp .service-type-container .container-item .sub-text .text {
    padding-top: 19px;
  }
  .service-type-comp input[type='radio'] {
    margin-right: 16px;
  }
}



.report-a-problem-comp {
  list-style-type: none;
}
.report-a-problem-comp ul {
  padding-inline-start: 0;
}
.report-a-problem-comp .report-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .report-a-problem-comp .report-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .report-a-problem-comp .report-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.report-a-problem-comp .report-container {
  background: #ffffff;
  padding: 64px;
}
.report-a-problem-comp .report-container .issue-description {
  padding-bottom: 20px;
  color: #7a8084;
}
.report-a-problem-comp .report-container .issue-description p {
  margin: 0;
}
.report-a-problem-comp .report-container .servicelistitems {
  padding-bottom: 20px;
  margin: 0;
  display: grid;
  gap: 2px;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .custom-accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  border: none;
  padding: 20px 0;
  text-align: left;
  position: relative;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .custom-accordion h6 {
  margin-bottom: 0;
  padding: 2px 0;
  width: 89.5%;
  word-break: break-word;
  color: #383737;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .custom-accordion .icon-Chevron-Down:before {
  color: #383737;
  font-size: 20px;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .custom-accordion.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container {
  display: none;
  padding: 4px 0px 20px 0px;
  background-color: #ffffff;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .problemDesc {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
  padding: 0 0 24px 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .problemDesc {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .problemDesc {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist {
  display: grid;
  gap: 24px;
  margin: 0;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems {
  display: grid;
  margin: 0;
  list-style-type: none;
  padding-left: 32px;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .serviceSub {
  display: grid;
  align-items: center;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .serviceSub {
    font-size: 16px;
    line-height: 20px;
  }
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .serviceSub .subList-labels {
  max-width: 100%;
  padding: 2px 0;
  color: #383737;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item {
  display: grid;
  grid-template-columns: 24px auto;
  grid-gap: 24px;
  align-items: center;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item label {
  position: relative;
  cursor: pointer;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item input[type=checkbox] {
  display: none;
  appearance: none;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item .checkmark {
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 2px solid #7a8084;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item input:checked ~ .checkmark {
  background-color: #307fe2;
  border: none;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item .icon-Tick:before {
  display: none;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item input:checked ~ .icon-Tick:before {
  display: block;
  font-size: 24px;
  color: #ffffff;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .freeText {
  padding-top: 24px;
  display: none;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .freeText textarea {
  background-color: #f8f8f8;
  padding: 24px 22px;
  width: 100%;
  height: 137px;
  resize: none;
  border-style: none;
  font-weight: 300;
}
.report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .freeText textarea:focus {
  outline: none;
}
.report-a-problem-comp .report-container .see-more-button,
.report-a-problem-comp .report-container .see-less-button {
  color: #307fe2;
  background: #ffffff;
  padding: 0;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.report-a-problem-comp .report-container .see-more-button .icon-Add,
.report-a-problem-comp .report-container .see-less-button .icon-Add {
  font-size: 12px;
}
.report-a-problem-comp .report-container .see-more-button .icon-Minus,
.report-a-problem-comp .report-container .see-less-button .icon-Minus {
  font-size: 12px;
}
.report-a-problem-comp .report-container .see-more-button span,
.report-a-problem-comp .report-container .see-less-button span {
  padding-left: 8px;
}
.report-a-problem-comp .report-container .see-less-button {
  display: none;
}
.report-a-problem-comp .modal {
  z-index: 9999999;
}
.report-a-problem-comp .modal .modal-header {
  flex-direction: column;
  padding: 0%;
  align-items: unset;
  position: absolute;
  right: 104px;
  z-index: 9;
  display: flex;
  top: 70px;
  border-bottom: 0;
}
.report-a-problem-comp .modal .modal-header button {
  padding: 0;
  border: none;
  background: transparent;
  width: 23.57px;
  height: 23.57px;
  font-size: 38.57px;
  padding: 0%;
  outline: none !important;
}
.report-a-problem-comp .modal .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.report-a-problem-comp .modal .quiz_container form {
  flex-wrap: wrap;
}
.report-a-problem-comp .modal .cmp-title__text {
  color: #383737 !important;
  margin: 0;
}
.report-a-problem-comp .modal .cmp-container .tml-title:first-child {
  width: 88.701%;
}
.report-a-problem-comp .modal .cmp-container .tml-title:first-child h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .report-a-problem-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .report-a-problem-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.report-a-problem-comp .modal .cmp-container .tml-title:first-child + .text {
  width: 85.3107345%;
}
.report-a-problem-comp .modal .video + .title {
  width: 64.41%;
}
.report-a-problem-comp .modal .video + .title h5 {
  margin: 0;
}
.report-a-problem-comp .video + .title + .text {
  width: 85.3107345%;
}
.report-a-problem-comp .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.report-a-problem-comp .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
.report-a-problem-comp .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.report-a-problem-comp .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.report-a-problem-comp .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
.report-a-problem-comp .modal-body picture {
  width: 100%;
  height: auto;
  display: block;
}
.report-a-problem-comp .modal-body picture img {
  max-width: 100%;
}
.report-a-problem-comp .modal.modal-right .modal-content {
  border-radius: 0;
  border: none;
}
.report-a-problem-comp .modal.modal-right .modal-dialog.modal-lg {
  width: 63.75%;
  max-width: 918px;
}
.report-a-problem-comp .modal-content {
  padding: 64px 106px 64px 104px;
}
.report-a-problem-comp .video-comp .tml-player-ctn {
  height: 100%;
}
.report-a-problem-comp .modal-dialog-scrollable .modal-content {
  height: 100%;
  max-height: 100%;
}
.report-a-problem-comp #overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #383737;
  opacity: 0.8;
  z-index: 999999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .report-a-problem-comp .video-comp .tml-player-ctn {
    height: 380px;
  }
  .report-a-problem-comp .modal.modal-right .modal-dialog.modal-lg,
  .report-a-problem-comp .modal.modal-right .modal-dialog {
    width: 83.34%;
  }
  .report-a-problem-comp .modal .modal-header {
    right: 40px;
  }
  .report-a-problem-comp .modal-content {
    padding: 64px 40px 60px 88px;
  }
  .report-a-problem-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.8125%;
  }
  .report-a-problem-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 40px;
  }
  .report-a-problem-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
  }
  .report-a-problem-comp .modal-content .video + .title {
    width: 89.0625%;
  }
  .report-a-problem-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .report-a-problem-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .report-a-problem-comp .cmp-text {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .report-a-problem-comp .video-comp .tml-player-ctn {
    height: 100%;
  }
  .report-a-problem-comp .modal.modal-right .modal-dialog.modal-lg,
  .report-a-problem-comp .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .report-a-problem-comp .modal .modal-header {
    right: 20px !important;
    top: 27px;
  }
  .report-a-problem-comp .modal-content {
    padding: 36px 30px 30px 30px;
  }
  .report-a-problem-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.66667%;
  }
  .report-a-problem-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 16px;
  }
  .report-a-problem-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
    padding-bottom: 32px;
  }
  .report-a-problem-comp .modal-content .video .video-comp {
    padding-bottom: 32px;
  }
  .report-a-problem-comp .modal-content .video + .title {
    width: 100%;
  }
  .report-a-problem-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .report-a-problem-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .report-a-problem-comp .modal-content .video + .title + .text + .title {
    width: 82.66667%;
  }
  .report-a-problem-comp .modal-content button {
    position: absolute;
    right: 8px;
    top: 11px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .report-a-problem-comp .report-title {
    padding-bottom: 24px;
  }
  .report-a-problem-comp .report-container {
    padding: 40px;
  }
  .report-a-problem-comp .report-container .issue-description {
    padding-bottom: 20px;
  }
  .report-a-problem-comp .report-container .servicelistitems {
    padding-bottom: 20px;
    margin: 0;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .custom-accordion {
    padding: 20px 0;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .problemDesc {
    padding: 4px 0 24px 32px;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist {
    gap: 24px;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems {
    padding-left: 32px;
    margin: 0;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item {
    grid-gap: 24px;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .freeText {
    padding-top: 24px;
    margin-left: 0;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .freeText textarea {
    padding: 16px;
    height: 92px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .report-a-problem-comp .report-title {
    padding-bottom: 16px;
    padding-left: 16px;
  }
  .report-a-problem-comp .report-container {
    padding: 24px 16px;
  }
  .report-a-problem-comp .report-container .issue-description {
    padding-bottom: 24px;
  }
  .report-a-problem-comp .report-container .servicelistitems {
    padding-bottom: 8px;
    margin: 0;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .custom-accordion {
    padding: 16px 0;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .problemDesc {
    padding: 16px 0 32px 36px;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist {
    gap: 32px;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems {
    padding-left: 36px;
    margin: 0;
    list-style-type: none;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .problem-list-item {
    grid-gap: 16px;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .freeText {
    padding-top: 32px;
    margin-left: 0;
    height: auto;
  }
  .report-a-problem-comp .report-container .servicelistitems .accordion-container .sub-container .subCatlist .subservicelistitems .freeText textarea {
    padding: 16px;
    height: 92px;
  }
}

.progress-notification-comp.hide-paddings {
  padding-top: 0% !important;
  padding-bottom: 0% !important;
}
.progress-notification-comp .notification-section {
  max-width: 100%;
  border: none;
  border-radius: unset;
  border-left: 8px solid #ed454f;
  display: none;
}
.progress-notification-comp .notification-section .description-section {
  padding: 24px 0 24px 32px;
  width: 69.68%;
  margin-right: auto;
}
.progress-notification-comp .notification-section .description-section.checkOutErrorStyles {
  width: 66.557377% !important;
}
.progress-notification-comp .notification-section .description-section .title-section {
  margin-bottom: 8px;
  color: #383737;
}
.progress-notification-comp .notification-section .description-section .text-section {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .progress-notification-comp .notification-section .description-section .text-section {
    font-size: 16px;
    line-height: 20px;
  }
}
.progress-notification-comp .notification-section .description-section .text-section a {
  text-decoration: none;
}
.progress-notification-comp .notification-section .description-section .text-section p {
  margin: 0%;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .progress-notification-comp .notification-section .description-section .text-section p {
    font-size: 16px;
    line-height: 20px;
  }
}
.progress-notification-comp .extended-card {
  max-width: 100%;
  border: none;
  border-radius: unset;
  border-left: 8px solid #307fe2;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}
.progress-notification-comp .extended-card .discription-section {
  padding: 24px 40px 24px 32px;
}
.progress-notification-comp .extended-card .discription-section .cancel-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding: 0px;
}
.progress-notification-comp .extended-card .discription-section .cancel-arrow i {
  margin-left: 8px;
}
.progress-notification-comp .extended-card .discription-section .cancel-arrow.disable {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5);
}
.progress-notification-comp .extended-card .discription-section .title-section {
  color: #383737;
  margin-bottom: 8px;
}
.progress-notification-comp .extended-card .discription-section .text-section {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 16px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .progress-notification-comp .extended-card .discription-section .text-section {
    font-size: 16px;
    line-height: 20px;
  }
}
.progress-notification-comp .cancel-booking {
  background-color: rgba(56, 55, 55, 0.8);
  z-index: 999999;
}
.progress-notification-comp .cancel-booking .modal-dialog {
  max-width: none;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content {
  border-radius: unset;
  margin: 0 auto;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding: 0px;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header .modal-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header .btn-close i::before {
  color: #383737;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content button:focus {
  outline: none;
  box-shadow: none;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .btn-close {
  opacity: unset;
  color: #383737;
  border: 0;
  background: transparent;
  font-size: 38.57px;
  padding: 0;
  outline: none !important;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details {
  display: flex;
  margin-bottom: 82px;
  flex-direction: column;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 30.7189542% 66.0130719%;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group .left-details,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group .left-details,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group .left-details,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group .right-details,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group .right-details,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group .right-details {
  height: fit-content;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group .left-details h6,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group .left-details h6,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group .left-details h6,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group .right-details h6,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group .right-details h6,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group .right-details h6 {
  color: #383737;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group .left-details p,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group .left-details p,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group .left-details p,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group .right-details p,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group .right-details p,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group .right-details p {
  color: #7a8084;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-title {
  width: fit-content;
  margin-bottom: 24px;
  color: #383737;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details p {
    font-size: 16px;
    line-height: 20px;
  }
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .booked-date {
  margin-bottom: 0px !important;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .right-details .right-details-value {
  margin-bottom: 16px;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book .failure-msg {
  margin-left: 8px;
  margin-bottom: 0px;
  color: #ed454f;
  display: none;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book .confirm-testdrive-btn {
  border-radius: unset;
  color: #307fe2;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  word-break: break-word;
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book button:disabled,
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book button[disabled] {
  border: 2px solid;
  background-color: transparent;
  color: rgba(122, 128, 132, 0.5);
}
.progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book button:focus {
  outline: none;
  box-shadow: none;
}
.progress-notification-comp .success-msg {
  background-color: rgba(56, 55, 55, 0.8);
  z-index: 999999;
}
.progress-notification-comp .success-msg .modal-dialog {
  max-width: none;
}
.progress-notification-comp .success-msg .modal-dialog .modal-content {
  border-radius: unset;
  margin: 0 auto;
  padding: 80px 104px !important;
}
.progress-notification-comp .success-msg .modal-dialog .success-desc p {
  margin: 0%;
  color: #7a8084;
}
.progress-notification-comp .success-msg .modal-dialog .modal-header {
  border-bottom: none;
}
.progress-notification-comp .success-msg .modal-dialog .modal-header h4 {
  color: #383737;
  margin-bottom: 22px;
}
.progress-notification-comp .success-msg .modal-dialog .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.progress-notification-comp .success-msg .modal-dialog .modal-header .btn-close {
  color: #383737;
  opacity: unset;
  border: 0;
  background: transparent;
  padding: 0;
  outline: none !important;
}
.progress-notification-comp .success-msg .modal-dialog .modal-header .btn-close i {
  font-size: 40px;
}
.progress-notification-comp .service-edit-modal .modal-content {
  padding: 80px !important;
}
.progress-notification-comp .service-edit-modal .modal-content .modal-header .modal-titles {
  width: 88.9570552%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .progress-notification-comp .notification-section {
    max-width: 100%;
    max-height: 100%;
    border-left: 8px solid #ed454f;
  }
  .progress-notification-comp .notification-section .description-section {
    width: 100%;
    padding: 24px 32px 24px 32px;
  }
  .progress-notification-comp .notification-section .description-section.checkOutErrorStyles {
    width: 100% !important;
  }
  .progress-notification-comp .extended-card {
    max-width: 100%;
    max-height: 100%;
    border-left: 8px solid #307fe2;
  }
  .progress-notification-comp .extended-card .discription-section {
    padding: 24px 32px 24px 32px;
  }
  .progress-notification-comp .extended-card .text-section {
    margin-bottom: 8px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content {
    width: 100%;
    height: auto;
    border: unset;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 0px;
    margin-bottom: 38px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header .modal-title {
    width: 88.372093%;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header .btn-close {
    width: auto;
    height: auto;
    opacity: unset;
    margin: 0;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header .btn-close i {
    font-size: 32px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details {
    margin-bottom: 40px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group,
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group,
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group {
    grid-gap: 16px;
    grid-template-columns: 48.84% 48.84%;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-title {
    margin-bottom: 25px;
    width: 88.372093%;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .left-details p {
    margin-bottom: 0px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .booked-date {
    margin-bottom: 0px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .right-details .right-details-value {
    padding: 0px;
    margin: 0px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .right-details .value {
    margin-bottom: 8px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .right-details .values {
    margin-bottom: 24px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book .confirm-testdrive-btn {
    padding: 12px 24px;
  }
  .progress-notification-comp .success-msg .modal-dialog {
    max-width: none;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-content {
    border-radius: unset;
    margin: 0 auto;
    border: unset;
    padding: 40px !important;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-header {
    border-bottom: none;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-header h4 {
    width: 88.1578947%;
    margin-bottom: 12px;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-header .success-desc {
    margin: 0 ;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-header a {
    margin: 0;
  }
  .progress-notification-comp .service-edit-modal .modal-content {
    padding: 40px !important;
  }
  .progress-notification-comp .service-edit-modal .modal-content .modal-header .modal-titles {
    width: 88.372093%;
  }
  .progress-notification-comp .service-edit-modal .modal-content .booking-details {
    width: 89.5348837%;
  }
  .progress-notification-comp .service-edit-modal .service-req-data {
    margin: 0 !important;
  }
  .progress-notification-comp .service-edit-modal .close-modal {
    font-size: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .progress-notification-comp .notification-section {
    max-width: 100%;
    max-height: 100%;
    border-left: 4px solid #ed454f;
  }
  .progress-notification-comp .notification-section .description-section {
    padding: 24px;
  }
  .progress-notification-comp .extended-card {
    max-width: 100%;
    max-height: 100%;
    border-left: 4px solid #307fe2;
  }
  .progress-notification-comp .extended-card .discription-section {
    padding: 24px;
  }
  .progress-notification-comp .extended-card .discription-section .text-section {
    margin-bottom: 8px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content {
    width: 100%;
    height: auto;
    border: unset;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 0px;
    margin-bottom: 34px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details {
    margin-bottom: 32px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-group,
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .dealership-details-group,
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .date-details-group {
    grid-gap: 8px;
    grid-template-columns: 100%;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .book-details-title {
    width: 95%;
    margin-bottom: 16px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .left-details p {
    margin-bottom: 0px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .right-details .right-details-value {
    padding: 0px;
    margin: 0px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .right-details .value {
    margin-bottom: 8px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .book-details .right-details .values {
    margin-bottom: 24px;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book {
    width: 100%;
    flex-direction: column;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book a {
    width: 100%;
  }
  .progress-notification-comp .cancel-booking .modal-dialog .modal-content .confirm-book a button {
    width: 100%;
  }
  .progress-notification-comp .success-msg .modal-dialog {
    max-width: none;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-content {
    width: 83.3333333%;
    height: auto;
    border-radius: unset;
    margin: 0 auto;
    padding: 32px 30px !important;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-header {
    border-bottom: none;
    margin-bottom: 16px;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-header h4 {
    padding: 0%;
    margin: 0;
    color: #383737;
  }
  .progress-notification-comp .success-msg .modal-dialog .modal-header .close-modal {
    font-size: 26px !important;
  }
  .progress-notification-comp .success-msg .modal-dialog .success-desc p {
    margin: 0 ;
    color: #7a8084;
  }
  .progress-notification-comp .success-msg .modal-dialog .book-details {
    padding: 0%;
  }
  .progress-notification-comp .service-edit-modal .service-req-data {
    margin: 0 !important;
  }
  .progress-notification-comp .service-edit-modal .close-modal {
    font-size: 26px !important;
  }
}
.progress-notification-comp .modal.fade .modal-dialog.modal-dialog-zoom,
.progress-notification-comp .modal.fade .modal-dialog.modal-dialog-slideup {
  -webkit-transform: translate(0, 0) scale(0.5);
  transform: translate(0, 0) scale(0.5);
}
.progress-notification-comp .modal {
  background-color: rgba(56, 55, 55, 0.8);
  z-index: 999999;
}
.progress-notification-comp .modal .modal-dialog {
  width: 100%;
  justify-content: center;
  max-width: 100%;
  position: relative;
  height: 100%;
  margin: 0%;
}
.progress-notification-comp .modal .modal-dialog .modal-content {
  width: 56.3888889%;
  max-width: 812px;
  padding: 80px 96px 80px 104px;
  position: absolute;
  height: auto;
  overflow-y: scroll;
  max-height: 100%;
  border: none;
  border-radius: 0%;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-header {
  border: none;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-header .modal-titles {
  margin: 0%;
  color: #383737;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-header a {
  margin-top: 7.57px;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-header button {
  background: transparent;
  outline: none;
  border: none;
  font-size: 40px;
  padding: 0;
  color: #383737;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-footer {
  border: none;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: center;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-footer .failure {
  display: none;
  color: #ed454f;
  margin: 0%;
  padding-left: 24px;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-footer button {
  display: block;
  outline: none;
  border: 2px solid #307fe2;
  transition-duration: 0.3s;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  width: auto;
  background: transparent;
  color: #307fe2;
  border-radius: 0;
  margin: 0;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-footer button:focus,
.progress-notification-comp .modal .modal-dialog .modal-content .modal-footer button:hover:enabled {
  background-color: #307fe2;
  color: #ffffff;
  box-shadow: unset;
}
.progress-notification-comp .modal .modal-dialog .modal-content .modal-body h6 {
  color: #383737;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-header,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body {
  padding: 0;
  padding-bottom: 40px;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .booking-details {
  width: fit-content;
  max-width: 100%;
  margin-bottom: 24px;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .booking-details h6 {
  margin: 0;
  color: #383737;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment {
  display: grid;
  grid-template-columns: 48.773006135% 48.773006135%;
  gap: 16px;
  margin-bottom: 16px;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .service-type,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .service-type,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .additional-services,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .additional-services,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .dealership,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .dealership,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .appointment,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .appointment {
  height: fit-content;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .service-type p,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .service-type p,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .additional-services p,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .additional-services p,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .dealership p,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .dealership p,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .appointment p,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .appointment p {
  margin-bottom: 8px;
  color: #7a8084;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .service-type h6,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .service-type h6,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .additional-services h6,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .additional-services h6,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .dealership h6,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .dealership h6,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .appointment h6,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .appointment h6 {
  margin-bottom: 8px;
  color: #383737;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .service-type h6:last-child,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .service-type h6:last-child,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .additional-services h6:last-child,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .additional-services h6:last-child,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .dealership h6:last-child,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .dealership h6:last-child,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .service-details .appointment h6:last-child,
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .appointment h6:last-child {
  margin-bottom: 0px !important;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment {
  margin-bottom: 0px !important;
}
.progress-notification-comp .modal .modal-dialog-slideup .modal-footer {
  padding: 0%;
}
.progress-notification-comp .modal .modal-dialog-zoom .modal-header,
.progress-notification-comp .modal .modal-dialog-zoom .modal-body {
  padding: 0%;
}
.progress-notification-comp .modal .modal-dialog-zoom .modal-header .modal-titles,
.progress-notification-comp .modal .modal-dialog-zoom .modal-body .modal-titles {
  padding-bottom: 24px;
  width: 88.958%;
  color: #383737;
}
.progress-notification-comp .modal .modal-dialog-zoom .modal-header p,
.progress-notification-comp .modal .modal-dialog-zoom .modal-body p {
  color: #7a8084;
  margin: 0%;
}
.progress-notification-comp .modal .modal-dialog-zoom .modal-body {
  width: 92.639%;
}
.progress-notification-comp .modal .modal-dialog-zoom .modal-header {
  align-items: flex-start;
}
.progress-notification-comp .modal.show .modal-dialog.modal-dialog-zoom,
.progress-notification-comp .modal.show .modal-dialog.modal-dialog-slideup {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .progress-notification-comp .modal.slideup .modal-content {
    padding: 40px;
  }
  .progress-notification-comp .modal.slideup .modal-dialog-slideup .modal-content .modal-header .modal-titles {
    width: 89.5348837%;
  }
  .progress-notification-comp .modal.slideup .modal-dialog-slideup .modal-content .modal-body .booking-details {
    width: 88.372093%;
  }
  .progress-notification-comp .modal.slideup .modal-dialog-slideup .modal-content .modal-body .service-details,
  .progress-notification-comp .modal.slideup .modal-dialog-slideup .modal-content .modal-body .dealership-appointment {
    grid-template-columns: 47.0930233% 47.0930233%;
    gap: 40px;
    margin-bottom: 16px;
  }
  .progress-notification-comp .modal.fade .modal-dialog.modal-dialog-slideup {
    transform: unset;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
  .progress-notification-comp .modal.slideup .modal-content {
    height: auto;
    overflow-y: auto;
    width: 100% !important;
    bottom: 0;
  }
  .progress-notification-comp .modal .modal-dialog.modal-dialog-zoom .modal-content {
    width: 89.584%;
    padding: 40px;
  }
  .progress-notification-comp .modal .modal-dialog.modal-dialog-zoom .modal-content .modal-header .modal-titles {
    width: 88.16%;
    padding-bottom: 12px;
  }
  .progress-notification-comp .modal .modal-dialog.modal-dialog-zoom .modal-content .modal-body {
    width: 100%;
  }
  .progress-notification-comp .modal.fade .modal-dialog.modal-dialog-slideup {
    bottom: -100%;
    -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    transition: opacity 0.3s linear, bottom 0.3s ease-out;
  }
  .progress-notification-comp .modal.fade.show .modal-dialog.modal-dialog-slideup {
    bottom: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .progress-notification-comp .modal .modal-dialog .modal-content .modal-header .modal-titles {
    width: 81.3333333% !important;
  }
  .progress-notification-comp .modal .modal-dialog .modal-content .modal-body {
    padding-bottom: 32px;
  }
  .progress-notification-comp .modal .modal-dialog .modal-content .modal-body .booking-details {
    margin-bottom: 16px !important;
    width: 81.3333333% !important;
  }
  .progress-notification-comp .modal .modal-dialog .modal-content .modal-body .service-details {
    grid-template-columns: 100% !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
  }
  .progress-notification-comp .modal .modal-dialog .modal-content .modal-body .dealership-appointment {
    grid-template-columns: 100% !important;
    gap: 24px !important;
    margin-bottom: 0px !important;
  }
  .progress-notification-comp .modal .modal-dialog .modal-content .modal-footer {
    display: flex !important;
    flex-direction: column;
  }
  .progress-notification-comp .modal .modal-dialog .modal-content .modal-footer .failure {
    padding: 0%;
    padding-top: 24px;
  }
  .progress-notification-comp .modal .modal-dialog .modal-content .modal-footer button {
    width: 100%;
  }
  .progress-notification-comp .modal .modal-dialog.modal-dialog-zoom .modal-content .modal-body {
    width: 95.3334%;
  }
  .progress-notification-comp .modal .modal-dialog {
    transform: unset;
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    -o-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
  }
  .progress-notification-comp .modal .modal-content {
    overflow-y: auto;
    bottom: 0%;
    width: 100%  !important;
    padding: 32px 30px !important;
    max-width: 100% !important;
  }
  .progress-notification-comp .modal.testDriveModal .modal-content {
    overflow-y: auto;
    bottom: 0%;
    width: 83.333%  !important;
    max-width: 100% !important;
  }
  .progress-notification-comp .modal.serviceModal .modal-content .modal-header {
    margin-bottom: 24px !important;
  }
  .progress-notification-comp .modal.serviceModal .modal-content .success-desc {
    width: 95.3333333% !important;
  }
  .progress-notification-comp .modal.fade .modal-dialog {
    bottom: -100%;
    -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    transition: opacity 0.3s linear, bottom 0.3s ease-out;
  }
  .progress-notification-comp .modal.testDriveModal.fade.show .modal-dialog {
    bottom: 30%;
  }
  .progress-notification-comp .modal.fade.show .modal-dialog {
    bottom: 0%;
  }
}

.sticky-overview {
  position: sticky;
  top: 0px;
  align-self: flex-start;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sticky-overview {
    position: relative;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp {
    position: relative;
    z-index: 999;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .modal_overlay {
    position: relative;
  }
  .overview-comp .modal_overlay:before {
    opacity: 0.7;
    position: fixed;
    background: #282828;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    content: "";
  }
}
.overview-comp .overview_box {
  max-width: 396px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box {
    max-width: 100%;
    position: relative;
  }
}
.overview-comp .overview_box .collapse_toggle_mobile {
  display: none;
  z-index: 999;
}
@media only screen and (max-width: 991px) {
  .overview-comp .overview_box .collapse_toggle_mobile {
    border-top: solid 1px #eaeaec;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box .collapse_toggle_mobile {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background: #ffffff;
    width: 100%;
    padding: 16px 30px;
    left: 0px;
    right: 0px;
  }
}
.overview-comp .overview_box .collapse_toggle_mobile .list_heading .time_cost_indicator .overview-total-label {
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box .collapse_toggle_mobile .list_heading .time_cost_indicator .cost_options_type {
    font-size: 20px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .collapse_toggle_mobile .list_heading .time_cost_indicator .cost_options_type {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box .collapse_toggle_mobile .list_heading .time_cost_indicator .drive_options_type {
    font-size: 20px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .collapse_toggle_mobile .list_heading .time_cost_indicator .drive_options_type {
    font-size: 16px;
  }
}
.overview-comp .overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  font-weight: 500;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .overview-comp .overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-size: 16px !important;
    line-height: 17.6px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.overview-comp .overview_box .comp_title {
  padding-bottom: 21px;
  margin-bottom: 0px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box .comp_title {
    display: none;
  }
}
.overview-comp .overview_box .list_heading {
  display: flex;
  justify-content: space-between;
  color: #383737;
  margin: 0px;
  align-items: center;
  cursor: pointer;
}
.overview-comp .overview_box .list_heading .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box .list_heading .time_cost_indicator {
    display: flex;
    align-items: center;
  }
  .overview-comp .overview_box .list_heading .time_cost_indicator div {
    width: 160px;
    margin-right: 16px;
  }
  .overview-comp .overview_box .list_heading .time_cost_indicator div:last-child {
    margin-right: 0px;
  }
}
.overview-comp .overview_box .overview_box_accordian {
  padding: 16px 0px 16px 0px;
  border-bottom: solid 2px #eaeaec;
}
.overview-comp .overview_box .overview_box_accordian[data-step="1"] {
  padding-top: 0px;
}
.overview-comp .overview_box .overview_box_accordian.CollapseCatogories {
  display: none;
}
.overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item.collapseItems {
  display: none;
}
.overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list {
  margin: 0px;
  padding: 0px;
}
.overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0px 0px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
    flex-direction: column;
  }
}
.overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span {
  color: #7a8084;
  font-size: 18px;
  line-height: 21.6px;
}
.overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
  max-width: 198px;
  text-align: right;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
    max-width: 100%;
    text-align: left;
  }
}
.overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:first-child {
  margin-top: 8px;
}
.overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:last-child {
  padding-bottom: 0px;
}
.overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span:nth-child(2) {
  text-align: right;
}
.overview-comp .overview_box .overview-total {
  width: 100%;
  background: #ffffff;
  color: #383737;
  border-left: solid 8px #307fe2;
  min-height: 106px;
  padding: 16px 24px 16px 16px;
  margin-top: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box .overview-total {
    background: #f8f8f8;
    min-height: 86px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .overview-total {
    border-left: solid 4px #307fe2;
  }
}
.overview-comp .overview_box .overview-total .overview-total-title {
  padding-bottom: 12px;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .overview-total .overview-total-title {
    margin-bottom: 0px;
  }
}
.overview-comp .overview_box .overview-total .overview-total-label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 4px;
  display: block;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .overview-total .overview-total-label {
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
  }
}
.overview-comp .overview_box .overview-total h6 {
  color: #383737;
}
@media only screen and (min-width: 1200px) {
  .overview-comp .overview_box .overview_box_container {
    display: block !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .overview_box .overview_box_container {
    position: fixed !important;
    top: auto;
    bottom: 78px;
    height: 36% !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .overview_box .overview_box_container {
    position: fixed !important;
    top: 0px;
    height: calc(100vh - 78px) !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
.overview-comp .showBackDrop {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .overview-comp .showBackDrop {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    height: 100vh;
    width: 100%;
    max-width: 100%;
    background: #383737;
    inset: auto 0px 78px;
    display: block;
    opacity: 80%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .overview-comp .showBackDrop {
    display: none;
  }
}
.cq-Editable-dom .overview-comp .overview_box_container,
.cq-Editable-dom .overview-comp .collapse_toggle_mobile {
  position: static !important;
  height: auto !important;
}

.offers-comp .offers .title-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.offers-comp .offers .title-link .offer-title {
  margin-bottom: 16px;
  color: #383737;
}
.offers-comp .offers .title-link a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #307fe2;
}
.offers-comp .offers .title-link a img {
  width: 12px;
  margin-left: 8px;
}
.offers-comp .offers .avaialable-offers {
  display: grid;
  gap: 16px;
}
.offers-comp .offers .avaialable-offers .accordian {
  cursor: pointer;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian {
  text-align: left;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 25px 40px 25px 32px;
  border-left: 8px solid #307fe2;
  width: 100%;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content {
  width: 93.73%;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5 {
  width: 51.7%;
  color: #383737;
  margin-bottom: 12px;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content p {
  margin-bottom: 0;
  width: 51.7%;
  color: #383737;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian .chervon-up i {
  font-size: 40px;
  text-align: center;
  color: #383737;
  transition: 0.3s;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian .chervon-up i.rotate {
  transform: rotate(-180deg);
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian-content {
  background-color: #ffffff;
  display: none;
  padding: 24px 400px 24px 40px;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content {
  display: flex;
  flex-direction: column;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content p {
  width: 79.7%;
  margin-bottom: 24px;
}
.offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content a {
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  border: 2px solid #307fe2;
  padding: 11px 24px;
  width: fit-content;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .offers-comp .offers .title-link .offer-title {
    margin-bottom: 12px;
  }
  .offers-comp .offers .avaialable-offers {
    gap: 12px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian {
    padding: 24px 40px 24px 32px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content {
    width: 91%;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5,
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content p {
    width: 100%;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5 {
    margin-bottom: 8px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .chervon-up .fa {
    font-size: 24px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian-content {
    padding: 24px 40px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content p {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .offers-comp .offers .title-link .offer-title {
    margin-bottom: 16px;
  }
  .offers-comp .offers .avaialable-offers {
    gap: 12px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian {
    padding: 16px 16px 16px 12px;
    border-left: 4px solid #307fe2;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content {
    width: 88%;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5,
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content p {
    width: 100%;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5 {
    margin-bottom: 8px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian .chervon-up .fa {
    font-size: 24px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian-content {
    padding: 16px;
  }
  .offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content p {
    width: 100%;
  }
}

.location-comp .location-title {
  margin: 0;
  padding-bottom: 40px;
  color: #383737;
}
.location-comp .service-type {
  padding: 64px;
  background: #ffffff;
  display: grid;
  gap: 36px;
}
.location-comp .service-type .location-container .show {
  display: flex;
  align-items: center;
}
.location-comp .service-type .location-container .hide {
  display: none;
}
.location-comp .service-type .location-container .location-service-option {
  display: flex;
  align-items: center;
}
.location-comp .service-type .location-container .location-service-option label {
  color: #383737;
  padding: 2px 0;
}
.location-comp .service-type .location-container .sub-text {
  padding-left: 48px;
}
.location-comp .service-type .location-container .sub-text p {
  color: #7a8084;
  margin: 0;
  padding-top: 8px;
}
.location-comp .service-type .location-container .sub-text .learn-more-button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  width: fit-content;
  cursor: pointer;
  padding-top: 8px;
}
.location-comp .service-type .location-container .sub-text .icon-Arrow-Right::before {
  font-size: 12px;
  color: #307fe2;
  margin: 0 0 0 8px;
  right: 0;
}
.location-comp input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 24px;
  min-width: 24px;
}
.location-comp input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.location-comp input[type='radio']:checked:before {
  color: #307fe2;
}
.location-comp input[type='radio']:before {
  font-size: 16px;
  position: absolute;
  margin: 2px;
  color: #ffffff;
}
.location-comp .modal {
  z-index: 9999999;
}
.location-comp .modal .modal-header {
  flex-direction: column;
  padding: 0%;
  align-items: unset;
  position: absolute;
  right: 104px;
  z-index: 9;
  display: flex;
  top: 70px;
  border-bottom: 0;
}
.location-comp .modal .modal-header button {
  padding: 0;
  border: none;
  background: transparent;
  padding: 0%;
  outline: none !important;
}
.location-comp .modal .modal-header .icon-Cross::before {
  font-size: 23px;
}
.location-comp .modal .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.location-comp .modal .quiz_container form {
  flex-wrap: wrap;
}
.location-comp .modal .cmp-title__text {
  color: #383737 !important;
  margin: 0;
}
.location-comp .modal .cmp-container .tml-title:first-child {
  width: 88.701%;
}
.location-comp .modal .cmp-container .tml-title:first-child h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .location-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .location-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.location-comp .modal .cmp-container .tml-title:first-child + .text {
  width: 85.3107345%;
}
.location-comp .modal .video + .title {
  width: 64.41%;
}
.location-comp .modal .video + .title h5 {
  margin: 0;
}
.location-comp .video + .title + .text {
  width: 85.3107345%;
}
.location-comp .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.location-comp .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
.location-comp .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.location-comp .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.location-comp .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
.location-comp .modal-body picture {
  width: 100%;
  height: auto;
  display: block;
}
.location-comp .modal-body picture img {
  max-width: 100%;
}
.location-comp .modal.modal-right .modal-content {
  border-radius: 0;
  border: none;
}
.location-comp .modal.modal-right .modal-dialog.modal-lg {
  width: 63.75%;
  max-width: 918px;
}
.location-comp .modal-content {
  padding: 64px 106px 64px 104px;
}
.location-comp .video-comp .tml-player-ctn {
  height: 100%;
}
.location-comp .modal-dialog-scrollable .modal-content {
  height: 100%;
  max-height: 100%;
}
.location-comp #overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #383737;
  opacity: 0.8;
  z-index: 999999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .location-comp .video-comp .tml-player-ctn {
    height: 380px;
  }
  .location-comp .modal.modal-right .modal-dialog.modal-lg,
  .location-comp .modal.modal-right .modal-dialog {
    width: 83.34%;
  }
  .location-comp .modal .modal-header {
    right: 40px;
  }
  .location-comp .modal-content {
    padding: 64px 40px 60px 88px;
  }
  .location-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.8125%;
  }
  .location-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 40px;
  }
  .location-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
  }
  .location-comp .modal-content .video + .title {
    width: 89.0625%;
  }
  .location-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .location-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .location-comp .cmp-text {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .location-comp .video-comp .tml-player-ctn {
    height: 100%;
  }
  .location-comp .modal.modal-right .modal-dialog.modal-lg,
  .location-comp .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .location-comp .modal .modal-header {
    right: 20px !important;
    top: 27px;
  }
  .location-comp .modal-content {
    padding: 36px 30px 30px 30px;
  }
  .location-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.66667%;
  }
  .location-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 16px;
  }
  .location-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
    padding-bottom: 32px;
  }
  .location-comp .modal-content .video .video-comp {
    padding-bottom: 32px;
  }
  .location-comp .modal-content .video + .title {
    width: 100%;
  }
  .location-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .location-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .location-comp .modal-content .video + .title + .text + .title {
    width: 82.66667%;
  }
  .location-comp .modal-content button {
    position: absolute;
    right: 8px;
    top: 11px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .location-comp .location-title {
    padding-bottom: 24px;
  }
  .location-comp .service-type {
    padding: 40px;
    gap: 40px;
  }
  .location-comp .service-type .location-container .sub-text {
    padding-left: 40px;
  }
  .location-comp .service-type .location-container input[type='radio'] {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .location-comp .location-title {
    padding-left: 16px;
    padding-bottom: 16px;
  }
  .location-comp .service-type {
    padding: 24px 16px 24px 16px;
    gap: 32px;
  }
  .location-comp .service-type .location-container .sub-text {
    padding-left: 40px;
  }
  .location-comp .service-type .location-container input[type='radio'] {
    margin-right: 16px;
  }
}

.customer-special-request-comp .customer-request .title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .customer-special-request-comp .customer-request .title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .customer-special-request-comp .customer-request .title {
    font-size: 24px;
    line-height: 24px;
  }
}
.customer-special-request-comp .customer-request .services {
  background: #ffffff;
  padding: 64px;
  color: #7a8084;
}
.customer-special-request-comp .customer-request .services .servicedescription {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .customer-special-request-comp .customer-request .services .servicedescription {
    font-size: 16px;
    line-height: 20px;
  }
}
.customer-special-request-comp .customer-request .services .servicedescription p {
  margin-bottom: 0px !important;
}
.customer-special-request-comp .customer-request .services .specialrequest {
  max-height: 137px;
}
.customer-special-request-comp .customer-request .services .specialrequest #request {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding: 24px 135.77px 91px 26.07px;
  background: #f8f8f8;
  border: none;
  resize: none;
  width: 100%;
  max-height: 137px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .customer-special-request-comp .customer-request .services .specialrequest #request {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .customer-special-request-comp .customer-request {
    box-sizing: content-box;
    width: 100%;
  }
  .customer-special-request-comp .customer-request .title {
    padding-bottom: 24px;
  }
  .customer-special-request-comp .customer-request .services {
    padding: 40px;
  }
  .customer-special-request-comp .customer-request .services .specialrequest {
    max-height: 92px;
  }
  .customer-special-request-comp .customer-request .services .specialrequest #request {
    height: 92px;
    padding: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .customer-special-request-comp .customer-request {
    width: 100%;
    box-sizing: border-box;
  }
  .customer-special-request-comp .customer-request .title {
    padding: 0px 1px 16px 15px;
  }
  .customer-special-request-comp .customer-request .services {
    padding: 16px;
  }
  .customer-special-request-comp .customer-request .services .servicedescription {
    padding-bottom: 24px;
  }
  .customer-special-request-comp .customer-request .services .specialrequest {
    max-height: 92px;
  }
  .customer-special-request-comp .customer-request .services .specialrequest #request {
    height: 92px;
    padding: 16px;
  }
}

.contact-details-comp .cnct-details .ct-title {
  margin-bottom: 40px;
  color: #383737;
}
.contact-details-comp .cnct-details .card {
  border-radius: 0px;
  border: none;
}
.contact-details-comp .cnct-details .card .card-body {
  padding: 64px;
}
.contact-details-comp .cnct-details .card .card-body .disclamier-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 40px;
  max-width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .disclamier-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.contact-details-comp .cnct-details .card .card-body .error_message,
.contact-details-comp .cnct-details .card .card-body .error {
  color: #ed454f;
  padding-top: 8px;
  display: none;
}
.contact-details-comp .cnct-details .card .card-body .card-search {
  display: inline;
  color: #307fe2;
  display: inline-flex;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  line-height: 19.2px !important;
}
.contact-details-comp .cnct-details .card .card-body .icon-Arrow-Right-20 {
  font-size: 12px;
  color: #307fe2;
  padding-left: 8px;
  padding-top: 2px;
}
.contact-details-comp .cnct-details .card .card-body .text-col {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .text-col {
    font-size: 16px;
    line-height: 20px;
  }
}
.contact-details-comp .cnct-details .card .card-body #persons-name {
  width: 154px;
  color: #383737;
}
@media only screen and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body #persons-name {
    width: 136px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body #persons-name {
    width: 146px;
  }
}
.contact-details-comp .cnct-details .card .card-body .name-brdr {
  border-bottom: 2px solid #383737;
  color: #383737;
  padding-bottom: 9px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .name-brdr {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .name-brdr {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .cnct-details .card .card-body .details-brdr {
  border-bottom: 2px solid #383737;
  width: 100%;
  padding-bottom: 8px;
}
.contact-details-comp .cnct-details .card .card-body .flag-code {
  height: 20px;
  width: 30px;
  margin-top: 5px;
}
.contact-details-comp .cnct-details .card .card-body .mobile {
  width: 100%;
}
.contact-details-comp .cnct-details .card .card-body .mobile .details-brdr {
  position: relative;
}
.contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .flag-code {
  float: left;
}
.contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .country-option #isd-code {
  padding-left: 8px;
  float: left;
  padding-right: 8px;
  color: #383737;
  margin-top: 5px;
}
.contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .country-option #mobile-details {
  float: left;
}
.contact-details-comp .cnct-details .card .card-body .mobile .details-brdr #mobile-details-error {
  position: absolute;
  left: 0;
  top: 48px;
}
.contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .mble-num {
  border: none;
  padding: 0 0px 0px 8px;
  background-color: #ffffff !important;
  width: 80%;
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .mble-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .mble-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .default-view-mobile {
  margin-top: 5px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .default-view-mobile {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .default-view-mobile {
    margin-top: 0px !important;
  }
}
.contact-details-comp .cnct-details .card .card-body .mobile .details-brdr .mble-num:focus {
  outline: none;
}
.contact-details-comp .cnct-details .card .card-body .mobile #mobile-details {
  display: inline-block;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .mobile #mobile-details {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .mobile #mobile-details {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .cnct-details .card .card-body .country-option {
  border: none;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .country-option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .country-option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .cnct-details .card .card-body .title-fname,
.contact-details-comp .cnct-details .card .card-body .middle-last-name {
  display: flex !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .title-fname,
  .contact-details-comp .cnct-details .card .card-body .middle-last-name {
    display: block !important;
  }
}
.contact-details-comp .cnct-details .card .card-body .title {
  width: 48%;
  margin-right: 24px;
}
.contact-details-comp .cnct-details .card .card-body .title .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
  display: none;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown {
  position: relative;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .title .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .title .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 25px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 232px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.contact-details-comp .cnct-details .card .card-body .title .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.contact-details-comp .cnct-details .card .card-body .fname {
  width: 48%;
}
.contact-details-comp .cnct-details .card .card-body .lname {
  width: 48%;
}
.contact-details-comp .cnct-details .card .card-body .details-styl {
  padding-top: 40px;
  padding-bottom: 8px;
  margin-bottom: 0px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .details-styl {
    font-size: 16px;
    line-height: 20px;
  }
}
.contact-details-comp .cnct-details .card .card-body .mname {
  width: 48%;
  margin-right: 24px;
}
.contact-details-comp .cnct-details .card .card-body .mname .details-styl {
  padding-top: 40px;
}
.contact-details-comp .cnct-details .card .card-body .first-last-name {
  display: flex;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .first-last-name {
    display: block;
  }
}
.contact-details-comp .cnct-details .card .card-body .default-fname {
  margin-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body .default-fname {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body .default-fname {
    margin-right: 0px;
  }
}
.contact-details-comp .cnct-details .card .card-body #email-details {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .card .card-body #email-details {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .card .card-body #email-details {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .cnct-details .card .card-body .email-addr {
  width: 100%;
}
.contact-details-comp .cnct-details .card .card-body .firstName {
  margin-bottom: 36px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .cnct-details .ct-title {
    margin-bottom: 24px;
  }
  .contact-details-comp .cnct-details .card-body {
    padding: 40px !important;
  }
  .contact-details-comp .cnct-details .card-body .card-search {
    padding-left: 4px;
  }
  .contact-details-comp .cnct-details .card-body .name-brdr {
    width: 296px !important;
  }
  .contact-details-comp .cnct-details .card-body .title {
    width: 296px !important;
    margin-right: 16px !important;
  }
  .contact-details-comp .cnct-details .card-body .title .compare-dropdown {
    width: 296px !important;
  }
  .contact-details-comp .cnct-details .card-body .flag-code {
    margin-top: 0px !important;
  }
  .contact-details-comp .cnct-details .card-body .lname {
    width: 296px !important;
  }
  .contact-details-comp .cnct-details .card-body .mname {
    width: 296px !important;
    margin-right: 16px !important;
  }
  .contact-details-comp .cnct-details .card-body .mobile {
    width: 608px;
  }
  .contact-details-comp .cnct-details .card-body .mobile .country-option #isd-code {
    margin-top: 0px !important;
  }
  .contact-details-comp .cnct-details .card-body .fname {
    width: 296px !important;
  }
  .contact-details-comp .cnct-details .card-body .email-addr {
    width: 608px;
  }
  .contact-details-comp .cnct-details .card-body .details-brdr {
    width: 608px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .cnct-details .ct-title {
    margin-bottom: 16px;
    padding-left: 16px !important;
  }
  .contact-details-comp .cnct-details .card-body {
    padding: 24px 16px !important;
  }
  .contact-details-comp .cnct-details .card-body .disclamier-text {
    padding-bottom: 32px !important;
    max-width: 0px !important;
    min-width: 300px !important;
  }
  .contact-details-comp .cnct-details .card-body .card-search {
    padding-left: 7px;
    padding-top: 10px !important;
  }
  .contact-details-comp .cnct-details .card-body .search-text {
    width: auto !important;
    justify-content: space-between;
  }
  .contact-details-comp .cnct-details .card-body .search-text .icon-Arrow-Right-20 {
    padding: 3px 0px 0px 5px;
  }
  .contact-details-comp .cnct-details .card-body .lname {
    width: auto !important;
  }
  .contact-details-comp .cnct-details .card-body .mname {
    width: auto !important;
    margin-right: 0px !important;
  }
  .contact-details-comp .cnct-details .card-body .mobile {
    width: auto !important;
  }
  .contact-details-comp .cnct-details .card-body .mobile .details-brdr {
    width: auto !important;
  }
  .contact-details-comp .cnct-details .card-body .mobile .details-brdr .mble-num {
    margin-top: 0px !important;
    width: 70% !important;
  }
  .contact-details-comp .cnct-details .card-body .title-fname,
  .contact-details-comp .cnct-details .card-body .middle-last-name {
    display: block !important;
  }
  .contact-details-comp .cnct-details .card-body .title {
    width: auto !important;
    margin-right: 0px !important;
  }
  .contact-details-comp .cnct-details .card-body .title .compare-dropdown {
    width: auto !important;
  }
  .contact-details-comp .cnct-details .card-body .name-brdr {
    width: auto !important;
    max-width: 100% !important;
  }
  .contact-details-comp .cnct-details .card-body .text-col {
    padding-top: 8px;
  }
  .contact-details-comp .cnct-details .card-body .details-styl {
    padding-top: 32px !important;
  }
  .contact-details-comp .cnct-details .card-body .details-brdr {
    width: auto !important;
  }
  .contact-details-comp .cnct-details .card-body .email-addr {
    max-width: 100% !important;
    width: auto !important;
  }
}
.contact-details-comp .email-addr {
  position: relative;
}
.contact-details-comp .email-update-form {
  padding-top: 40px;
}
.contact-details-comp .email-update-form input {
  border: none;
  border-bottom: 2px solid #383737;
  border-radius: 0px;
  padding-left: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 100%;
}
.contact-details-comp .email-update-form input.error-val {
  border-bottom: 2px solid #ED454F;
}
.contact-details-comp .email-update-form input.error-val ~ label.error-msg-email {
  display: inline-block !important;
}
.contact-details-comp .email-update-form input:focus {
  box-shadow: none;
}
.contact-details-comp .email-update-form input ~ label.email-label {
  padding-top: 40px;
  padding-bottom: 8px;
  margin-bottom: 0px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding: 1rem 0.75rem;
  padding-left: 0px;
  background: transparent;
  border-radius: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .email-update-form input ~ label.email-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.contact-details-comp .email-update-form input ~ label.email-label::after {
  background-color: transparent;
}
.contact-details-comp .email-update-form input ~ label.error-msg-email {
  top: initial;
  display: none;
  padding-left: 0px;
  color: #ED454F;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  transform: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .email-update-form input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .email-update-form input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp .email-update-form input:not(:placeholder-shown) ~ label {
  font-size: 20px;
}
.contact-details-comp .email-update-form .input-group-text {
  background: transparent;
  border-radius: 0px;
  border: none;
  border-bottom: 2px solid #383737;
}
.contact-details-comp .email-update-form .input-group-text.error-val {
  border-bottom: 2px solid #ED454F;
}
.contact-details-comp .cd-links {
  display: inline;
  color: #307fe2;
  display: inline-flex;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  line-height: 19.2px !important;
  position: absolute;
  right: 0px;
  bottom: 22px;
}
.contact-details-comp .cd-links.cancel-email {
  position: relative;
  float: right;
  bottom: 0px;
}
.contact-details-comp .cd-links.save-email {
  position: relative;
  bottom: 0px;
  margin-right: 15px;
}
.contact-details-comp .cd-links.save-email.disabled {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5) !important;
  cursor: default;
}
.contact-details-comp .cd-links.update-email,
.contact-details-comp .cd-links.add-email {
  bottom: 10px;
}
.contact-details-comp .link-containers {
  justify-content: end;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .link-containers {
    justify-content: space-between;
  }
}
.contact-details-comp .link-containers .save-email {
  margin-left: 15px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .link-containers .save-email {
    margin-left: 0px;
  }
}
.contact-details-comp #change-email-otp .resend-otp-email {
  padding-left: 0px;
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 100%;
  padding-left: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input[aria-invalid="true"] {
  border-bottom: 2px solid #ED454F;
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label {
  padding-left: 0px;
}

.bs-your-vehicle-comp .icon-Arrow-Right {
  margin-left: 8px;
  align-self: center;
  font-size: 12px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section {
  background-color: #ffffff;
  padding: 64px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .your-vehicle-validator-form {
  visibility: hidden;
  position: absolute;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view {
  display: none;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details {
  display: flex;
  column-gap: 45px;
  padding-bottom: 24px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details .car-model-info {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details .car-model-info .register-number {
  color: #7a8084;
  margin-bottom: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details .car-model-info .car-model-name {
  color: #383737;
  margin-bottom: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details .car-model-info .edit-selection {
  display: flex;
  width: fit-content;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details .car-model-image {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details .car-model-image img {
  width: 100%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details {
  display: flex;
  column-gap: 40px;
  padding-bottom: 40px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details .last-service {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details .last-service .last-service-label {
  color: #7a8084;
  margin-bottom: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details .last-service .last-service-date {
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details .kilometer-details {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details .kilometer-details .kilometer-label {
  color: #7a8084;
  margin-bottom: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details .kilometer-details .kilometers {
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-label {
  color: #7a8084;
  margin-bottom: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-update {
  position: relative;
  border-bottom: 1px solid #383737;
  width: 100%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-update .current-km-input {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: calc(100% - 100px);
  border: none;
  color: #383737;
  outline: none;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-update .current-km-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-update .current-km-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-update .update-link {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  position: absolute;
  display: flex;
  right: 0;
  top: 7px;
  color: #307fe2;
  cursor: pointer;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-update .update-link.disabled {
  color: #7a8084;
  pointer-events: none;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-error {
  color: #ed454f;
  margin-bottom: 0;
  margin-top: 5px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view {
  display: none;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details {
  display: flex;
  column-gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeaec;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details .car-model-info {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details .car-model-info .register-number {
  color: #7a8084;
  margin-bottom: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details .car-model-info .car-model-name {
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details .car-model-image {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details .car-model-image img {
  width: 100%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details {
  padding: 40px 0;
  border-bottom: 1px solid #eaeaec;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details p {
  color: #7a8084;
  margin-bottom: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details h6 {
  color: #383737;
  margin-bottom: 0;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .variant-year-details {
  display: flex;
  column-gap: 40px;
  padding-bottom: 24px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .variant-year-details .variant-detail {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .variant-year-details .year-detail {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .fuel-transmission {
  display: flex;
  column-gap: 40px;
  padding-bottom: 40px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .fuel-transmission .fuel-detail {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .fuel-transmission .transmission-detail {
  width: 50%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .changeVehicle {
  display: flex;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
  width: fit-content;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .register-confirmation {
  padding-top: 40px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .register-confirmation .confirm-msg {
  margin-bottom: 30px;
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .register-confirmation .accept {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  display: inline-block;
  cursor: pointer;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .register-confirmation .reject {
  display: inline-block;
  margin-left: 40px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal {
  z-index: 9999998;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog {
  max-width: unset;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  overflow-y: initial !important;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content {
  max-height: 80vh;
  max-width: 56.5%;
  border-radius: 0;
  overflow-y: auto;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal {
  position: relative;
  padding: 80px 104px;
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .model-close {
  float: right;
  border: none;
  background: transparent;
  padding: 0;
  font-weight: bold;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .model-close.icon-Cross {
  font-size: 40px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .eyebrow {
  padding-right: 24px;
  margin-bottom: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .title {
  margin-bottom: 0px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .desc {
  padding-right: 104px;
  color: #7a8084;
  padding-bottom: 40px;
  margin-bottom: 0;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image {
  display: flex;
  column-gap: 40px;
  padding-top: 16px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image .pending-popup-desc {
  width: 55%;
  color: #7a8084;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image .pending-popup-img {
  width: 38%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .csrIdLabel {
  padding-top: 40px;
  margin-bottom: 8px;
  color: #7a8084;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .csrIdValue {
  margin-bottom: 0;
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .popup-fileupload {
  padding-bottom: 40px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .review-container {
  border-left: 8px solid #307fe2;
  background-color: #f8f8f8;
  padding: 24px 40px 24px 32px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .review-container .review-desc {
  margin-bottom: 0%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .error {
  color: #ed454f;
  margin-bottom: 0;
  margin-top: 40px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .modal-submit-btn {
  margin-top: 40px;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  background: #ffffff;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .modal-submit-btn:disabled {
  color: rgba(122, 128, 132, 0.5);
  border-color: rgba(122, 128, 132, 0.5);
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-message .message-title {
  padding-bottom: 24px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-message .message-desc {
  padding-right: 80px;
  margin-bottom: 0;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content::-webkit-scrollbar {
  display: block !important;
  width: 8px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section {
  display: flex;
  flex-direction: column;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .select-vehicle {
  margin-bottom: 24px;
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card {
  background-color: #f8f8f8;
  margin-bottom: 12px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body {
  display: flex;
  padding: 24px;
  column-gap: 40px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details {
  width: 53.7%;
  margin: auto;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .car-modelnum {
  color: #7a8084;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .car-modelnum {
    font-size: 16px;
    line-height: 20px;
  }
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .car-title {
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .select-btn {
  display: flex;
  width: fit-content;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .details-link {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  display: none;
  color: #307fe2;
  cursor: pointer;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .car-status {
  display: none;
  color: #f39b5b;
  margin-bottom: 0;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .rejected-msg {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  display: none;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-img-section {
  width: 46.3%;
  margin: auto;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-img-section .vehicle-img {
  width: 100%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card {
  background-color: #f8f8f8;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body {
  padding: 24px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body .add-new-subsection {
  display: flex;
  column-gap: 40px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body .add-new-subsection .newcar-styles {
  width: 53.7%;
  margin: auto;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body .add-new-subsection .newcar-styles .new-car-title {
  color: #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body .add-new-subsection .newcar-styles .add-btn {
  display: flex;
  width: fit-content;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body .add-new-subsection .newcar-img-section {
  position: relative;
  cursor: pointer;
  width: 46.3%;
  margin: auto;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body .add-new-subsection .newcar-img-section .desktop-image {
  width: 100%;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details {
  display: none;
  border-top: 1px solid #eaeaec;
  margin-top: 12px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .number-title {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
  padding-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .number-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .input-num-details {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #383737;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .input-num-details .vehicle-num {
  border: none;
  background-color: #f8f8f8;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  width: calc(100% - 100px);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .input-num-details .vehicle-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .input-num-details .vehicle-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .input-num-details .submit-btn {
  position: absolute;
  color: #307fe2;
  display: flex;
  right: 2px;
  top: 7px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .input-num-details .submit-btn.disabled {
  color: #7a8084;
  pointer-events: none;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .icon-Info {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .error-msg {
  display: none;
  color: #ed454f;
  margin-top: 8px;
  margin-bottom: 0;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card.errorClass .input-num-details {
  border-color: #ed454f;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card.errorClass .error-msg {
  display: block;
}
.bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .text-or {
  margin-bottom: 0px;
  margin-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-your-vehicle-comp .bs-your-vehicle-section {
    padding: 40px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details {
    column-gap: 40px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-label {
    margin-bottom: 12px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-update {
    width: calc(50% - 50px);
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details {
    padding-bottom: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .register-confirmation .confirm-msg {
    margin-bottom: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog {
    max-width: unset;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content {
    max-width: 100%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal {
    padding: 40px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .model-close.icon-Cross {
    font-size: 32px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .title {
    padding-bottom: 22px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .desc {
    padding-right: 112px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image {
    padding-top: 0;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image .pending-popup-desc {
    width: 62%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image .pending-popup-img {
    width: 38%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .csrIdLabel {
    padding-top: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .review-container {
    padding: 24px 32px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .modal-submit-btn {
    width: 100%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-message .message-title {
    padding-bottom: 22px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-message .message-desc {
    padding-right: 96px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card {
    margin-bottom: 8px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details {
    width: 56.15%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-img-section {
    width: 43.85%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .input-num-details .submit-btn {
    top: 2px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .bs-your-vehicle-comp .bs-your-vehicle-section {
    padding: 24px 16px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details {
    flex-direction: column-reverse;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details .car-model-info {
    padding-top: 24px;
    width: 100%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .car-details .car-model-image {
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #7a8084;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details {
    flex-direction: column;
    padding-bottom: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details .last-service {
    width: 100%;
    padding-bottom: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .last-service-details .kilometer-details {
    width: 100%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-label {
    margin-bottom: 8px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .select-car-view .current-kilometers-details .current-km-update {
    width: 100%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details .car-model-info {
    width: 100%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-details .car-model-image {
    width: 100%;
    text-align: center;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details {
    padding: 24px 0;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .variant-year-details {
    column-gap: 16px;
    padding-bottom: 16px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .car-variant-details .fuel-transmission {
    column-gap: 16px;
    padding-bottom: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .register-confirmation {
    padding-top: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .register-confirmation .accept {
    display: block;
    text-align: center;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .add-car-view .register-confirmation .reject {
    display: block;
    text-align: center;
    padding: 24px 0 0;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog {
    max-width: unset;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content {
    max-width: 100%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal {
    padding: 30px 14px 14px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .model-close.icon-Cross {
    font-size: 32px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .eyebrow {
    padding-right: 52px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .desc {
    padding-right: 0px;
    padding-bottom: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image {
    padding-top: 0;
    flex-direction: column;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image .pending-popup-desc {
    width: 100%;
    padding-bottom: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .car-desc-image .pending-popup-img {
    width: 100%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .popup-fileupload {
    padding-bottom: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .review-container {
    padding: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-container .modal-submit-btn {
    width: 100%;
    margin-top: 24px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-message .message-title {
    padding-right: 52px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .modal .modal-dialog .modal-content .container-popup-modal .popup-message .message-desc {
    padding-right: 0px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body {
    padding: 12px;
    column-gap: 16px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details {
    width: 55.9%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .car-modelnum {
    margin-bottom: 4px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-section-details .car-title {
    margin-bottom: 4px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .user-car-card .card-body .car-img-section {
    width: 44.1%;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body {
    padding: 12px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .card-body .add-new-subsection {
    column-gap: 16px;
  }
  .bs-your-vehicle-comp .bs-your-vehicle-section .user-vehicle-section .add-new-car-card .vehicle-num-details .registration-card .number-title {
    padding-top: 10px;
    margin-bottom: 6px;
  }
}

.bs-summary-comp .bs-accordions {
  display: grid;
  gap: 24px;
}
.bs-summary-comp .bs-accordions .hide-in-desktop {
  display: none;
}
.bs-summary-comp .bs-accordions .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
}
.bs-summary-comp .bs-accordions p,
.bs-summary-comp .bs-accordions h5,
.bs-summary-comp .bs-accordions h6,
.bs-summary-comp .bs-accordions button {
  word-break: break-word;
  padding: 0;
  margin: 0;
}
.bs-summary-comp .bs-accordions .mar-bot-8px {
  margin-bottom: 8px;
}
.bs-summary-comp .bs-accordions .mar-bot-16px {
  margin-bottom: 16px;
}
.bs-summary-comp .bs-accordions .bs-accordion {
  width: 100%;
  background-color: #ffffff;
  border: none;
  padding: 45px 64px;
  text-align: left;
  border-bottom: 2px solid #eaeaec;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bs-summary-comp .bs-accordions .bs-accordion .icon-Chevron-Down::before,
.bs-summary-comp .bs-accordions .bs-accordion .icon-Chevron-Up::before {
  color: #383737;
  font-size: 24px;
}
.bs-summary-comp .bs-accordions .bs-accordion.active .icon-Chevron-Down,
.bs-summary-comp .bs-accordions .bs-accordion.active .icon-Chevron-Up {
  transform: rotate(180deg);
}
.bs-summary-comp .bs-accordions .bs-accordion h5 {
  color: #383737;
  width: 89.4545%;
}
.bs-summary-comp .bs-accordions .accordion-content {
  padding: 64px;
  background-color: #ffffff;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content h5 {
  color: #383737;
  margin-bottom: 24px;
  word-break: break-word;
  width: fit-content;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content h6 {
  color: #7a8084;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content h6.mar-bot-16px {
  width: 20.2727272727%;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .cust-name-div h6,
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .contact-details-div h6 {
  color: #383737;
  margin: 0;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details {
  display: flex;
  gap: 0 3.63%;
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details p {
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details {
    flex-direction: column;
  }
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details .cust-name-div {
  width: 30.9%;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details .contact-details-div {
  display: grid;
  width: 65.45%;
  grid-template-columns: 47.222% 47.222%;
  gap: 0 5.555%;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section {
  display: flex;
  gap: 0 3.63%;
  padding-top: 40px;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details {
  width: 30.9%;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details p {
  color: #7a8084;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .car-img-div {
  padding-top: 40px;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .car-img-div img {
  max-width: 100%;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .vehicle-details-grid h6 {
  color: #383737;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section {
  display: grid;
  width: 65.45%;
  grid-template-columns: 47.222% 47.222%;
  gap: 0 5.555%;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section p {
  color: #383737;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .dealer-name-ratings {
  display: block;
  padding-bottom: 8px;
  grid-template-columns: auto 39.4117%;
  gap: 3.529%;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .desktop-rating {
  display: grid;
  grid-auto-flow: column;
  width: fit-content;
  gap: 3.33px;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .desktop-rating .icon-Star-Active,
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .desktop-rating .icon-Star-Half,
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .desktop-rating .icon-Star-Rest {
  width: 16.67px;
  height: 16.67px;
  color: #307fe2;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .tab-mob-rating {
  display: none;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .map-section #bs-dealer-map {
  width: 100%;
  height: 234px;
}
.bs-summary-comp .bs-accordions .details-section .details-accordion-content .disclaimer {
  margin-top: 40px;
  color: #282828;
}
.bs-summary-comp .bs-accordions .service-section .t-d-table-row {
  width: 100%;
}
.bs-summary-comp .bs-accordions .service-section .t-d-table-cell-right {
  width: 46.9512%;
  padding: 0;
}
.bs-summary-comp .bs-accordions .service-section .t-d-table-cell-left {
  width: 53.04878%;
  padding: 0;
  vertical-align: top;
}
.bs-summary-comp .bs-accordions .service-section .t-d-table-cell-left .column-spacing {
  margin-right: 11.49%;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .header-row {
  margin-left: 40px;
  margin-right: 40px;
  display: grid;
  grid-template-columns: 31.76% 30.2% 30.2%;
  gap: 3.92%;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .header-row span {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div {
  padding: 40px;
  display: grid;
  grid-template-columns: 31.76% 64.32%;
  gap: 24px 3.92%;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div h6,
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div p {
  color: #383737;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div .annual-service-div button {
  color: #307fe2;
  display: flex;
  align-items: center;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div .annual-service-div button img {
  width: 12px;
  height: 12px;
  margin-left: 8px;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div .vas-list-desktop-tablet {
  width: 100%;
  display: grid;
  grid-template-columns: 46.95% 46.95%;
  gap: 0 6.09756%;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .ac-service-type .summary-vas-item {
  display: grid;
  grid-template-columns: 31.76% 64.32%;
  gap: 24px 3.92%;
  padding: 40px;
  background-color: #f8f8f8;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .ac-service-type .summary-vas-item .annual-service-div button {
  color: #307fe2;
  display: flex;
  align-items: center;
}
.bs-summary-comp .bs-accordions .service-section .service-accordion-content .ac-service-type .summary-vas-item .vas-list-desktop-tablet {
  width: 100%;
  display: grid;
  grid-template-columns: 46.95% 46.95%;
  gap: 0 6.09756%;
}
.bs-summary-comp .bs-accordions .customer-request-section .customer-request-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-summary-comp .bs-accordions .customer-request-section .customer-request-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-summary-comp .bs-accordions .customer-request-section .customer-request-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.bs-summary-comp .bs-accordions .customer-request-section .customer-request-data {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-summary-comp .bs-accordions .customer-request-section .customer-request-data {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-summary-comp .bs-accordions .customer-request-section .customer-request-data {
    padding: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-summary-comp .bs-accordions .customer-request-section .customer-request-data {
    padding: 0px;
  }
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content h6 {
  color: #383737;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content p {
  color: #7a8084;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .service-location {
  padding-bottom: 40px;
  max-width: 30.909%;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .service-location h5 {
  margin-bottom: 24px;
  color: #383737;
  max-width: fit-content;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-selection-name-details {
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeaec;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-selection-name-details .dealership-label {
  padding-bottom: 24px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section {
  padding-top: 40px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .service-location-label {
  margin-bottom: 24px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main {
  display: grid;
  grid-template-columns: 30.91% 30.91% 30.91%;
  gap: 40px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time {
  display: contents;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-pickup-time .date-time {
  padding-bottom: 12px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-estimated-time h6 {
  padding-bottom: 12px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section {
  padding-top: 40px;
  border-top: 1px solid #eaeaec;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section h5 {
  margin-bottom: 24px;
  max-width: fit-content;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .pickup-section {
  display: grid;
  grid-template-columns: 30.965% 65.391%;
  gap: 3.642%;
  padding-bottom: 40px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section {
  display: grid;
  grid-template-columns: 30.965% 64.2076%;
  gap: 3.642%;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section .dropped-at-time {
  padding-bottom: 20px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section .dropped-at-time h6 {
  margin-bottom: 24px;
}
.bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .disclaimer {
  color: #282828;
  margin-top: 24px;
}
.bs-summary-comp .bs-modal-popup .modal {
  z-index: 999999;
}
.bs-summary-comp .bs-modal-popup .modal .modal-content {
  border: none;
  padding: 64px 105px;
  border-radius: unset;
}
.bs-summary-comp .bs-modal-popup .modal .modal-content .modal-header {
  padding: 0;
  border: none;
  border-radius: unset;
  display: flex;
  justify-content: end;
  position: absolute;
  top: 64px;
  right: 105px;
}
.bs-summary-comp .bs-modal-popup .modal .modal-content .modal-header button {
  background: transparent;
  border: none;
  padding: 0%;
  outline: none !important;
  color: #383737;
  z-index: 9;
}
.bs-summary-comp .bs-modal-popup .modal .modal-content .modal-header button .icon-Cross {
  font-size: 40px;
  color: #383737;
}
.bs-summary-comp .bs-modal-popup .modal .modal-content .modal-body {
  padding: 0px;
}
.bs-summary-comp .bs-modal-popup .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.bs-summary-comp .bs-modal-popup .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
.bs-summary-comp .bs-modal-popup .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.bs-summary-comp .bs-modal-popup .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.bs-summary-comp .bs-modal-popup .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-summary-comp .service-section-mobile {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-summary-comp .bs-accordions {
    gap: 64px;
  }
  .bs-summary-comp .bs-accordions .hide-in-desktop {
    display: table-row;
    color: #7a8084;
  }
  .bs-summary-comp .bs-accordions .bs-accordion {
    border-bottom: 1px solid #eaeaec;
    padding: 24px 40px;
  }
  .bs-summary-comp .bs-accordions .bs-accordion::after {
    font-size: 24px;
    height: 24px;
    width: 24px;
  }
  .bs-summary-comp .bs-accordions .accordion-content {
    padding: 16px 16px 24px 16px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content {
    padding: 40px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content h5 {
    color: #383737;
    margin-bottom: 22px;
    word-break: break-all;
    width: 46.7105%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content h6 {
    width: 46.7105%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content h6.mar-bot-16px {
    width: 46.7105%;
    margin-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details {
    gap: 40px 3.63%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details h6 {
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details .cust-name-div {
    width: 46.7105%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details .contact-details-div {
    grid-template-columns: 46.7105% 46.7105%;
    gap: 0 6.57894%;
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section {
    flex-direction: column;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section h5 {
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details {
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details :first-child {
    width: 46.7105263158%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .vehicle-details-img-grid {
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 40px;
    border-bottom: 1px solid #eaeaec;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .vehicle-details-img-grid .vehicle-details-grid {
    width: 46.7105%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .vehicle-details-img-grid .vehicle-details-grid h6 {
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .car-img-div {
    padding: 0;
    width: 46.7105%;
    margin-right: 6.57894%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .car-img-div img {
    width: 284px;
    height: 88px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section {
    width: 100%;
    grid-template-columns: 46.7105% 46.7105%;
    gap: 0 6.57894%;
    padding-top: 40px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .dealer-name-ratings {
    display: block;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .desktop-rating {
    display: none;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .tab-mob-rating {
    margin-top: 8px;
    display: grid;
    grid-auto-flow: column;
    width: fit-content;
    gap: 6.67px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .tab-mob-rating .icon-Star-Active,
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .tab-mob-rating .icon-Star-Half,
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .tab-mob-rating .icon-Star-Rest {
    width: 16.67px;
    height: 16.67px;
    color: #307fe2;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .hide-in-desktop {
    display: none;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .map-section #bs-dealer-map {
    height: 159px;
    margin-top: 46px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .disclaimer {
    margin-top: 29px;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .header-row {
    display: none;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div {
    padding: 24px 24px 0 24px;
    display: block;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div .annual-service-div {
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .service-type-div .annual-service-div h6 {
    width: 68.2565%;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .ac-service-type .summary-vas-item {
    padding: 24px;
    display: block;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .ac-service-type .summary-vas-item .annual-service-div {
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .ac-service-type .summary-vas-item .annual-service-div h6 {
    width: 68.2565%;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .problem-list-desktop-tablet {
    padding: 24px 0;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .problem-list-desktop-tablet .metadata {
    color: #7a8084;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .vas-list-desktop-tablet {
    padding: 24px 0;
  }
  .bs-summary-comp .bs-accordions .service-section .service-accordion-content .vas-list-desktop-tablet .hide-in-desktop {
    display: block;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile {
    display: none;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content {
    padding: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .service-location {
    max-width: 46.7105%;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .service-location h5 {
    max-width: 100%;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-selection-name-details {
    padding-bottom: 40px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-selection-name-details .dealership-label {
    padding-bottom: 22px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .service-location-label {
    margin-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main {
    display: block;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-address {
    width: 100%;
    margin-right: 23px;
    padding-right: 0px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-address .dealer-address-line {
    margin-bottom: 8px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time {
    display: flex;
    flex-direction: row;
    padding-top: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-pickup-time {
    width: 50%;
    margin-right: 40px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-pickup-time .date-time {
    padding-bottom: 8px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-estimated-time {
    width: 50%;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-estimated-time h6 {
    padding-bottom: 8px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .pickup-section,
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section {
    grid-template-columns: 46.7105% 46.7105%;
    gap: 0px 6.57894%;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .pickup-section .dropped-at-time,
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section .dropped-at-time {
    padding-bottom: 0;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .disclaimer {
    margin-top: 32px;
  }
  .bs-summary-comp .bs-modal-popup .modal.modal-right .modal-dialog.modal-lg,
  .bs-summary-comp .bs-modal-popup .modal.modal-right .modal-dialog {
    width: 83.34%;
  }
  .bs-summary-comp .bs-modal-popup .modal .modal-content {
    padding: 64px 40px 60px 88px;
  }
  .bs-summary-comp .bs-modal-popup .modal .modal-content .modal-header {
    top: 64px;
    right: 40px;
  }
  .bs-summary-comp .bs-modal-popup .modal .modal-content .modal-body {
    padding: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-summary-comp .bs-accordions {
    gap: 64px;
  }
  .bs-summary-comp .bs-accordions .bs-accordion {
    padding: 24px 16px;
  }
  .bs-summary-comp .bs-accordions .bs-accordion::after {
    font-size: 20px;
    height: 20px;
    width: 20px;
  }
  .bs-summary-comp .bs-accordions .accordion-content {
    padding: 35px 16px 40px 16px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content {
    padding: 35px 16px 40px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content h5 {
    margin-bottom: 24px;
    width: 100%;
    word-break: break-all;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content h6,
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content p {
    width: 100% !important;
    word-break: break-all;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content h6.mar-bot-16px {
    margin-bottom: 16px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details {
    gap: 24px 3.63%;
    padding-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details .cust-name-div {
    padding-bottom: 0;
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details .contact-details-div {
    display: block;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .personal-details .contact-details-div .email-div {
    padding-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section {
    padding-top: 24px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details :first-child {
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details h5 {
    padding-bottom: 16px;
    margin-bottom: 0;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .vehicle-details-img-grid {
    flex-direction: column-reverse;
    padding-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .vehicle-details-img-grid .car-img-div {
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .vehicle-details-img-grid .car-img-div img {
    width: 100%;
    height: auto;
    padding-bottom: 16px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .vehicle-details .vehicle-details-img-grid .vehicle-details-grid {
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
    padding-top: 24px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section h5 {
    display: block;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .hide-in-desktop {
    display: block;
    margin-bottom: 0;
    order: 1;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .mar-bot-8px {
    margin-bottom: 0;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .tab-mob-rating {
    margin-top: 12px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .mar-bot-8px {
    margin-bottom: 12px;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section h5 {
    display: none;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .dealer-section .hide-in-mobile {
    display: none;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .vehicle-dealer-section .dealer-map-section .map-section #bs-dealer-map {
    margin: 0;
  }
  .bs-summary-comp .bs-accordions .details-section .details-accordion-content .disclaimer {
    margin-top: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content {
    padding: 24px 16px 32px 16px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content {
    padding: 0;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content h5 {
    max-width: 100%;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .service-location {
    max-width: 100%;
    padding-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .service-location h5 {
    max-width: 100%;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-selection-name-details {
    padding-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-selection-name-details .dealership-label {
    padding-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section {
    padding-top: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .service-location-label {
    margin-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main {
    display: block;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-address {
    width: 100%;
    margin-right: 0px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time {
    display: block;
    padding-top: 16px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-pickup-time {
    width: 100%;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-pickup-time .date-time {
    padding-bottom: 0px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-estimated-time {
    width: 100%;
    margin-top: 16px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .dealer-selection .dealer-address-section .dealer-address-section-main .dealer-time .dealer-estimated-time h6 {
    padding-bottom: 8px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section {
    padding-top: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section h5 {
    max-width: 100%;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .mar-bot-16px {
    margin-bottom: 8px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .pickup-section,
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section {
    display: flex;
    flex-direction: column;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .pickup-address,
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-address {
    padding-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section {
    padding-bottom: 0;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section .dropped-at-time {
    padding-bottom: 0;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .appointment-content .transport-section .dropped-at-section .dropped-at-time h6 {
    margin-bottom: 8px;
  }
  .bs-summary-comp .bs-accordions .appointment-section .appointment-accordion-content .disclaimer {
    margin-top: 12px;
  }
  .bs-summary-comp .bs-accordions .service-section {
    display: none;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile {
    display: block;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .cta-link {
    color: #307fe2;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .accordion-content {
    padding: 24px 0;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .accordion-content h6 {
    color: #383737;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .accordion-content .metadata {
    color: #7a8084;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .service-accordion-content-mobile.content-show {
    display: none;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .annual-service-acc-div .annual-service-acc-content {
    display: none;
    padding: 24px 16px 28px 16px;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .annual-service-acc-div .annual-service-acc-content .cta-link img {
    width: 12px;
    height: 12px;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .ac-disinfection-acc-div {
    background-color: #f8f8f8;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .ac-disinfection-acc-div .bs-accordion {
    background-color: #f8f8f8;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .ac-disinfection-acc-div .ac-disinfection-acc-content {
    display: none;
    padding: 24px 16px 28px 16px;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .ac-disinfection-acc-div .ac-disinfection-acc-content .cta-link img {
    width: 12px;
    height: 12px;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .metadata {
    color: #7a8084;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile p {
    color: #383737;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .details-div {
    display: grid;
    grid-template-columns: 40% 57.333%;
    gap: 2.666%;
    padding-bottom: 24px;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .comments-div {
    padding-bottom: 36px;
  }
  .bs-summary-comp .bs-accordions .service-section-mobile .comments-div .metadata {
    max-width: 65.333%;
  }
  .bs-summary-comp .bs-modal-popup .modal.modal-right .modal-dialog.modal-lg,
  .bs-summary-comp .bs-modal-popup .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .bs-summary-comp .bs-modal-popup .modal .modal-content {
    padding: 36px 30px 30px 30px;
  }
  .bs-summary-comp .bs-modal-popup .modal .modal-content .modal-header {
    top: 21px;
    right: 30px !important;
  }
  .bs-summary-comp .bs-modal-popup .modal .modal-content .modal-header button .icon-Cross {
    font-size: 32px;
  }
  .bs-summary-comp .bs-modal-popup .modal .modal-content .modal-body {
    padding: 0px;
  }
}

.sticky-bsoverview {
  position: sticky;
  top: 0px;
  align-self: flex-start;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-overview-comp {
    position: relative;
    z-index: 999;
  }
}
.bs-overview-comp .overview_box {
  max-width: 396px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-overview-comp .overview_box {
    max-width: 100%;
    position: relative;
  }
}
.bs-overview-comp .overview_box .collapse_toggle_mobile {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-overview-comp .overview_box .collapse_toggle_mobile {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #ffffff;
    width: 100%;
    padding: 16px 30px;
    left: 0px;
    right: 0px;
  }
  .bs-overview-comp .overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    font-weight: 500;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-overview-comp .overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-size: 16px;
    line-height: 20px;
  }
}
.bs-overview-comp .overview_box .comp_title {
  padding-bottom: 24px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-overview-comp .overview_box .comp_title {
    display: none;
  }
}
.bs-overview-comp .overview_box .list_heading {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  align-items: center;
  cursor: pointer;
}
.bs-overview-comp .overview_box .list_heading .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
.bs-overview-comp .overview_box .overview_box_accordian {
  padding: 16px 0px 16px 0px;
  border-bottom: solid 2px #eaeaec;
}
.bs-overview-comp .overview_box .overview_box_accordian.CollapseCatogories {
  display: none;
}
.bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item.collapseItems {
  display: none;
}
.bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list {
  margin: 0px;
  padding: 0px;
}
.bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0px 0px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
    flex-direction: column;
  }
}
.bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
  max-width: 198px;
  text-align: right;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
    max-width: 100%;
    text-align: left;
  }
}
.bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 span {
  display: block;
}
.bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:first-child {
  margin-top: 8px;
}
.bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:last-child {
  padding-bottom: 0px;
}
.bs-overview-comp .overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span:nth-child(2) {
  text-align: right;
}
.bs-overview-comp .overview_box .overview-total {
  width: 100%;
  background: #ffffff;
  border-left: solid 8px #307fe2;
  min-height: 106px;
  padding: 16px 24px 16px 16px;
  margin-top: 16px;
}
.bs-overview-comp .overview_box .overview-total .overview-total-title {
  padding-bottom: 12px;
}
.bs-overview-comp .overview_box .overview-total .overview-total-label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 4px;
  display: block;
}
.bs-overview-comp .overview_box .overview-total .bs-overview-desc p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 0px;
}
@media only screen and (min-width: 1200px) {
  .bs-overview-comp .overview_box .overview_box_container {
    display: block !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-overview-comp .overview_box .overview_box_container {
    position: fixed !important;
    top: auto;
    bottom: 78px;
    height: 36% !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-overview-comp .overview_box .overview_box_container {
    position: fixed !important;
    top: 0px;
    height: calc(100vh - 78px) !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
.bs-overview-comp .showBackDrop {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-overview-comp .showBackDrop {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    height: 100vh;
    width: 100%;
    max-width: 100%;
    background: #383737;
    inset: auto 0px 78px;
    display: block;
    opacity: 80%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-overview-comp .showBackDrop {
    display: none;
  }
}
.cq-Editable-dom .overview-comp .overview_box_container,
.cq-Editable-dom .overview-comp .collapse_toggle_mobile {
  position: static !important;
  height: auto !important;
}


.bs-date-and-time-comp .date-and-time-heading {
  margin-bottom: 40px;
  color: #383737;
  display: inline-block;
}
.bs-date-and-time-comp .date-and-time-body {
  background-color: #ffffff;
  padding: 64px;
}
.bs-date-and-time-comp .date-and-time-body .title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-body .title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-date-and-time-comp .date-and-time-body .title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.bs-date-and-time-comp .date-and-time-body .description {
  padding-right: 48px;
}
.bs-date-and-time-comp .date-and-time-body .description p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-top: 12px;
  margin-bottom: 43px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-body .description p {
    font-size: 16px;
    line-height: 20px;
  }
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline {
  border: none;
  width: 360px;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header {
  width: 360px;
  border: none;
  background: none;
  font-weight: bold;
  padding: 0px 0px !important;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
  padding: 0px 100px;
  margin-bottom: 25px;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  word-break: normal;
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  display: none;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-icon {
  text-indent: 0px;
  width: 20px;
  height: 20px;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-state-disabled span {
  color: rgba(122, 128, 132, 0.5) !important;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next {
  top: 1px;
  right: 1px;
  cursor: pointer;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next span:before {
  content: "\e99f";
  font-family: 'icomoon' !important;
  font-size: 20px;
  text-indent: 0px !important;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next.ui-state-hover {
  border: none;
  background: none;
  color: inherit;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev {
  left: 1px;
  top: 1px;
  cursor: pointer;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev span:before {
  content: "\e999";
  font-family: 'icomoon' !important;
  font-size: 20px;
  text-indent: 0px !important;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev.ui-state-hover {
  border: none;
  background: none;
  color: inherit;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th {
  text-align: center;
  border: 0;
  color: #383737;
  padding: 0px;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
  display: block;
  margin-bottom: 24px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar thead th span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr .ui-datepicker-other-month .ui-priority-secondary {
  opacity: 1;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  border: solid 1px #eaeaec;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td {
    font-size: 16px;
    line-height: 20px;
  }
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td span,
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a {
  word-break: normal;
  text-decoration: none;
  display: block;
  padding: 14px 14px;
  text-align: center;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td span.ui-state-default,
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a.ui-state-default {
  color: #307fe2;
  border: none;
  background: none;
  font-weight: 300 !important;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td:last-child {
  background-color: #eaeaec;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
  background-color: #307fe2;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day .ui-state-active {
  color: #ffffff;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-state-disabled {
  opacity: 1;
}
.bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-state-disabled span {
  color: rgba(122, 128, 132, 0.5) !important;
}
.bs-date-and-time-comp .date-and-time-body .time-section .select-time-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 40px;
  padding-bottom: 24px;
  margin-bottom: 0px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-body .time-section .select-time-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-date-and-time-comp .date-and-time-body .time-section .select-time-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.bs-date-and-time-comp .date-and-time-body .time-section table .calendarDateTime {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding: 14px 23px;
  text-align: center;
  border: 1px solid #eaeaec;
  color: rgba(122, 128, 132, 0.5) !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-body .time-section table .calendarDateTime {
    font-size: 16px;
    line-height: 20px;
  }
}
.bs-date-and-time-comp .date-and-time-body .time-section table .calendarDateTime a {
  word-break: normal;
  text-decoration: none;
  color: #307fe2;
}
.bs-date-and-time-comp .date-and-time-body .time-section table .calendarDateTime.active {
  background-color: #307fe2;
  cursor: pointer;
}
.bs-date-and-time-comp .date-and-time-body .time-section table .calendarDateTime.active .available-time {
  color: #ffffff;
}
.bs-date-and-time-comp .date-and-time-body .bs-date-time-date-error,
.bs-date-and-time-comp .date-and-time-body .bs-date-time-slot-error,
.bs-date-and-time-comp .date-and-time-body .bs-date-time-general-error {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-body .bs-date-time-date-error,
  .bs-date-and-time-comp .date-and-time-body .bs-date-time-slot-error,
  .bs-date-and-time-comp .date-and-time-body .bs-date-time-general-error {
    font-size: 16px;
    line-height: 20px;
  }
}
.bs-date-and-time-comp .bs-date .bsDateTime {
  visibility: hidden;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-date-and-time-comp .date-and-time-heading {
    margin-bottom: 24px;
  }
  .bs-date-and-time-comp .date-and-time-body {
    padding: 40px;
  }
  .bs-date-and-time-comp .date-and-time-body .description {
    padding-right: 0px;
  }
  .bs-date-and-time-comp .date-and-time-body .description p {
    padding-top: 16px;
    margin-bottom: 41px !important;
  }
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
    margin-bottom: 23px;
    padding: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-date-and-time-comp .date-and-time-heading {
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .bs-date-and-time-comp .date-and-time-body {
    padding: 24px 16px;
  }
  .bs-date-and-time-comp .date-and-time-body .description p {
    padding-top: 8px !important;
    margin-bottom: 33px !important;
  }
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker {
    width: 100%;
  }
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker .ui-datepicker-header {
    width: auto;
  }
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin-bottom: 27px;
  }
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td span,
  .bs-date-and-time-comp .date-and-time-body .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td a {
    padding: 11px 9px !important;
  }
  .bs-date-and-time-comp .date-and-time-body .time-section .select-time-label {
    padding-top: 32px;
    padding-bottom: 16px;
  }
  .bs-date-and-time-comp .date-and-time-body .time-section table {
    width: 100%;
  }
  .bs-date-and-time-comp .date-and-time-body .time-section table .calendarDateTime {
    padding: 3.4% 6.35% !important;
  }
}

.bs-confirmation-comp .confirmation {
  display: none;
  position: relative;
  overflow: hidden;
}
.bs-confirmation-comp .confirmation .details-section {
  width: 67.8338762%;
  background: #ffffff;
}
.bs-confirmation-comp .confirmation .details-section .details {
  width: 74.909964%;
  height: 100%;
  padding: 64px 0px 64px 64px;
}
.bs-confirmation-comp .confirmation .details-section .details .car-model p {
  margin-bottom: 8px;
  color: #7a8084;
}
.bs-confirmation-comp .confirmation .details-section .details .car-model h4 {
  color: #383737;
  margin-bottom: 0px;
  padding-bottom: 40px;
}
.bs-confirmation-comp .confirmation .details-section .details .service-info {
  display: grid;
  grid-template-columns: auto;
  gap: 24px;
  margin-bottom: 40px;
}
.bs-confirmation-comp .confirmation .details-section .details .service-info p {
  margin-bottom: 8px;
  color: #7a8084;
}
.bs-confirmation-comp .confirmation .details-section .details .service-info h6 {
  color: #383737;
  margin-bottom: 8px;
}
.bs-confirmation-comp .confirmation .details-section .details .service-info h6:last-child {
  margin-bottom: 0px !important;
}
.bs-confirmation-comp .confirmation .details-section .details .service-info .services-details,
.bs-confirmation-comp .confirmation .details-section .details .service-info .dealer-details {
  display: grid;
  gap: 24px;
  grid-template-columns: 47.8571429% 47.8571429%;
}
.bs-confirmation-comp .confirmation .details-section .details .price-appointment {
  display: grid;
  gap: 24px;
  grid-template-columns: 47.8571429% 47.8571429%;
  margin-bottom: 40px;
}
.bs-confirmation-comp .confirmation .details-section .details .price-appointment p {
  margin-bottom: 8px;
  color: #7a8084;
}
.bs-confirmation-comp .confirmation .details-section .details .price-appointment h5 {
  color: #383737;
  margin-bottom: 0%;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns {
  display: flex;
  align-items: center;
  justify-self: center;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns button {
  display: block;
  outline: none;
  border: 2px solid #307fe2;
  transition-duration: 0.3s;
  padding: 12px 24px;
  width: auto;
  background: transparent;
  margin-right: 40px;
  font-size: 16px;
  line-height: 17.6px;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns button a {
  color: #307fe2;
  text-decoration: none;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns button:focus,
.bs-confirmation-comp .confirmation .details-section .details .booking-btns button:hover:enabled {
  background-color: #307fe2;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns button:focus a,
.bs-confirmation-comp .confirmation .details-section .details .booking-btns button:hover:enabled a {
  color: #ffffff;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns .cancel-booking {
  text-decoration: none;
  color: #307fe2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns .cancel-booking.disable {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5);
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns .cancel-booking span {
  margin-right: 8px;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns .cancel-booking .icon-Arrow-Right:before {
  font-size: 12px;
}
.bs-confirmation-comp .confirmation .details-section .details .booking-btns .cancel-booking img {
  width: 12px;
  height: 12px;
  margin-top: 2px;
}
.bs-confirmation-comp .confirmation .car-image {
  position: absolute;
  z-index: 9;
  top: 44.41px;
}
.bs-confirmation-comp .confirmation .car-image picture {
  display: block;
}
.bs-confirmation-comp .confirmation .car-image picture img {
  width: 100%;
  height: 100%;
}
.bs-confirmation-comp .confirmation .car-section {
  position: relative;
  width: 32.1661238%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.bs-confirmation-comp .confirmation .car-section .car-image {
  display: none;
}
.bs-confirmation-comp .confirmation .car-section .car-model {
  display: none;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-confirmation-comp .confirmation .car-image {
    right: -90px;
  }
}
@media only screen and (min-width: 1200px) {
  .bs-confirmation-comp .confirmation .car-image {
    right: -29px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-confirmation-comp .confirmation {
    flex-direction: column-reverse;
  }
  .bs-confirmation-comp .confirmation .details-section {
    width: 100%;
  }
  .bs-confirmation-comp .confirmation .details-section .details {
    width: 100%;
    height: 100%;
    padding: 40px;
  }
  .bs-confirmation-comp .confirmation .details-section .details .car-model {
    display: none;
  }
  .bs-confirmation-comp .confirmation .details-section .details .service-info {
    margin-bottom: 24px;
  }
  .bs-confirmation-comp .confirmation .details-section .details .service-info .services-details,
  .bs-confirmation-comp .confirmation .details-section .details .service-info .dealer-details {
    grid-template-columns: 46.7106% 46.7106%;
    gap: 40px;
  }
  .bs-confirmation-comp .confirmation .details-section .details .price-appointment {
    gap: 40px;
    grid-template-columns: 46.7106% 46.7106%;
  }
  .bs-confirmation-comp .confirmation .car-image {
    display: none;
    position: unset;
    padding-top: 21px;
  }
  .bs-confirmation-comp .confirmation .car-image picture {
    display: block;
  }
  .bs-confirmation-comp .confirmation .car-section {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .bs-confirmation-comp .confirmation .car-section .car-image {
    display: block !important;
  }
  .bs-confirmation-comp .confirmation .car-section .car-model {
    display: block;
    padding: 40px 0px 40px 40px;
    width: 50%;
  }
  .bs-confirmation-comp .confirmation .car-section .car-model p {
    color: #eaeaec;
    margin-bottom: 8px;
  }
  .bs-confirmation-comp .confirmation .car-section .car-model h4 {
    color: #ffffff;
    margin: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-confirmation-comp .confirmation {
    flex-direction: column-reverse;
  }
  .bs-confirmation-comp .confirmation .details-section {
    width: 100%;
  }
  .bs-confirmation-comp .confirmation .details-section .details {
    width: 100%;
    height: 100%;
    padding: 24px 16px;
  }
  .bs-confirmation-comp .confirmation .details-section .details .car-model {
    display: none;
  }
  .bs-confirmation-comp .confirmation .details-section .details .service-info {
    margin-bottom: 24px;
  }
  .bs-confirmation-comp .confirmation .details-section .details .service-info .services-details,
  .bs-confirmation-comp .confirmation .details-section .details .service-info .dealer-details {
    grid-template-columns: 100%;
    gap: 24px;
  }
  .bs-confirmation-comp .confirmation .details-section .details .price-appointment {
    gap: 24px;
    grid-template-columns: 100%;
  }
  .bs-confirmation-comp .confirmation .details-section .details .booking-btns {
    flex-direction: column;
  }
  .bs-confirmation-comp .confirmation .details-section .details .booking-btns .cta-link-large {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 32px;
  }
  .bs-confirmation-comp .confirmation .car-image {
    right: 0px;
    top: 29px;
  }
  .bs-confirmation-comp .confirmation .car-image picture {
    display: block;
  }
  .bs-confirmation-comp .confirmation .car-section {
    width: 100%;
    height: auto;
    position: relative;
  }
  .bs-confirmation-comp .confirmation .car-section .car-model {
    display: block;
    width: 51.81%;
    padding: 24px 0px 40px 16px;
  }
  .bs-confirmation-comp .confirmation .car-section .car-model p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    width: fit-content;
    color: #ffffff;
    margin-bottom: 8px;
  }
  .bs-confirmation-comp .confirmation .car-section .car-model h4 {
    color: #ffffff;
    margin: 0px;
  }
  .bs-confirmation-comp .confirmation .car-section .car-image {
    padding: 29px 0;
  }
}
.bs-confirmation-comp .error-display {
  background: #ffffff;
  padding: 64px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-confirmation-comp .error-display {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-confirmation-comp .error-display {
    padding: 16px;
  }
}
.bs-confirmation-comp .error-display h5 {
  margin: 0px;
}
.bs-confirmation-comp .error-display a {
  text-decoration: none;
  color: #307fe2;
  display: inline-block;
  width: fit-content;
}
.bs-confirmation-comp .modal.fade .modal-dialog.modal-dialog-zoom,
.bs-confirmation-comp .modal.fade .modal-dialog.modal-dialog-slideup {
  -webkit-transform: translate(0, 0) scale(0.5);
  transform: translate(0, 0) scale(0.5);
}
.bs-confirmation-comp #overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(56, 55, 55, 0.8);
  z-index: 99999;
}
.bs-confirmation-comp .modal {
  z-index: 999999;
}
.bs-confirmation-comp .modal .modal-dialog {
  width: 100%;
  justify-content: center;
  max-width: 100%;
  position: relative;
  height: 100%;
  margin: 0%;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content {
  width: 56.3888889%;
  max-width: 812px;
  padding: 80px;
  position: absolute;
  height: auto;
  overflow-y: scroll;
  max-height: 100%;
  border: none;
  border-radius: 0%;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-header {
  border: none;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-header .modal-titles {
  margin: 0%;
  color: #383737;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-header a {
  margin-top: 6.57px;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-header button {
  background: transparent;
  outline: none;
  border: none;
  font-size: 40px;
  padding: 0;
  color: #383737;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-header button .icon-Cross:before {
  font-size: 32px;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer {
  border: none;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: center;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer .failure {
  display: none;
  color: #ed454f;
  margin: 0%;
  padding-left: 24px;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer .failure P {
  margin: 0;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer button {
  display: block;
  outline: none;
  border: 2px solid #307fe2;
  transition-duration: 0.3s;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  width: auto;
  background: transparent;
  color: #307fe2;
  border-radius: 0;
  margin: 0;
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer button:disabled,
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer button[disabled] {
  border: 2px solid;
  background-color: transparent;
  color: rgba(122, 128, 132, 0.5);
}
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer button:focus,
.bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer button:hover:enabled {
  background-color: #307fe2;
  color: #ffffff;
  box-shadow: unset;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-header,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body {
  padding: 0;
  padding-bottom: 40px;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .booking-details {
  width: fit-content;
  max-width: 100%;
  margin-bottom: 24px;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .booking-details h6 {
  margin: 0;
  color: #383737;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment {
  display: grid;
  grid-template-columns: 48.773006135% 48.773006135%;
  gap: 16px;
  margin-bottom: 16px;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .service-type,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .service-type,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .additional-services,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .additional-services,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .dealership,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .dealership,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .appointment,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .appointment {
  height: fit-content;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .service-type p,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .service-type p,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .additional-services p,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .additional-services p,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .dealership p,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .dealership p,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .appointment p,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .appointment p {
  margin-bottom: 8px;
  color: #7a8084;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .service-type h6,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .service-type h6,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .additional-services h6,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .additional-services h6,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .dealership h6,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .dealership h6,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .appointment h6,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .appointment h6 {
  margin-bottom: 8px;
  color: #383737;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .service-type h6:last-child,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .service-type h6:last-child,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .additional-services h6:last-child,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .additional-services h6:last-child,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .dealership h6:last-child,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .dealership h6:last-child,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .service-details .appointment h6:last-child,
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment .appointment h6:last-child {
  margin-bottom: 0px !important;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-body .dealership-appointment {
  margin-bottom: 0px !important;
}
.bs-confirmation-comp .modal .modal-dialog-slideup .modal-footer {
  padding: 0%;
}
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-header,
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-body {
  padding: 0%;
}
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-header .modal-titles,
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-body .modal-titles {
  padding-bottom: 24px;
  width: 88.958%;
  color: #383737;
}
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-header p,
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-body p {
  color: #7a8084;
  margin: 0%;
}
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-body {
  width: 92.639%;
}
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-header {
  align-items: flex-start;
}
.bs-confirmation-comp .modal .modal-dialog-zoom .modal-header .icon-Cross:before {
  font-size: 32px;
}
.bs-confirmation-comp .modal.show .modal-dialog.modal-dialog-zoom,
.bs-confirmation-comp .modal.show .modal-dialog.modal-dialog-slideup {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-confirmation-comp .modal.slideup .modal-content {
    padding: 40px;
  }
  .bs-confirmation-comp .modal.slideup .modal-dialog-slideup .modal-content .modal-header .modal-titles {
    width: 89.5348837%;
  }
  .bs-confirmation-comp .modal.slideup .modal-dialog-slideup .modal-content .modal-body .booking-details {
    width: 88.372093%;
  }
  .bs-confirmation-comp .modal.slideup .modal-dialog-slideup .modal-content .modal-body .service-details,
  .bs-confirmation-comp .modal.slideup .modal-dialog-slideup .modal-content .modal-body .dealership-appointment {
    grid-template-columns: 47.0930233% 47.0930233%;
    gap: 40px;
    margin-bottom: 16px;
  }
  .bs-confirmation-comp .modal.fade .modal-dialog.modal-dialog-slideup {
    transform: unset;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
  .bs-confirmation-comp .modal.slideup .modal-content {
    height: auto;
    overflow-y: auto;
    width: 100% !important;
    bottom: 0;
  }
  .bs-confirmation-comp .modal .modal-dialog.modal-dialog-zoom .modal-content {
    width: 89.584%;
    padding: 40px;
  }
  .bs-confirmation-comp .modal .modal-dialog.modal-dialog-zoom .modal-content .modal-header .modal-titles {
    width: 88.16%;
    padding-bottom: 12px;
  }
  .bs-confirmation-comp .modal .modal-dialog.modal-dialog-zoom .modal-content .modal-body {
    width: 100%;
  }
  .bs-confirmation-comp .modal.fade .modal-dialog.modal-dialog-slideup {
    bottom: -100%;
    -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    transition: opacity 0.3s linear, bottom 0.3s ease-out;
  }
  .bs-confirmation-comp .modal.fade.show .modal-dialog.modal-dialog-slideup {
    bottom: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-confirmation-comp .modal .modal-dialog .modal-content {
    padding: 32px 30px !important;
  }
  .bs-confirmation-comp .modal .modal-dialog .modal-content .modal-header .modal-titles {
    width: 81.3333333% !important;
  }
  .bs-confirmation-comp .modal .modal-dialog .modal-content .modal-body {
    padding-bottom: 32px;
  }
  .bs-confirmation-comp .modal .modal-dialog .modal-content .modal-body .booking-details {
    margin-bottom: 16px !important;
    width: 81.3333333% !important;
  }
  .bs-confirmation-comp .modal .modal-dialog .modal-content .modal-body .service-details {
    grid-template-columns: 100% !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
  }
  .bs-confirmation-comp .modal .modal-dialog .modal-content .modal-body .dealership-appointment {
    grid-template-columns: 100% !important;
    gap: 24px !important;
    margin-bottom: 0px !important;
  }
  .bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer {
    display: flex !important;
    flex-direction: column;
  }
  .bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer .failure {
    padding: 0%;
    padding-top: 24px;
  }
  .bs-confirmation-comp .modal .modal-dialog .modal-content .modal-footer button {
    width: 100%;
  }
  .bs-confirmation-comp .modal .modal-dialog.modal-dialog-zoom .modal-content .modal-body {
    width: 95.3334%;
  }
  .bs-confirmation-comp .modal .modal-dialog {
    transform: unset;
    -webkit-transform: translate3d(0%, 0, 0) !important;
    -ms-transform: translate3d(0%, 0, 0) !important;
    -o-transform: translate3d(0%, 0, 0) !important;
    transform: translate3d(0%, 0, 0) !important;
  }
  .bs-confirmation-comp .modal .modal-content {
    height: 100%;
    overflow-y: auto;
    bottom: 0%;
    width: 100% !important;
  }
  .bs-confirmation-comp .modal.fade .modal-dialog {
    bottom: -100%;
    -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    transition: opacity 0.3s linear, bottom 0.3s ease-out;
  }
  .bs-confirmation-comp .modal.fade.show .modal-dialog {
    bottom: 0;
  }
}


.booking-overview-comp .booking_overview .booking_overview_title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .booking_overview .booking_overview_title {
    margin-bottom: 24px;
  }
}
.booking-overview-comp .booking_overview .rowLabel {
  display: flex;
  flex-wrap: wrap;
}
.booking-overview-comp .booking_overview .rowLabel.p-bttm-40 {
  padding-bottom: 40px;
}
.booking-overview-comp .booking_overview .itemContainer {
  width: 54%;
  flex: 1 0 auto;
  padding-right: 104px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .booking_overview .itemContainer {
    width: 35.8%;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .booking_overview .itemContainer {
    max-width: 100%;
    padding-right: 0px;
    width: 100%;
    margin-bottom: 16px;
  }
  .booking-overview-comp .booking_overview .itemContainer h6 {
    margin-bottom: 16px;
  }
}
.booking-overview-comp .booking_overview .itemContainer .leanmore {
  display: flex;
  align-items: center;
}
.booking-overview-comp .booking_overview .itemContainer .leanmore span {
  font-size: 12px;
  margin-left: 9px;
}
.booking-overview-comp .booking_overview .itemContainer .problemList_details span {
  display: block;
  margin-bottom: 8px;
}
.booking-overview-comp .booking_overview .itemContainer .vasLabel span {
  display: block;
  margin-bottom: 8px;
}
.booking-overview-comp .booking_overview .costContainer {
  width: 15%;
  flex: 1 0 auto;
  padding-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .booking_overview .costContainer {
    width: 18%;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .booking_overview .costContainer {
    flex: 1 0 auto;
    max-width: 50%;
    width: 50%;
    padding-right: 12px;
  }
}
.booking-overview-comp .booking_overview .timeContainer {
  width: 15%;
  flex: 1 0 auto;
  padding-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .booking_overview .timeContainer {
    width: 18%;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .booking_overview .timeContainer {
    flex: 1 0 auto;
    max-width: 50%;
    width: 50%;
    padding-right: 0px;
  }
}
.booking-overview-comp .booking_overview .eyebrowTxt {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .booking_overview .eyebrowTxt {
    font-size: 16px;
    line-height: 20px;
  }
}
.booking-overview-comp .booking_overview .borderRow {
  border-bottom: solid 1px #eaeaec;
  min-height: 99px;
  align-items: initial;
  padding: 40px 0px;
}
@media only screen and (max-width: 991px) {
  .booking-overview-comp .booking_overview .borderRow {
    padding: 24px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .booking_overview .borderRow {
    min-height: 0px;
  }
}
.booking-overview-comp .booking_overview .booking_overview_total {
  width: 100%;
  background: #ffffff;
  border-left: solid 8px #307fe2;
  padding: 40px;
  margin-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .booking_overview .booking_overview_total {
    padding: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .booking_overview .booking_overview_total {
    padding: 24px 16px 20px 16px;
  }
}
.booking-overview-comp .booking_overview .booking_overview_total .booking_overview_total_label {
  width: 49.8%;
  flex: 1 0 auto;
  padding-right: 40px;
}
.booking-overview-comp .booking_overview .booking_overview_total .booking_overview_total_label p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .booking_overview .booking_overview_total .booking_overview_total_label {
    width: 100%;
    padding-right: 20px;
  }
  .booking-overview-comp .booking_overview .booking_overview_total .booking_overview_total_label h5 {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .booking_overview .booking_overview_total .booking_overview_total_label {
    max-width: 100%;
    width: 100%;
    padding-right: 0px;
  }
}
.booking-overview-comp .booking_overview .booking_overview_total .booking_overview_cost_label {
  width: 10.5%;
  flex: 1 0 auto;
  padding-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .booking_overview .booking_overview_total .booking_overview_cost_label {
    width: 18%;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .booking_overview .booking_overview_total .booking_overview_cost_label {
    flex: 1 0 0;
    width: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .booking_overview .booking_overview_total .mobile-column {
    width: 100%;
    flex: auto;
  }
}
.booking-overview-comp .bs-modal-popup .modal {
  z-index: 999999;
}
.booking-overview-comp .bs-modal-popup .modal .modal-content {
  border: none;
  padding: 64px 105px;
  border-radius: unset;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-overview-comp .bs-modal-popup .modal .modal-content {
    padding: 64px 40px 60px 88px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .bs-modal-popup .modal .modal-content {
    padding: 30px;
  }
}
.booking-overview-comp .bs-modal-popup .modal .modal-content .modal-header {
  flex-direction: column;
  padding: 0%;
  align-items: unset;
  position: absolute;
  right: 104px;
  z-index: 9;
  display: flex;
  top: 64px;
  border-bottom: 0;
}
.booking-overview-comp .bs-modal-popup .modal .modal-content .modal-header button {
  padding: 0;
  border: none;
  background: transparent;
  padding: 0%;
  outline: none !important;
  color: #383737;
}
.booking-overview-comp .bs-modal-popup .modal .modal-content .modal-header button .icon-Cross {
  font-size: 40px;
}
.booking-overview-comp .bs-modal-popup .modal .modal-content .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .bs-modal-popup .modal .modal-content .modal-header {
    right: 30px !important;
    top: 21px;
  }
  .booking-overview-comp .bs-modal-popup .modal .modal-content .modal-header button .icon-Cross {
    font-size: 32px;
  }
}
.booking-overview-comp .bs-modal-popup .modal .modal-content .modal-body {
  padding: 0px;
}
.booking-overview-comp .bs-modal-popup .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.booking-overview-comp .bs-modal-popup .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-overview-comp .bs-modal-popup .modal.modal-right .modal-dialog {
    width: 100%;
  }
}
.booking-overview-comp .bs-modal-popup .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.booking-overview-comp .bs-modal-popup .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.booking-overview-comp .bs-modal-popup .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}



.submit-reviews-comp {
  padding-bottom: 104px;
}
.submit-reviews-comp .submit-reviews-accessories-container {
  background-color: #ffffff;
}
.submit-reviews-comp .submit-reviews-accessories-container .reviews-accessory {
  display: flex;
  padding: 64px;
  color: #383737;
}
.submit-reviews-comp .submit-reviews-accessories-container .reviews-accessory .acc-reviews-info {
  padding-left: 30px;
  padding-top: 24px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought {
  padding-top: 104px;
  max-width: 708px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .share-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .share-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .share-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review {
  background-color: #ffffff;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating {
  padding: 64px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .title-eyebrow {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .title-eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .type-something {
  padding-bottom: 64px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .type-something .type-field {
  border: 2px solid #ffffff;
  padding: 24px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  background-color: #f8f8f8;
  width: 100%;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .type-something .type-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .type-something .type-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .type-something .fieldErrMsg {
  display: none;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .type-something .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .type-something.error {
  border-bottom: 2px solid #ed454f !important;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating {
  display: flex;
  justify-content: space-between;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .overall-rating .overall-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 8px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .overall-rating .overall-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .overall-rating .overall-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .overall-rating .select-eyebrow {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .overall-rating .select-eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .fa:before {
  display: inline-block;
  margin: 0;
  padding: 0.3rem 0.2rem;
  font-size: 40px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .fa-star {
  margin-right: 16px;
  cursor: pointer;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .fa-star:last-child {
  margin-right: 0px !important;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .fa-star-half {
  position: relative;
  left: 4px;
  -webkit-text-stroke-color: transparent !important;
  width: 0px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .fa-star-half:before {
  position: relative;
  left: 39px;
  top: 0px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .active {
  color: #307fe2;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .half-filled-stars:before {
  color: #307fe2;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .fa {
  color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #307fe2;
  font-size: 40px !important;
  left: -34px !important;
  padding-top: 4px;
  padding-bottom: 4px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .fa:first-child {
  padding-left: 4px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .fa:last-child {
  padding-right: 24px;
}
.submit-reviews-comp .submit-reviews-vehicles .share-thought .review .text-rating .overall-star-rating .star-rating .active {
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 64px;
    padding-top: 64px;
  }
  .submit-reviews-comp .submit-reviews-accessories-container .reviews-accessory {
    padding: 40px;
  }
  .submit-reviews-comp .submit-reviews-accessories-container .reviews-accessory .acc-reviews-info {
    padding-left: 40px;
    padding-top: 0px;
  }
  .submit-reviews-comp .share-thought {
    padding-top: 64px;
    padding-bottom: 3px;
  }
  .submit-reviews-comp .share-thought .share-title {
    padding-bottom: 24px;
  }
  .submit-reviews-comp .share-thought .review .text-rating {
    padding: 40px 40px 40px 40px !important;
  }
  .submit-reviews-comp .share-thought .review .text-rating .title-eyebrow {
    padding-bottom: 16px;
  }
  .submit-reviews-comp .share-thought .review .text-rating .type-something {
    padding-bottom: 40px;
  }
  .submit-reviews-comp .share-thought .review .text-rating .type-something .type-field {
    padding: 16px;
    color: #383737;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    width: 100% !important;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .overall-rating {
    margin-right: 40px !important;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .star-rating .fa {
    padding-right: 0px;
    margin-right: 0px !important;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .star-rating .fa:last-child {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .share-thought .review .text-rating .type-something .type-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .share-thought .review .text-rating .type-something .type-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 64px;
    padding-top: 40px;
  }
  .submit-reviews-comp .submit-reviews-accessories-container .reviews-accessory {
    padding: 24px 16px;
  }
  .submit-reviews-comp .submit-reviews-accessories-container .reviews-accessory .acc-reviews-info {
    padding-left: 16px;
  }
  .submit-reviews-comp .submit-reviews-accessories-container .reviews-accessory .acc-reviews-info .acc-title {
    margin-bottom: 0;
  }
  .submit-reviews-comp .submit-reviews-accessories-container .reviews-accessory .acc-reviews-info .acc-price {
    margin-bottom: 0;
  }
  .submit-reviews-comp .share-thought .share-title {
    padding-bottom: 16px;
  }
  .submit-reviews-comp .share-thought .review .text-rating {
    padding: 24px 16px 24px 16px !important;
  }
  .submit-reviews-comp .share-thought .review .text-rating .title-eyebrow {
    padding-bottom: 28px;
  }
  .submit-reviews-comp .share-thought .review .text-rating .type-something .type-field {
    width: 100% !important;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating {
    width: 100%;
    display: block !important;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .overall-rating {
    margin-right: 150px !important;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .overall-rating .overall-title {
    padding-bottom: 12px;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .overall-rating .select-eyebrow {
    padding-bottom: 16px;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .star-rating {
    width: 100%;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .star-rating .fa {
    padding-right: 12px;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .star-rating .fa:first-child {
    padding-left: 6px;
  }
  .submit-reviews-comp .share-thought .review .text-rating .overall-star-rating .star-rating .fa:last-child {
    padding-right: 6px;
  }
}

.submit-reviews-comp .optional {
  padding-top: 104px;
}
.submit-reviews-comp .optional .optional-eyebrowtext {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .optional .optional-eyebrowtext {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .optional .anything-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .optional .anything-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .optional .anything-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.submit-reviews-comp .experience-data {
  background-color: #ffffff;
  max-width: 708px;
}
.submit-reviews-comp .experience-data .optional-body {
  padding: 64px;
}
.submit-reviews-comp .experience-data .optional-body .write-eyebrowtext {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .experience-data .optional-body .write-eyebrowtext {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .experience-data .optional-body .anything-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .experience-data .optional-body .anything-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .experience-data .optional-body .anything-text .anything-field {
  background-color: #f8f8f8;
  width: 100%;
  padding: 24px;
}
.submit-reviews-comp .experience-data .optional-body .anything-text .error {
  color: #383737;
}
.submit-reviews-comp .experience-data .optional-body .anything-text .fieldErrMsg {
  display: none;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .submit-reviews-comp .experience-data .optional-body .anything-text .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.submit-reviews-comp .experience-data .optional-body .experience-scores .experience {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-top: 64px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .experience-data .optional-body .experience-scores .experience {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating {
  align-items: center;
  padding: 0px 0px 40px 0px;
  display: flex;
}
.submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .rating-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  min-width: 274px;
  margin-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .rating-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .rating-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating button {
  border: 1px solid #7a8084 !important;
}
.submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating {
  align-items: center;
  background-color: #ffffff;
  color: #383737;
  cursor: pointer;
  padding: 8px;
  width: 50px;
  height: 50px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 8px;
  float: left;
  display: block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating:last-child {
  margin-right: 0px;
}
.submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .active,
.submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating:hover {
  background-color: #307fe2;
  color: #ffffff;
  cursor: pointer;
}
.submit-reviews-comp .experience-data .optional-body .experience-scores .rating .data-main .label-rating:last-child {
  padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .optional {
    padding-top: 6px;
  }
  .submit-reviews-comp .optional .optional-eyebrowtext {
    padding-bottom: 6px;
  }
  .submit-reviews-comp .optional .anything-title {
    padding-bottom: 24px;
  }
  .submit-reviews-comp .experience-data .optional-body {
    padding: 40px;
  }
  .submit-reviews-comp .experience-data .optional-body .write-eyebrowtext {
    padding-bottom: 16px;
  }
  .submit-reviews-comp .experience-data .optional-body .anything-text .anything-field {
    padding: 16px;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .experience {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .rating-label {
    min-width: 270px;
    margin-right: 40px;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating {
    width: 50px;
    padding: 8px;
    margin-right: 12px;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating:first-child {
    margin-left: 0px;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating:last-child {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .optional {
    padding-top: 64px;
  }
  .submit-reviews-comp .optional .optional-eyebrowtext {
    padding-left: 16px;
    padding-right: 16px;
  }
  .submit-reviews-comp .optional .anything-title {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px !important;
  }
  .submit-reviews-comp .experience-data .optional-body {
    padding: 24px 16px 0px 16px !important;
  }
  .submit-reviews-comp .experience-data .optional-body .write-eyebrowtext {
    padding-bottom: 12px !important;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .experience {
    padding: 16px 0px 16px 0px !important;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating {
    display: inline-block !important;
    padding-bottom: 0px !important;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .rating-label {
    margin: 0px;
    padding-bottom: 16px;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating {
    width: 52px;
    height: 52px;
    padding: 10px !important;
    margin-right: 10px !important;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .label-rating .review-sub-rating:last-child {
    margin-right: 0px !important;
  }
  .submit-reviews-comp .experience-data .optional-body .experience-scores .rating .data-main .reviews-rating .review-sub-rating {
    margin-bottom: 24px;
  }
}

.submit-reviews-comp .select-vehicle .selectvehicle-title {
  padding-bottom: 40px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.submit-reviews-comp .select-vehicle .selectvehicle-body {
  background-color: #ffffff;
  max-width: 708px;
  padding: 64px;
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body {
  display: block;
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .col-md-12 .vehicle-body-left {
  width: 100%;
  margin-bottom: 16px;
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .col-md-12:last-child .vehicle-body-left {
  margin-bottom: 0px !important;
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left {
  padding: 16px;
  cursor: pointer;
  border: 1px solid #eaeaec;
  display: flex;
  min-width: 282px;
  max-height: 64px;
  margin-right: 16px;
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left .select-vehicle-image {
  padding-right: 8px;
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left .car-name1 {
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left .car-name1 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left .car-name1 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .inactive {
  pointer-events: none;
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .active,
.submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left:hover {
  cursor: pointer;
  border: 1px solid #307fe2;
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .no-vehicles-body .no-vehicles-msg {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-body .no-vehicles-body .no-vehicles-msg {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-body .no-vehicles-body .no-vehicles-msg {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .no-vehicles-body .account-vehicle .vehicles {
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-body .no-vehicles-body .account-vehicle .vehicles {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-body .no-vehicles-body .account-vehicle .vehicles {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .select-vehicle .selectvehicle-body .no-vehicles-body .account-vehicle .vehicles .icon-Arrow-Right {
  min-width: 16px;
  font-size: 16px;
  margin: 0 0 0 8px;
  display: inline-block;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-body .no-vehicles-body .account-vehicle {
    margin-left: 0px;
  }
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup {
  left: 20%;
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog {
  width: 100%;
  margin: 0px;
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
  top: 40px;
  border: 0px;
  width: 812px;
  border-radius: 0px;
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
  width: 812px;
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup {
  padding: 60px 80px 60px 80px;
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up {
  display: flex;
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .vehicle-popup-title {
  padding-bottom: 24px;
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  width: 556px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .vehicle-popup-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .vehicle-popup-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .vehicle-popup-title {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .vehicle-popup-title {
    width: 252px;
  }
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .cross {
  background-color: #7a8084;
  padding: 9px;
  margin-left: 64px;
  max-height: 32px;
  cursor: pointer;
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .cross .icon-Cross {
  font-size: 14px;
  color: #ffffff;
  top: -3px;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .cross .icon-Cross {
    top: 2px;
    color: #383737;
    font-size: 32px;
    position: relative;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .cross .icon-Cross {
    top: 0px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .cross {
    background-color: #ffffff;
    padding: 0px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .pop-up .cross {
    background-color: #ffffff;
    padding: 0px;
    margin-left: 24px;
  }
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .vehicle-popup-desc {
  padding-bottom: 24px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .vehicle-popup-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .vehicle-popup-desc p {
  margin-bottom: 0px;
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .account-review .account {
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .account-review .account {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .account-review .account {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .account-review .account .icon-Arrow-Right {
  min-width: 16px;
  font-size: 16px;
  margin: 0 0 0 8px;
  display: inline-block;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup .account-review {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .vehicle-popup {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 698px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
    width: 698px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
    margin-top: auto;
    top: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup {
    left: 35px;
    top: 0%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .vehicle-pop-up .modal-vehicle-popup {
    left: 0%;
    top: 0%;
    height: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-title {
    padding-bottom: 24px;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body {
    padding: 40px;
    max-width: 100%;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left {
    min-width: 302px;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body:last-child {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-title {
    padding-bottom: 16px;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body {
    max-width: 100%;
    padding: 24px 16px 24px 16px;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-eyebrowtext {
    color: #7a8084;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    padding-bottom: 16px;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body {
    display: block;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left {
    width: 100%;
    margin-right: 0px !important;
    margin-bottom: 8px !important;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left .car-name1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-body .vehicle-body-left:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .select-vehicle .selectvehicle-body .vehicle-eyebrowtext {
    font-size: 16px;
    line-height: 20px;
  }
}

.submit-reviews-comp .review-buttons {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.submit-reviews-comp .review-buttons .submit-review-button {
  margin-right: 40px;
}
.submit-reviews-comp .review-buttons .submit-review-button .submit-button {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid rgba(122, 128, 132, 0.5);
  color: rgba(122, 128, 132, 0.5);
  text-align: center;
  justify-content: center;
  padding: 12px 24px;
  outline: none;
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .review-buttons .submit-review-button .submit-button {
    display: block;
    width: 100%;
  }
}
.submit-reviews-comp .review-buttons .submit-review-button .active {
  border: 2px solid #307fe2;
  color: #307fe2;
  cursor: pointer;
  pointer-events: auto;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .review-buttons .submit-review-button {
    margin-right: 0px;
  }
}
.submit-reviews-comp .review-buttons .preview-review .preview {
  text-decoration: none;
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
}
.submit-reviews-comp .review-buttons .preview-review .preview .icon-Arrow-Right {
  min-width: 12px;
  font-size: 12px;
  margin: 0 0 0 5px;
  display: inline-block;
  color: rgba(122, 128, 132, 0.5);
}
.submit-reviews-comp .review-buttons .preview-review .preview .active {
  color: #307fe2;
  cursor: pointer;
  pointer-events: auto;
}
.submit-reviews-comp .review-buttons .preview-review .active {
  color: #307fe2;
  cursor: pointer;
  pointer-events: auto;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .review-buttons .preview-review {
    margin-top: 32px;
    text-align: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .review-buttons {
    display: block;
    width: 100%;
    margin-top: 32px;
  }
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup {
  left: 20%;
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog {
  width: 100%;
  margin: 0px;
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
  top: 40px;
  border: 0px;
  width: 812px;
  border-radius: 0px;
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
  width: 812px;
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-top: 35px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup {
  padding: 80px;
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .pop-up {
  display: flex;
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .pop-up .success-title {
  padding-bottom: 24px;
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  width: 580px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .pop-up .success-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .pop-up .success-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .pop-up .success-title {
    width: 244px;
  }
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .pop-up .cross {
  background-color: #7a8084;
  padding: 9px;
  margin-left: 40px;
  max-height: 32px;
  cursor: pointer;
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .pop-up .cross .icon-Cross {
  font-size: 14px;
  color: #ffffff;
  top: -3px;
  position: relative;
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .success-description {
  margin-bottom: 0px !important;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .success-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .success-description p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup .success-description p {
    margin-right: 0px;
    width: 300px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .success-popup {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 698px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
    width: 698px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
    margin-top: auto;
    top: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup {
    left: 35px;
    top: 0%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .sucess-pop-up .modal-vehicle-popup {
    left: 0%;
    top: 0%;
    height: 100%;
  }
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup {
  left: 20%;
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog {
  width: 100%;
  margin: 0px;
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
  top: 40px;
  border: 0px;
  width: 812px;
  border-radius: 0px;
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
  width: 812px;
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup {
  padding: 80px;
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup .pop-up {
  display: flex;
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup .pop-up .failed-title {
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  width: 580px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup .pop-up .failed-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup .pop-up .failed-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup .pop-up .failed-title {
    width: 244px;
  }
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup .pop-up .cross {
  background-color: #7a8084;
  padding: 9px;
  margin-left: 40px;
  max-height: 32px;
  cursor: pointer;
}
.submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup .pop-up .cross .icon-Cross {
  font-size: 14px;
  color: #ffffff;
  top: -3px;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .failed-popup {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 698px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
    width: 698px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
    margin-top: auto;
    top: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup {
    left: 35px;
    top: 0%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .failed-pop-up .modal-vehicle-popup {
    left: 0%;
    top: 0%;
    height: 100%;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup {
  left: 6%;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog {
  width: 100%;
  margin: 0px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
  top: 40px;
  border: 0px;
  width: 1228px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
  background-color: #f8f8f8;
  width: 1228px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data {
  background-color: #f8f8f8;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup {
  padding: 40px 80px 52px 80px;
  background-color: #f8f8f8;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up {
  display: flex;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
  padding-bottom: 36px;
  color: #383737;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  width: 911px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
    width: 592px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
    width: 100%;
    padding-bottom: 24px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .cross {
  background-color: #7a8084;
  padding: 9px;
  margin-left: 125px;
  max-height: 32px;
  cursor: pointer;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .cross .icon-Cross {
  font-size: 14px;
  color: #ffffff;
  top: -3px;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .cross {
    margin-left: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .cross {
    margin-left: 24px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons {
  display: flex;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .popup-submit-button {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  padding: 12px 24px;
  outline: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .popup-submit-button {
    width: 100%;
    display: block;
    margin-bottom: 24px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .edit-review {
  margin-left: 40px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .edit-review .edit {
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .edit-review .edit .icon-Arrow-Right {
  min-width: 12px;
  font-size: 12px;
  margin: 0 0 0 5px;
  display: inline-block;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .edit-review .edit .icon-Arrow-Right {
    margin: 0 0 0 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .edit-review {
    text-align: center;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons {
    display: block;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup {
    padding: 40px 40px 42px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup {
    padding: 30px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data {
  background-color: #ffffff;
  padding: 80px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-name {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-name {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  padding-bottom: 40px;
  max-width: 482px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
    max-width: 100%;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
    padding-bottom: 0px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating {
  margin-bottom: 40px !important;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating {
    margin-bottom: 12px !important;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fa {
  color: #307fe2;
  font-size: 40px;
  padding: 0 8px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fa .fa-star-o {
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fa {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fa {
    padding: 0 2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating :first-child {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating :first-child {
    padding-left: 0px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating {
  unicode-bidi: bidi-override;
  color: #ffffff;
  font-size: 64px;
  position: relative;
  margin: 0;
  padding: 0;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fill-ratings {
  color: #307fe2;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fill-ratings span {
  display: inline-block;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image img {
  text-align: end;
  width: 482px;
  height: 272px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image img {
    width: 248px;
    height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image img {
    width: 100%;
    height: 169px;
    margin-bottom: 24px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image video {
  text-align: end;
  width: 482px;
  height: 272px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image video {
    width: 248px;
    height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image video {
    width: 100%;
    height: 169px;
    margin-bottom: 24px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Play,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Pause {
  position: absolute;
  top: 63%;
  right: 24%;
  font-size: 24px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Play,
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Pause {
    top: 49%;
    right: 27%;
    padding: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Play,
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Pause {
    right: 42%;
    top: 40%;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details {
    margin-bottom: 0px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details {
  display: flex;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details {
    padding-bottom: 52px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details {
    padding-bottom: 24px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-name {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating {
  margin-bottom: 40px !important;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating {
    margin-bottom: 12px !important;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fa {
  color: #307fe2;
  font-size: 40px;
  padding: 0 8px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fa .fa-star-o {
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fa {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fa {
    padding: 0 2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating :first-child {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating :first-child {
    padding-left: 0px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating {
  unicode-bidi: bidi-override;
  color: #ffffff;
  font-size: 64px;
  position: relative;
  margin: 0;
  padding: 0;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fill-ratings {
  color: #307fe2;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fill-ratings span {
  display: inline-block;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .accessory .accessory-label {
  color: #7a8084;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .accessory .accessory-name {
  padding-left: 16px;
  color: #383737;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc {
  margin-bottom: 12px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  max-width: 482px;
  max-height: 154px;
  overflow: hidden;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc {
    max-height: 100px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc {
    max-height: 200px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc.extra_desc {
  max-height: 100%;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less {
  margin-bottom: 24px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readMore,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readMore,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readLess,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readLess {
  color: #307fe2;
  margin-right: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readMore .icon-Chevron-Down,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readMore .icon-Chevron-Down,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readLess .icon-Chevron-Down,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readLess .icon-Chevron-Down,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readMore .icon-Chevron-Up,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readMore .icon-Chevron-Up,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readLess .icon-Chevron-Up,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readLess .icon-Chevron-Up {
  min-width: 12px;
  font-size: 12px;
  color: #307fe2;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less {
  display: none;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores {
  max-width: 457px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .experience-label {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .experience-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .experience-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback {
  display: flex;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-scoreLabels {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  width: 152px;
  padding-right: 23px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-scoreLabels {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-scoreLabels {
    width: 112px;
    padding-right: 10px;
    font-size: 14px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-score {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-score {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6:nth-child(2n) {
  padding-left: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6:nth-child(2n) {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6 .review-score {
    justify-content: normal;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6:nth-child(2n+1) {
  padding-right: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6:nth-child(2n+1) {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores {
    max-width: 100% !important;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image img {
  text-align: end;
  width: 482px;
  height: 272px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image img {
    width: 248px;
    height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image img {
    width: 100%;
    height: 169px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image video {
  text-align: end;
  width: 482px;
  height: 272px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image video {
    width: 248px;
    height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image video {
    width: 100%;
    height: 169px;
    margin-bottom: 24px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Play,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Pause {
  position: absolute;
  top: 63%;
  right: 24%;
  font-size: 24px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Play,
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Pause {
    top: 49%;
    right: 27%;
    padding: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Play,
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Pause {
    right: 42%;
    top: 40%;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc {
  margin-bottom: 12px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  max-width: 482px;
  max-height: 154px;
  overflow: hidden;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc {
    max-height: 100px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc {
    max-height: 200px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc.extra_desc {
  max-height: 100%;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less {
  margin-bottom: 24px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readMore,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readMore,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readLess,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readLess {
  color: #307fe2;
  margin-right: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readMore .icon-Chevron-Down,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readMore .icon-Chevron-Down,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readLess .icon-Chevron-Down,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readLess .icon-Chevron-Down,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readMore .icon-Chevron-Up,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readMore .icon-Chevron-Up,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readLess .icon-Chevron-Up,
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readLess .icon-Chevron-Up {
  min-width: 12px;
  font-size: 12px;
  color: #307fe2;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less {
  display: none;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores {
  max-width: 457px;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .experience-label {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .experience-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .experience-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback {
  display: flex;
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-scoreLabels {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  width: 152px;
  padding-right: 23px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-scoreLabels {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-scoreLabels {
    width: 112px;
    padding-right: 10px;
    font-size: 14px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-score {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-score {
    font-size: 16px;
    line-height: 20px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .col-md-6:nth-child(2n) {
  padding-left: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .col-md-6:nth-child(2n) {
    padding-left: 8px;
  }
}
.submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .col-md-6:nth-child(2n+1) {
  padding-right: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .col-md-6:nth-child(2n+1) {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data {
    width: 688px;
    padding: 64px;
    margin: 0 40px 40px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data {
    width: 332px;
    padding: 16px 16px 32px 16px;
    margin: 0 14px 14px 14px;
  }
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body .preview-data {
    height: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 768px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
    width: 768px;
    top: auto !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog .modal-content {
    margin-top: auto;
    top: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog {
    height: 100%;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup .modal-dialog {
    left: 0%;
    top: 0%;
    height: 100% !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .preview-pop-up .modal-vehicle-popup {
    left: 0%;
  }
}

.submit-reviews-comp .video-cross {
  display: none;
  position: relative;
  padding: 0px 0px 64px 64px;
  background-color: #ffffff;
  width: 708px;
}
.submit-reviews-comp .video-cross video {
  width: 580px;
  height: 340px;
  position: relative;
}
.submit-reviews-comp .video-cross .video-btn-cross {
  background-color: rgba(122, 128, 132, 0.5);
  height: 32px;
  width: 32px;
  padding: 4px;
  right: 100px;
  border: none;
  position: absolute;
  top: 24px;
}
.submit-reviews-comp .video-cross .video-btn-cross .icon-Cross {
  font-size: 24px;
  color: #ffffff;
}
.submit-reviews-comp .img-cross {
  display: none;
  position: relative;
  padding: 0px 0px 64px 64px;
  background-color: #ffffff;
  width: 708px;
}
.submit-reviews-comp .img-cross img {
  width: 580px;
  height: 340px;
  position: relative;
}
.submit-reviews-comp .img-cross .btn-cross {
  background-color: rgba(122, 128, 132, 0.5);
  height: 32px;
  width: 32px;
  padding: 4px;
  right: 100px;
  border: none;
  position: absolute;
  top: 24px;
}
.submit-reviews-comp .img-cross .btn-cross .icon-Cross {
  font-size: 24px;
  color: #ffffff;
}
.submit-reviews-comp .upd-pic {
  background-color: #ffffff;
  padding: 0px 0px 64px 64px;
  max-width: 708px;
}
.submit-reviews-comp .upd-pic .upload-picture-main {
  width: 580px;
  background: #eaeaec;
  padding: 16px;
}
.submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted {
  border: 2px dotted #7a8084;
}
.submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-picture {
  padding-top: 81px;
  padding-bottom: 41px;
  text-align: center;
}
.submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-picture .upload-btn .upd-btn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  padding: 4px;
  background: #383737;
}
.submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-picture .upload-btn .upd-btn .icon-Upload {
  color: #ffffff;
  font-size: 24px;
}
.submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-error-msg {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding: 0px 0px 12px 0px;
  text-align: center;
  display: none;
  color: #ed454f;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-error-msg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-error-msg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-pic-title {
  color: #383737;
  margin: 0px;
  padding-bottom: 12px;
  text-align: center;
}
.submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-eyebrow-txt {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  text-align: center;
  padding-bottom: 81px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-eyebrow-txt {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .submit-reviews-comp .video-cross {
    width: 100%;
    padding: 0px 40px 40px 40px;
  }
  .submit-reviews-comp .video-cross video {
    width: 100%;
    height: 247px;
  }
  .submit-reviews-comp .video-cross .video-btn-cross {
    right: 68px;
    top: 28px;
  }
  .submit-reviews-comp .img-cross {
    width: 100%;
    padding: 0px 40px 40px 40px;
  }
  .submit-reviews-comp .img-cross img {
    width: 100%;
    height: 247px;
  }
  .submit-reviews-comp .img-cross .btn-cross {
    right: 68px;
    top: 28px;
  }
  .submit-reviews-comp .upd-pic {
    padding: 0px 40px 40px 40px;
  }
  .submit-reviews-comp .upd-pic .upload-picture-main {
    width: 100%;
  }
  .submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-picture {
    padding-top: 53px;
    padding-bottom: 32px;
  }
  .submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-eyebrow-txt {
    padding-bottom: 53px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .submit-reviews-comp .video-cross {
    width: 100%;
    padding: 0px 16px 24px 16px;
  }
  .submit-reviews-comp .video-cross video {
    width: 100%;
    height: 208px;
  }
  .submit-reviews-comp .video-cross .video-btn-cross {
    right: 32px;
    top: 16px;
  }
  .submit-reviews-comp .img-cross {
    width: 100%;
    padding: 0px 16px 24px 16px;
  }
  .submit-reviews-comp .img-cross img {
    width: 100%;
    height: 208px;
  }
  .submit-reviews-comp .img-cross .btn-cross {
    right: 32px;
    top: 16px;
  }
  .submit-reviews-comp .upd-pic {
    padding: 0px 16px 24px 16px;
  }
  .submit-reviews-comp .upd-pic .upload-picture-main {
    width: 100%;
    padding: 12px;
  }
  .submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-picture {
    padding-top: 34px;
    padding-bottom: 16px;
  }
  .submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-pic-title {
    padding: 0px 12px 8px 12px;
  }
  .submit-reviews-comp .upd-pic .upload-picture-main .upload-dooted .upload-eyebrow-txt {
    padding: 0px 12px 34px 12px;
  }
}



.quiz-banner .modal {
  z-index: 9999998;
  overflow: hidden;
}
.quiz-banner .modal .modal-dialog {
  max-width: 56.4%;
}
.quiz-banner .modal .modal-dialog .modal-content {
  border: none;
  border-radius: 0px;
  padding: 80px 104px;
  max-height: 80vh;
  overflow-y: auto;
}
.quiz-banner .modal .modal-dialog .modal-content .quizErrorMessge {
  display: flex;
  justify-content: space-between;
}
.quiz-banner .modal .modal-dialog .modal-content .quizErrorMessge .quizModalClose {
  text-decoration: none;
  display: flex;
  justify-content: end;
  font-size: 40px;
  position: relative;
  color: #383737;
}
.quiz-banner .modal .modal-dialog .modal-content .errorDesc {
  padding-top: 32px;
}
.quiz-banner .icon-Arrow-Right {
  display: flex;
  font-size: 12px;
  margin-left: 9px;
}
.quiz-banner .blue-bg {
  background-color: #307fe2;
  width: auto;
  height: auto;
  position: relative;
  padding: 39px 0px;
}
.quiz-banner .blue-bg .black-color {
  color: #383737;
}
.quiz-banner .blue-bg .tml-blue-color {
  color: #307fe2;
}
.quiz-banner .blue-bg .tablet-dropdown {
  display: none;
}
.quiz-banner .blue-bg .tablet-dropdown .dropbtn {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quiz-banner .blue-bg .quiz_container .row .quizForm {
  justify-content: center;
  align-items: center;
  display: flex;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .dropdown-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #003b84;
  padding-bottom: 10px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .dropdown-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .dropdown-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper {
  min-width: 200px;
  max-width: 200px;
  margin-left: 12px;
  position: relative;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data {
  border-bottom: 2px solid #003b84;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger {
  cursor: pointer;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger .showmesel,
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger .thatHavesel,
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger .selandhave {
  white-space: nowrap;
  width: 94.5%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  padding-bottom: 8px;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger .selected-item {
  min-height: 21px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger .selected-item {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger .selected-item {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger .icon-Chevron-Down {
  float: right;
  position: relative;
  font-size: 20px;
  top: 6px;
  height: 100%;
  color: #003b84;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-options {
  display: none;
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px;
  background-color: #ffffff;
  width: 100%;
  top: 100%;
  z-index: 10;
  padding-top: 16px;
  max-height: 220px;
  overflow-y: scroll;
  cursor: pointer;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-options h6 {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding-top: 0px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  margin-bottom: 0px;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-options h6.selected {
  color: #307fe2;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-options span {
  display: block;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #383737;
  padding: 12px 24px;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-options span.selected {
  color: #307fe2;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.quiz-banner .blue-bg .quiz_container .row .search {
  margin-left: 70px;
  max-width: 258px;
}
.quiz-banner .blue-bg .quiz_container .row .search .filter_result {
  letter-spacing: 0.64px;
  text-decoration: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: max-content;
  min-height: 52px;
  border: 2px solid white;
  background: transparent;
  color: #ffffff;
  letter-spacing: 0;
  word-break: break-word;
  padding: 16px 32px;
  padding-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quiz-banner .blue-bg .quiz_container .row .search .filter_result {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quiz-banner .blue-bg .quiz_container .row .search .filter_result {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quiz-banner .blue-bg .quiz_container .row .search .filter_result .icon-Search {
  font-size: 20px;
  margin-left: 8px;
}
.quiz-banner .quiz-contents {
  display: none;
  padding: 0 106px;
}
.quiz-banner .cf-title {
  text-align: center;
  padding: 104px 0;
  color: #383737;
  max-width: 812px;
  margin: auto;
}
.quiz-banner .cf-title h4 {
  margin-bottom: 0px;
}
.quiz-banner .quiz-fragments {
  display: flex;
}
.quiz-banner .quiz-fragments .pillar-checkbox {
  display: none;
}
.quiz-banner .quiz-fragments .pillar-checkbox {
  display: none;
}
.quiz-banner .quiz-fragments .quiz-content-fragment {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block {
  display: flex;
  margin: 0 -10px;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  width: 50%;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card.intro-1 .sticky-banner {
  left: unset;
  right: 0;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card {
  position: relative;
  border: 1px solid rgba(56, 55, 55, 0.05);
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .car-slides {
  display: none;
  text-align: center;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .car-slides.active {
  display: block;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .car-slides.active .car-intro-image {
  max-width: 100%;
  padding: 39px 0 75px;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .dot-button {
  display: flex;
  position: absolute;
  flex-wrap: wrap;
  bottom: 58px;
  gap: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 224px;
  justify-content: center;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .dot-button .color-btn {
  height: 20px;
  width: 20px;
  border: 1px solid #7a8084;
  border-radius: 50%;
  outline: none;
  position: relative;
  padding: 1px 6px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .dot-button .color-btn.icon-Tick-48 {
  border: 1px solid #7a8084;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .dot-button .color-btn.icon-Tick-48::before {
  color: #383737;
  font-size: 8px;
  font-weight: bold;
  background-color: #ffffff;
  bottom: 3px;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  justify-content: center;
  display: flex;
  align-items: center;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card {
  padding: 80px 104px 163px;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .carname {
  color: #383737;
  margin-bottom: 8px;
  word-break: break-word;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .design {
  color: #383737;
  margin-bottom: 16px;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .description {
  color: #7a8084;
  flex-grow: 1;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .description > p {
  margin-bottom: 0;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .cf-cta-link {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .cf-cta-link .cta-link {
  margin-top: 40px;
  margin-right: 32px;
  display: flex;
  align-items: center;
  letter-spacing: 0;
  color: #307fe2;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .cf-cta-link .cta-link:last-child {
  margin-right: 0;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .sticky-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  padding: 20px 0;
  flex-direction: column;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .sticky-banner .eyebrow {
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .sticky-banner .intro-title {
  color: #ffffff;
  margin-bottom: 0;
  min-width: auto;
  text-align: center;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .sticky-banner.light .eyebrow {
  color: #383737;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .sticky-banner.light .intro-title {
  color: #383737;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block {
  display: flex;
  margin: 0 -10px;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card {
  display: none;
  flex-direction: column;
  padding: 0 10px;
  width: 50%;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-car-card .car-pillar-image {
  width: 100%;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card {
  padding: 104px;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card .card-eyebrow {
  margin-bottom: 8px;
  color: #7a8084;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card .card-title {
  margin-bottom: 12px;
  color: #383737;
  word-break: break-word;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card .description {
  flex-grow: 1;
  color: #7a8084;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card .description > p {
  margin-bottom: 0;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card .cta-link {
  display: flex;
  margin-top: 40px;
  align-items: center;
  width: max-content;
  max-width: 100%;
  color: #307fe2;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card.dark {
  background-color: #383737;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card.dark .card-eyebrow {
  margin-bottom: 8px;
  color: #ffffff;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card.dark .card-title {
  margin-bottom: 12px;
  color: #ffffff;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card.dark .description {
  color: #eaeaec;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card.dark .description > p {
  margin-bottom: 0;
}
.quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card.dark .cta-link {
  margin-top: 40px;
  width: max-content;
  max-width: 100%;
  color: #307fe2;
}
.quiz-banner .quiz-video {
  margin-top: 104px;
}
.quiz-banner .quiz-video .quiz-video-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  color: #383737;
  max-width: 812px;
  margin: auto auto 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quiz-banner .quiz-video .quiz-video-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quiz-banner .quiz-video .quiz-video-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.quiz-banner .quiz-video .quiz-video-subtitle {
  max-width: 812px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  color: #7a8084;
}
.quiz-banner .quiz-video .tml-player-ctn {
  margin-top: 104px;
  height: 700px;
}
.quiz-banner .quiz-again {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  border: none;
  background-color: #307fe2;
  color: #ffffff;
  padding: 32px 0;
  margin-top: 104px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quiz-banner .quiz-again {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quiz-banner .quiz-again {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quiz-banner .quiz-again::after {
  content: "\e99c";
  font-family: 'icomoon';
  position: absolute;
  padding-left: 10px;
  font-size: 20px;
}
.quiz-banner .exp-frag {
  padding: 0px 106px;
}
@media (max-width: 1199px) {
  .quiz-banner .blue-bg {
    padding: 0px;
  }
  .quiz-banner .blue-bg .tablet-dropdown {
    display: block;
    min-height: 72px;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    border-bottom: 1px solid #003b84;
    box-sizing: border-box;
    padding: 0px 40px;
  }
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 0;
    padding: 0px;
    color: #ffffff;
  }
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn h6 {
    margin-bottom: 0px;
  }
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn:focus {
    outline: none;
  }
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn.dropdown-open {
    justify-content: space-between;
  }
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn.dropdown-open .tablet-arrow {
    font-size: 24px;
  }
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn .tablet-arrow {
    padding-left: 18px;
    position: relative;
    color: #ffffff;
    font-size: 24px;
  }
  .quiz-banner .blue-bg .quiz_container {
    padding: 0px 40px;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm {
    flex-direction: column;
    align-items: unset;
    display: block;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select {
    display: block;
    margin: 0px;
    padding-top: 24px;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .dropdown-label {
    padding-bottom: 0px;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper {
    width: 100%;
    margin-left: 0px;
    min-width: auto;
    max-width: initial;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger {
    min-width: 100%;
    align-items: left;
    display: block;
    padding: 0px 0px;
    padding-top: 8px;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .custom-select-wrapper .custom-select-data .custom-select-trigger .icon-Chevron-Down {
    float: right;
    top: -25px;
    color: #ffffff;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .search {
    max-width: 100%;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .search .filter_result {
    width: 100%;
    min-height: 42px;
    padding: 12px 24px;
    margin: 16px 0px 40px;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .search .filter_result .icon-Search {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quiz-banner .modal .modal-dialog {
    max-width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
  .quiz-banner .modal .modal-dialog .modal-content {
    padding: 40px;
  }
  .quiz-banner .modal .modal-dialog .modal-content .errorDesc {
    padding-top: 4px;
  }
  .quiz-banner .quiz-contents {
    padding: 0 40px;
  }
  .quiz-banner .cf-title {
    max-width: 512px;
    padding: 64px 0;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block {
    margin: 0 -8px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card {
    padding: 0 8px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .car-intro-image {
    padding: 40px 0 24px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .dot-button {
    bottom: 26px;
    width: 264px;
    padding-top: 15px;
    gap: 28px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .dot-button .color-btn.icon-Tick-48::before {
    bottom: 3px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card {
    padding: 79px 23px 60px;
    background-color: #f8f8f8;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .ice-ev-icons {
    margin-bottom: 12px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block {
    margin: 0 -8px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card {
    padding: 0 8px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card {
    padding: 40px 24px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card .cta-link {
    margin-top: 24px;
  }
  .quiz-banner .quiz-video {
    display: flex;
    flex-direction: column;
    margin-top: 64px;
  }
  .quiz-banner .quiz-video .quiz-video-title {
    margin-bottom: 16px;
    max-width: 512px;
    color: #383737;
  }
  .quiz-banner .quiz-video .quiz-video-subtitle {
    max-width: 512px;
    color: #7a8084;
  }
  .quiz-banner .quiz-video .tml-player-ctn {
    margin-top: 64px;
    height: 400px;
  }
  .quiz-banner .quiz-again {
    text-align: left;
    padding: 24px 40px;
    margin-top: 64px;
  }
  .quiz-banner .quiz-again::after {
    right: 40px;
    font-size: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .quiz-banner .modal .modal-dialog {
    max-width: 100%;
    padding: 0px;
  }
  .quiz-banner .modal .modal-dialog .modal-content {
    padding: 30px 24px;
  }
  .quiz-banner .modal .modal-dialog .modal-content .errorDesc {
    padding-top: 18px;
  }
  .quiz-banner .blue-bg .tablet-dropdown {
    padding: 0px 30px;
  }
  .quiz-banner .blue-bg .tablet-dropdown .dropbtn {
    justify-content: space-between;
    text-align: left;
  }
  .quiz-banner .blue-bg .quiz_container {
    padding: 0px 30px;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .select .dropdown-label {
    padding-bottom: 0px;
  }
  .quiz-banner .blue-bg .quiz_container .row .quizForm .search .filter_result {
    margin-bottom: 24px;
  }
  .quiz-banner .quiz-contents {
    padding: 0;
  }
  .quiz-banner .cf-title {
    text-align: center;
    padding: 40px 30px 40px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block {
    margin: 0;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card {
    padding: 0;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .car-intro-image {
    padding: 16px 0 80px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-car-card .dot-button {
    padding-top: 15px;
    width: 104px;
    gap: 12px 20px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card {
    padding: 59px 30px 40px 16px;
    background-color: #f8f8f8;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .ice-ev-icons {
    margin-bottom: 8px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .cf-cta-link {
    flex-direction: column;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .cf-cta-link .cta-link {
    margin-top: 24px;
    margin-right: 20px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .cf-intro-card .cf-cta-link .cta-link:last-child {
    margin-right: 20px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .sticky-banner {
    padding: 16px 0;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card .sticky-banner .intro-title {
    min-width: auto;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .intro-block .intro-card:first-child .cf-intro-card {
    background-color: #ffffff;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block {
    margin: 0;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card {
    padding: 0;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card {
    padding: 40px 30px 64px 16px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card .card-title {
    margin-bottom: 16px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card .cf-pillar-info-card .cta-link {
    margin-top: 24px;
    margin-right: 30px;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card:first-child .cf-pillar-info-card {
    background-color: #ffffff;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card:first-child .cf-pillar-info-card.dark {
    background-color: #383737;
  }
  .quiz-banner .quiz-fragments .quiz-content-fragment .pillar-block .pillar-card:nth-child(2) .cf-pillar-info-card.dark {
    background-color: #282828;
  }
  .quiz-banner .quiz-video {
    width: auto;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }
  .quiz-banner .quiz-video .quiz-video-title {
    margin-bottom: 16px;
    color: #383737;
    max-width: 300px;
  }
  .quiz-banner .quiz-video .quiz-video-subtitle {
    color: #7a8084;
    max-width: 300px;
  }
  .quiz-banner .quiz-video .tml-player-ctn {
    margin-top: 40px;
    height: 300px;
  }
  .quiz-banner .quiz-again {
    padding: 24px 30px;
    margin-top: 40px;
  }
  .quiz-banner .quiz-again::after {
    font-size: 24px;
    right: 30px;
  }
}


.product-specs-features-comp {
  padding-top: 80px;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp {
    padding: 0 16px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp {
    padding: 0 14px;
    padding-top: 24px;
  }
}
.product-specs-features-comp.only-difference .spec-list {
  display: none;
}
.product-specs-features-comp.only-difference .spec-list.isDifferent {
  display: block;
}
.product-specs-features-comp.only-difference .spec-list.isDifferent.even,
.product-specs-features-comp.only-difference .spec-list.isDifferent.bg-white.even {
  background: #f8f8f8 !important;
}
.product-specs-features-comp.only-difference .spec-block.no-different {
  display: none;
}
.product-specs-features-comp .nav {
  margin-bottom: 0px !important;
}
.product-specs-features-comp .nav-pills {
  padding-left: 66px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-right: 62px;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .nav-pills {
    padding-left: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .product-specs-features-comp .nav-pills {
    padding-left: 60px;
    padding-right: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .nav-pills {
    padding-left: 16px !important;
    padding-bottom: 30px;
  }
}
.product-specs-features-comp .nav-pills .nav-item .nav-link {
  background-color: transparent;
  padding: 0 20px;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .nav-pills .nav-item .nav-link {
    padding: 0 12px;
  }
}
.product-specs-features-comp .nav-pills .nav-item .nav-link.active h6 {
  border-bottom: 2px solid #282828;
  padding-bottom: 4px;
  color: #383737;
}
.product-specs-features-comp .nav-pills .nav-item .nav-link h6 {
  color: #7a8084;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .nav-pills .nav-item:last-child .nav-link {
    padding-right: 0px;
  }
}
.product-specs-features-comp .tab-content {
  margin-top: 48px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .tab-content {
    margin-top: 0;
  }
}
.product-specs-features-comp .download-spec {
  padding-left: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .download-spec {
    padding-top: 6px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .download-spec {
    margin-top: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px;
    padding-right: 18.5px !important;
  }
}
.product-specs-features-comp .download-spec .download-info {
  padding-right: 41px;
}
.product-specs-features-comp .download-spec .download-info .icon-Download {
  color: #307fe2;
}
.product-specs-features-comp .download-spec .download-info .icon-Download.disabled {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .download-spec .download-info {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .download-spec .download-info {
    position: static;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .download-spec .download-info .d-flex .align-items-center .me-auto .downloadItems .img {
    width: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .download-spec .download-info .d-flex .align-items-center .me-auto .downloadItems {
    padding: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .download-spec .download-info h6 {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .download-spec .download-info h6 {
    display: none;
  }
}
.product-specs-features-comp .download-spec.disabled {
  pointer-events: none;
  color: #7a8084;
}
.product-specs-features-comp .download-spec.disabled .download-comp .download-info h6 {
  color: rgba(122, 128, 132, 0.5);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .download-spec.disabled .download-comp .download-info h6 {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .download-spec.disabled .download-comp .download-info h6 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .download-spec {
    flex: 0 0 10%;
    margin-top: 0px !important;
  }
}
.product-specs-features-comp .download-spec a {
  text-decoration: none;
}
.product-specs-features-comp .download-spec a h6 {
  display: inline;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .download-spec a h6 {
    display: none;
  }
}
.product-specs-features-comp .toggle.download-list-position {
  margin-left: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .toggle.download-list-position .downloads-list {
    right: -17px !important;
    left: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle.download-list-position .downloads-list {
    right: auto !important;
    left: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .toggle.download-list-position {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle .d-flex {
    padding: 0 16px;
  }
}
.product-specs-features-comp .toggle .spec-toggle {
  padding-left: 0px;
  padding-right: 43px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle .spec-toggle {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .toggle .spec-toggle {
    display: flex;
    align-items: center;
    padding: 0px 2px;
  }
}
.product-specs-features-comp .toggle .spec-toggle .only-diff {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .toggle .spec-toggle .only-diff {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle .spec-toggle .only-diff {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-specs-features-comp .toggle .spec-toggle .only-diff.disabled {
  color: rgba(122, 128, 132, 0.5);
}
@media only screen and (min-width: 992px) {
  .product-specs-features-comp .toggle .spec-toggle .only-diff {
    padding-left: 12px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle .spec-toggle .only-diff {
    padding-right: 35px !important;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .toggle .spec-toggle .only-diff {
    padding-left: 12px !important;
  }
}
.product-specs-features-comp .toggle .spec-toggle .add-color-active {
  color: #282828;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .full_width_mob {
    width: 100%;
  }
}
.product-specs-features-comp .toggle-spec .text-collapse .icon-Minus {
  font-size: 16px;
}
.product-specs-features-comp .toggle-spec .text-expand .icon-Add {
  font-size: 16px;
}
@media only screen and (min-width: 992px) {
  .product-specs-features-comp .toggle-spec {
    margin-right: 66px;
    min-width: 146px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .toggle-spec {
    padding-left: 0px;
    padding-right: 0px;
    width: 120px;
  }
  .product-specs-features-comp .toggle-spec .text-collapse .icon-Minus {
    font-size: 12px;
  }
  .product-specs-features-comp .toggle-spec .text-expand .icon-Add {
    font-size: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle-spec {
    margin-top: 4px;
    padding-left: 0px !important;
    text-align: center;
    padding-right: 0px !important;
    width: auto;
  }
  .product-specs-features-comp .toggle-spec .toggle-spec {
    margin-left: auto;
    display: flex;
    text-align: right;
  }
  .product-specs-features-comp .toggle-spec .toggle-spec .text-collapse .icon-Minus {
    font-size: 24px;
  }
  .product-specs-features-comp .toggle-spec .toggle-spec .text-expand .icon-Add {
    font-size: 20px;
  }
}
.product-specs-features-comp .toggle-spec a {
  cursor: pointer;
  color: #307fe2;
  text-decoration: none;
}
.product-specs-features-comp .toggle-spec a:hover {
  color: #307fe2;
}
.product-specs-features-comp .toggle-spec .text-expand {
  display: none;
}
.product-specs-features-comp .toggle-spec h6 {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle-spec h6 {
    display: none !important;
  }
}
.product-specs-features-comp .toggle-spec span.toggle-spec:after {
  content: "\e956";
  font-size: 33px;
  font-family: icomoon !important;
  font-size: 2.3rem;
  position: relative;
  top: -29px;
  right: -28px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle-spec span.toggle-spec:after {
    position: static;
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .product-specs-features-comp .toggle-spec span.toggle-spec:after {
    right: 4px;
    font-size: 24px;
  }
}
.product-specs-features-comp .toggle-spec.isToggle span.toggle-spec:after {
  content: "\e958";
  font-size: 33px;
  font-family: icomoon !important;
  font-size: 1.95rem;
  position: relative;
  top: -29px;
  right: 4px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .toggle-spec.isToggle span.toggle-spec:after {
    position: static;
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .toggle-spec .label-size {
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
  }
}
.product-specs-features-comp .model-select {
  margin-bottom: 56px;
  position: sticky;
  top: 0px;
  align-self: flex-start;
  background: #ffffff;
  z-index: 998;
}
.product-specs-features-comp .model-select .sticky-title {
  padding-left: 0px;
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .model-select .sticky-title {
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 110% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .model-select .sticky-title {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .product-specs-features-comp .model-select {
    padding: 0px 66px 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .model-select {
    padding: 20px 24px 20px 24px;
    margin-bottom: 20px !important;
  }
  .product-specs-features-comp .model-select .sticky-title {
    padding-left: 0px;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .model-select {
    padding: 16px 16px 16px 16px;
    margin-bottom: 14px;
  }
}
.product-specs-features-comp .model-select .row .modelName {
  margin-right: 60px;
}
.product-specs-features-comp .model-select .row .modelName + div.col {
  padding-left: 0px !important;
}
.product-specs-features-comp .model-select h4 {
  padding-left: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .model-select h4 {
    padding-left: 0px;
  }
}
.product-specs-features-comp .model-select .drop-down {
  width: 105%;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .model-select .drop-down {
    width: 110%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .model-select .drop-down {
    width: 100% !important;
  }
}
.product-specs-features-comp .model-select .drop-down input.search_box {
  font-size: 16px;
  border-bottom: 2px solid #383737;
  color: #282828;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .model-select .drop-down input.search_box {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.product-specs-features-comp .model-select .drop-down .cities {
  background: #ffffff;
  box-shadow: 0px 4px 8px #282828;
}
.product-specs-features-comp .model-select .drop-down .cities ul li a {
  color: #383737;
}
.product-specs-features-comp .model-select .drop-down .cities ul li a.disabled {
  pointer-events: none;
}
.product-specs-features-comp .model-select .drop-down .cities ul li a#active,
.product-specs-features-comp .model-select .drop-down .cities ul li a.selected {
  color: #307fe2;
}
.product-specs-features-comp .model-select .drop-down .cities ul li a.disabled {
  color: rgba(122, 128, 132, 0.5);
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.product-specs-features-comp .model-select .drop-down .fa {
  color: #383737;
}
.product-specs-features-comp .model-select .drop-down .selected a span {
  border-bottom: 2px solid #383737;
}
.product-specs-features-comp .model-select .drop-down .selected a span .icon-Chevron-Down::before,
.product-specs-features-comp .model-select .drop-down .selected a span .icon-Chevron-Up::before {
  color: #383737;
}
.product-specs-features-comp .model-select .drop-down .selected a h6 {
  color: #383737;
}
@media only screen and (min-width: 992px) {
  .product-specs-features-comp .model-select .drop-down .selected a h6 {
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .model-select .drop-down .selected a h6 {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .model-select .drop-down .selected a h6 {
    max-width: 100px;
  }
}
.product-specs-features-comp .model-select .drop-down .simplebar-scrollbar::before {
  background: #7a8084 !important;
}
.product-specs-features-comp .model-select .drop-down .simplebar-track.simplebar-vertical {
  background: #eaeaec !important;
}
@media only screen and (min-width: 992px) {
  .product-specs-features-comp .model-select.sticky-top {
    top: 90px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .model-select.sticky-top {
    top: 72px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .model-select.sticky-top {
    top: 54px;
  }
}
.product-specs-features-comp .model-select .col {
  padding: 0 24px;
  align-self: center;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .model-select .col {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .model-select .col {
    padding: 0 12px 0 0;
  }
}
.product-specs-features-comp .model-select .row .col-12 {
  max-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .model-select .row .col-12 {
    max-height: 24px;
  }
}
.product-specs-features-comp .model-select .row .col-12 .title-hide {
  display: none;
}
@media only screen and (min-width: 992px) {
  .product-specs-features-comp .model-select .row {
    padding: 24px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .model-select h4 {
    display: none;
  }
}
@media (max-width: 767px) {
  .product-specs-features-comp .model-select .col {
    flex-basis: 50%;
  }
}
.product-specs-features-comp .spec-block {
  margin-bottom: 65px;
  padding: 0px;
}
.product-specs-features-comp .spec-block:first-child .content_slide {
  display: block;
}
.product-specs-features-comp .spec-block:first-child .content_slide .disclaimer-block {
  padding-left: 66px;
  padding-top: 8px;
  font-size: 14px;
  color: #7a8084;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .spec-block:first-child .content_slide .disclaimer-block {
    padding-left: 0px;
    padding-left: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block:first-child .content_slide .disclaimer-block {
    padding-left: 16px !important;
  }
}
.product-specs-features-comp .spec-block:first-child .spec-title h6::after {
  content: "\e956";
  font-size: 40px;
  font-family: icomoon !important;
  z-index: 0;
}
.product-specs-features-comp .spec-block:first-child .spec-title.show:after {
  content: "\e958";
  font-size: 40px;
  font-family: icomoon !important;
  z-index: 0;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .spec-block {
    margin-bottom: 56px;
  }
  .product-specs-features-comp .spec-block .spec-title h6::after {
    font-size: 24px;
  }
  .product-specs-features-comp .spec-block .spec-title.show:after {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block {
    margin-bottom: 0;
  }
  .product-specs-features-comp .spec-block .spec-title h6::after {
    font-size: 20px !important;
  }
  .product-specs-features-comp .spec-block .spec-title.show:after {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .col {
    padding: 0 0px;
  }
}
.product-specs-features-comp .spec-block .spec-title {
  padding: 24px 66px 24px;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .spec-block .spec-title {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .spec-title {
    padding-left: 14px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .spec-title .col-12 {
    padding-top: 10px;
  }
}
.product-specs-features-comp .spec-block .spec-title h6 {
  cursor: pointer;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .spec-title h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-specs-features-comp .spec-block .spec-title h6:after {
  content: "\e956";
  font-family: icomoon !important;
  font-size: 40px;
  position: absolute;
  right: 106px;
  font-weight: 100;
  font-size: 1.6rem;
  z-index: 0;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .spec-block .spec-title h6:after {
    right: 40px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .spec-title h6:after {
    right: 32px;
    font-size: 20px;
  }
}
@media (max-width: 365px) {
  .product-specs-features-comp .spec-block .spec-title h6:after {
    right: 17px;
  }
}
.product-specs-features-comp .spec-block .spec-title h6.show:after {
  content: "\e958";
  font-size: 40px;
  font-family: icomoon !important;
  z-index: 0;
}
@media only screen and (min-width: 992px) {
  .product-specs-features-comp .spec-block .spec-list {
    padding: 24px 66px;
  }
  .product-specs-features-comp .spec-block .spec-list .row {
    display: grid;
    grid-template-columns: 23.78% 23.78% 23.78% 23.78%;
    gap: 20px;
  }
  .product-specs-features-comp .spec-block .spec-list .row .col-12 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .spec-block .spec-list {
    padding: 16px 24px;
  }
  .product-specs-features-comp .spec-block .spec-list .row {
    display: grid;
    grid-template-columns: 23.4% 23.4% 23.4% 23.4%;
    gap: 20px;
  }
  .product-specs-features-comp .spec-block .spec-list .row .col-12 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .spec-list {
    padding: 16px;
  }
  .product-specs-features-comp .spec-block .spec-list .row {
    display: flex;
    gap: 0px;
  }
  .product-specs-features-comp .spec-block .spec-list .row .col-12 {
    margin-bottom: 26px;
    width: 100%;
  }
  .product-specs-features-comp .spec-block .spec-list .row :nth-child(2) {
    margin-right: 28px;
  }
}
.product-specs-features-comp .spec-block .spec-list:nth-child(odd) {
  background: #f8f8f8;
}
.product-specs-features-comp .spec-block .spec-list .spec-value {
  color: #383737;
  font-weight: normal;
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .spec-block .spec-list .spec-value {
    font-size: 18px;
    font-weight: 300;
    line-height: 125%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .spec-list .spec-value {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-specs-features-comp .spec-block .spec-list .spec-type {
  color: #383737;
  font-weight: 500;
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-specs-features-comp .spec-block .spec-list .spec-type {
    font-size: 18px;
    font-weight: 500;
    line-height: 110%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .spec-list .spec-type {
    font-size: 16px;
    line-height: 17.6px;
  }
}
.product-specs-features-comp .spec-block .content_slide {
  border-top: 3px solid #eaeaec;
}
.product-specs-features-comp .spec-block .content_slide.no-different:after {
  display: none;
}
@media only screen and (max-width: 991px) {
  .product-specs-features-comp .spec-block .content_slide.no-different:after {
    left: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-specs-features-comp .spec-block .content_slide.no-different:after {
    left: 14px;
  }
}
.select-style-1 {
  position: relative;
  font-family: Arial;
  width: 85%;
}
.select-style-1 select {
  display: none;
}
.select-style-1 .select-hide {
  display: none;
}
.select-style-1 .select-selected {
  background-color: #ffffff;
  color: #383737;
  padding: 8px 16px 8px 0px;
  border: 2px solid transparent;
  border-color: transparent transparent #383737 transparent;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
}
.select-style-1 .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #383737 transparent transparent transparent;
}
.select-style-1 .select-selected.select-arrow-active:after {
  border-color: transparent transparent #383737 transparent;
  top: 7px;
}
.select-style-1 .select-items {
  position: absolute;
  background-color: #ffffff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-style-1 .select-items div {
  color: #383737;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent #383737 transparent;
  cursor: pointer;
  user-select: none;
}
.select-style-1 .select-items div:hover,
.select-style-1 .select-items div .same-as-selected {
  background-color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .spec-toggle {
    display: block;
    padding: 0px;
  }
}
.spec-toggle .switch-main {
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 992px) {
  .spec-toggle .switch-main {
    width: 35px;
    height: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .spec-toggle .switch-main {
    width: 42px;
    height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .spec-toggle .switch-main {
    width: 35px;
    height: 20px;
  }
}
.spec-toggle .switch-main input {
  opacity: 0;
  width: 0;
  height: 0;
}
.spec-toggle .switch-main input:checked + .slider {
  border: 2px solid #307fe2;
}
.spec-toggle .switch-main input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
  background-color: #307fe2;
}
@media only screen and (max-width: 991px) {
  .spec-toggle .switch-main input:checked + .slider:before {
    transform: translateX(18px);
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .spec-toggle .switch-main input:checked + .slider:before {
    transform: translateX(14px);
  }
}
.spec-toggle .switch-main input:focus + .slider {
  box-shadow: 0 0 1px #307fe2;
}
.spec-toggle .switch-main .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #383737;
}
.spec-toggle .switch-main .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 1px;
  bottom: 4px;
  top: 1px;
  background-color: #383737;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (max-width: 991px) {
  .spec-toggle .switch-main .slider:before {
    height: 18px;
    width: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .spec-toggle .switch-main .slider:before {
    height: 14px;
    width: 14px;
  }
}
.spec-toggle .switch-main .slider.disabled {
  pointer-events: none;
  border: 2px solid rgba(122, 128, 132, 0.5);
}
.spec-toggle .switch-main .slider.disabled:before {
  background-color: rgba(122, 128, 132, 0.5);
}
.spec-toggle .switch-main .slider.disabled .add-color-active {
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .spec-toggle .full_width_mob {
    width: 100%;
  }
}

.product-reviews-comp .tabs-section {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .tabs-section {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .tabs-section {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-reviews-comp .tabs-section .reviews-tabs {
  display: flex;
  margin-top: 10px;
}
.product-reviews-comp .tabs-section .tab-label {
  margin-bottom: 26px;
  cursor: pointer;
  color: #7a8084;
  padding-bottom: 8px;
  height: fit-content;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .tabs-section .tab-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .tabs-section .tab-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-reviews-comp .tabs-section .tab-label.active {
  border-bottom: 2px solid #383737;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .tabs-section .tab-label {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .tabs-section .tab-label {
    padding-bottom: 8px;
  }
}
.product-reviews-comp .tabs-section .expert-tab {
  margin-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .tabs-section .expert-tab {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .tabs-section .expert-tab {
    margin-right: 24px;
  }
}
.product-reviews-comp .tabs-section .sorting-section {
  max-width: 292px;
  width: 100%;
  height: 62px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .tabs-section .sorting-section {
    margin-top: 24px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .tabs-section .sorting-section {
    margin-top: 24px;
    max-width: 100%;
    margin-bottom: 24px;
  }
}
.product-reviews-comp .tabs-section .sort-label {
  padding-bottom: 6px;
  color: #7a8084;
}
.product-reviews-comp .tabs-section .reviews-dropdown {
  position: relative;
  border-bottom: 2px solid #383737;
  min-height: 31px;
  margin-left: auto;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .tabs-section .reviews-dropdown {
    position: relative;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .tabs-section .reviews-dropdown {
    width: 100%;
    margin: auto auto 0 auto;
  }
}
.product-reviews-comp .tabs-section .reviews-dropdown::after {
  content: "\e993";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.product-reviews-comp .tabs-section .reviews-dropdown.active::after {
  transform: rotate(180deg);
}
.product-reviews-comp .tabs-section .reviews-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.product-reviews-comp .tabs-section .reviews-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  line-height: 24px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .tabs-section .reviews-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .tabs-section .reviews-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  padding: 8px 16px;
}
.product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.product-reviews-comp .tabs-section .reviews-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.product-reviews-comp .bg-grey {
  background-color: #eaeaec;
}
.product-reviews-comp .bg-white {
  background-color: #ffffff;
}
.product-reviews-comp .reviewvideo-popup .modal-review-popup .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.product-reviews-comp .reviewvideo-popup .modal-review-popup .modal-dialog .review-popup {
  position: relative;
}
.product-reviews-comp .reviewvideo-popup .modal-review-popup .modal-dialog .review-popup .popup-cross {
  position: absolute;
  top: 12px;
  right: 11px;
  z-index: 999;
}
.product-reviews-comp .reviewvideo-popup .modal-review-popup .modal-dialog .review-popup .popup-cross .icon-Cross {
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
}
.product-reviews-comp .reviewvideo-popup .modal-review-popup .modal-dialog .review-popup .review-video .icon-Play,
.product-reviews-comp .reviewvideo-popup .modal-review-popup .modal-dialog .review-popup .review-video .icon-Pause {
  position: absolute;
  top: 40%;
  right: 46%;
  font-size: 24px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  cursor: pointer;
}
.product-reviews-comp .reviewvideo-popup .modal-review-popup .modal-dialog .review-popup .review-video .video {
  width: 100%;
}
.product-reviews-comp .socialMediaLink {
  display: flex;
  flex-direction: row;
  padding-bottom: 0px;
  position: relative;
  row-gap: 10px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .socialMediaLink {
    margin-top: 10px;
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .socialMediaLink {
    flex-wrap: wrap;
    padding-bottom: 32px;
  }
}
.product-reviews-comp .socialMediaLink .social-nav-link.py-2 {
  display: flex;
  align-items: center;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  color: #307fe2;
  margin-right: 24px;
}
.product-reviews-comp .socialMediaLink .social-nav-link .social_media_icon {
  background-color: #307fe2;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .socialMediaLink .social-nav-link .social_media_icon {
    width: 32px;
    height: 32px;
    margin-right: 0px;
    margin-bottom: 0;
  }
}
.product-reviews-comp .socialMediaLink .social-nav-link .link-secondary {
  color: #307fe2 !important;
  font-size: 16px !important;
}
.product-reviews-comp .link-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.product-reviews-comp .helpfulVotes-link {
  cursor: default;
}
.product-reviews-comp .helpfulVotes-link .helpful-votescount {
  color: #307fe2;
  margin-right: 4px;
}
.product-reviews-comp .helpfulVotes-link .fa-thumbs-up {
  margin-left: 5px;
}
.product-reviews-comp .copiedlink-label {
  display: none;
  color: #282828;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  margin-bottom: 16px;
  padding: 8px;
  position: absolute;
  bottom: 32px;
  background-color: #ffffff;
  align-items: center;
}
.product-reviews-comp .copiedlink-label .icon-Tick-24 {
  color: #609f65;
  font-size: 14px;
  margin-right: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .copiedlink-label {
    bottom: 124px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .copiedlink-label {
    bottom: 80px;
  }
}
.product-reviews-comp .linkLabel {
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .linkLabel {
    align-items: start;
  }
}
.product-reviews-comp .linkLabel .copyIcon {
  font-size: 12px;
  margin-right: 10.5px;
  color: #307fe2;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .linkLabel .copyIcon {
    font-size: 32px;
    margin-right: 24px;
  }
}
.product-reviews-comp .linkLabel .copyIcon .fa.fa-clone {
  height: 100% !important;
}
.product-reviews-comp .linkLabel .copyLink {
  color: #307fe2;
  font-size: 16px;
  margin-right: 24px;
  font-weight: normal;
  line-height: 17.6px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .linkLabel .copyLink {
    margin-right: 0px;
  }
}
.product-reviews-comp .linkLabel .helpful-count {
  color: #7a8084;
}
.product-reviews-comp .linkLabel .fa-thumbs-up {
  margin-right: 8px;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #307fe2;
}
.product-reviews-comp .linkLabel .fa-thumbs-up.active {
  color: #307fe2;
}
.product-reviews-comp .linkLabel .disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
  opacity: 0.5;
}
.product-reviews-comp .expert-reviews-section {
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section {
    padding: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section {
    padding: 16px;
  }
}
.product-reviews-comp .expert-reviews-section .reviewer-name {
  color: #383737;
  padding-bottom: 8px;
}
.product-reviews-comp .expert-reviews-section .left-block {
  width: 45%;
  margin-right: 104px;
}
.product-reviews-comp .expert-reviews-section .left-block .reviewer-name {
  color: #383737;
  padding-bottom: 0px;
  padding-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .left-block {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section .left-block {
    width: 100%;
  }
}
.product-reviews-comp .expert-reviews-section .review-tab-date {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .review-tab-date {
    display: block;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section .review-tab-date {
    display: none;
  }
}
.product-reviews-comp .expert-reviews-section .right-block .review-img {
  width: 90%;
  max-height: 282px;
  position: relative;
  top: 20%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .right-block .review-img {
    width: 100%;
    max-height: 315px;
    top: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section .right-block .review-img {
    width: 100%;
    max-height: 170px;
    top: 0;
  }
}
.product-reviews-comp .expert-reviews-section .right-block .review-video {
  position: relative;
  top: 20%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .right-block .review-video {
    top: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section .right-block .review-video {
    top: 0;
  }
}
.product-reviews-comp .expert-reviews-section .right-block .review-video .expert-video {
  max-width: 482px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .right-block .review-video .expert-video {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section .right-block .review-video .expert-video {
    max-width: 100%;
  }
}
.product-reviews-comp .expert-reviews-section .right-block .review-video .icon-Play,
.product-reviews-comp .expert-reviews-section .right-block .review-video .icon-Pause {
  position: absolute;
  top: 31%;
  right: 43%;
  font-size: 24px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .right-block .review-video .icon-Play,
  .product-reviews-comp .expert-reviews-section .right-block .review-video .icon-Pause {
    top: 35%;
    right: 45%;
  }
}
.product-reviews-comp .expert-reviews-section .reviews-details {
  display: flex;
  flex-direction: row;
  gap: 104px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .reviews-details {
    flex-direction: column-reverse;
    gap: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section .reviews-details {
    flex-direction: column-reverse;
    gap: 0px;
  }
}
.product-reviews-comp .expert-reviews-section .reviews-details .title-section {
  margin-bottom: 40px;
  margin-top: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .reviews-details .title-section {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section .reviews-details .title-section {
    margin-top: 12px;
  }
}
.product-reviews-comp .expert-reviews-section .reviews-details .description-section {
  margin-bottom: 40px;
  margin-top: 0px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .reviews-details .description-section {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .expert-reviews-section .reviews-details .description-section {
    margin-bottom: 24px;
  }
}
.product-reviews-comp .expert-reviews-section .article-details {
  margin-bottom: 40px;
}
.product-reviews-comp .expert-reviews-section .article-details .article-label {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  padding: 12px 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .expert-reviews-section .article-details .article-label {
    width: 100%;
  }
}
.product-reviews-comp .expert-reviews-section .share-reviews-section {
  justify-content: space-between;
}
.product-reviews-comp .review-date {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  margin-left: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .review-date {
    margin-left: 0%;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .review-date {
    margin-top: 16px;
    margin-left: 0%;
    margin-bottom: 24px;
  }
}
.product-reviews-comp .hr-divider {
  background: #EAEAEC;
  height: 1px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .hr-divider {
    margin-bottom: 24px;
  }
}
.product-reviews-comp .read-more-link,
.product-reviews-comp .read-less-link {
  margin-bottom: 24px;
  display: inline-block;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #307fe2;
  cursor: pointer;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.product-reviews-comp .read-less-link {
  display: none;
}
.product-reviews-comp .customer-reviews-section {
  padding: 80px;
}
.product-reviews-comp .customer-reviews-section .titles-section .user-name {
  margin-bottom: 12px;
  color: #383737;
  margin-top: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-section .titles-section .user-name {
    margin-top: 24px;
  }
}
.product-reviews-comp .customer-reviews-section .titles-section .title {
  margin-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-section .titles-section .title {
    margin-bottom: 16px;
  }
}
.product-reviews-comp .customer-reviews-section .review-image {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .review-image {
    margin-bottom: 0px;
  }
}
.product-reviews-comp .customer-reviews-section .review-image img {
  width: 90%;
  max-height: 282px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .review-image img {
    width: 248px;
    max-height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-section .review-image img {
    width: 100%;
    max-height: 170px;
  }
}
.product-reviews-comp .customer-reviews-section .right-block .review-img {
  width: 90%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .right-block .review-img {
    width: 100%;
  }
}
.product-reviews-comp .customer-reviews-section .right-block .review-video {
  position: relative;
  margin-bottom: 40px;
}
.product-reviews-comp .customer-reviews-section .right-block .review-video .icon-Play,
.product-reviews-comp .customer-reviews-section .right-block .review-video .icon-Pause {
  position: absolute;
  top: 38%;
  right: 39%;
  font-size: 24px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .right-block .review-video .icon-Play,
  .product-reviews-comp .customer-reviews-section .right-block .review-video .icon-Pause {
    top: 29%;
    right: 38%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-section .right-block .review-video .icon-Play,
  .product-reviews-comp .customer-reviews-section .right-block .review-video .icon-Pause {
    right: 40%;
  }
}
.product-reviews-comp .customer-reviews-section .right-block .review-video .customer-video {
  max-width: 482px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .right-block .review-video .customer-video {
    max-width: 248px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-section .right-block .review-video .customer-video {
    max-width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .right-block .review-video {
    margin-bottom: 0px;
  }
}
.product-reviews-comp .customer-reviews-section .variant-title {
  margin-left: 16px;
  display: inline-block;
  margin-bottom: 24px;
}
.product-reviews-comp .customer-reviews-section .model-title-section p {
  margin-bottom: 12px;
}
.product-reviews-comp .customer-reviews-section .model-title-section .model-description {
  max-width: 482px;
  max-height: 155px;
  overflow: hidden;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .model-title-section .model-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-reviews-comp .customer-reviews-section .model-title-section .model-description.extra_description {
  max-height: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .model-title-section .model-description {
    max-height: 104px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-section .model-title-section .model-description {
    max-height: 142px;
  }
}
.product-reviews-comp .customer-reviews-section .model-title-section .icon-Chevron-Down,
.product-reviews-comp .customer-reviews-section .model-title-section .icon-Chevron-Up {
  font-size: 12px;
  margin-left: 6px;
  cursor: pointer;
}
.product-reviews-comp .customer-reviews-section .exp-title {
  margin-bottom: 16px;
  color: #383737;
}
.product-reviews-comp .customer-reviews-section .experience-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #383737;
  margin-bottom: 28px;
}
.product-reviews-comp .customer-reviews-section .experience-section .exp-block {
  margin-bottom: 16px;
  display: flex;
}
.product-reviews-comp .customer-reviews-section .experience-section .experience-item {
  width: 152px;
  margin-right: 23px;
}
.product-reviews-comp .customer-reviews-section .experience-section .experience-rating {
  width: 35px;
}
.product-reviews-comp .customer-reviews-section .text-end .stars-scale {
  float: right;
}
.product-reviews-comp .customer-reviews-section .stars-scale {
  display: flex;
}
.product-reviews-comp .customer-reviews-section .stars-scale span {
  font-size: 40px;
  margin-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section .stars-scale span {
    margin-right: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-section .stars-scale span {
    font-size: 14px;
    margin-right: 7px;
  }
}
.product-reviews-comp .customer-reviews-section .stars-scale .fa {
  float: right;
  color: transparent;
  font-size: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.product-reviews-comp .customer-reviews-section .stars-scale .fa:first-child {
  padding-left: 4px;
}
.product-reviews-comp .customer-reviews-section .stars-scale .fa:last-child {
  padding-right: 24px;
}
.product-reviews-comp .customer-reviews-section .stars-scale .fa-star {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #307fe2;
}
.product-reviews-comp .customer-reviews-section .stars-scale .fa:before {
  display: inline-block;
  margin: 0;
  padding: 0.3rem 0.2rem;
  font-size: 2rem;
}
.product-reviews-comp .customer-reviews-section .stars-scale .fa-star-half {
  position: relative;
  left: 22px;
  top: 0px;
}
.product-reviews-comp .customer-reviews-section .stars-scale .active {
  color: #307fe2;
}
.product-reviews-comp .customer-reviews-section .stars-scale .half-filled-stars:before {
  color: #307fe2;
}
.product-reviews-comp .customer-reviews-section .share-reviews-section {
  justify-content: space-between;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-section {
    padding: 40px 64px 0px 64px;
  }
  .product-reviews-comp .customer-reviews-section .titles-section .title {
    margin-bottom: 24px;
  }
  .product-reviews-comp .customer-reviews-section .customer-stars-section {
    margin-bottom: 24px;
  }
  .product-reviews-comp .customer-reviews-section .customer-stars-section img {
    max-width: 248px;
  }
  .product-reviews-comp .customer-reviews-section .experience-section {
    margin-bottom: 8px;
  }
  .product-reviews-comp .customer-reviews-section .experience-section .exp-block {
    margin-bottom: 16px;
  }
  .product-reviews-comp .customer-reviews-section .experience-section .experience-item {
    width: 208px;
    margin-right: 12px;
  }
  .product-reviews-comp .customer-reviews-section .experience-section .experience-rating {
    width: 30px;
  }
  .product-reviews-comp .customer-reviews-section .variant-title {
    margin-left: 12px;
  }
  .product-reviews-comp .customer-reviews-section .stars-scale {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-section {
    padding: 16px 16px 0px 16px;
  }
  .product-reviews-comp .customer-reviews-section img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .product-reviews-comp .customer-reviews-section .customer-stars-section {
    margin-bottom: 0px;
  }
  .product-reviews-comp .customer-reviews-section .customer-stars-section .votes {
    display: block;
    width: 100%;
  }
  .product-reviews-comp .customer-reviews-section .experience-section {
    margin-bottom: 8px;
  }
  .product-reviews-comp .customer-reviews-section .experience-section .experience-item {
    width: 102px;
    margin-right: 10px;
  }
  .product-reviews-comp .customer-reviews-section .experience-section .experience-rating {
    width: 30px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
  .product-reviews-comp .customer-reviews-section .stars-scale {
    margin-bottom: 0px;
  }
  .product-reviews-comp .customer-reviews-section .stars-scale .icon-Active1 {
    font-size: 14px;
  }
  .product-reviews-comp .customer-reviews-section .details-column {
    order: 2;
  }
  .product-reviews-comp .customer-reviews-section .rating-column {
    order: 1;
  }
}
.product-reviews-comp .customer-reviews-pagination,
.product-reviews-comp .expert-reviews-pagination {
  color: #307fe2;
  margin-top: 64px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 64px;
  margin-left: 11%;
  margin-right: 11%;
  width: 75%;
  height: 34px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-pagination,
  .product-reviews-comp .expert-reviews-pagination {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-pagination,
  .product-reviews-comp .expert-reviews-pagination {
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.product-reviews-comp .customer-reviews-pagination .prev,
.product-reviews-comp .expert-reviews-pagination .prev {
  position: absolute;
  left: 0%;
  display: flex;
  color: #307fe2;
  margin-right: 154px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-pagination .prev,
  .product-reviews-comp .expert-reviews-pagination .prev {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-pagination .prev,
  .product-reviews-comp .expert-reviews-pagination .prev {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-reviews-comp .customer-reviews-pagination .prev.inactive,
.product-reviews-comp .expert-reviews-pagination .prev.inactive {
  color: rgba(122, 128, 132, 0.5) !important;
  pointer-events: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-pagination .prev,
  .product-reviews-comp .expert-reviews-pagination .prev {
    margin-right: 107px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-pagination .prev,
  .product-reviews-comp .expert-reviews-pagination .prev {
    margin-right: 21px;
    margin-left: 18px;
  }
  .product-reviews-comp .customer-reviews-pagination .prev .text,
  .product-reviews-comp .expert-reviews-pagination .prev .text {
    display: none;
  }
}
.product-reviews-comp .customer-reviews-pagination .prev .icon-Arrow-Left-20,
.product-reviews-comp .expert-reviews-pagination .prev .icon-Arrow-Left-20 {
  margin-right: 9px;
  display: flex;
  align-items: center;
}
.product-reviews-comp .customer-reviews-pagination .prev .icon-Arrow-Left-20::before,
.product-reviews-comp .expert-reviews-pagination .prev .icon-Arrow-Left-20::before {
  font-size: 14px;
}
.product-reviews-comp .customer-reviews-pagination .pagination-box,
.product-reviews-comp .expert-reviews-pagination .pagination-box {
  position: relative;
  display: flex;
  align-items: center;
}
.product-reviews-comp .customer-reviews-pagination .pagination-box .total-pages,
.product-reviews-comp .expert-reviews-pagination .pagination-box .total-pages {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-pagination .pagination-box .total-pages,
  .product-reviews-comp .expert-reviews-pagination .pagination-box .total-pages {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-pagination .pagination-box .total-pages,
  .product-reviews-comp .expert-reviews-pagination .pagination-box .total-pages {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-pagination .pagination-box .total-pages,
  .product-reviews-comp .expert-reviews-pagination .pagination-box .total-pages {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
  }
}
.product-reviews-comp .customer-reviews-pagination .pagination-box .page-input-border,
.product-reviews-comp .expert-reviews-pagination .pagination-box .page-input-border {
  padding-top: 8px;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  /* Firefox */
}
.product-reviews-comp .customer-reviews-pagination .pagination-box .page-input-border .pagination-input,
.product-reviews-comp .expert-reviews-pagination .pagination-box .page-input-border .pagination-input {
  width: 28px;
  border: none;
  text-align: left;
  background: none;
  outline: none;
}
.product-reviews-comp .customer-reviews-pagination .pagination-box .page-input-border input::-webkit-outer-spin-button,
.product-reviews-comp .expert-reviews-pagination .pagination-box .page-input-border input::-webkit-outer-spin-button,
.product-reviews-comp .customer-reviews-pagination .pagination-box .page-input-border input::-webkit-inner-spin-button,
.product-reviews-comp .expert-reviews-pagination .pagination-box .page-input-border input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-reviews-comp .customer-reviews-pagination .pagination-box .page-input-border input[type=number],
.product-reviews-comp .expert-reviews-pagination .pagination-box .page-input-border input[type=number] {
  -moz-appearance: textfield;
}
.product-reviews-comp .customer-reviews-pagination .pagination-box span,
.product-reviews-comp .expert-reviews-pagination .pagination-box span {
  padding-left: 4px;
  padding-right: 4px;
}
.product-reviews-comp .customer-reviews-pagination .pagination-box .pagination-button,
.product-reviews-comp .expert-reviews-pagination .pagination-box .pagination-button {
  margin-left: 40px;
  color: #307fe2;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  width: max-content;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.product-reviews-comp .customer-reviews-pagination .pagination-box .pagination-button::after,
.product-reviews-comp .expert-reviews-pagination .pagination-box .pagination-button::after {
  content: "\e9a0";
  font-family: 'icomoon';
  font-size: 12px;
  padding-left: 8px;
  cursor: pointer;
  position: absolute;
}
.product-reviews-comp .customer-reviews-pagination .pagination-box .pagination-button.inactive,
.product-reviews-comp .expert-reviews-pagination .pagination-box .pagination-button.inactive {
  color: rgba(122, 128, 132, 0.5) !important;
  pointer-events: none;
}
.product-reviews-comp .customer-reviews-pagination .next,
.product-reviews-comp .expert-reviews-pagination .next {
  position: absolute;
  right: 0%;
  display: flex;
  color: #307fe2;
  margin-left: 194px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-pagination .next,
  .product-reviews-comp .expert-reviews-pagination .next {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-pagination .next,
  .product-reviews-comp .expert-reviews-pagination .next {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-reviews-comp .customer-reviews-pagination .next.inactive,
.product-reviews-comp .expert-reviews-pagination .next.inactive {
  color: rgba(122, 128, 132, 0.5) !important;
  pointer-events: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp .customer-reviews-pagination .next,
  .product-reviews-comp .expert-reviews-pagination .next {
    margin-left: 143px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-reviews-comp .customer-reviews-pagination .next,
  .product-reviews-comp .expert-reviews-pagination .next {
    margin-left: 22px;
    margin-right: 18px;
  }
  .product-reviews-comp .customer-reviews-pagination .next .text,
  .product-reviews-comp .expert-reviews-pagination .next .text {
    display: none;
  }
}
.product-reviews-comp .customer-reviews-pagination .next .icon-Arrow-Right-20,
.product-reviews-comp .expert-reviews-pagination .next .icon-Arrow-Right-20 {
  margin-left: 9px;
  display: flex;
  align-items: center;
}
.product-reviews-comp .customer-reviews-pagination .next .icon-Arrow-Right-20::before,
.product-reviews-comp .expert-reviews-pagination .next .icon-Arrow-Right-20::before {
  font-size: 14px;
}
.product-reviews-comp .share-review-label {
  color: #7a8084;
}
.product-reviews-comp.accessories .model-title,
.product-reviews-comp.accessories .variant-label {
  display: none !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-reviews-comp.accessories .reviews-tabs {
    display: none !important;
  }
}

.popup-open {
  overflow: hidden !important;
  padding-right: 0px;
}
.product-prices-comp {
  background-color: #f8f8f8;
}
.product-prices-comp .price-title {
  margin-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .price-title {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .price-title {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
.product-prices-comp .main-container .nav {
  margin-bottom: 0px !important;
}
.product-prices-comp .main-container .nav-pills {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .main-container .nav-pills {
    display: none;
  }
}
.product-prices-comp .main-container .nav-pills .nav-item .nav-link {
  background-color: transparent;
}
.product-prices-comp .main-container .nav-pills .nav-item .nav-link.active h6 {
  border-bottom: 2px solid #282828;
  padding-bottom: 4px;
  color: #383737;
}
.product-prices-comp .main-container .nav-pills .nav-item .nav-link h6 {
  color: #7a8084;
  margin-bottom: 0px;
}
.product-prices-comp .main-container .tab-content {
  margin-top: 48px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .main-container .filter-section {
    margin: 0px 16px 16px 16px;
  }
}
.product-prices-comp .main-container .filter-section .filers-title {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .main-container .filter-section .filers-title {
    grid-template-columns: 50% 50%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .main-container .filter-section .filers-title .selected_values {
    margin-right: 16px;
    margin-bottom: 24px;
  }
}
.product-prices-comp .main-container .filter-section .filers-title .selected_values .price-form-filters-label {
  color: #7a8084;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .main-container .filter-section .filers-title .selected_values .price-form-filters-label {
    margin-bottom: 4px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .main-container .filter-section .filers-title .selected_values .price-form-filters-label {
    margin-bottom: 4px;
  }
}
.product-prices-comp .main-container .filter-section .filers-title .selected_values .values_select {
  color: #383737;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .main-container .filter-section .filers-title .selected_values .values_select {
    margin-bottom: 0px !important;
  }
}
.product-prices-comp .main-container .filter-section .change-filter-btn {
  width: 24.8%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: transparent;
  font-weight: 500;
  padding: 12px 24px;
  outline: 0;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .main-container .filter-section .change-filter-btn {
    width: 100%;
  }
}
.product-prices-comp .main-container hr {
  margin: 24px 0px;
  border: 1px solid #c4c4c4;
}
@media only screen and (min-width: 992px) {
  .product-prices-comp .main-container hr {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .overlay-btn-popup {
    position: fixed;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    bottom: 0px;
    background: #383737;
    opacity: .2;
    z-index: 1055;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .overlay-btn-popup {
    background: transparent;
    opacity: none;
  }
}
.product-prices-comp .acc-main {
  width: 89%;
  background: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main {
    padding: 40px;
    background: none;
    position: fixed;
    width: 552px;
    right: 0px;
    background: #ffffff;
    height: 100%;
    z-index: 1000000;
    top: 0px;
    overflow: auto;
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main h4 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main h4 {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main {
    width: 100%;
    padding: 30px;
    padding-bottom: 0px !important;
  }
}
@media only screen and (min-width: 992px) {
  .product-prices-comp .acc-main .price-filter-title {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .price-filter-title {
    display: block;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .price-filter-title {
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .price-filter-title .icon-Cross {
    color: #383737;
    font-size: 32px;
    height: 32px;
  }
}
.product-prices-comp .acc-main .accordion {
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion {
    margin-top: 39px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion {
    margin-top: 0px;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item {
  background-color: transparent;
  border: 0;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse:last-child .accordion-body {
  border-bottom: none;
}
.product-prices-comp .acc-main .accordion .accordion-item:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .accordion-item {
    margin-top: 24px;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-header:first-child .accordion-button {
  padding-top: 0px !important;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  color: #7a8084;
  box-shadow: none !important;
  padding: 24px 0px 19px 0px;
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-header .accordion-button {
    padding: 40px 0px 26px 0px;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "\e990";
  font-family: 'icomoon' !important;
  background-image: none;
  color: #383737;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-header .collapsed::after {
  content: "\e993";
  font-family: 'icomoon' !important;
  background-image: none;
  color: #383737;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    display: none;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-header .price:focus {
  box-shadow: none !important;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-header .price .collapsed .value-selected {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-header {
    pointer-events: none;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0px !important;
  border-bottom: 1px solid #eaeaec;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check {
  display: flex;
  align-items: flex-start;
  margin-bottom: 22px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check {
    margin-bottom: 20px;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 15px;
  min-width: 24px;
  cursor: pointer;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check input[type='radio']:checked:before {
  background: #307fe2;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check input[type='checkbox'] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 24px;
  height: 24px;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 15px;
  min-width: 24px;
  cursor: pointer;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check input[type='checkbox']:checked {
  border: 2px solid #307fe2;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check input[type='checkbox']:before {
  content: '';
  font-family: icomoon !important;
  display: block;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check input[type='checkbox']:checked:before {
  content: "\e9b3";
  color: #ffffff;
  font-size: 20px;
  background: #307fe2;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check .price-form-check-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check .price-form-check-label {
    margin-top: 3px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-check .price-form-check-label {
    font-size: 18px;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .total-price-slider,
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .monthly-price-slider {
  margin-left: 10px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .total-price-slider,
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .monthly-price-slider {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .total-price-slider,
  .product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .monthly-price-slider {
    margin-right: 10px;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider input {
  margin-top: 15px;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider input[type=range].distance_range:focus-visible {
  outline: 2px solid #307fe2;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .ui-widget-header {
  background: #307fe2;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .ui-widget-content {
  border: none;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider input[type=range].price_range:focus-visible {
  outline: 2px solid #307fe2;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider span.ui-slider-handle.ui-corner-all.ui-state-default {
  border: 2px solid #307fe2;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -1px;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .ui-slider-horizontal {
  height: 2px;
  background: #7a8084;
  cursor: pointer;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider input[type="range"]:focus,
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .ui-state-active:focus,
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .ui-state-hover:focus {
  outline: none;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .ui-slider-handle:focus-visible {
  border: solid 1px #307fe2;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .price-column,
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .monthly-price-column {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .price-column .price-value,
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .monthly-price-column .price-value,
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .price-column .monthly-price-value,
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .monthly-price-column .monthly-price-value {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  margin-left: -10px;
  position: relative;
  top: 8px;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .price-buttons {
  display: flex;
  margin-top: 16px;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .price-buttons .total-button {
  width: 50%;
  border: 2px solid #307fe2;
  color: #307fe2;
  background: transparent;
  outline: 0;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  padding: 12px 46px;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .price-buttons .monthly-button {
  width: 50%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 33px;
  outline: 0;
  cursor: pointer;
}
.product-prices-comp .acc-main .accordion .accordion-item .accordion-collapse .accordion-body .price-form-slider .price-buttons .active {
  background-color: #307fe2;
  color: #ffffff;
}
.product-prices-comp .acc-main .accordion .accordion-item .acc-collapse {
  display: block !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item .price-acc-text {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .accordion-item .price-acc-text {
    flex-direction: column;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .price-acc-text .price-buttons {
  display: flex;
  width: 43.8%;
  margin-bottom: 39px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .acc-main .accordion .accordion-item .price-acc-text .price-buttons {
    position: relative;
    left: 56%;
    bottom: 135px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .accordion-item .price-acc-text .price-buttons {
    flex-direction: row;
    position: initial;
    width: 100%;
  }
}
.product-prices-comp .acc-main .accordion .accordion-item .price-acc-text .price-buttons .total-button {
  width: 50%;
  background-color: transparent;
  color: #307fe2;
  border: 2px solid #307fe2;
  outline: 0;
  font-weight: 500;
  text-align: center;
  padding: 8px 29px;
}
.product-prices-comp .acc-main .accordion .accordion-item .price-acc-text .price-buttons .monthly-button {
  width: 50%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: transparent;
  font-weight: 500;
  padding: 8px 16px;
  outline: 0;
  cursor: pointer;
}
.product-prices-comp .acc-main .accordion .accordion-item .price-acc-text .price-buttons .active {
  background-color: #307fe2;
  color: #ffffff;
}
.product-prices-comp .acc-main .accordion .tab-content {
  margin-top: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .tab-content {
    margin: 0px 5px;
  }
}
.product-prices-comp .acc-main .accordion .tab-content .subs-filters-button {
  padding-top: 64px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .tab-content .subs-filters-button {
    display: flex;
    flex-direction: column;
  }
}
.product-prices-comp .acc-main .accordion .tab-content .subs-filters-button .apply-filter-button {
  width: 150px;
  padding: 12px;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: transparent;
  font-weight: 500;
  outline: 0px;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .tab-content .subs-filters-button .apply-filter-button {
    width: 100%;
  }
}
.product-prices-comp .acc-main .accordion .tab-content .subs-filters-button .reset-button {
  margin-left: 32px;
  border: none;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: transparent;
  font-weight: 500;
  outline: 0px;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .tab-content .subs-filters-button .reset-button {
    width: 100%;
    margin-left: 0px;
    margin-top: 40px;
  }
}
.product-prices-comp .acc-main .accordion .purchase-filters-button {
  padding-top: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .purchase-filters-button {
    display: flex;
    flex-direction: column;
    position: sticky;
    bottom: 0;
    height: 138px;
    background-color: #ffffff;
    z-index: 9999;
    padding-top: 24px;
  }
}
.product-prices-comp .acc-main .accordion .purchase-filters-button .apply-filter-button {
  width: 150px;
  padding: 12px;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: transparent;
  font-weight: 500;
  outline: 0px;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .purchase-filters-button .apply-filter-button {
    width: 100%;
  }
}
.product-prices-comp .acc-main .accordion .purchase-filters-button .reset-button {
  margin-left: 32px;
  border: none;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: transparent;
  font-weight: 500;
  outline: 0px;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .acc-main .accordion .purchase-filters-button .reset-button {
    width: 100%;
    margin-left: 0px;
    margin-top: 24px;
    display: block;
    padding-bottom: 24px;
  }
}
.product-prices-comp .card-main {
  width: 100%;
}
.product-prices-comp .card-main .row {
  flex: 0 0 auto;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .card-main .row {
    gap: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row {
    gap: 0px;
  }
}
.product-prices-comp .card-main .row .column {
  width: 31.71%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .card-main .row .column {
    width: 48.9%;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column {
    width: 100%;
    margin-bottom: 12px;
  }
}
.product-prices-comp .card-main .row .column .card {
  margin-right: 0px;
  margin-left: 0px;
  height: 100%;
  border: none;
  display: flex;
  justify-content: space-between;
}
.product-prices-comp .card-main .row .column .card .card-section .title-align {
  padding: 26px 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .card-main .row .column .card .card-section .title-align {
    padding: 30px 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-section .title-align {
    padding: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .product-prices-comp .card-main .row .column .card {
    min-height: 761px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .card-main .row .column .card {
    min-height: 663px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .card-main .row .column .card {
    min-height: 0px !important;
  }
}
.product-prices-comp .card-main .row .column .card .card-title {
  background-color: #383737;
  color: #ffffff;
  height: 120px;
  padding: 40px 24px;
  margin-bottom: 0px;
  margin-top: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title h5 {
    margin-bottom: 16px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title {
    padding: 16px 16px 16px 16px;
    height: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title .isToggle {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title .card-price-details .offer-details,
  .product-prices-comp .card-main .row .column .card .card-title .card-price-details .mobile-offer-details {
    display: flex;
    margin-bottom: 0px;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title .card-price-details .offer-details .mobile-price-total,
  .product-prices-comp .card-main .row .column .card .card-title .card-price-details .mobile-offer-details .mobile-price-total {
    margin-bottom: 0px;
  }
}
.product-prices-comp .card-main .row .column .card .card-title .card-price-details .offer-details .mobile-price-monthly,
.product-prices-comp .card-main .row .column .card .card-title .card-price-details .mobile-offer-details .mobile-price-monthly {
  margin-right: 123px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title .card-price-details h6 {
    margin-bottom: 0px;
  }
}
.product-prices-comp .card-main .row .column .card .card-title .card-price-details hr {
  margin-bottom: 12px;
  color: #282828;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title .card-price-details .actual-price-details {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title h5::after {
    font-family: 'icomoon' !important;
    content: '\e990';
    float: right;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-title .show::after {
    font-family: 'icomoon' !important;
    content: '\e993' !important;
    float: right;
  }
}
.product-prices-comp .card-main .row .column .card .card-description {
  padding: 24px;
}
.product-prices-comp .card-main .row .column .card .card-description .card-values {
  min-height: 380px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .card-main .row .column .card .card-description .card-values {
    min-height: 272px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-description .card-values {
    min-height: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .column .card .card-description {
    display: none;
    padding: 16px;
  }
}
.product-prices-comp .card-main .row .column .card .card-description li {
  color: #383737;
}
.product-prices-comp .card-main .row .column .card .card-description p {
  color: #7a8084;
  margin-bottom: 12px;
}
.product-prices-comp .card-main .row .column .card .card-description .price-offer-section {
  font-size: 14px;
  color: #7a8084;
  font-weight: 300px;
  margin-bottom: 8px;
}
.product-prices-comp .card-main .row .column .card .card-description .price-offer-month {
  background-color: #f8f8f8;
  color: #383737;
  padding: 12px;
  margin-bottom: 22px;
  font-size: 14px;
  line-height: 116%;
  font-weight: 300;
}
.product-prices-comp .card-main .row .column .card .card-description ul {
  padding-left: 1.2rem;
}
.product-prices-comp .card-main .row .column .card .card-description li {
  margin-bottom: 8px;
}
.product-prices-comp .card-main .row .column .card .card-description hr {
  margin-top: 24px;
  margin-bottom: 6px;
  color: #eaeaec;
  margin-bottom: 0px !important;
}
.product-prices-comp .card-main .row .column .card .offer-price-section,
.product-prices-comp .card-main .row .column .card .original-price-section,
.product-prices-comp .card-main .row .column .card .monthly-price-section {
  margin: auto 24px;
  height: 135px;
}
.product-prices-comp .card-main .row .column .card .configure-section {
  padding: 0px 16px 16px 16px;
}
.product-prices-comp .card-main .row .column .card .configure-section .configure-button {
  padding: 0px 24px 24px 24px;
  width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  font-weight: 500;
  padding: 12px 24px;
  outline: 0;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .card-main .row .column .card .configure-section .configure-button {
    width: 100%;
  }
}
.product-prices-comp .card-main .row .card-align {
  margin-right: 0px;
}
.product-prices-comp .card-main .row .extra-card {
  width: 31.71%;
  background-color: #eaeaec;
  max-height: 761px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .card-main .row .extra-card {
    width: 49%;
    background-color: #eaeaec;
    min-height: 663px !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-prices-comp .card-main .row .extra-card {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-prices-comp .error-msg {
    margin-bottom: 64px;
  }
}
.product-prices-comp .error-msg h6 {
  margin-bottom: 0px;
}

.header-overlap {
  position: relative;
  z-index: 1;
}
.prod-overview-modal {
  z-index: 0 !important;
}
@media only screen and (max-width: 991px) {
  .prod-overview-modal {
    height: 0px;
  }
}
.headersOverride {
  z-index: 0 !important;
}
.modal-open .tooltip {
  z-index: 999999;
}
.product-overview-darkview .product_component .car-info-container .product-information .tabcontent h2 {
  color: #ffffff;
}
.product-overview-darkview .product_component .car-info-container .product-information .tabcontent .content {
  color: #ffffff;
}
.product-overview-darkview .product_component .car-info-container .product-information .review .stars {
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-overview-darkview .product_component .car-info-container .product-information .review .stars {
    width: 100%;
  }
}
.product-overview-darkview .product_component .car-info-container .product-information .review .stars .reviews-link {
  text-decoration: none;
}
.product-overview-darkview .product_component .car-info-container .product-information .review .stars .reviews-link .reviwes-count {
  color: #307fe2;
  text-decoration: underline;
}
.product-overview-darkview .product_component .car-info-container .product-information .review #noofreviews {
  color: #ffffff;
}
.product-overview-darkview .product_component .car-info-container .product-information .product-booking #test_drive {
  color: #ffffff;
}
.product-overview-darkview .product_component .car-info-container .product-information .product-booking .cta-link {
  color: #ffffff;
}
.product-overview-darkview .product_component .car-info-container .product-information .product-booking #order_box {
  border: 2px solid #ffffff;
  color: #ffffff;
}
.product-overview-darkview .product_component .car-info-container .product-information .product-booking #product-testdrive {
  color: #ffffff;
}
.product_component {
  overflow-x: hidden;
}
.product_component .animation_duration {
  animation-duration: 333ms !important;
  transition-duration: 333ms !important;
  padding-bottom: 40px;
  height: 85.4%;
}
@media only screen and (max-width: 991px) {
  .product_component {
    z-index: 9;
    position: relative;
  }
}
.product_component .modal {
  z-index: 9999998;
  overflow: hidden;
}
.product_component .modal .modal-dialog {
  max-width: 70%;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_component .modal .modal-dialog {
    height: 90%;
  }
}
.product_component .modal .modal-dialog .modal-content {
  border: none;
  border-radius: 0px;
  overflow-y: hidden;
  background-color: #ffffff !important;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_component .modal .modal-dialog .modal-content {
    height: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_component .modal .modal-dialog .modal-content {
    max-height: 100vh;
  }
}
.product_component .modal .modal-dialog .modal-content .modalClose {
  text-decoration: none;
  right: 0;
  padding-top: 48px;
  padding-right: 80px;
  position: absolute;
  color: #ffffff;
}
.product_component .modal .modal-dialog .modal-content .modalClose .icon-Cross {
  font-size: 24px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.3);
}
.product_component .modal .modal-dialog .modal-content .transparentImage {
  padding: 40px 155px 0px 155px;
}
.product_component .modal .modal-dialog .modal-content .buttonAlignMod {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-bottom: 24px;
  position: relative;
}
.product_component .modal .modal-dialog .modal-content .buttonAlignMod .color-label {
  margin-left: 38%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_component .modal .modal-dialog .modal-content .buttonAlignMod .color-label {
    margin-left: 34%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product_component .modal .modal-dialog .modal-content .buttonAlignMod .color-label {
    margin-left: 15%;
  }
}
.product_component .modal .modal-dialog .modal-content .buttonAlignMod .coloroptMod button {
  height: 20px;
  width: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  border: 1px solid #7a8084;
  border-radius: 50%;
  outline: none;
  padding: 0;
}
.product_component .modal .modal-dialog .modal-content .buttonAlignMod .coloroptMod .fa_customs_mod {
  background-color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.product_component .modal .modal-dialog .modal-content .buttonAlignMod .coloroptMod .fa_customs_mod::before {
  color: #383737;
  font-size: 8px;
  font-weight: bold;
}
.product_component .modal .modal-dialog .modal-content .buttonAlignMod .coloroptMod .fa_customs_mod.selectedButton {
  animation: fading 167ms linear;
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1 !important;
  }
}
.product_component .car-info-container {
  display: flex;
}
.product_component .car-info-container .product-information {
  flex: 0 0 36.2%;
  padding-left: 106px;
  min-height: 800px;
}
.product_component .car-info-container .product-information .tabcontent {
  animation-timing-function: cubic-bezier(0, 0, 0, 1) !important;
  animation-duration: 1000ms !important;
  transition-duration: 1000ms !important;
  margin-top: 266px;
}
.product_component .car-info-container .product-information .tabcontent h2 {
  margin: 0;
  color: #383737;
}
.product_component .car-info-container .product-information .tabcontent .content {
  margin-top: 8px;
  margin-right: 19px;
  color: #7a8084;
}
.product_component .car-info-container .product-information .tabcontent .content p {
  padding-bottom: 25px;
  margin: 0;
  width: 100%;
}
.product_component .car-info-container .product-information .review .stars {
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_component .car-info-container .product-information .review .stars {
    width: 100%;
  }
}
.product_component .car-info-container .product-information .review .stars .reviews-link {
  text-decoration: none;
}
.product_component .car-info-container .product-information .review .stars .reviews-link .reviwes-count {
  color: #307fe2;
  text-decoration: underline;
}
.product_component .car-info-container .product-information .review #noofreviews {
  margin-top: 9.6px;
  width: 65.9%;
  padding-bottom: 24px;
  color: #7a8084;
}
.product_component .car-info-container .product-information .product-booking {
  display: flex;
}
.product_component .car-info-container .product-information .product-booking #test_drive {
  text-decoration: none;
  color: #307fe2;
  padding-top: 0px;
  position: absolute;
}
.product_component .car-info-container .product-information .product-booking .cta-link {
  padding-top: 12px;
  padding-right: 12px;
  text-decoration: none;
  color: #307fe2;
}
.product_component .car-info-container .product-information .product-booking .drive_fa .icon-Arrow-Right {
  position: absolute;
}
.product_component .car-info-container .product-information .product-booking .drive_fa .icon-Arrow-Right::before {
  margin: 0px 9px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: inline-block;
}
.product_component .car-info-container .product-information .product-booking #order_box {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  max-width: 100%;
  text-align: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
}
.product_component .car-info-container .product-information .product-booking #product-testdrive {
  height: fit-content;
  text-decoration: none;
  padding-top: 12px;
  padding-left: 24px;
  color: #307fe2;
  position: relative;
  z-index: 0;
  flex: 0 0 60%;
  left: 0px;
}
.product_component .car-info-container .product-information .product-booking .button_d {
  padding-top: 0px !important;
}
.product_component .car-info-container .product-carimage {
  flex: 0 0 63.8%;
  position: relative;
}
.product_component .car-info-container .product-carimage .prod-car-exterior-image {
  position: relative;
  max-width: 100%;
}
.product_component .car-info-container .product-carimage .product-view360 {
  top: 76px;
  display: block !important;
  background: none !important;
  z-index: 0 !important;
}
.product_component .car-info-container .product-carimage .product-view360 .images-loop .transparentImage img {
  width: auto !important;
  max-width: 100% !important;
  margin: auto !important;
}
.product_component .car-info-container .product-carimage .product-view360 .hide-icon {
  display: none;
}
.product_component .car-info-container .product-carimage .car-image {
  margin-left: -50%;
  margin-top: 110px;
}
.product_component .car-info-container .product-carimage .car-image img {
  display: block;
  max-width: 100%;
}
.product_component .car-info-container .product-carimage .full-view-360 {
  text-decoration: none;
  display: block;
  text-align: end;
  padding-top: 32px;
  padding-right: 32px;
  position: relative;
  color: #ffffff;
  width: fit-content;
  left: 93%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_component .car-info-container .product-carimage .full-view-360 {
    left: 85%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product_component .car-info-container .product-carimage .full-view-360 {
    left: 83%;
  }
}
.product_component .car-info-container .product-carimage .full-view-360 .icon-Expand {
  cursor: pointer;
  font-size: 24px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.3);
}
.product_component .car-info-container .product-carimage .full-view-360 img {
  width: 21.5px;
  height: 24px;
}
.product_component .car-info-container .product-carimage .full-view-360 p {
  margin: 0;
  margin-top: 8px;
}
.product_component .car-info-container .product-carimage .colordiv {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(90deg, transparent 34%, #eaeaec 34%);
  z-index: 0;
}
.product_component .car-info-container .product-carimage .buttonAlign {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-bottom: 40px;
  position: absolute;
  bottom: 0;
  left: 173px;
  right: 0;
}
.product_component .car-info-container .product-carimage .buttonAlign .color-label {
  margin-left: 34%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_component .car-info-container .product-carimage .buttonAlign .color-label {
    margin-left: 38%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product_component .car-info-container .product-carimage .buttonAlign .color-label {
    margin-left: 10%;
  }
}
.product_component .car-info-container .product-carimage .buttonAlign .coloropt button {
  height: 20px;
  width: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  border: 1px solid #7a8084;
  border-radius: 50%;
  outline: none;
  padding: 0;
}
.product_component .car-info-container .product-carimage .buttonAlign .coloropt .fa_customs {
  background-color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.product_component .car-info-container .product-carimage .buttonAlign .coloropt .fa_customs::before {
  color: #383737;
  font-size: 8px;
  font-weight: bold;
}
.product_component .car-info-container .product-carimage .buttonAlign .coloropt .fa_customs.selectedButton {
  animation: fading 167ms linear;
}
@media only screen and (max-width: 991px) {
  .product_component .car-info-container .product-carimage .modal:after {
    position: fixed;
    background: #383737;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .5;
    z-index: -1;
  }
}
.product_component .car-info-container .model {
  color: #383737;
}
.product_component .view360 {
  top: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_component .car-info-container .product-information .product-booking .book-button {
    flex: 0 0 40%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_component .animation_duration {
    padding-bottom: 14px;
  }
  .product_component .modal .modal-dialog {
    max-width: 100%;
  }
  .product_component .modal .modal-dialog .modal-content {
    width: 100%;
  }
  .product_component .modal .modal-dialog .modal-content .modalClose {
    padding-top: 24px;
    padding-right: 24px;
    position: absolute;
  }
  .product_component .modal .modal-dialog .modal-content .transparentImage {
    padding: 0;
  }
  .product_component .car-info-container .product-information {
    flex: 0 0 40%;
    padding-left: 40px;
    padding-right: 0px;
    min-height: 500px;
  }
  .product_component .car-info-container .product-information .tabcontent {
    margin-top: 132px;
  }
  .product_component .car-info-container .product-information .tabcontent .content {
    width: 100%;
    line-height: 20px;
    margin-top: 16px;
  }
  .product_component .car-info-container .product-information .tabcontent .content p {
    padding-bottom: 17.3px;
    width: 100%;
  }
  .product_component .car-info-container .product-information .review {
    width: 100%;
    height: 16px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 9.3px;
  }
  .product_component .car-info-container .product-information .review #noofreviews {
    margin-top: 2px;
    padding-bottom: 24px;
    color: #7a8084;
    line-height: 16.2px;
    width: 50%;
    word-break: break-word !important;
  }
  .product_component .car-info-container .product-information .product-booking {
    padding-top: 40px;
    display: flex;
  }
  .product_component .car-info-container .product-information .product-booking a {
    flex: 0 0 60%;
  }
  .product_component .car-info-container .product-information .product-booking #product-testdrive {
    flex: 0 0 80%;
  }
  .product_component .car-info-container .product-carimage {
    flex: 0 0 61%;
    z-index: 0;
  }
  .product_component .car-info-container .product-carimage .prod-car-exterior-image {
    width: 100%;
  }
  .product_component .car-info-container .product-carimage .product-view360 {
    margin: 0px;
    top: 86px;
    z-index: 3;
  }
  .product_component .car-info-container .product-carimage .full-view-360 p {
    margin: 0;
  }
  .product_component .car-info-container .product-carimage .full-view-360 img {
    margin-bottom: 8px;
  }
  .product_component .car-info-container .product-carimage .car-image {
    margin-left: -60%;
    margin-top: 0px;
  }
  .product_component .car-info-container .product-carimage .car-image img {
    min-height: 0px;
  }
  .product_component .car-info-container .model {
    line-height: 52.8px;
  }
  .product_component .car-info-container .buttonAlign {
    padding-bottom: 42px !important;
  }
  .product_component .car-info-container .buttonAlign .coloropt {
    width: 45%;
    margin-left: 30%;
    margin-bottom: 10px;
  }
  .product_component .car-info-container .buttonAlign .coloropt button {
    display: inline-block;
    margin-left: 20px;
    border: none;
    margin-bottom: 10px;
    border-radius: 50%;
    outline: none;
  }
  .product_component .car-info-container .colordiv {
    background: linear-gradient(90deg, transparent 37%, #eaeaec 37%);
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product_component .modal .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0;
  }
  .product_component .modal .modal-dialog .modal-content {
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
  }
  .product_component .modal .modal-dialog .modal-content .animation_duration {
    margin-top: 59%;
    margin-bottom: 30%;
    padding-bottom: 0;
  }
  .product_component .modal .modal-dialog .modal-content .modalClose {
    padding-top: 150px;
    padding-right: 30px;
  }
  .product_component .modal .modal-dialog .modal-content .transparentImage {
    padding: 0;
  }
  .product_component .modal .modal-dialog .modal-content .transparentImage img {
    width: 100%;
  }
  .product_component .car-info-container {
    flex-direction: column-reverse;
    height: -webkit-fill-available;
  }
  .product_component .car-info-container .product-carimage {
    width: 100%;
    min-height: 311px;
  }
  .product_component .car-info-container .product-carimage .prod-car-exterior-image {
    width: 100%;
  }
  .product_component .car-info-container .product-carimage .product-view360 {
    min-height: 151px;
  }
  .product_component .car-info-container .product-carimage .product-view360 .images-loop .transparentImage img {
    margin: 0 auto;
  }
  .product_component .car-info-container .product-carimage .product-view360.view360 {
    position: absolute;
    background: none;
    left: 0px;
    top: 29px;
    right: 0px;
    z-index: 99;
  }
  .product_component .car-info-container .product-carimage .car-image {
    margin: 0%;
    margin-left: auto;
  }
  .product_component .car-info-container .product-carimage .car-image img {
    display: block;
    max-width: 100%;
    max-height: 248px;
    margin: auto;
  }
  .product_component .car-info-container .product-carimage .colordiv {
    width: 100%;
    height: 79.2%;
  }
  .product_component .car-info-container .product-carimage .full-view-360 {
    display: block;
  }
  .product_component .car-info-container .product-carimage .buttonAlign {
    position: absolute;
    margin-bottom: 14px;
    padding-bottom: 0px !important;
    padding-left: 30px;
    padding-right: 30px;
    left: 0px !important;
  }
  .product_component .car-info-container .product-carimage .buttonAlign .coloropt {
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 24px;
    flex-grow: 0;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
  }
  .product_component .car-info-container .product-carimage .buttonAlign .coloropt button {
    margin-right: 0%;
    width: 20px;
    height: 20px;
  }
  .product_component .car-info-container .product-information {
    flex: 0 0 58%;
    width: 100%;
    margin-top: 28px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 16px;
    min-height: 300px;
  }
  .product_component .car-info-container .product-information .review {
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  .product_component .car-info-container .product-information .review .stars {
    width: 100%;
  }
  .product_component .car-info-container .product-information .review #noofreviews {
    line-height: 16.2px;
    margin-top: 0px;
    width: 55%;
    padding-bottom: 0px;
    margin-top: 1px !important;
    color: #7a8084;
  }
  .product_component .car-info-container .product-information .tabcontent {
    padding-top: 0;
    margin-top: 0 !important;
  }
  .product_component .car-info-container .product-information .tabcontent .content {
    width: 100% !important;
    margin-top: 8px;
  }
  .product_component .car-info-container .product-information .tabcontent .content p {
    font-size: 14px;
    width: 100%;
    line-height: 16.2px;
  }
  .product_component .car-info-container .product-information .product-booking {
    display: block;
    padding-top: 24px;
  }
  .product_component .car-info-container .product-information .product-booking .drive_fa .icon-Arrow-Right {
    position: unset;
  }
  .product_component .car-info-container .product-information .product-booking #order_box {
    width: 100%;
  }
  .product_component .car-info-container .product-information .product-booking #test_drive {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: unset;
  }
  .product_component .car-info-container .product-information .product-booking #product-testdrive {
    padding-top: 24px;
    padding-left: 0px;
    padding-bottom: 32px;
    left: 0 !important;
    position: unset;
  }
  .product_component .car-info-container .product-information .model {
    line-height: 48px;
  }
}

.product-offers-comp .offers .title-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  margin-bottom: 40px;
}
.product-offers-comp .offers .title-link .icon-Arrow-Right {
  margin-left: 8px;
  font-size: 12px;
}
.product-offers-comp .offers .title-link .offer-title {
  margin-bottom: 16px;
  color: #383737;
}
.product-offers-comp .offers .title-link a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #307fe2;
}
.product-offers-comp .offers .link-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.product-offers-comp .offers .link-label .icon-Arrow-Right {
  margin-left: 8px;
  font-size: 12px;
}
.product-offers-comp .offers .offers-description {
  width: 56%;
  padding-bottom: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-offers-comp .offers .offers-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-offers-comp .offers .offers-description p {
  display: inline;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-offers-comp .offers .offers-description {
    width: 100%;
    padding: 0px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-offers-comp .offers .offers-description {
    padding: 16px 16px 12px 16px;
  }
  .product-offers-comp .offers .offers-description p {
    display: block;
  }
}
.product-offers-comp .offers .avaialable-offers {
  display: grid;
  gap: 16px;
}
.product-offers-comp .offers .avaialable-offers .accordian {
  cursor: pointer;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian {
  text-align: left;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 42px 43px 42px 32px;
  border-left: 8px solid #307fe2;
  width: 100%;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content {
  width: 92.73%;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5 {
  width: 60.1%;
  color: #383737;
  margin-bottom: 12px;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content p {
  margin-bottom: 0;
  width: 60.1%;
  color: #383737;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .chervon-up i {
  font-size: 40px;
  text-align: center;
  color: #383737;
  transition: 0.3s;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .chervon-up i.rotate {
  transform: rotate(-180deg);
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content {
  background-color: #ffffff;
  display: none;
  padding: 24px 37.45% 24px 40px;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content {
  display: flex;
  flex-direction: column;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content p {
  width: 79.7%;
  margin-bottom: 24px;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content a {
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  border: 2px solid #307fe2;
  padding: 11px 24px;
  width: fit-content;
}
.product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content.view2 p {
  width: 100%;
}
.product-offers-comp .offers .avaialable-offers.product-offers-accordion .offer-accordian,
.product-offers-comp .offers .avaialable-offers.product-offers-accordion .offer-accordian-content {
  background: #f8f8f8;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-offers-comp .offers .title-link .offer-title {
    margin-bottom: 12px;
  }
  .product-offers-comp .offers .avaialable-offers {
    gap: 12px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian {
    padding: 24px 40px 24px 32px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content {
    width: 89.5%;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5,
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content p {
    width: 100%;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5 {
    margin-bottom: 8px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .chervon-up i {
    font-size: 24px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content {
    padding: 24px 40px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content p {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-offers-comp .offers .title-link .offer-title {
    margin-bottom: 16px;
  }
  .product-offers-comp .offers .avaialable-offers {
    gap: 12px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian {
    padding: 16px 16px 16px 12px;
    border-left: 4px solid #307fe2;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content {
    width: 80.5%;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5,
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content p {
    width: 100%;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content h5 {
    margin-bottom: 8px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .offer-content p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian .chervon-up i {
    font-size: 24px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content {
    padding: 16px;
  }
  .product-offers-comp .offers .avaialable-offers .accordian .offer-accordian-content .content p {
    width: 100%;
  }
}
.product-offers-comp .offers.product-offers {
  background: #ffffff;
  padding: 80px;
}
.product-offers-comp .offers.product-offers .viewmore-section {
  padding-top: 26px;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-offers-comp .offers.product-offers .viewmore-section {
    padding-top: 12px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-offers-comp .offers.product-offers {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-offers-comp .offers.product-offers {
    padding: 0px;
  }
}
.product-offers-comp .offers-container .nav {
  margin-bottom: 0px !important;
  padding-bottom: 41px;
}
.product-offers-comp .offers-container .nav-pills {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.product-offers-comp .offers-container .nav-pills .nav-item .nav-link {
  background-color: transparent;
}
.product-offers-comp .offers-container .nav-pills .nav-item .nav-link.active h6 {
  border-bottom: 2px solid #282828;
  padding-bottom: 4px;
  color: #383737;
}
.product-offers-comp .offers-container .nav-pills .nav-item .nav-link h6 {
  color: #7a8084;
  margin-bottom: 0px;
}
.product-offers-comp .default-title {
  margin-bottom: 41px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-offers-comp .default-title {
    margin-bottom: 24px;
  }
}
.product-offers-comp .error-msg .offers-count {
  border-left: 8px solid #307fe2;
  padding: 42px 43px 42px 32px;
}
.product-offers-comp .product-offers-dropdown {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #383737;
  margin-bottom: 16px;
  min-height: 31px;
  cursor: pointer;
}
.product-offers-comp .product-offers-dropdown::after {
  content: "\e993";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 18px;
  top: 0;
  pointer-events: none;
}
.product-offers-comp .product-offers-dropdown.active::after {
  transform: rotate(180deg);
}
.product-offers-comp .product-offers-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.product-offers-comp .product-offers-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-offers-comp .product-offers-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-offers-comp .product-offers-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-offers-comp .product-offers-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  padding: 8px 16px;
}
.product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.product-offers-comp .product-offers-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}

.inner-darkview-container .product_component .inner-view-container .inner-view-content .explore {
  color: #ffffff;
}
.inner-darkview-container .product_component .inner-view-container .inner-view-content .interiortext {
  color: #ffffff;
}
@keyframes fadeIns {
  0.00% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.product_component {
  overflow-x: hidden;
}
.product_component .modal {
  z-index: 999999 !important;
}
.product_component .modal.show canvas {
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-name: fadeIns;
}
.product_component .inner-view-container {
  display: flex;
}
.product_component .inner-view-container .product-inner-view {
  flex: 0 0 58%;
  position: relative;
}
.product_component .inner-view-container .product-inner-view .icon-interior .icon-expand {
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 1;
  margin: 24px;
  right: 0px;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 7px;
}
.product_component .inner-view-container .product-inner-view .icon-interior .icon-expand.icon-Expand::before {
  color: #ffffff;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog {
  z-index: 999999;
  max-width: 100%;
  margin: 55px 106px 52px 106px !important;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content {
  background: grey;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .close-interior {
  text-align: right;
  color: #ffffff;
  width: 32px;
  height: 32px;
  padding: 8px;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  top: 24px;
  right: 24px;
  z-index: 999;
  text-decoration: none;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .close-interior.icon-Cross::before {
  font-size: 14px;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .interior-360div .container-button {
  right: 0px;
  position: absolute;
  top: px;
  left: 0px;
  bottom: 32px;
  z-index: 1;
  /* align-items: center; */
  text-align: center;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .interior-360div .container-button button {
  height: 20px;
  width: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 28px;
  border-radius: 50%;
  outline: none;
  padding: unset !important;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .interior-360div .container-button .fa_custom {
  background-color: #ffffff;
  height: 12px;
  width: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  inset: 0px;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .interior-360div .container-button .fa_custom::before {
  font-size: 8px;
  color: #383737;
}
.product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .container-block {
  border: 1px solid #f8f8f8;
}
.product_component .inner-view-container .product-inner-view .full-popview-options {
  position: absolute;
  top: 50%;
  right: 45%;
  left: 45%;
  text-align: center;
  color: #ffffff;
}
.product_component .inner-view-container .product-inner-view .full-popview-options .drag-interior {
  margin: 8px 0px 0px 0px;
}
.product_component .inner-view-container .product-inner-view .full-popview-options img {
  max-width: 24px;
  margin-bottom: 8px;
}
.product_component .inner-view-container .product-inner-view .full-popview-options span {
  color: #ffffff;
}
.product_component .inner-view-container .product-inner-view .interiorview360Template .outer-expand {
  min-height: 600px;
}
.product_component .inner-view-container .product-inner-view .interiorview360Template .outer-expand div canvas {
  max-width: 100% !important;
  height: 100% !important;
}
.product_component .inner-view-container .product-inner-view .inner-view {
  width: 100% !important;
}
.product_component .inner-view-container .inner-view-content {
  flex: 0 0 42%;
  align-self: center;
  padding: 0px 64px 0px 60px;
}
.product_component .inner-view-container .inner-view-content img {
  object-fit: fill;
}
.product_component .inner-view-container .inner-view-content .explore {
  line-height: 1.1;
  color: #383737;
  padding-bottom: 24px;
  margin: 0;
}
.product_component .inner-view-container .inner-view-content .interiortext {
  color: #7a8084;
  padding-bottom: 26px;
}
.product_component .inner-view-container .inner-view-content .interiortext p {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
}
.product_component .inner-view-container .inner-view-content .interiorbutton.modal-open {
  margin: 0px auto;
  z-index: 9990;
  position: fixed;
  bottom: 26vh;
  width: fit-content;
  left: 0px;
  right: 0px;
}
.product_component .inner-view-container .inner-view-content .interiorbutton button {
  height: 20px;
  width: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 28px;
  border-radius: 50%;
  outline: none;
  padding: unset !important;
}
.product_component .inner-view-container .inner-view-content .interiorbutton .fa_custom {
  background-color: #ffffff;
  height: 12px;
  width: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  inset: 0px;
}
.product_component .inner-view-container .inner-view-content .interiorbutton .fa_custom::before {
  font-size: 8px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_component .inner-view-container .product-inner-view {
    flex: 0 0 63%;
    position: relative;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .icon-expand {
    margin: 20px 20px 28px 20px;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-size {
    max-width: 100%;
    margin: 50px 3px 50px 3px !important;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-size .modal-content .interior-360div .container-button {
    margin-left: 0px;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-size .modal-content .interior-360div .container-button button {
    margin-left: 0px;
    margin-right: 28px;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-size .modal-content .interior-360div .container-button .fa_custom {
    top: -2px;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-size .modal-content .container-block {
    min-height: 432px ;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-size .modal-content .container-block canvas {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .product_component .inner-view-container .product-inner-view .full-popview-options {
    top: 50%;
    right: 35%;
    left: 35%;
  }
  .product_component .inner-view-container .product-inner-view .full-popview-options .drag-interior {
    color: #ffffff !important;
  }
  .product_component .inner-view-container .product-inner-view .inner-view {
    width: 100% !important;
  }
  .product_component .inner-view-container .product-inner-view .outer-expand {
    min-height: 400px !important;
  }
  .product_component .inner-view-container .inner-view-content {
    flex: 0 0 37.4%;
    padding: 51px 40px;
  }
  .product_component .inner-view-container .inner-view-content .explore {
    font-size: 30px;
    padding-bottom: 24px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .product_component .inner-view-container .inner-view-content .interiortext {
    margin-left: 0px;
    margin-right: 0px;
  }
  .product_component .inner-view-container .inner-view-content .interiorbutton {
    margin-left: 0px;
  }
  .product_component .inner-view-container .inner-view-content .interiorbutton button {
    margin-left: 0px;
    margin-right: 28px;
  }
  .product_component .inner-view-container .inner-view-content .interiorbutton .fa_custom {
    top: -2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product_component .inner-view-container {
    display: block;
  }
  .product_component .inner-view-container .product-inner-view {
    flex: 0 0 100%;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .icon-expand {
    margin: 24px !important;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog {
    max-width: 100%;
    margin: 0px !important;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .interior-360div .container-button button {
    margin-left: 0px;
    margin-right: 28px;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .interior-360div .container-button .fa_custom {
    top: -1px;
  }
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .container-block canvas {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .product_component .inner-view-container .product-inner-view .inner-view {
    width: 100%;
  }
  .product_component .inner-view-container .product-inner-view .full-popview-options {
    display: block;
    top: 50%;
    right: 35%;
    left: 35%;
  }
  .product_component .inner-view-container .product-inner-view .outer-expand {
    min-height: 202px !important;
  }
  .product_component .inner-view-container .product-inner-view .outer-expand canvas {
    min-height: 202px !important;
  }
  .product_component .inner-view-container .inner-view-content {
    flex: 0 0 100% !important;
    padding: 32px 30px !important;
  }
  .product_component .inner-view-container .inner-view-content .explore {
    font-size: 32px !important;
    line-height: 1 !important;
    padding-bottom: 12px !important;
  }
  .product_component .inner-view-container .inner-view-content .interiortext {
    padding-bottom: 34px;
  }
  .product_component .inner-view-container .inner-view-content .interiorbutton {
    margin-left: 0px;
  }
  .product_component .inner-view-container .inner-view-content .interiorbutton button {
    margin-left: 0px;
    margin-right: 28px;
  }
}
@media (orientation: landscape) and (max-device-width: 800px) {
  .product_component .inner-view-container .product-inner-view .icon-interior .modal-dialog .modal-content .container-block {
    min-height: 360px !important;
  }
}
@media only screen and (max-width: 767px) {
  .product_component .inner-view-container .product-inner-view .interiorview360Template .outer-expand {
    min-height: 400px !important;
  }
  .product_component .inner-view-container .product-inner-view .interiorview360Template .outer-expand canvas {
    min-height: 400px !important;
  }
}
@media only screen and (max-width: 576px) {
  .product_component .inner-view-container .product-inner-view .interiorview360Template .outer-expand {
    min-height: 202px !important;
  }
  .product_component .inner-view-container .product-inner-view .interiorview360Template .outer-expand canvas {
    min-height: 202px !important;
  }
}

.product_compare {
  background: #282828;
}
.product_compare .product_calc {
  padding: 104px 106px 104px 106px;
}
.product_compare .product_calc .title {
  color: #ffffff;
  padding-bottom: 40px;
}
.product_compare .product_calc a {
  margin-right: 40px;
  color: #282828;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_compare .product_calc a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product_compare .product_calc a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_compare .product_calc a {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product_compare .product_calc a {
    margin-right: 16px;
  }
}
.product_compare .product_calc .active {
  padding: 0;
  padding-bottom: 8px;
  border-bottom: 2px solid #ffffff;
}
.product_compare .product_calc .slider-width {
  padding-top: 50px;
}
.product_compare .product_calc .slider-width .range_slider {
  margin-bottom: 40px;
}
.product_compare .product_calc .slider-width .range_slider span,
.product_compare .product_calc .slider-width .range_slider h6 {
  color: #ffffff;
  margin-left: 0 !important;
}
.product_compare .product_calc .slider-width .range_slider .mb-0 {
  padding-left: 12px;
}
.product_compare .product_calc .slider-width .range_slider .range {
  position: relative;
  padding-top: 20px;
}
.product_compare .product_calc .slider-width .range_slider .range input {
  margin-top: 15px;
}
.product_compare .product_calc .slider-width .range_slider .range input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
.product_compare .product_calc .slider-width .range_slider .range input[type=range].distance_range:focus-visible {
  outline: 2px solid #4caab8;
}
.product_compare .product_calc .slider-width .range_slider .range .ui-widget-header {
  background: #307fe2;
}
.product_compare .product_calc .slider-width .range_slider .range .ui-widget-content {
  border: none;
}
.product_compare .product_calc .slider-width .range_slider .range input[type=range].price_range:focus-visible {
  outline: 2px solid #307fe2;
}
.product_compare .product_calc .slider-width .range_slider .range span.ui-slider-handle.ui-corner-all.ui-state-default {
  border: 2px solid #307fe2;
  height: 24px;
  width: 24px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -6px;
}
.product_compare .product_calc .slider-width .range_slider .range .ui-slider-horizontal {
  height: 4px;
  background: #eaeaec;
  cursor: pointer;
}
.product_compare .product_calc .slider-width .range_slider .range input[type="range"]:focus,
.product_compare .product_calc .slider-width .range_slider .range .ui-state-active:focus,
.product_compare .product_calc .slider-width .range_slider .range .ui-state-hover:focus {
  outline: none;
}
.product_compare .product_calc .slider-width .range_slider .range .ui-slider-handle:focus-visible {
  border: solid 1px #4caab8;
}
.product_compare .price_calc {
  display: flex;
}
.product_compare .price_calc .price_list {
  padding: 64px 0px 64px 106px;
}
.product_compare .price_calc .price_list .month_label {
  color: #ffffff;
}
.product_compare .price_calc .price_list .currency {
  color: #ffffff;
  padding-top: 12px;
  padding-bottom: 12px;
}
.product_compare .price_calc .price_list .disclaimer {
  color: #eaeaec;
}
.product_compare .price_calc .price_list .disclaimer p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.product_compare .price_calc .price_type {
  background: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product_compare .product_calc {
    width: 100%;
    Padding: 40px 40px 64px 40px;
  }
  .product_compare .product_calc .slider-width .range_slider .label_item {
    display: flex;
  }
  .product_compare .product_calc .slider-width .range_slider .label_item .mb-0 {
    padding-left: 8px;
  }
  .product_compare .product_calc .slider-width .range_slider .range .ui-slider-horizontal {
    width: 100%;
    height: 4px;
    background: #eaeaec;
    cursor: pointer;
  }
  .product_compare .price_calc .price_list {
    width: 384px;
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product_compare {
    flex-direction: column;
  }
  .product_compare .product_calc {
    Padding: 40px 30px 40px 30px;
  }
  .product_compare .product_calc .slider-width .range_slider .label_item {
    display: flex;
  }
  .product_compare .product_calc .slider-width .range_slider .label_item .mb-0 {
    padding-left: 8px;
  }
  .product_compare .product_calc .slider-width .range_slider .range .ui-slider-horizontal {
    width: 100%;
    height: 2px;
    background: #eaeaec;
    cursor: pointer;
  }
  .product_compare .price_calc .price_list {
    width: 50%;
    padding: 16px 0px 16px 30px;
  }
  .product_compare .price_calc .price_list .currency {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.product-compare-comp .mobile-tata-label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.product-compare-comp .mobile-model-label {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 19.8px;
}
.product-compare-comp .product-selection-container {
  position: relative;
}
.product-compare-comp .product-selection-container .mob-drag-section {
  display: none;
}
.product-compare-comp .product-selection-container .drag-section {
  position: absolute;
  top: 340px;
  text-align: center;
}
.product-compare-comp .product-selection-container .drag-section .icon-Arrow-Left {
  font-size: 16px;
  margin-right: 5px;
}
.product-compare-comp .product-selection-container .drag-section .icon-Hand {
  font-size: 24px;
  margin-right: 5px;
}
.product-compare-comp .product-selection-container .drag-section .icon-Arrow-Right {
  font-size: 16px;
  margin-right: 6px;
  color: #383737;
}
.product-compare-comp .product-selection-container .drag-section .drag-label {
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .drag-section {
    top: 240px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .drag-section {
    display: none;
  }
}
.product-compare-comp .product-selection-container .outer_div {
  max-height: 80%;
}
.product-compare-comp .product-selection-container .outer_div .default-image {
  max-width: 100%;
  align-content: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .outer_div .default-image {
    padding-top: 0px;
  }
}
.product-compare-comp .product-selection-container .outer_div .product-banner {
  display: flex;
  flex-direction: column;
  padding: 0 0px;
  width: 50%;
}
.product-compare-comp .product-selection-container .outer_div .product-banner.product-sticky-banner .sticky-banner {
  left: unset;
  right: 0;
}
.product-compare-comp .product-selection-container .titles-section {
  padding-bottom: 42px;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .titles-section {
    padding-bottom: 4px;
  }
}
.product-compare-comp .product-selection-container .titles-section .tata-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 48px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .titles-section .tata-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .titles-section .tata-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .titles-section .tata-label {
    padding-bottom: 4px;
  }
}
.product-compare-comp .product-selection-container .titles-section .model-title {
  font-family: Poppins;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .titles-section .model-title {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .titles-section .model-title {
    font-size: 32px;
    line-height: 32px;
  }
}
.product-compare-comp .product-selection-container .titles-section.Light {
  color: #383737;
}
.product-compare-comp .product-selection-container .titles-section.Dark {
  color: #ffffff;
}
.product-compare-comp .product-selection-container .dropdown-section {
  padding: 0 114px 0 106px;
}
.product-compare-comp .product-selection-container .dropdown-section.dropdown-load-padding {
  padding-top: 0px ;
}
.product-compare-comp .product-selection-container .red {
  background-color: #ed454f;
  color: #ffffff;
}
.product-compare-comp .product-selection-container .blue {
  background-color: #307fe2;
  color: #ffffff;
}
.product-compare-comp .image-without-preset {
  margin-top: -8%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .image-without-preset {
    margin-top: -3%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .image-without-preset {
    margin-top: -5%;
  }
}
.product-compare-comp .car-slides {
  margin: 0 45px;
}
.product-compare-comp .car-slides .three-sixty-images {
  position: relative;
  top: 20px;
}
.product-compare-comp .car-slides .right-image {
  margin: 0 auto;
  display: block;
}
.product-compare-comp .car-slides img {
  max-width: 100%;
}
.product-compare-comp .button-align {
  padding-top: 42px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.product-compare-comp .button-align.right-button-align {
  visibility: hidden;
}
.product-compare-comp .button-align .hv-color-opt button {
  height: 32px;
  width: 32px;
  display: inline-flex;
  margin-left: 24px;
  border: 1px solid #7a8084 !important;
  border-radius: 50%;
  outline: none;
  justify-content: center;
  align-items: center;
  position: relative;
  top: inherit !important;
  left: 0px;
  right: 0px;
}
.product-compare-comp .button-align .hv-color-opt button.ios-Button {
  padding: 0px !important;
}
.product-compare-comp .button-align .hv-color-opt .selected-color {
  display: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 4px;
  position: absolute;
  background-color: #ffffff;
  color: #ffffff;
}
.product-compare-comp .button-align .hv-color-opt .icon-Tick {
  color: #646464 !important;
  position: static;
  font-size: 10px;
  z-index: 9;
}
.product-compare-comp .sticky-banner {
  position: fixed;
  top: 0;
  width: 50%;
  height: 104px;
  flex-direction: column;
  display: none;
  align-items: center;
  text-align: center;
  justify-content: center;
  z-index: 99;
  background: #eaeaec;
}
.product-compare-comp .sticky-banner.Light {
  color: #383737;
}
.product-compare-comp .sticky-banner.Dark {
  color: #ffffff;
}
.product-compare-comp .sticky-banner .eyebrow {
  display: none;
  padding-top: 24px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .sticky-banner .eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-compare-comp .sticky-banner .intro-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  display: none;
  padding-top: 4px;
  padding-bottom: 24px;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .sticky-banner .intro-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .sticky-banner .intro-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.product-compare-comp .make-label {
  padding-top: 64px;
  margin-bottom: 10px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .make-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .make-label {
    padding-top: 38px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .make-label {
    padding-top: 0px;
  }
}
.product-compare-comp .make-value {
  border-bottom: 2px solid #383737;
  width: 100%;
  padding-bottom: 8px;
  min-height: 31px;
  margin: 0px;
}
.product-compare-comp .make-value h6 {
  line-height: 27px;
  height: 25px;
  margin: 0px;
}
.product-compare-comp .right-make-section .make-label {
  padding-top: 64px;
  margin-bottom: 10px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .right-make-section .make-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .right-make-section .make-label {
    padding-top: 38px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .right-make-section .make-label {
    padding-top: 0px;
  }
}
.product-compare-comp .right-make-section .model_dropdown_label {
  top: 30px;
}
.product-compare-comp .right_car_section .persona_dropdown_label,
.product-compare-comp .right_car_section .version_dropdown_label {
  top: 30px;
}
.product-compare-comp .car-section {
  display: flex;
  flex-direction: row;
  padding-bottom: 64px;
  position: relative;
  top: 40px;
}
.product-compare-comp .car-section.right-make-dropdown {
  padding-bottom: 0px;
  top: 0px;
}
.product-compare-comp .car-section .car-model-info {
  width: 100%;
  margin: auto;
}
.product-compare-comp .car-section .car-model-info.car-info-width50 {
  width: 50%;
}
.product-compare-comp .car-section .car-model-info.car-info-width50:first-child {
  padding-right: 20px;
}
.product-compare-comp .car-section .car-model-info .dropdown-label {
  position: relative;
  margin-bottom: 10px;
  color: #7a8084;
}
.product-compare-comp .car-section .car-model-info .left-model-section {
  padding-bottom: 8px;
  border-bottom: 1px solid #383737;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .car-section .car-model-info .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .car-section .car-model-info .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-compare-comp .car-section .car-model-info .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 25px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.product-compare-comp .car-section .car-model-info .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .car-section .car-model-info .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .car-section .car-model-info .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.product-compare-comp .car-section .car-model-info .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.product-compare-comp .dropdown_popup {
  display: none;
}
.product-compare-comp .icon-Arrow-Right {
  font-size: 12px;
  color: #307fe2;
}
.product-compare-comp .arrow_button1 {
  text-decoration: none;
  color: #307fe2;
  padding-left: 50px;
  position: absolute;
  font-weight: 400;
  font-size: 16px;
}
.product-compare-comp .arrow_button1:after {
  content: "";
  width: 16px;
  height: 13px;
  margin: 0 5px 0 5px;
  display: inline-block;
}
.product-compare-comp .arrow_button2 {
  text-decoration: none;
  color: #307fe2;
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  padding-left: 59px;
  padding-right: 30.5px;
}
.product-compare-comp .arrow_button2.onload-padding {
  padding-top: 0px !important;
}
.product-compare-comp .arrow_button2:after {
  content: "";
  width: 16px;
  height: 13px;
  display: inline-block;
}
.product-compare-comp .modal-vehicle-popup {
  height: 100%;
}
.product-compare-comp .modal-vehicle-popup .modal-dialog {
  width: 100%;
  max-height: 100%;
  margin: 0px;
  max-width: 100% !important;
  height: 100%;
}
.product-compare-comp .modal-vehicle-popup .modal-dialog .modal-content {
  border: 0px;
  padding-left: 30px;
  padding-top: 38px;
  height: 100%;
  width: 100% !important;
}
.product-compare-comp .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-top: 35px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.product-compare-comp .modal-vehicle-popup .modal-dialog .modal-content .modal-body .btn-close {
  width: 32px;
  height: 32px;
  background-color: #ffffff;
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 20px;
  font-weight: 600;
  padding: 0px;
  color: #383737;
  border-radius: 0px;
  background: none;
}
.product-compare-comp .modal-vehicle-popup .modal-dialog .modal-content .modal-body .default-image-popup {
  max-width: 100% !important;
}
.product-compare-comp .modal-vehicle-popup .modal-dialog .modal-content .confirm_button {
  padding-top: 40px;
}
.product-compare-comp .modal-vehicle-popup .modal-dialog .modal-content .confirm_button .confirm_box {
  width: 95%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  font-weight: 500;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
.product-compare-comp .left-side-section .outer_div {
  background: linear-gradient(0deg, #ffffff 22%, #eaeaec 0%);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .left-side-section .outer_div {
    background: linear-gradient(0deg, #ffffff 23%, #eaeaec 0%);
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .left-side-section .outer_div {
    background: linear-gradient(0deg, #ffffff 20%, #eaeaec 0%);
  }
}
.product-compare-comp .right-side-section .outer_div {
  background: linear-gradient(0deg, #f8f8f8 22%, #383737 0%);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .right-side-section .outer_div {
    background: linear-gradient(0deg, #ffffff 23%, #383737 0%);
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .right-side-section .outer_div {
    background: linear-gradient(0deg, #ffffff 20%, #383737 0%);
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .titles-section .tata-label {
    padding-top: 40px 40px 0px 40px;
  }
  .product-compare-comp .product-selection-container .dropdown-section {
    padding: 0 40px 0 40px;
  }
  .product-compare-comp .product-selection-container .hv-color-opt button {
    height: 24px;
    width: 24px;
    margin-left: 16px;
  }
  .product-compare-comp .product-selection-container .hv-color-opt .selected-color {
    height: 12px;
    width: 12px;
  }
  .product-compare-comp .product-selection-container .hv-color-opt .icon-Tick {
    font-size: 8px;
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    border-radius: 50%;
  }
  .product-compare-comp .product-selection-container .button-align {
    padding-top: 40px;
  }
  .product-compare-comp .product-selection-container .button-align .fa-check:before {
    left: -0.5px;
    top: -1.2px;
    font-size: 10px;
  }
  .product-compare-comp .product-selection-container .button-align .fa-check {
    top: -4px;
  }
  .product-compare-comp .product-selection-container .sticky-banner {
    height: 80px;
  }
  .product-compare-comp .product-selection-container .sticky-banner .eyebrow {
    padding-top: 16px;
  }
  .product-compare-comp .product-selection-container .sticky-banner .intro-title {
    padding-bottom: 16px;
  }
  .product-compare-comp .make-value {
    margin: 0;
  }
  .product-compare-comp .car-slides {
    margin: 0px;
  }
  .product-compare-comp .car-slides .three-sixty-images {
    position: relative;
    top: 0px;
  }
  .product-compare-comp .car-slides .car-intro-image {
    max-width: 100%;
    display: block;
    margin: auto;
  }
  .product-compare-comp .car-section .car-model-info {
    width: 100%;
  }
  .product-compare-comp .car-section .car-model-info.car-info-width50 {
    width: 50%;
  }
  .product-compare-comp .car-section .car-model-info.car-info-width50:first-child {
    padding-right: 8px;
  }
  .product-compare-comp .car-section .car-model-info.car-info-width50:last-child {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .mob-drag-section {
    display: block;
    background-color: #383737;
    opacity: 0.5;
    position: absolute;
    height: 280px;
    text-align: center;
    z-index: 2;
  }
  .product-compare-comp .product-selection-container .mob-drag-section .icon-Arrow-Left {
    top: 167px;
    position: relative;
    font-size: 12px;
    color: #ffffff;
    margin-right: 5px;
  }
  .product-compare-comp .product-selection-container .mob-drag-section .icon-Hand {
    position: relative;
    top: 167px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    margin-right: 5px;
  }
  .product-compare-comp .product-selection-container .mob-drag-section .icon-Arrow-Right {
    top: 167px;
    font-size: 12px;
    color: #ffffff;
    position: relative;
  }
  .product-compare-comp .product-selection-container .mob-drag-section .drag-label {
    color: #ffffff;
    top: 165px;
    position: relative;
  }
  .product-compare-comp .product-selection-container .titles-section .tata-label {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    padding-top: 40px;
  }
  .product-compare-comp .product-selection-container .titles-section .model-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
  }
  .product-compare-comp .product-selection-container .dropdown-section {
    padding: 0;
    display: none;
  }
  .product-compare-comp .product-selection-container .dropdown-section.dropdown-load-padding {
    padding-top: 0px;
  }
  .product-compare-comp .product-selection-container .hv-color-opt button {
    margin-left: 24px;
  }
  .product-compare-comp .product-selection-container .button-align .fa-check {
    top: 0px;
  }
  .product-compare-comp .product-selection-container .button-align .fa-check:before {
    left: -0.3px;
    top: -1.5px;
    font-size: 10px;
  }
  .product-compare-comp .product-selection-container .sticky-banner {
    min-height: 64px !important;
  }
  .product-compare-comp .product-selection-container .sticky-banner .eyebrow {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    padding-top: 12px;
  }
  .product-compare-comp .product-selection-container .sticky-banner .intro-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19.8px;
    padding-bottom: 12px;
    padding-left: 5px;
    text-align: center;
  }
  .product-compare-comp .right-make-section .make-label {
    margin-top: 40px;
    margin-bottom: 10px;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    color: #7a8084;
  }
  .product-compare-comp .make-value {
    width: 100%;
    max-width: 100%;
  }
  .product-compare-comp .left-side-section,
  .product-compare-comp .right-side-section {
    width: 50%;
  }
  .product-compare-comp .button-align {
    padding-top: 10px;
    padding-bottom: 34px;
    align-items: center;
    padding-left: 24px;
  }
  .product-compare-comp .button-align .hv-color-opt {
    display: flex;
    flex-wrap: wrap;
    column-gap: 28px;
    row-gap: 28px;
    padding-top: 8px;
  }
  .product-compare-comp .button-align .hv-color-opt button {
    margin-left: 0px;
  }
  .product-compare-comp .car-slides {
    display: block;
  }
  .product-compare-comp .car-slides .three-sixty-images {
    position: relative;
    top: 0px;
  }
  .product-compare-comp .car-slides .car-intro-image {
    max-width: 180px;
    max-height: 88px;
  }
  .product-compare-comp .car-section {
    flex-direction: column;
    padding-bottom: 0;
    position: relative;
    top: 0;
  }
  .product-compare-comp .car-section .car-model-info {
    width: 100%;
    padding: 0;
    padding-right: 30px;
  }
  .product-compare-comp .car-section .car-model-info.car-info-width50 {
    width: 100%;
  }
  .product-compare-comp .car-section .car-model-info.car-info-width50:first-child {
    padding-right: 30px;
  }
  .product-compare-comp .car-section .car-model-info.car-info-width50:last-child {
    padding-left: 0px;
  }
  .product-compare-comp .car-section .car-model-info .dropdown-label {
    padding-top: 24px;
  }
  .product-compare-comp .car-section .car-model-info .version-dropdown .dropdown-option-parents .dropdown-custom-options {
    max-height: 150px ;
  }
  .product-compare-comp .dropdown_popup {
    display: block;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .right-make-section .make-label {
    font-size: 16px;
    line-height: 20px;
  }
}

.product-compare-comp {
  display: flex;
}
.product-compare-comp .product-prize-compare .startingfrom {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 12px;
  padding-top: 24px;
  color: #9F9D9D;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-prize-compare .startingfrom {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-compare-comp .product-prize-compare .model-price {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  position: static;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-prize-compare .model-price {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-prize-compare .model-price {
    font-size: 24px;
    line-height: 24px;
  }
}
.product-compare-comp .product-prize-compare .model-price sup {
  top: -7px;
  font-size: 35px;
}
.product-compare-comp .product-prize-compare .product-offer-order {
  display: flex;
}
.product-compare-comp .product-prize-compare .product-offer-order a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.product-compare-comp .product-prize-compare .product-offer-order .icon-Arrow-Right {
  font-size: 13px;
  margin-left: 8px;
  color: rgba(56, 55, 55, 0.8);
}
.product-compare-comp .product-prize-compare .product-offer-order .product-order {
  padding: 0px 40px 24px 0px;
}
.product-compare-comp .product-prize-compare .product-offer-order .product-order #product-order-box {
  min-width: 150px;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  font-weight: 500;
  font-size: 16px;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
.product-compare-comp .product-prize-compare .product-offer-order #product-offer {
  color: rgba(56, 55, 55, 0.8);
  cursor: default;
  pointer-events: none;
  padding: 12px 10px 36px 0px;
  width: 100%;
}
.product-compare-comp .product-prize-compare .desclaimer-description {
  position: static;
  color: #7a8084;
  padding-bottom: 104px;
}
.product-compare-comp .product-prize-compare .desclaimer-description p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.product-compare-comp .product-prize-compare .desclaimer-description sup {
  top: 2px;
  font-size: 25px;
}
.product-compare-comp .left-side-section .left-product-prize-compare {
  background-color: #ffffff;
  padding: 104px 114px 0px 106px;
}
.product-compare-comp .right-side-section {
  background-color: #f8f8f8;
}
.product-compare-comp .right-side-section .right-product-prize-compare {
  padding: 104px 106px 104px 114px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-prize-compare .startingfrom {
    padding-bottom: 8px;
    padding-top: 12px;
  }
  .product-compare-comp .product-prize-compare .model-price {
    padding-bottom: 22px;
  }
  .product-compare-comp .product-prize-compare .product-offer-order .product-order {
    padding: 0px 24px 22px 0px;
  }
  .product-compare-comp .product-prize-compare .product-offer-order .product-order #product-order-box {
    min-width: 150px;
  }
  .product-compare-comp .product-prize-compare .product-offer-order #product-offer {
    padding: 12px 2px 34px 0px;
  }
  .product-compare-comp .product-prize-compare .desclaimer-description {
    padding-bottom: 80px;
  }
  .product-compare-comp .left-side-section .left-product-prize-compare {
    padding: 80px 40px 0px 40px;
  }
  .product-compare-comp .right-side-section .right-product-prize-compare {
    padding: 80px 40px 0px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-prize-compare .startingfrom {
    padding-bottom: 8px;
    padding-top: 16px;
  }
  .product-compare-comp .product-prize-compare .model-price {
    padding-bottom: 32px;
    white-space: nowrap;
  }
  .product-compare-comp .product-prize-compare .model-price sup {
    top: -2px;
    font-size: 25px;
  }
  .product-compare-comp .product-prize-compare .product-offer-order {
    display: block;
  }
  .product-compare-comp .product-prize-compare .product-offer-order .product-order {
    padding: 0px 16px 32px 0px;
  }
  .product-compare-comp .product-prize-compare .product-offer-order .product-order #product-order-box {
    min-width: 137px;
    padding: 12px 22px;
  }
  .product-compare-comp .product-prize-compare .product-offer-order #product-offer {
    padding: 0px 2px 32px 0px;
  }
  .product-compare-comp .product-prize-compare .desclaimer-description {
    padding-bottom: 40px;
  }
  .product-compare-comp .left-side-section .left-product-prize-compare {
    padding: 64px 16px 40px 30px;
  }
  .product-compare-comp .right-side-section .right-product-prize-compare {
    padding: 64px 30px 40px 16px;
  }
}

.product-compare-test-drive img {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  height: 400px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-test-drive img {
    height: 360px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-test-drive img {
    height: 186px;
  }
}
.product-compare-test-drive img::-webkit-scrollbar {
  display: none;
}
.product-compare-test-drive .product-cards-title-desc-book-now {
  max-width: 100%;
  background-color: #f8f8f8;
  padding-left: 40px;
  padding-right: 104px;
}
.product-compare-test-drive .product-cards-title-desc-book-now .product-cards-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding: 40px 0px 24px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-test-drive .product-cards-title-desc-book-now .product-cards-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-test-drive .product-cards-title-desc-book-now .product-cards-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.product-compare-test-drive .product-cards-title-desc-book-now .product-cards-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-test-drive .product-cards-title-desc-book-now .product-cards-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-compare-test-drive .product-cards-title-desc-book-now .product-cards-book-now {
  display: flex;
  padding-top: 138px;
  padding-bottom: 40px;
}
.product-compare-test-drive .product-cards-title-desc-book-now .product-cards-book-now a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.product-compare-test-drive .product-cards-title-desc-book-now .product-cards-book-now .icon-Arrow-Right {
  margin-top: 3px;
  font-size: 12px;
  margin-left: 9px;
  color: #307fe2;
}
.product-compare-test-drive .left-card {
  padding: 104px 0px 0px 106px;
  border-right: 10px solid #ffffff;
  margin: 0px !important;
}
.product-compare-test-drive .right-card {
  padding: 104px 106px 0px 0px;
  border-left: 10px solid #ffffff;
  margin: 0px !important;
}
.product-compare-modelequal-test-drive {
  display: none;
  padding: 104px 107px 0 105px;
}
.product-compare-modelequal-test-drive .left-model-image img {
  max-width: 100%;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
.product-compare-modelequal-test-drive .left-model-image img::-webkit-scrollbar {
  display: none;
}
.product-compare-modelequal-test-drive .model-link-desctiption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now {
  max-width: 100%;
  padding-left: 50px;
  padding-right: 114px;
}
.product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding: 40px 0px 24px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-compare-modelequal-test-drive .model-link-desctiption .product-cards-book-now {
  display: flex;
  padding-bottom: 40px;
  padding-left: 50px;
}
.product-compare-modelequal-test-drive .model-link-desctiption .product-cards-book-now a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.product-compare-modelequal-test-drive .model-link-desctiption .product-cards-book-now .icon-Arrow-Right {
  margin-top: 3px;
  font-size: 12px;
  margin-left: 9px;
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-test-drive .product-cards-title-desc-book-now {
    margin: 0px !important;
    padding-left: 40px;
    padding-right: 40px;
  }
  .product-compare-test-drive .product-cards-title-desc-book-now .product-cards-title {
    padding: 40px 0px 12px 0px;
  }
  .product-compare-test-drive .product-cards-title-desc-book-now .product-cards-book-now {
    padding-top: 86px;
    padding-bottom: 40px;
  }
  .left-card {
    padding: 64px 0px 0px 40px !important;
    border-right: 8px solid #ffffff !important;
  }
  .right-card {
    padding: 64px 40px 0 0 !important;
    border-left: 8px solid #ffffff !important;
  }
  .product-compare-modelequal-test-drive {
    padding: 64px 40px 0 40px;
  }
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now {
    padding-left: 40px;
    padding-right: 40px;
  }
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-title {
    padding: 40px 0px 12px 0px;
  }
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-book-now {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-test-drive {
    display: block;
  }
  .product-compare-test-drive .product-cards-title-desc-book-now {
    margin: 0px !important;
    padding-left: 16px;
    padding-right: 16px;
  }
  .product-compare-test-drive .product-cards-title-desc-book-now .product-cards-title {
    padding: 24px 0px 12px 0px;
  }
  .product-compare-test-drive .product-cards-title-desc-book-now .product-cards-book-now {
    padding-top: 64px;
    padding-bottom: 24px;
  }
  .left-card {
    padding: 64px 14px 0px 14px !important;
    border: 0px !important;
  }
  .right-card {
    padding: 40px 14px 64px 14px !important;
    border: 0px !important;
  }
  .product-compare-modelequal-test-drive {
    display: none;
    padding: 64px 14px 0 14px;
  }
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now {
    max-width: 100%;
    background-color: #f8f8f8;
    padding-left: 16px;
    padding-right: 16px;
  }
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-title {
    padding: 24px 0px 12px 0px;
  }
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-desc {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
  }
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-book-now {
    padding-left: 16px;
    display: flex;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-modelequal-test-drive .model-link-desctiption .product-cards-title-desc-book-now .product-cards-desc {
    font-size: 16px;
    line-height: 20px;
  }
}

.product-compare-comp .product-selection-container .product-compare-specs {
  padding-top: 104px;
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs {
    padding-top: 64px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs {
    padding-top: 64px;
    padding-right: 14px;
    padding-left: 14px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .specs-error-msg {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  display: none;
  padding: 24px 0px 0px 66px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .specs-error-msg {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs.only-difference .spec-list {
  display: none;
}
.product-compare-comp .product-selection-container .product-compare-specs.only-difference .spec-list.isDifferent {
  display: block;
}
.product-compare-comp .product-selection-container .product-compare-specs.only-difference .spec-list.isDifferent.even,
.product-compare-comp .product-selection-container .product-compare-specs.only-difference .spec-list.isDifferent.bg-white.even {
  background: #f8f8f8 !important;
}
.product-compare-comp .product-selection-container .product-compare-specs.only-difference .spec-block.no-different {
  display: none;
}
.product-compare-comp .product-selection-container .product-compare-specs .d-flex {
  padding-left: 66px;
  padding-right: 66px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .d-flex {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .d-flex {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .nav {
  margin-bottom: 0px !important;
}
.product-compare-comp .product-selection-container .product-compare-specs .nav-pills {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.product-compare-comp .product-selection-container .product-compare-specs .nav-pills .nav-item .nav-link {
  background-color: transparent;
  padding: 0px 40px 0px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .nav-pills .nav-item .nav-link {
    padding: 0px 24px 0px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .nav-pills .nav-item .nav-link {
    padding: 0px 16px 0px 0px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .nav-pills .nav-item .nav-link.active h6 {
  border-bottom: 2px solid #282828;
  padding-bottom: 8px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .nav-pills .nav-item .nav-link.active h6 {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .nav-pills .nav-item .nav-link.active h6 {
    padding-bottom: 8px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .nav-pills .nav-item .nav-link h6 {
  color: #7a8084;
  margin-bottom: 0px;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block {
  padding-top: 64px;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block:first-child .content_slide {
  display: block;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block:first-child .spec-title h6::after {
  content: "\e956";
  font-size: 40px;
  font-family: icomoon !important;
  z-index: 0;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block:first-child .spec-title.show:after {
  content: "\e958";
  font-size: 40px;
  font-family: icomoon !important;
  z-index: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block {
    padding-top: 40px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title {
  padding-left: 66px;
  padding-right: 66px;
  padding-bottom: 34px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 14px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title {
    padding: 16px;
    max-width: 300px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title h6 {
  cursor: pointer;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title h6:after {
  content: "\e956";
  font-size: 40px;
  font-family: icomoon !important;
  position: absolute;
  right: 106px;
  font-weight: 100;
  font-size: 1.6rem;
}
@media only screen and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title h6:after {
    right: 40px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title h6:after {
    right: 30px;
    font-size: 20px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title h6.show:after {
  content: "\e958";
  font-size: 33px;
  font-family: icomoon !important;
}
@media only screen and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title h6.show:after {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title h6.show:after {
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-title h6 {
    margin-bottom: 0px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list {
  padding: 24px 274px 24px 66px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list {
    padding-left: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 100px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list {
    padding: 16px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list:nth-child(odd) {
  background: #f8f8f8;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .row {
  display: grid;
  grid-template-columns: 18.5% 28.7% 28.7%;
  gap: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .row .col span.spec-value {
    min-width: 20px !important;
    display: block;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .row .col:nth-child(3) {
  margin-left: 208px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .row .col:nth-child(3) {
    margin-left: 88px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .row .col:nth-child(3) {
    margin-left: 12px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .row {
    display: grid;
    grid-template-columns: 21.6% 29.5% 29.5%;
    gap: 16px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .col-12 {
  width: 100% !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .row {
    display: flex;
    gap: 0px;
  }
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .col-12 {
    margin-bottom: 12px;
  }
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-list .col {
    text-align: center;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-type {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  font-size: 500;
  line-height: 120%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-type {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-type {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-value {
  color: #383737;
  font-weight: 300;
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-block .spec-value {
    font-size: 16px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-block .content_slide.no-different:after {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle {
    display: flex;
  }
}
@media only screen and (max-width: 576px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle {
    padding-top: 40px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .only-diff {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
  margin-left: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .only-diff {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .only-diff {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .only-diff.disabled {
  color: rgba(122, 128, 132, 0.5);
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .add-color-active {
  color: #383737;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box {
    width: 42px;
    height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box {
    width: 35px;
    height: 20px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box input {
  opacity: 0;
  width: 0;
  height: 0;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box input:checked + .slider {
  border: 2px solid #307fe2;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
  background-color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box input:checked + .slider:before {
    transform: translateX(18px);
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box input:checked + .slider:before {
    transform: translateX(14px);
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box input:focus + .slider {
  box-shadow: 0 0 1px #307fe2;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #383737;
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 1px;
  bottom: 4px;
  top: 1px;
  background-color: #383737;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box .slider:before {
    height: 18px;
    width: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box .slider:before {
    height: 14px;
    width: 14px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box .slider.disabled {
  pointer-events: none;
  border: 2px solid rgba(122, 128, 132, 0.5);
}
.product-compare-comp .product-selection-container .product-compare-specs .spec-toggle .switch-box .slider.disabled:before {
  background-color: rgba(122, 128, 132, 0.5);
}
.product-compare-comp .product-selection-container .product-compare-specs .toggle-spec .icon-Minus {
  font-size: 16px;
  color: #307fe2;
}
.product-compare-comp .product-selection-container .product-compare-specs .toggle-spec .icon-Add {
  font-size: 16px;
  color: #307fe2;
}
@media only screen and (min-width: 992px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec {
    margin-left: 40px;
    min-width: 146px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec {
    margin-top: 4px;
    padding-left: 0px !important;
    text-align: center;
    padding-right: 0px !important;
  }
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec .toggle-spec {
    margin-left: 61px;
    display: flex;
    padding-top: 25px;
    margin-bottom: -17px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .toggle-spec a {
  cursor: pointer;
  color: #307fe2;
  text-decoration: none;
}
.product-compare-comp .product-selection-container .product-compare-specs .toggle-spec a:hover {
  color: #307fe2;
}
.product-compare-comp .product-selection-container .product-compare-specs .toggle-spec .text-expand {
  display: none;
}
.product-compare-comp .product-selection-container .product-compare-specs .toggle-spec h6 {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec h6 {
    display: none !important;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .toggle-spec span.toggle-spec:after {
  content: "\e956";
  font-size: 33px;
  font-family: icomoon !important;
  font-size: 2.3rem;
  position: relative;
  top: -29px;
  right: -28px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec span.toggle-spec:after {
    position: static;
  }
}
@media (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec span.toggle-spec:after {
    right: 4px;
  }
}
.product-compare-comp .product-selection-container .product-compare-specs .toggle-spec.isToggle span.toggle-spec:after {
  content: "\e958";
  font-size: 33px;
  font-family: icomoon !important;
  font-size: 1.65rem;
  position: relative;
  top: -29px;
  right: 4px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec.isToggle span.toggle-spec:after {
    position: static;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec .label-size {
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-compare-comp .product-selection-container .product-compare-specs .toggle-spec.isToggle {
    padding-left: 30px;
  }
}

.price-offer-location-selector-comp p {
  margin: 0px;
}
.price-offer-location-selector-comp .select-location-label {
  padding-bottom: 24px;
  color: #383737;
}
.price-offer-location-selector-comp .desc-link-dropdown {
  display: flex;
  justify-content: space-between !important;
}
.price-offer-location-selector-comp .desc-link-dropdown .desc-link {
  padding-right: 124px;
}
.price-offer-location-selector-comp .desc-link-dropdown .desc-link .select-location-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-location-selector-comp .desc-link-dropdown .desc-link .select-location-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.price-offer-location-selector-comp .desc-link-dropdown .desc-link .cant-find-loc-link .cta-link {
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.price-offer-location-selector-comp .desc-link-dropdown .desc-link .cant-find-loc-link .cta-link .icon-Arrow-Right {
  min-width: 12px;
  font-size: 12px;
  margin: 0 0 0 5px;
  display: inline-block;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section {
  padding-top: 12px;
  max-width: 500px;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options {
  margin: 0 auto;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cty-label p {
  margin-right: 571px;
  width: fit-content;
  word-break: normal;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
  max-width: 500px;
  overflow: scroll;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.price-offer-location-selector-comp .price-location-dropdown-section .drop-down {
  padding-bottom: 49px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-location-selector-comp .select-location-label {
    padding-bottom: 24px;
  }
  .price-offer-location-selector-comp .desc-link-dropdown {
    display: flex;
    flex-direction: column-reverse;
  }
  .price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section {
    max-width: 336px !important;
    padding: 0 0px 0 0px;
  }
  .price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down {
    padding-bottom: 24px;
  }
  .price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities {
    max-width: 336px !important;
  }
  .price-location-dropdown-section .desc-link {
    padding: 0 0px 24px 0px;
  }
  .price-location-dropdown-section .desc-link .select-location-desc {
    padding-right: 25%;
    padding-bottom: 8px !important;
  }
  .register-your-interest .desc-link {
    padding: 0 0px 24px 0px;
  }
  .register-your-interest .desc-link .select-location-desc {
    padding-right: 30%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-location-selector-comp .desc-link-dropdown .desc-link {
    padding: 0 30px 24px 0px;
  }
  .price-offer-location-selector-comp .desc-link-dropdown .desc-link .select-location-desc {
    padding-bottom: 24px !important;
    padding-right: 0%;
  }
  .price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section {
    max-width: 300px !important;
  }
  .price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .cities {
    max-width: 300px !important;
  }
  .price-offer-location-selector-comp .desc-link-dropdown .loc-dropdown-section .drp-down .city-list-options .drop-down .selected {
    margin-right: 0;
  }
}

.price-offer-location-selector-comp .subscription .product-sub {
  padding: 64px;
  width: 100%;
  background-color: #f8f8f8;
  border-left: 8px solid #307fe2;
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-left .eyebrow-text {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .eyebrow-text {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .eyebrow-text {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-left .benfits-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .benfits-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .benfits-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-des {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-right: 96px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-des {
    font-size: 16px;
    line-height: 20px;
  }
}
.price-offer-location-selector-comp .subscription .product-sub .learnmore-button {
  display: block;
}
.price-offer-location-selector-comp .subscription .product-sub .learnmore-button #config_box {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul {
  list-style: none;
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li span {
  min-width: 48px;
  margin-right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li span i {
  font-size: 42px;
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li span .icons {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #307fe2;
}
.price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li h6 {
  margin: 0px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-location-selector-comp .subscription .product-sub {
    padding: 32px 24px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-title {
    padding-bottom: 32px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .benfits-title {
    padding-bottom: 8px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-des {
    padding-bottom: 32px;
    padding-right: 4px !important;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-location-selector-comp .subscription .product-sub {
    padding: 16px;
    border-left: 0px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-title {
    padding-bottom: 32px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .benfits-title {
    padding-bottom: 8px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-left .subscription-des {
    padding-bottom: 0px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .col-12 #config_box {
    width: 100%;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul {
    padding: 0px;
    margin-top: 32px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li {
    margin-bottom: 24px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li span i {
    font-size: 28px;
  }
  .price-offer-location-selector-comp .subscription .product-sub .product-sub-right ul li h6 {
    font-size: 16px;
  }
}

.launching {
  background-color: #f8f8f8;
  border-left: 8px solid #307fe2;
  padding: 24px;
  margin-left: 728px;
}
.launching .icon-Cross {
  position: absolute;
  top: 80px;
  right: 80px;
  font-size: 40px;
}
.launching .launching-title {
  padding-bottom: 16px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .launching-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .launching .launching-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.launching .launching-desc {
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .launching-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.launching .notify-me-link {
  cursor: pointer;
}
.launching .notify-me-link .notify-me {
  text-decoration: none;
  color: #307fe2;
  font-size: 16px;
}
.launching .notify-me-link .icon-Arrow-Right {
  min-width: 12px;
  font-size: 12px;
  margin-left: 8px;
  display: inline-block;
}
.launching .notify-me-link .modal-vehicle-popup {
  left: 20%;
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog {
  width: 100%;
  margin: 0px;
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content {
  top: 100px;
  border: 0px;
  width: 812px;
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
  width: 812px;
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-top: 35px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup {
  padding: 80px 184px 0px 80px;
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-eyebrow {
  padding-bottom: 8px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-city-label {
  color: #7a8084;
  padding-bottom: 12px;
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-city-name {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-city-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-city-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .email-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .email-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-email-box *:focus {
  outline: none;
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-email-box .email-field {
  border: none;
  border-bottom: 2px solid #383737 !important;
  padding: 0 0 8px 0px;
  width: 100%;
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-email-box .email-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-email-box .email-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-desc {
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .confirm_button {
  padding-left: 80px;
  padding-bottom: 40px;
}
.launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .confirm_button .confirm_box {
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  font-weight: 500;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
.launching .notify-me-link .success .modal-content {
  top: 0px !important;
}
.launching .notify-me-link .success .modal-content .success-popup {
  padding: 80px 184px 80px 80px;
}
.launching .notify-me-link .success .modal-content .success-popup .success-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .success .modal-content .success-popup .success-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .launching .notify-me-link .success .modal-content .success-popup .success-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.launching .notify-me-link .success .modal-content .success-popup .success-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching .notify-me-link .success .modal-content .success-popup .success-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .launching {
    padding: 24px 40px 24px 32px;
    width: 100%;
    margin-left: 0px !important;
  }
  .launching .cross {
    width: 32px;
    height: 32px;
    background-color: #7a8084;
    position: absolute;
    top: 40px;
    right: 40px;
  }
  .launching .cross .icon-Cross {
    font-size: 32px;
    color: #ffffff;
    position: initial;
  }
  .launching .launching-title {
    padding-bottom: 8px;
  }
  .launching .notify-me-link .modal-vehicle-popup {
    left: 3%;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content {
    width: 720px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 720px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup {
    padding: 40px 72px 0px 40px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-eyebrow {
    padding-bottom: 8px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-title {
    padding-bottom: 24px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-city-label {
    padding-bottom: 8px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-city-name {
    padding-bottom: 24px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-email-label {
    padding-bottom: 8px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-desc {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .confirm_button {
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .launching .notify-me-link .success .modal-content .success-popup {
    padding: 40px 72px 40px 40px;
  }
  .launching .notify-me-link .success .modal-content .success-popup .success-title {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .launching {
    border-left: 4px solid #307fe2;
    padding: 16px 16px 16px 12px;
    width: 100%;
  }
  .launching .cross {
    right: 30px;
  }
  .launching .launching-title {
    padding-bottom: 8px;
  }
  .launching .notify-me-link .modal-vehicle-popup {
    left: 0%;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content {
    width: 360px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 360px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup {
    padding: 40px 30px 0px 30px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-eyebrow {
    padding-bottom: 8px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-title {
    padding-bottom: 30px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-city-label {
    padding-bottom: 8px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-city-name {
    padding-bottom: 30px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-email-label {
    padding-bottom: 8px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .notify-popup .notify-desc {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .launching .notify-me-link .modal-vehicle-popup .modal-dialog .modal-content .modal-body .confirm_button {
    padding-left: 30px;
    padding-bottom: 40px;
  }
  .launching .notify-me-link .success .modal-content .success-popup {
    padding: 40px 30px 40px 30px;
  }
  .launching .notify-me-link .success .modal-content .success-popup .icon-Cross {
    right: 30px;
  }
  .launching .notify-me-link .success .modal-content .success-popup .success-title {
    padding-bottom: 20px;
  }
}

.interest {
  background-color: #f8f8f8;
  border-left: 8px solid #307fe2;
  padding: 24px;
  margin-left: 728px;
}
.interest .icon-Cross {
  position: absolute;
  top: 80px;
  right: 80px;
  font-size: 40px;
}
.interest .interest-title {
  padding-bottom: 16px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .interest-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .interest .interest-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.interest .interest-desc {
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .interest-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.interest .register-interest {
  cursor: pointer;
}
.interest .register-interest .register {
  text-decoration: none;
  color: #307fe2;
  font-size: 16px;
}
.interest .register-interest .icon-Arrow-Right {
  min-width: 12px;
  font-size: 12px;
  margin-left: 8px;
  display: inline-block;
}
.interest .register-interest .modal-vehicle-popup {
  left: 20%;
}
.interest .register-interest .modal-vehicle-popup .modal-dialog {
  width: 100%;
  margin: 0px;
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content {
  top: 100px;
  border: 0px;
  width: 812px;
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
  width: 812px;
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-top: 35px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup {
  padding: 80px 184px 0px 80px;
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-eyebrow {
  padding-bottom: 8px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .city-label {
  color: #7a8084;
  padding-bottom: 12px;
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .city-name {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .city-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .city-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .email-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .email-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .email-box *:focus {
  outline: none;
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .email-box .email-field {
  border: none;
  border-bottom: 2px solid #383737 !important;
  padding: 0 0 8px 0px;
  width: 100%;
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .email-box .email-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .email-box .email-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .reg-interest-desc {
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .reg-interest-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .confirm_button {
  padding-left: 80px;
  padding-bottom: 40px;
}
.interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .confirm_button .confirm_box {
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  font-weight: 500;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
.interest .register-interest .success .modal-content {
  top: 0px !important;
}
.interest .register-interest .success .modal-content .success-popup {
  padding: 80px 184px 80px 80px;
}
.interest .register-interest .success .modal-content .success-popup .success-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .success .modal-content .success-popup .success-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .interest .register-interest .success .modal-content .success-popup .success-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.interest .register-interest .success .modal-content .success-popup .success-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest .register-interest .success .modal-content .success-popup .success-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .interest {
    margin-left: 0px !important;
    padding: 24px 40px 24px 32px;
    width: 100%;
  }
  .interest .cross {
    width: 32px;
    height: 32px;
    background-color: #7a8084;
    position: absolute;
    top: 40px;
    right: 40px;
  }
  .interest .cross .icon-Cross {
    font-size: 32px;
    color: #ffffff;
    position: initial;
  }
  .interest .interest-title {
    padding-bottom: 8px;
  }
  .interest .register-interest .modal-vehicle-popup {
    left: 3%;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content {
    width: 720px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 720px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup {
    padding: 40px 72px 0px 40px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-eyebrow {
    padding-bottom: 8px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-title {
    padding-bottom: 24px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .city-label {
    padding-bottom: 8px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .city-name {
    padding-bottom: 24px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .email-label {
    padding-bottom: 8px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .reg-interest-desc {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .confirm_button {
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .interest .register-interest .success .modal-content .success-popup {
    padding: 40px 72px 40px 40px;
  }
  .interest .register-interest .success .modal-content .success-popup .btn-close {
    top: 40px;
    right: 40px;
    width: 32px;
    height: 32px;
  }
  .interest .register-interest .success .modal-content .success-popup .success-title {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .interest {
    border-left: 4px solid #307fe2;
    padding: 16px 16px 16px 12px;
    width: 100%;
  }
  .interest .cross {
    right: 71px;
  }
  .interest .interest-title {
    padding-bottom: 8px;
  }
  .interest .register-interest .modal-vehicle-popup {
    left: 0%;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content {
    width: 360px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body {
    width: 360px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup {
    padding: 40px 30px 0px 30px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-eyebrow {
    padding-bottom: 8px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .register-interest-title {
    padding-bottom: 30px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .city-label {
    padding-bottom: 8px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .city-name {
    padding-bottom: 30px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .email-label {
    padding-bottom: 8px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .register-interest-popup .reg-interest-desc {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .interest .register-interest .modal-vehicle-popup .modal-dialog .modal-content .modal-body .confirm_button {
    padding-left: 30px;
    padding-bottom: 40px;
  }
  .interest .register-interest .success .modal-content .success-popup {
    padding: 40px 30px 40px 30px;
  }
  .interest .register-interest .success .modal-content .success-popup .success-title {
    padding-bottom: 20px;
  }
}

.price-offer-benefits-comp .price-offers p.price-offer-eyebrow {
  color: #f8f8f8;
  margin-bottom: 8px;
  padding-bottom: 0px;
  width: fit-content;
  word-break: break-word;
}
.price-offer-benefits-comp .price-offers p.offers-variant-eyebrow {
  color: #eaeaec;
  margin-top: 16px;
  padding-left: 0px;
  width: fit-content;
  margin-bottom: 0;
}
.price-offer-benefits-comp .price-offers .disclaimer-desc {
  color: #eaeaec;
  width: 48.8599349%;
}
.price-offer-benefits-comp .price-offers .disclaimer-desc p {
  margin: 0%;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-benefits-comp .price-offers .disclaimer-desc {
    width: 87.2093023%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-benefits-comp .price-offers .disclaimer-desc {
    width: 100%;
  }
}
.price-offer-benefits-comp .price-offers .top-first {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.price-offer-benefits-comp .price-offers .top-first .showroom {
  height: fit-content;
  width: 32.247557%;
}
.price-offer-benefits-comp .price-offers .expandable-Banner {
  width: 100%;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box {
  width: 100%;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box {
  width: inherit;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box .showk h5 {
  word-break: break-word;
}
.price-offer-benefits-comp .price-offers .price-tab {
  align-items: center;
  min-width: 34.8534202%;
  max-width: 50%;
  display: flex;
}
.price-offer-benefits-comp .price-offers .price-tab .starting-price-and-variants {
  margin-right: 48px;
}
.price-offer-benefits-comp .price-offers .price-tab .startprice h4 {
  margin: 0%;
  word-break: break-word;
}
.price-offer-benefits-comp .price-offers .price-tab .offers-variant-eyebrow.py-0 {
  margin-top: 8px;
}
.price-offer-benefits-comp .price-offers .price-tab .offers-variant-eyebrow.py-0 span {
  word-break: break-word;
}
.price-offer-benefits-comp .price-offers h4,
.price-offer-benefits-comp .price-offers h5,
.price-offer-benefits-comp .price-offers h6 {
  color: #ffffff;
}
.price-offer-benefits-comp .price-offers .btn.btn-dark {
  width: auto;
  min-height: 42px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border: solid 2px #ffffff;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 12px 20px !important;
}
.price-offer-benefits-comp .price-offers .showk {
  text-decoration: none;
  width: 49.1289199%;
}
.price-offer-benefits-comp .price-offers .showk h5 {
  margin-bottom: 12px;
}
.price-offer-benefits-comp .price-offers .offersDd a {
  text-decoration: none;
}
.price-offer-benefits-comp .price-offers .offersDd a p {
  margin-bottom: 0px;
}
.price-offer-benefits-comp .price-offers .see-all-price {
  text-decoration: none;
}
.price-offer-benefits-comp .price-offers .see-all-price button {
  border-radius: unset;
}
.price-offer-benefits-comp .price-offers .fa-angle-down:before {
  float: right;
  color: #ffffff;
  align-self: center;
  font-size: 50px;
}
.price-offer-benefits-comp .price-offers .fa-angle-up {
  color: #ffffff;
  font-size: 40px;
}
.price-offer-benefits-comp .price-offers .fa-angle-down:before {
  width: 40px;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.price-offer-benefits-comp .price-offers .box {
  border: none;
  background: #282828;
  padding: 42px 43px 42px 32px;
  border-left: 8px solid #307fe2;
}
.price-offer-benefits-comp .price-offers .box a {
  display: block;
}
.price-offer-benefits-comp .price-offers .error-banner {
  display: none;
  border-top: 1px solid #282828;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
}
.price-offer-benefits-comp .price-offers .error-banner .no-offers-message {
  display: flex;
}
.price-offer-benefits-comp .price-offers .error-banner .box {
  border-left: 8px solid #ed454f;
}
.price-offer-benefits-comp .price-offers .expandable-Banner {
  border-top: 1px solid #282828;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  display: grid;
  grid-gap: 16px;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box {
  cursor: pointer;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box i.icon-Chevron-Down {
  transition: 0.3s;
  color: #ffffff;
  font-size: 40px;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box i.icon-Chevron-Down.rotate {
  transform: rotate(-180deg);
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .options {
  display: none;
  background: #282828;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .options .offersDd {
  padding: 24px 40px;
  display: flex;
  flex-direction: column;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .options .offersDd .offerDesc {
  color: #ffffff;
}
.price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .options .offersDd a {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #ffffff;
  padding: 11px 22px !important;
  border: 2px solid #ffffff;
  width: fit-content;
  display: block;
}
.price-offer-benefits-comp .price-offers .options ul {
  list-style-type: none;
  background-color: #282828;
}
.price-offer-benefits-comp .price-offers .options ul li {
  border-top: 1px solid grey;
  padding-top: 15px;
}
.price-offer-benefits-comp .price-offers .options ul li a {
  color: #ffffff;
}
.price-offer-benefits-comp .price-offers p {
  color: #ffffff;
}
.price-offer-benefits-comp .price-offers .see-all-price {
  min-width: 162px;
}
.price-offer-benefits-comp .price-offers .see-all-price button {
  line-height: 100%;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  background-color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-benefits-comp .price-offers .see-all-price button {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-benefits-comp .price-offers .btn.btn-dark {
    word-break: break-word;
  }
  .price-offer-benefits-comp .price-offers .showroom {
    width: 48.8372093023% !important;
  }
  .price-offer-benefits-comp .price-offers .showroom-price,
  .price-offer-benefits-comp .price-offers .off-number {
    margin-top: 0px !important;
    width: 100% !important;
    max-width: 100%;
  }
  .price-offer-benefits-comp .price-offers .error-banner {
    display: none;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 24px;
  }
  .price-offer-benefits-comp .price-offers .price-tab {
    max-width: 24%;
    align-items: end;
    flex-direction: column;
    justify-content: flex-end;
    min-width: fit-content;
  }
  .price-offer-benefits-comp .price-offers .price-tab .starting-price-and-variants {
    margin-right: 0%;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner {
    padding-top: 24px;
    padding-bottom: 24px;
    margin: 24px 0;
    grid-gap: 12px;
  }
  .price-offer-benefits-comp .price-offers .box {
    padding: 24px 40px 24px 32px;
  }
  .price-offer-benefits-comp .price-offers .box i.icon-Chevron-Down {
    font-size: 24px !important;
  }
  .price-offer-benefits-comp .price-offers .box .showk {
    width: 91.13%;
  }
  .price-offer-benefits-comp .price-offers .box .showk h5 {
    margin-bottom: 8px !important;
  }
  .price-offer-benefits-comp .price-offers .box .fa-angle-down:before {
    width: 24px;
    font-size: 24px;
  }
  .price-offer-benefits-comp .price-offers .options .offersDd {
    padding: 24px 40px;
  }
  .price-offer-benefits-comp .price-offers .showroom .offers-variant-eyebrow {
    margin-bottom: 0;
  }
  .price-offer-benefits-comp .price-offers .showroom .drop-down {
    width: 100%;
  }
  .price-offer-benefits-comp .price-offers .showroom .drop-down .selected a span {
    display: flex;
    justify-content: space-between;
  }
  .price-offer-benefits-comp .price-offers .fa-angle-down:before {
    color: #eaeaec;
  }
  .price-offer-benefits-comp .price-offers p.offers-variant-eyebrow {
    padding-top: 18px;
  }
  .price-offer-benefits-comp .price-offers .price-tab div .offers-variant-eyebrow {
    margin-bottom: 33px;
  }
  .price-offer-benefits-comp .price-offers .price-tab .see-all-price {
    padding: 0%;
  }
  .price-offer-benefits-comp .price-offers .see-all-price {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-benefits-comp .price-offers .startprice {
    margin-bottom: 8px;
  }
  .price-offer-benefits-comp .price-offers .top-first {
    width: 100%;
    flex-direction: column;
  }
  .price-offer-benefits-comp .price-offers .top-first .showroom {
    width: 100% !important;
  }
  .price-offer-benefits-comp .price-offers .price-tab {
    min-width: 100%;
    max-width: 100%;
  }
  .price-offer-benefits-comp .price-offers .price-tab .starting-price-and-variants {
    width: 100%;
  }
  .price-offer-benefits-comp .price-offers .price-tab h4 {
    max-width: 100%;
  }
  .price-offer-benefits-comp .price-offers .price-tab .price-offer-eyebrow,
  .price-offer-benefits-comp .price-offers .price-tab .offers-variant-eyebrow.py-0 {
    width: 100% !important;
  }
  .price-offer-benefits-comp .price-offers .price-tab .btn.btn-dark {
    max-width: 100%;
  }
  .price-offer-benefits-comp .price-offers .price-tab div .offers-variant-eyebrow {
    margin-bottom: 24px;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner {
    width: 100%;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner .outer-box {
    width: 100%;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box {
    width: inherit;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box .showk {
    width: 86.57% !important;
  }
  .price-offer-benefits-comp .price-offers .fa-angle-down:before,
  .price-offer-benefits-comp .price-offers .fa-angle-up {
    color: #eaeaec;
    font-size: 24px;
  }
  .price-offer-benefits-comp .price-offers .see-all-price {
    width: 100%;
    min-width: 100%;
  }
  .price-offer-benefits-comp .price-offers .see-all-price button {
    width: 100% !important;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner {
    padding-top: 24px;
    padding-bottom: 24px;
    margin: 24px 0px;
    grid-gap: 8px;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box {
    padding: 16px 12px;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .box .showk .desktop_text {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .options {
    display: none;
  }
  .price-offer-benefits-comp .price-offers .expandable-Banner .outer-box .options .offersDd {
    padding: 16px !important;
  }
  .price-offer-benefits-comp .price-offers .price-offer-eyebrow {
    margin-bottom: 10px;
  }
  .price-offer-benefits-comp .price-offers .one {
    width: 100% !important;
  }
  .price-offer-benefits-comp .price-offers .error-banner {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 24px;
  }
  .price-offer-benefits-comp .price-offers .showroom {
    padding-bottom: 40px;
  }
  .price-offer-benefits-comp .price-offers .offers-variant-eyebrow {
    margin-top: 0px !important;
    padding-top: 16px;
  }
  .price-offer-benefits-comp .price-offers p.offers-variant-eyebrow {
    padding-top: 16px;
  }
  .price-offer-benefits-comp .price-offers .price-offer-eyebrow,
  .price-offer-benefits-comp .price-offers .offers-variant-eyebrow,
  .price-offer-benefits-comp .price-offers .offerdesc {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
}

.price-offer-benefits-comp .drop-down {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.price-offer-benefits-comp .drop-down .selected a {
  background: transparent;
  display: block;
  border: none;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  border-radius: 2px;
  text-decoration: none;
  color: #ffffff;
}
.price-offer-benefits-comp .drop-down .selected a span {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 8px 0px;
  clear: both;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-benefits-comp .drop-down .selected a span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-benefits-comp .drop-down .selected a span {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.price-offer-benefits-comp .drop-down .selected a span h6 {
  display: flex;
  margin-bottom: 0%;
  width: 91%;
}
.price-offer-benefits-comp .drop-down .fa {
  float: right;
  transition: .3s;
}
.price-offer-benefits-comp .drop-down .cities {
  position: absolute;
  width: 100%;
  display: none;
  z-index: 2;
  background: #282828 none repeat scroll 0 0;
}
.price-offer-benefits-comp .drop-down .list-dynamic {
  padding: 0px 16px 16px 16px;
}
.price-offer-benefits-comp .drop-down .cities ul {
  padding-left: 0% !important;
  margin: 0 !important;
  max-height: 154px;
  list-style: none;
  position: relative;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
}
.price-offer-benefits-comp .drop-down .cities ul li {
  width: 95.601%;
}
.price-offer-benefits-comp .drop-down .cities ul li:last-child {
  padding: 0 !important;
  margin-bottom: 0px !important;
}
.price-offer-benefits-comp .drop-down .cities ul li a {
  display: block;
  color: #7a8084;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.price-offer-benefits-comp .drop-down input {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
  outline: none;
  padding: 16px 0px  8px 0px;
  background: transparent;
}
.price-offer-benefits-comp .drop-down ::placeholder {
  color: #7a8084;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0 8px;
}
.price-offer-benefits-comp .drop-down .cities ul li a:hover {
  transition: 0.2s ease;
}
.price-offer-benefits-comp .drop-down .cities ul .not-Found {
  color: #ffffff;
  margin-bottom: 0 !important;
}
.price-offer-benefits-comp .drop-down label {
  position: relative;
  color: #7a8084;
}
.price-offer-benefits-comp .drop-down .cities ul li a#active {
  color: #ffffff;
}
.price-offer-benefits-comp .drop-down .simplebar-content {
  padding: 0% !important;
}
.price-offer-benefits-comp .drop-down .simplebar-scrollbar:before {
  background: #ffffff !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.price-offer-benefits-comp .drop-down .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1 !important;
}
.price-offer-benefits-comp .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #383737 !important;
}
.price-offer-benefits-comp .drop-down .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 0px !important;
  bottom: 0px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-offer-benefits-comp .drop-down {
    width: 100% !important;
  }
  .price-offer-benefits-comp .drop-down .selected a {
    width: 100%;
    padding-right: 0px;
  }
  .price-offer-benefits-comp .drop-down .cities {
    width: 100%;
  }
  .price-offer-benefits-comp .drop-down .cities ul li a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
  }
  .price-offer-benefits-comp .drop-down .selected a span {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
  }
  .price-offer-benefits-comp .drop-down .selected a span h6 {
    width: 78.5% !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-offer-benefits-comp .drop-down .selected a span h6 {
    width: 88.7% !important;
  }
}

.ev-city-product-list-comp .ev-city-dropdown-sec {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  max-width: 396px;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .cty-label p {
  width: fit-content;
  word-break: normal;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
  width: 396px;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .cities ul li {
  width: fit-content;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.ev-city-product-list-comp .city-offer {
  padding-top: 18px !important;
  margin: 0px;
  text-align: center;
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ev-city-product-list-comp .city-offer {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ev-city-product-list-comp .city-offer {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.ev-city-product-list-comp .city-offer:before {
  content: "";
}
.ev-city-product-list-comp .city-offer .icon-Tick {
  color: #609f65;
  font-size: 24px;
  padding-right: 12px;
}
.ev-city-product-list-comp .ev-city-dealer-btn {
  text-align: center;
  padding-top: 14px;
}
.ev-city-product-list-comp .ev-city-dealer-btn .go-dealer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ev-city-product-list-comp .ev-city-dealer-btn .go-dealer .icon-Arrow-Right {
  padding-left: 8px;
  font-size: 12px;
}
.ev-city-product-list-comp .ev-city-cards-sec {
  padding-top: 80px;
}
.ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards {
  justify-content: center;
  margin: 0px 53px;
}
.ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card {
  text-align: center;
  padding: 0px 52px;
}
.ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card .ev-city-car-title h6 {
  margin-bottom: 8px;
  color: #383737;
}
.ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card .ev-city-car-price p {
  margin-bottom: 8px;
}
.ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card a {
  text-decoration: none;
}
.ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card .ev-city-build-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card .ev-city-build-btn a .icon-Arrow-Right {
  padding-left: 8px;
  font-size: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown {
    max-width: 336px;
  }
  .ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .selected a {
    width: 336px;
  }
  .ev-city-product-list-comp .city-offer {
    padding-top: 26px !important;
  }
  .ev-city-product-list-comp .ev-city-dealer-btn {
    padding-top: 18px;
  }
  .ev-city-product-list-comp .ev-city-dropdown .ev-city-selected-option {
    min-width: 336px;
  }
  .ev-city-product-list-comp .ev-city-dropdown .dropdown-option-list {
    min-width: 336px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec {
    padding-top: 24px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards {
    margin: 0px -8px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card {
    padding: 40px 16px 0px 0px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card .ev-city-car-title h6 {
    margin-top: 8px !important;
  }
  .ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card:last-child {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown {
    max-width: 300px;
  }
  .ev-city-product-list-comp .ev-city-dropdown-sec .ev-city-dropdown .drop-down .selected a {
    width: 300px;
  }
  .ev-city-product-list-comp .city-offer {
    max-width: 100%;
    padding-top: 24px !important;
  }
  .ev-city-product-list-comp .city-offer .icon-Tick {
    padding-left: 0px;
    padding-right: 8px;
  }
  .ev-city-product-list-comp .ev-city-dealer-btn {
    padding-top: 16px;
  }
  .ev-city-product-list-comp .ev-city-dropdown .ev-city-selected-option {
    min-width: 300px;
  }
  .ev-city-product-list-comp .ev-city-dropdown .ev-city-selected-option .option {
    min-width: 90%;
  }
  .ev-city-product-list-comp .ev-city-dropdown .dropdown-option-list {
    min-width: 300px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec {
    padding-top: 64px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards {
    margin: 0px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card {
    padding: 0px 0px 40px 0px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card .ev-city-car-title h6 {
    margin-top: 4px;
  }
  .ev-city-product-list-comp .ev-city-cards-sec .ev-city-cards .result-ev-card:last-child {
    padding-bottom: 0px;
  }
}

.reviews-customer-rating-comp {
  padding: 80px 106px;
}
.reviews-customer-rating-comp .rating-list-details {
  display: flex;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .reviews-customer-rating-comp .rating-list-details {
    display: flex;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reviews-customer-rating-comp .rating-list-details {
    display: block;
  }
}
.reviews-customer-rating-comp .section-divider {
  border-right: 1px solid #eaeaec;
  height: 128px;
  padding-left: 104px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .reviews-customer-rating-comp .section-divider {
    height: 112px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reviews-customer-rating-comp .section-divider {
    height: auto;
  }
}
.reviews-customer-rating-comp .rating-details {
  width: 57%;
  max-width: 408px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .reviews-customer-rating-comp .rating-details {
    width: 100%;
    max-width: 333px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reviews-customer-rating-comp .rating-details {
    width: 100%;
  }
}
.reviews-customer-rating-comp .title {
  width: 41%;
  color: #383737;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .reviews-customer-rating-comp .title {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reviews-customer-rating-comp .title {
    width: 100%;
  }
}
.reviews-customer-rating-comp .rating-section {
  padding-bottom: 16px;
}
.reviews-customer-rating-comp .rating-value {
  color: #383737;
  margin-right: 40px;
}
.reviews-customer-rating-comp .number-of-ratings-label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #383737;
}
.reviews-customer-rating-comp .circle-details {
  display: flex;
  align-items: center;
}
.reviews-customer-rating-comp .circle {
  line-height: 48px;
  font-size: 18px;
  color: #383737;
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-repeat: no-repeat;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(360deg, #307fe2 100%, #d3d3d3 100%), linear-gradient(360deg, #7a8084 100%, #d3d3d3 100%);
  background-position: center center, left top, right top, left bottom, right bottom;
  background-origin: content-box, border-box, border-box, border-box, border-box;
  background-clip: content-box, border-box, border-box, border-box, border-box;
  transform: rotate(90deg);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reviews-customer-rating-comp .circle {
    margin-left: auto;
  }
}
.reviews-customer-rating-comp .feature-ratings {
  display: flex;
  flex-wrap: wrap;
  padding-left: 104px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .reviews-customer-rating-comp .feature-ratings {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reviews-customer-rating-comp .feature-ratings {
    padding-left: 0px;
  }
}
.reviews-customer-rating-comp .feature-rating {
  flex: 50%;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
}
.reviews-customer-rating-comp .feature-rating .score-label {
  min-width: 149px;
  margin-right: 7px;
}
.reviews-customer-rating-comp .feature-rating .rating-score {
  min-width: auto;
  position: relative;
  transform: rotate(270deg);
  top: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .reviews-customer-rating-comp .feature-rating .rating-score {
    font-size: 14px;
    margin-right: 0px;
    top: 7px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reviews-customer-rating-comp .feature-rating .rating-score {
    top: 5px;
  }
}
.reviews-customer-rating-comp .stars-rating {
  position: relative;
  display: inline-block;
}
.reviews-customer-rating-comp .stars-rating span {
  font-size: 48px;
  padding-right: 5px;
}
.reviews-customer-rating-comp .stars-rating .stars-score {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 20%;
  white-space: nowrap;
}
.reviews-customer-rating-comp .star-ratings {
  unicode-bidi: bidi-override;
  color: #ccc;
  font-size: 64px;
  position: relative;
  margin: 0;
  padding: 0;
}
.reviews-customer-rating-comp .star-ratings .fill-ratings {
  color: #e7711b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.reviews-customer-rating-comp .star-ratings .fill-ratings span {
  display: inline-block;
}
.reviews-customer-rating-comp .star-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .reviews-customer-rating-comp {
    padding: 40px;
  }
  .reviews-customer-rating-comp .section-divider {
    padding-left: 24px;
  }
  .reviews-customer-rating-comp .rating-section {
    padding-bottom: 10px;
  }
  .reviews-customer-rating-comp .rating-value {
    margin-right: 13px;
  }
  .reviews-customer-rating-comp .stars-rating span {
    padding-right: 4px;
  }
  .reviews-customer-rating-comp .feature-rating {
    flex: 40%;
    padding-bottom: 20px;
  }
  .reviews-customer-rating-comp .feature-rating .score-label {
    min-width: 85px;
    margin-right: 10px;
  }
  .reviews-customer-rating-comp .circle {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reviews-customer-rating-comp {
    padding: 30px;
  }
  .reviews-customer-rating-comp .section-divider {
    border-right: none;
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 24px;
  }
  .reviews-customer-rating-comp .feature-rating-section {
    padding-top: 24px;
  }
  .reviews-customer-rating-comp .title {
    margin-bottom: 12px;
  }
  .reviews-customer-rating-comp .rating-section {
    padding-bottom: 12px;
  }
  .reviews-customer-rating-comp .feature-rating {
    padding-bottom: 18px;
    flex: 100%;
    justify-content: space-between;
  }
  .reviews-customer-rating-comp .stars-rating span {
    font-size: 30px;
  }
}

.vehicle-details-card-comp .vehicle-details {
  display: flex;
  flex-direction: column;
}
.vehicle-details-card-comp .vehicle-details h4.vehicle-details-title {
  margin-bottom: 40px;
  color: #383737;
}
.vehicle-details-card-comp .vehicle-details .car-details {
  display: grid;
  grid-template-columns: 56.5517241% auto;
  padding: 64px;
  background: #ffffff;
  gap: 24px;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-name-tata-logo,
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-price-tata-ass {
  display: flex;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-name-tata-logo {
  margin-bottom: 12px;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-price-tata-ass {
  margin-bottom: 24px;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials h5.name,
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials h6.price {
  margin: 0;
  color: #383737;
  width: 81.097561%;
  margin-right: auto;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-engine-details {
  display: grid;
  grid-template-columns: 46.3414634% 46.3414634%;
  gap: 24px;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-engine-details .ratings-section {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-engine-details p.rating-count {
  display: inline-flex;
  color: #307fe2;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-engine-details .details .label {
  margin-bottom: 8px;
  color: #7a8084;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-engine-details .details .value {
  margin: 0;
  color: #383737;
}
.vehicle-details-card-comp .vehicle-details .car-details .car-image img {
  width: 100%;
  height: 172px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-details-card-comp .vehicle-details .car-details {
    padding: 40px;
    gap: 40px;
    grid-template-columns: 55.9210526% auto;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials h5.name,
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials h6.price {
    width: 82%;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-name-tata-logo img {
    width: 62px;
    height: 31px;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-price-tata-ass img {
    width: 54px;
    height: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-details-card-comp .vehicle-details .car-details {
    padding: 16px;
    gap: 24px;
    grid-template-columns: 100%;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials {
    order: 1;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials h5.name,
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials h6.price {
    width: 78.6666667%;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-name-tata-logo img {
    width: 48px;
    height: 32px;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-price-tata-ass img {
    width: 54px;
    height: 16px;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-full-detials .car-engine-details {
    grid-template-columns: 46% 46%;
    border-top: 1px solid #eaeaec;
    padding-top: 24px;
  }
  .vehicle-details-card-comp .vehicle-details .car-details .car-image img {
    width: 100%;
    height: 225px;
  }
}

.similar-vehicles-comp a:hover,
.similar-vehicles-comp a:visited,
.similar-vehicles-comp a:focus {
  color: #307fe2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .desktop-view {
    display: none !important;
  }
}
.similar-vehicles-comp .tablet-view {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .tablet-view {
    display: block !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .tablet-view {
    display: none !important;
  }
}
.similar-vehicles-comp .title-section {
  color: #383737;
  margin-bottom: 40px;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .title-section {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .title-section {
    margin-bottom: 26px;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details {
  display: flex;
  background-color: #ffffff;
  width: 916px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details {
    width: 668px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details {
    flex-direction: column;
    width: 332px;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-image {
  width: 41%;
  height: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-image {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-image {
    display: block;
    width: 332px;
    height: 240px;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-image img {
  height: inherit;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info {
  width: 59%;
  height: inherit;
  padding: 40px;
  flex-direction: row;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info {
    width: 100%;
    flex-direction: column;
    padding: 24px;
    background-color: #ffffff;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-image {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-image {
    display: block;
    width: 224px;
    height: 168px;
    float: left;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-image {
    display: none;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details {
    padding: 40px 40px 0 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details {
    padding: 0;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .vehicle-info {
  width: 86%;
  margin-right: 2%;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .vehicle-info .model-name {
  padding-bottom: 8px;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .vehicle-info .model-year {
  color: #7a8084;
  padding-bottom: 12px;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .vehicle-info .model-price span {
  padding-left: 8px;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .logos-section .tata-logo {
  margin-bottom: 40px;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .logos-section .tassured-logo {
  background-color: #307fe2;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .interactiveIcons {
  margin-top: 16px;
  width: 40px;
  height: 40px;
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .interactiveIcons {
    display: block;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .interactiveIcons .icon-Heart-Filled,
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .interactiveIcons .icon-Heart-Outline {
  font-size: 40px;
  color: #307fe2;
  cursor: pointer;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-details .interactiveIcons .icon-Heart-Filled {
  color: #307fe2;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating {
  display: flex;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating {
    clear: both;
    padding: 40px 40px 0 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating {
    flex-direction: column;
    padding: 0;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .health-rating,
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .transmission,
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .fuel-type {
  width: 30%;
  margin-right: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .health-rating,
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .transmission,
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .fuel-type {
    width: 100%;
    margin-bottom: 16px;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .health-rating p.metadata,
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .transmission p.metadata,
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .fuel-type p.metadata {
  color: #7a8084;
  margin-bottom: 8px;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .health-rating p.cta-link,
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .transmission p.cta-link,
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .fuel-type p.cta-link {
  color: #383737;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .stars {
  color: #307fe2;
  align-items: center;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .stars .rating-values {
  padding-right: 8px;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .stars span {
  padding-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .car-health-rating .stars span {
    padding-right: 4px;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  max-height: 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details {
    clear: both;
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details {
    flex-direction: column;
    padding: 0;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details .view-details-cta {
  border: 2px solid #307fe2;
  color: #307fe2;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 45%;
  padding: 10px 22px;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details .view-details-cta {
    width: 26.1%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details .view-details-cta {
    width: 100%;
    justify-content: space-around;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details .interactiveIcons {
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details .interactiveIcons {
    display: none;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details .interactiveIcons .icon-Heart-Filled,
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details .interactiveIcons .icon-Heart-Outline {
  font-size: 40px;
  color: #307fe2;
  cursor: pointer;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .view-details .interactiveIcons .icon-Heart-Filled {
  color: #307fe2;
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .book-test-drive-link {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .book-test-drive-link {
    clear: both;
    padding: 0 40px 40px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .book-test-drive-link {
    justify-content: center;
  }
}
.similar-vehicles-comp .similar-vehicle-details .vehicle-card-details .car-info .book-test-drive-link span {
  position: relative;
  top: 3px;
}
.similar-vehicles-comp .hr-dividing-line {
  border: 1px solid #f8f8f8;
  margin: 23px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .hr-dividing-line {
    margin: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .hr-dividing-line {
    margin: 16px 0 23px 0;
  }
}
.similar-vehicles-comp .hide-by-opacity {
  opacity: 0 !important;
  pointer-events: none;
  width: 0;
  height: 0;
}
.similar-vehicles-comp .arrows {
  display: flex;
  height: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .similar-vehicles-comp .arrows {
    display: none;
  }
}
.similar-vehicles-comp .owl-prev {
  margin-right: 12px;
}
.similar-vehicles-comp .owl-prev.disabled,
.similar-vehicles-comp .owl-next.disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.similar-vehicles-comp .owl-prev.disabled span,
.similar-vehicles-comp .owl-next.disabled span {
  color: rgba(122, 128, 132, 0.5);
}
.similar-vehicles-comp .owl-prev.disabled:hover,
.similar-vehicles-comp .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.similar-vehicles-comp .owl-prev.disabled:hover span,
.similar-vehicles-comp .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.similar-vehicles-comp button:hover:enabled {
  background-color: #307fe2;
}
.similar-vehicles-comp button:hover:enabled span {
  color: #ffffff;
}
.similar-vehicles-comp .owl-prev,
.similar-vehicles-comp .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.similar-vehicles-comp .owl-prev span,
.similar-vehicles-comp .owl-next span {
  color: #307fe2;
  font-size: 20px;
}

.saved-searches-comp .carouselview .saved-nav {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-nav {
    display: grid;
    grid-template-columns: 69% 23%;
    justify-content: space-around;
    gap: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-nav {
    display: block;
    padding-left: 10px;
  }
}
.saved-searches-comp .carouselview .saved-nav .saved-tiltes {
  margin-right: 24px;
}
.saved-searches-comp .carouselview .saved-nav .saved-tiltes h4 {
  margin-bottom: 40px;
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-nav .saved-tiltes h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-nav .saved-tiltes h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-nav .saved-tiltes h4 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-nav .link {
    margin-bottom: 24px;
  }
}
.saved-searches-comp .carouselview .saved-nav .link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #307fe2;
}
.saved-searches-comp .carouselview .saved-nav .link a p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-bottom: 0;
  margin-right: 8px;
  color: #307fe2;
}
.saved-searches-comp .carouselview .saved-nav .link a i {
  font-size: 13px;
  color: #307fe2;
}
.saved-searches-comp .carouselview .saved-nav .owl-prev {
  margin-right: 12px;
}
.saved-searches-comp .carouselview .saved-nav .owl-nav {
  margin-left: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-nav .owl-nav {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-nav .owl-nav {
    display: none;
  }
}
.saved-searches-comp .carouselview .saved-nav .owl-prev.disabled:hover,
.saved-searches-comp .carouselview .saved-nav .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.saved-searches-comp .carouselview .saved-nav .owl-prev.disabled:hover span,
.saved-searches-comp .carouselview .saved-nav .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.saved-searches-comp .carouselview .saved-nav button:disabled,
.saved-searches-comp .carouselview .saved-nav button[disabled] {
  border: 1px solid rgba(122, 128, 132, 0.5) !important;
  background-color: transparent !important;
  color: rgba(56, 55, 55, 0.8) !important;
}
.saved-searches-comp .carouselview .saved-nav button:disabled span,
.saved-searches-comp .carouselview .saved-nav button[disabled] span {
  color: rgba(122, 128, 132, 0.5);
}
.saved-searches-comp .carouselview .saved-nav button:hover:enabled {
  background-color: #307fe2;
}
.saved-searches-comp .carouselview .saved-nav button:hover:enabled span {
  color: #ffffff;
}
.saved-searches-comp .carouselview .saved-nav .owl-prev,
.saved-searches-comp .carouselview .saved-nav .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.saved-searches-comp .carouselview .saved-nav .owl-prev.disabled,
.saved-searches-comp .carouselview .saved-nav .owl-next.disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.saved-searches-comp .carouselview .saved-nav .owl-prev span,
.saved-searches-comp .carouselview .saved-nav .owl-next span {
  color: #307fe2;
  font-size: 20px;
}
.saved-searches-comp .carouselview .saved-nav .owl-prev span.disabled,
.saved-searches-comp .carouselview .saved-nav .owl-next span.disabled {
  color: rgba(122, 128, 132, 0.5);
}
.saved-searches-comp .carouselview .saved-nav .owl-prev.disabled,
.saved-searches-comp .carouselview .saved-nav .owl-next.disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
}
.saved-searches-comp .carouselview .saved-container-main {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 68.6%;
  overflow-x: scroll;
  gap: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main {
    gap: 16px;
    grid-auto-columns: 94.5%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main {
    gap: 8px !important;
    grid-auto-columns: 100%;
  }
}
.saved-searches-comp .carouselview .saved-container-main .heading-details {
  display: flex;
  margin-right: 24px;
}
.saved-searches-comp .carouselview .saved-container-main .containers {
  width: 100%;
  background: #ffffff;
  padding: 64px;
  min-height: 431px;
}
.saved-searches-comp .carouselview .saved-container-main .containers .title-details {
  display: flex;
  justify-content: space-between;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 12px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.saved-searches-comp .carouselview .saved-container-main .containers .title-details .title {
  width: 81%;
  min-height: 30px;
}
.saved-searches-comp .carouselview .saved-container-main .containers .title-details .results-details .view-results {
  margin-bottom: 0px !important;
}
.saved-searches-comp .carouselview .saved-container-main .containers .delete {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeaec;
  cursor: pointer;
}
.saved-searches-comp .carouselview .saved-container-main .containers .delete .cards-delete-label {
  color: #307fe2;
  margin-right: 8px;
  margin-bottom: 0px !important;
  text-decoration: none;
}
.saved-searches-comp .carouselview .saved-container-main .containers .search-labels {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 34.5% 34.3% 31%;
  margin-bottom: 0px;
}
.saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 {
  margin-right: 24px;
  margin-bottom: 24px;
}
.saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 p.labels {
  margin-bottom: 8px !important;
  color: #7a8084;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 p.labels {
  margin-bottom: 8px !important;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-searches-comp .carouselview .saved-container-main .containers .saved-details {
  display: flex;
  flex-direction: row;
  padding-top: 16px;
}
.saved-searches-comp .carouselview .saved-container-main .containers .saved-details .view-btn {
  margin-right: 40px;
}
.saved-searches-comp .carouselview .saved-container-main .containers .saved-details .view-btn button.cta-btn {
  background: #ffffff;
  border: 2px solid #307fe2;
  outline: none;
  color: #307fe2;
  transition-duration: 0.4s;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .heading-details {
    display: flex;
    margin-right: 24px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers {
    width: 100%;
    background: #ffffff;
    padding: 40px;
    min-height: 377px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details {
    display: flex;
    justify-content: space-between;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .title {
    width: 81%;
    min-height: 30px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .title h5 {
    color: #383737;
    margin-bottom: 12px;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 0px !important;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .results-details .view-results {
    margin-bottom: 0px !important;
    display: block;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .delete {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #eaeaec;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .delete .cards-delete-label {
    color: #307fe2;
    margin-right: 8px;
    margin-bottom: 0px !important;
    text-decoration: none;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels {
    margin-top: 24px;
    display: grid;
    grid-template-columns: 30.5% 30.5% 27%;
    margin-bottom: 24px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 {
    margin-right: 24px;
    margin-bottom: 24px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 p.labels {
    margin-bottom: 8px !important;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    color: #7a8084;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #383737;
    font-size: 18px !important;
    margin-bottom: 0px !important;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 p.labels {
    margin-bottom: 8px !important;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    color: #7a8084;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    font-size: 18px !important;
    color: #383737;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .saved-details {
    display: flex;
    flex-direction: row;
    padding-top: 16px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .saved-details .view-btn {
    margin-right: 40px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .saved-details .view-btn button.cta-btn {
    background: #ffffff;
    border: 2px solid #307fe2;
    outline: none;
    color: #307fe2;
    transition-duration: 0.4s;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .title h5 {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .title h5 {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .heading-details {
    display: flex;
    margin-right: 24px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers {
    width: 100%;
    background: #ffffff;
    padding: 24px 16px;
    min-height: 419px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .title {
    width: 100% !important;
    min-height: 30px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .title h5 {
    color: #383737;
    margin-bottom: 12px;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    font-size: 22px !important;
    margin-bottom: 0px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .results-details .view-results {
    margin-bottom: 0px !important;
    display: none !important;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .delete {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #eaeaec;
    justify-content: space-between;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .delete span {
    margin-right: auto;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .delete .view-results-mobile {
    display: block !important;
    margin-bottom: 0px !important;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .delete .cards-delete-label {
    color: #307fe2;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    margin-right: 8px;
    margin-bottom: 0px !important;
    text-decoration: none;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels {
    margin-top: 24px;
    display: grid;
    grid-template-columns: auto auto;
    margin-bottom: 8px;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 {
    margin-right: 16px;
    margin-bottom: 16px !important;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 .labels {
    margin-bottom: 8px !important;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    color: #7a8084;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    font-size: 16px !important;
    color: #383737;
    margin-bottom: 0px !important;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 .labels {
    margin-bottom: 8px !important;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    color: #7a8084;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    font-size: 16px !important;
    color: #383737;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .saved-details {
    display: grid;
    padding-top: 0px !important;
    flex-direction: row;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .saved-details .view-btn {
    margin-right: 0px !important;
  }
  .saved-searches-comp .carouselview .saved-container-main .containers .saved-details .view-btn button.cta-btn {
    background: #ffffff;
    border: 2px solid #307fe2;
    outline: none;
    color: #307fe2;
    transition-duration: 0.4s;
    width: 100%;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .title h5 {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .title-details .title h5 {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .delete .cards-delete-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .carouselview .saved-container-main .containers .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}

@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
.saved-searches-comp .defaultview {
  width: 100%;
  min-height: 60px;
}
.saved-searches-comp .defaultview .saved-search-results {
  display: flex;
  place-content: space-between;
  border-bottom: 1px solid #eaeaec;
  margin-bottom: 40px;
}
.saved-searches-comp .defaultview .saved-search-results .search h6 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 12px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .saved-search-results .search h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .saved-search-results .search h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-searches-comp .defaultview .saved-search-results .search .link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #307fe2;
}
.saved-searches-comp .defaultview .saved-search-results .search .link a .sarch-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 0;
  margin-right: 8px;
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .saved-search-results .search .link a .sarch-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.saved-searches-comp .defaultview .saved-search-results .search .link a i {
  font-size: 13px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
}
.saved-searches-comp .defaultview .saved-search-results .sorting-section {
  max-width: 256px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .saved-search-results .sorting-section {
    max-width: 248px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .saved-search-results .sorting-section {
    max-width: 100%;
  }
}
.saved-searches-comp .defaultview .saved-search-results .sort-label {
  color: #7a8084;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown {
  position: relative;
  border-bottom: 2px solid #383737;
  margin-bottom: 24px;
  min-height: 31px;
  margin-left: auto;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown {
    position: relative;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown {
    width: 100%;
    margin: auto;
  }
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown::after {
  content: "\e993";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown.active::after {
  transform: rotate(180deg);
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents.visible {
  display: block !important;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  padding: 8px 16px;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.saved-searches-comp .defaultview .saved-search-results .savedCards-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.saved-searches-comp .defaultview .saved-search-results .saved-search-list.collapse {
  display: none;
}
.saved-searches-comp .defaultview .nav-container {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .nav-container {
    margin-bottom: 16px;
  }
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container {
  width: 100%;
  background: #ffffff;
  padding: 64px;
  min-height: 431px;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .title-details {
  display: flex;
  justify-content: space-between;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 12px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .title-details {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .title-details {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .title-details .title {
  width: 81%;
  min-height: 30px;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .title-details .results-details .view-results {
  margin-bottom: 0px !important;
  color: #7a8084;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .delete {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeaec;
  cursor: pointer;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .delete .cards-delete-label {
  color: #307fe2;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-right: 8px;
  margin-bottom: 0px !important;
  text-decoration: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .delete .cards-delete-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 34.5% 34.3% 31%;
  margin-bottom: 0px;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-1 {
  margin-right: 24px;
  margin-bottom: 24px;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-1 .labels {
  margin-bottom: 8px !important;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-1 h6 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-2 .labels {
  margin-bottom: 8px !important;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-2 h6 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details {
  display: flex;
  flex-direction: row;
  padding-top: 16px;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .view-btn {
  margin-right: 40px;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .view-btn .view-results-btn {
  background: #ffffff;
  border: 2px solid #307fe2;
  outline: none;
  color: #307fe2;
  transition-duration: 0.4s;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details {
  padding-top: 12px;
  display: flex;
  cursor: pointer !important;
  color: #307fe2;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .filter-details.icon-Chevron-Up {
  flex-direction: row-reverse;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .filter-label {
  margin-bottom: 0px !important;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-right: 8px;
  font-size: 16px !important;
}
@media only screen and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .filter-label {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .filter-label .icon-Chevron-Up::after {
  padding-left: 8px;
  padding-top: 2px !important;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .filter-label .hide-filter {
  margin-bottom: 0px !important;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-right: 8px;
  font-size: 16px !important;
}
@media only screen and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .filter-label .hide-filter {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .hide-filter {
  display: none;
}
.saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .icon {
  padding-top: 3px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container .saved-details .filter-details .icon {
    padding-top: 0px !important;
  }
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details {
  width: 100%;
  background: #ffffff;
  padding: 64px;
  min-height: 278px;
  border-top: 1px solid #eaeaec;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details.collapse {
  display: none;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-sub-title {
  margin-bottom: 24px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #282828;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-labels {
  display: grid;
  grid-template-columns: 25.5% 25.5% 25.5% 23.5%;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-labels .advanced-label-details-1 {
  margin-bottom: 24px;
  padding-right: 24px;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-labels .advanced-label-details-1 .advanced-label {
  margin-bottom: 8px !important;
  color: #7a8084;
  font-family: Poppins !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 16.24px !important;
  letter-spacing: normal !important;
  max-height: fit-content !important;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-labels .advanced-label-details-1 .advanced-value {
  color: #383737;
  margin-bottom: 0px !important;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-labels .advanced-label-details-2 {
  padding-right: 24px;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-labels .advanced-label-details-2.warrenty {
  padding-right: 0px !important;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-labels .advanced-label-details-2 .advanced-label {
  margin-bottom: 8px !important;
  max-height: fit-content !important;
  color: #7a8084;
  font-family: Poppins !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 16.24px !important;
  letter-spacing: normal !important;
  max-height: 16px;
}
.saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details .advanced-labels .advanced-label-details-2 .advanced-value {
  color: #383737;
  margin-bottom: 0px !important;
  max-height: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container-main .saved-container {
    padding: 40px;
    min-height: 0px !important;
    margin-top: 0px !important;
  }
  .saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details {
    padding: 40px;
    min-height: 0px !important;
    border-top: 1px solid #eaeaec;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .saved-search-results {
    display: block;
    padding: 40px 30px;
  }
  .saved-searches-comp .defaultview .saved-search-results .search {
    margin-bottom: 32px;
  }
  .saved-searches-comp .defaultview .nav-container {
    width: 100%;
    padding: 0px;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container {
    width: 100%;
    background: #ffffff;
    padding: 24px 16px !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .title-details .title {
    width: 100% !important;
    min-height: 30px;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .title-details .title h5 {
    color: #383737;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    font-size: 22px !important;
    margin-bottom: 0px !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .title-details .results-details .view-results {
    margin-bottom: 0px !important;
    display: none !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .delete {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #eaeaec;
    justify-content: space-between;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .delete span {
    margin-right: auto;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .delete .view-results-mobile {
    display: block !important;
    margin-bottom: 0px !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels {
    margin-top: 24px;
    display: grid;
    grid-template-columns: 50% 50% !important;
    margin-bottom: 24px;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-1 {
    margin-right: 16px !important;
    margin-bottom: 16px !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-1 .labels {
    margin-bottom: 8px !important;
    color: #7a8084;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-1 h6 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    font-size: 16px !important;
    color: #383737;
    margin-bottom: 0px !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-2 .labels {
    margin-bottom: 8px !important;
    color: #7a8084;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-2 h6 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #383737;
    font-size: 16px !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .saved-details {
    display: block !important;
    padding-top: 0px !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .saved-details .view-btn {
    margin-right: 0px !important;
    width: 100% !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .saved-details .view-btn button.cta-btn {
    background: #ffffff;
    border: 2px solid #307fe2;
    outline: none;
    color: #307fe2;
    transition-duration: 0.4s;
    width: 100%;
    margin-bottom: 24px;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .saved-details .filter-details {
    padding-top: 0px !important;
    margin: auto;
    color: #307fe2;
    padding-left: 50px !important;
  }
  .saved-searches-comp .defaultview .nav-container .saved-container .saved-details .filter-details .filter-label {
    margin-bottom: 0px !important;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    font-size: 16px !important;
  }
  .saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-data-details {
    padding: 24px 16px 8px 16px;
    border-top: 1px solid #eaeaec;
  }
  .saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-labels {
    display: grid;
    grid-template-columns: 50% 50% !important;
  }
  .saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-labels .advanced-label-details-1 {
    margin-bottom: 16px !important;
    padding-right: 0px !important;
  }
  .saved-searches-comp .defaultview .nav-container .advanced-data-show .advanced-labels .advanced-label-details-2 {
    padding-bottom: 16px !important;
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container .title-details .title h5 {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .nav-container .saved-container .title-details .title h5 {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-1 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-searches-comp .defaultview .nav-container .saved-container .search-labels .label-details-2 h6 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-searches-comp .defaultview .nav-container .saved-container .saved-details .filter-details .filter-label {
    font-size: 16px;
    line-height: 20px;
  }
}

.pre-owned-dealership-comp .dealership .dealership-title {
  margin-bottom: 61px;
  color: #383737;
}
.pre-owned-dealership-comp .dealership .dealership-details {
  padding: 64px;
  background: #ffffff;
}
.pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-desc {
  margin-bottom: 24px;
  color: #383737;
}
.pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address {
  display: grid;
  gap: 8px;
}
.pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings {
  display: flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
}
.pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings .ratings {
  display: flex;
  align-items: center;
}
.pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings .ratings .reviwes-count {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings p {
  color: #383737;
  margin: 0;
}
.pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .address-1,
.pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .state {
  color: #383737;
  width: 46.483705%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-owned-dealership-comp .dealership .dealership-title {
    margin-bottom: 24px;
  }
  .pre-owned-dealership-comp .dealership .dealership-details {
    padding: 40px;
  }
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings {
    gap: 12px;
  }
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .address-1,
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .state {
    width: 93.4210526%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pre-owned-dealership-comp .dealership .dealership-title {
    margin-bottom: 16px;
  }
  .pre-owned-dealership-comp .dealership .dealership-details {
    padding: 24px 16px;
  }
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-desc {
    margin-bottom: 32px;
  }
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings {
    flex-direction: column-reverse;
    gap: 16px;
    width: 100%;
    align-items: start;
  }
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings .ratings {
    gap: 4px;
    width: fit-content;
  }
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings .ratings .title {
    width: 58.6666667%;
  }
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .name-ratings .ratings .review-value {
    padding: 0 4px;
  }
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .address-1,
  .pre-owned-dealership-comp .dealership .dealership-details .desc .dealer-address .state {
    width: 58.6666667%;
  }
}





.health-rating-comp .health-rating-heading-section {
  width: 100%;
  display: flex;
  padding-left: 106px;
  padding-top: 104px;
  padding-bottom: 64px;
  padding-right: 106px;
  gap: 40px;
}
.health-rating-comp .health-rating-heading-section .health-rating-heading-left-content {
  flex: 50%;
}
.health-rating-comp .health-rating-heading-section .health-rating-heading-left-content h4 {
  padding-bottom: 16px;
}
.health-rating-comp .health-rating-heading-section .health-rating-heading-right-review {
  flex: 50%;
  text-align: right;
  max-width: 51.14%;
}
.health-rating-comp .health-rating-heading-section .health-rating-heading-right-review .rating-value-section {
  display: flex;
}
.health-rating-comp .health-rating-heading-section .health-rating-heading-right-review .rating-value-section .review-rating-value {
  flex: 50%;
  padding-right: 16px;
  color: #307fe2;
  height: 44px;
  width: 59px;
}
.health-rating-comp .health-rating-heading-section .health-rating-heading-right-review .rating-value-section .review-rating-stars {
  flex: 50%;
  display: flex;
  gap: 8px;
}
.health-rating-comp .health-rating-heading-section .health-rating-heading-right-review .rating-value-section .review-rating-stars .icon-Star-Half,
.health-rating-comp .health-rating-heading-section .health-rating-heading-right-review .rating-value-section .review-rating-stars .icon-Star-Rest,
.health-rating-comp .health-rating-heading-section .health-rating-heading-right-review .rating-value-section .review-rating-stars .icon-Star-Active {
  font-size: 48px;
}
.health-rating-comp .rating-details-section {
  display: flex;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details {
  flex: 50%;
  padding-left: 117px;
  padding-right: 103px;
  max-width: 50%;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .selected-element {
  display: none;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .rating-details-section-left-details-tabs {
  display: flex;
  gap: 24px;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .rating-details-section-left-details-tabs .rating-details-section-left-details-tabs-tablinks {
  padding-bottom: 8px;
  font-weight: bold;
  color: #7a8084;
  cursor: pointer;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .rating-details-section-left-details-tabs .tab-active {
  color: #383737;
  border-bottom: 2px solid #307fe2;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .rating-details-section-left-details-tabs-abovescroll {
  width: 100%;
  height: 40px;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent {
  height: 490px;
  height: 556px;
  overflow-y: scroll;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item {
  padding-bottom: 24px;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .rating-details-section-left-details-tabs-tabcontent-item-headsection {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-bottom: 16px;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .rating-details-section-left-details-tabs-tabcontent-item-headsection .rating-details-section-left-details-tabs-tabcontent-item-mainheading {
  max-width: 424px;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .rating-details-section-left-details-tabs-tabcontent-item-objects .rating-details-section-left-details-tabs-tabcontent-item-objects-item {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 16px;
  justify-content: space-between;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .rating-details-section-left-details-tabs-tabcontent-item-objects .rating-details-section-left-details-tabs-tabcontent-item-objects-item .rating-details-section-left-details-tabs-tabcontent-item-objects-item-content {
  color: #383737;
  text-align: left;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .rating-details-section-left-details-tabs-tabcontent-item-objects .rating-details-section-left-details-tabs-tabcontent-item-objects-item .rating-details-section-left-details-tabs-tabcontent-item-objects-item-rating {
  color: #7a8084;
  justify-self: right;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .rating-details-section-left-details-tabs-tabcontent-item-objects .rating-details-section-left-details-tabs-tabcontent-item-objects-item .rating-details-section-left-details-tabs-tabcontent-item-objects-item-desc {
  display: none;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .rating-details-section-left-details-tabs-tabcontent-item-objects .rating-details-section-left-details-tabs-tabcontent-item-objects-item:hover {
  cursor: pointer;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .item-active .rating-details-section-left-details-tabs-tabcontent-item-objects-item-img {
  border-left: 4px solid #307fe2;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .item-active .rating-details-section-left-details-tabs-tabcontent-item-objects-item-content {
  color: #383737;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent::-webkit-scrollbar {
  display: none;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent {
  display: none;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent:first-of-type {
  display: block;
}
.health-rating-comp .rating-details-section .rating-details-section-left-details-tabs-belowscroll {
  width: 100%;
  height: 64px;
  background: linear-gradient(180deg, #ffffff 0.01%, rgba(255, 255, 255, 0.9) 100%);
}
.health-rating-comp .rating-details-section .rating-details-section-right-details {
  flex: 50%;
}
.health-rating-comp .rating-details-section .rating-details-section-right-details .rating-details-section-right-details-imagesection-img {
  height: 540px;
  width: 100%;
}
.health-rating-comp .rating-details-section .rating-details-section-right-details .rating-details-section-right-details-desc {
  background-color: #f8f8f8;
  color: #383737;
  padding: 40px 80px;
}
.health-rating-comp .feature-list-details {
  display: flex;
}
.health-rating-comp .feature-list-details .feature-list-details-leftSection {
  flex: 50%;
  max-width: 720px;
}
.health-rating-comp .feature-list-details .feature-list-details-leftSection .feature-list-details-imageSection .feature-list-details-imageSection-img {
  height: 629px;
  width: 100%;
}
.health-rating-comp .feature-list-details .feature-list-details-leftSection .feature-list-details-desc {
  background-color: #f8f8f8;
  color: #383737;
  padding: 60px 106px;
}
.health-rating-comp .feature-list-details .feature-list-details-rightSection {
  flex: 50%;
  padding: 104px 106px 0px 114px;
}
.health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-heading {
  padding-bottom: 40px;
}
.health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
}
.health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items .feature-list-details-rightSection-items-item .feature-list-details-rightSection-items-item-img {
  display: none;
}
.health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items .feature-list-details-rightSection-items-item .feature-list-details-rightSection-items-item-heading {
  cursor: pointer;
  color: #7a8084;
}
.health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items .feature-list-details-rightSection-items-item .feature-active {
  color: #383737;
}
.health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items .feature-list-details-rightSection-items-item .feature-list-details-rightSection-items-item-desc {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .health-rating-comp .health-rating-heading-section {
    padding: 64px 40px 40px 40px;
  }
  .health-rating-comp .health-rating-heading-section .health-rating-heading-right-review .rating-value-section .review-rating-stars {
    gap: 4px;
  }
  .health-rating-comp .rating-details-section {
    padding-bottom: 64px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details {
    padding-left: 40px;
    padding-right: 40px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .rating-details-section-left-details-tabs {
    display: none;
    position: absolute;
    background-color: white;
    width: 42%;
    flex-direction: column;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .rating-details-section-left-details-tabs .tab-active {
    border: none;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .show {
    display: block;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .hide {
    display: none;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .selected-element {
    display: block;
    border-bottom: 2px solid #383737;
    padding-bottom: 8px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent {
    height: 290px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item .rating-details-section-left-details-tabs-tabcontent-item-objects .rating-details-section-left-details-tabs-tabcontent-item-objects-item {
    gap: 16px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-right-details .rating-details-section-right-details-desc {
    padding: 24px 40px;
  }
  .health-rating-comp .feature-list-details .feature-list-details-leftSection .feature-list-details-desc {
    padding: 24px 40px;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection {
    padding: 40px;
    padding-bottom: 0px;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-heading {
    padding-bottom: 24px;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items {
    gap: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 400px) {
  .health-rating-comp .health-rating-heading-section {
    display: flex;
    padding: 40px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  .health-rating-comp .health-rating-heading-section .health-rating-heading-right-review {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .health-rating-comp .rating-details-section {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 47px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details {
    max-width: 100%;
    padding-right: 26px;
    padding-left: 30px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .selected-element {
    padding-top: 30px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .rating-details-section-left-details-tabs {
    gap: 24px;
    width: -webkit-fill-available;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .rating-details-section-left-details-tabs-abovescroll {
    height: 30px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent {
    height: 346px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details .tabcontent-main-div .rating-details-section-left-details-tabs-tabcontent .rating-details-section-left-details-tabs-tabcontent-item {
    padding-bottom: 24px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-left-details-tabs-belowscroll {
    height: 72px;
  }
  .health-rating-comp .rating-details-section .rating-details-section-right-details .rating-details-section-right-details-desc {
    padding: 16px 30px;
  }
  .health-rating-comp .feature-list-details {
    display: flex;
    flex-direction: column;
  }
  .health-rating-comp .feature-list-details .feature-list-details-leftSection .feature-list-details-desc {
    padding: 1.37px 30px 30.63px;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection {
    padding: 30px;
    padding-bottom: 0px;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-heading {
    padding-bottom: 24px;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items {
    gap: 12px;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items .feature-list-details-rightSection-items-item .feature-list-details-rightSection-items-item-img {
    display: none;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items .feature-list-details-rightSection-items-item .feature-list-details-rightSection-items-item-heading {
    cursor: pointer;
    color: #7a8084;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items .feature-list-details-rightSection-items-item .feature-active {
    color: #383737;
  }
  .health-rating-comp .feature-list-details .feature-list-details-rightSection .feature-list-details-rightSection-items .feature-list-details-rightSection-items-item .feature-list-details-rightSection-items-item-desc {
    display: none;
  }
}

.find-vehicle-comp {
  display: flex;
  background-color: #ffffff;
}
.find-vehicle-comp .fv-add-icon {
  border: #307fe2 1px solid;
  color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  cursor: pointer;
  margin-top: 5px;
}
.find-vehicle-comp .fv-minus-icon {
  color: #ffffff;
  border: #307fe2 1px solid;
  background-color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  cursor: pointer;
  margin-top: 5px;
}
.find-vehicle-comp .fv-search-box-containter {
  padding: 64px;
  height: 606px;
  max-width: 500px;
}
.find-vehicle-comp .fv-search-box-containter .fv-title {
  color: #383737;
  padding-bottom: 40px;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-box {
  color: #383737;
  border-bottom: 1px solid #383737;
  display: flex;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-box .search-icon {
  padding-top: 8px;
  font-size: 20px;
  font-weight: bold;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-box .fv-search-bar {
  width: 100%;
  position: static;
  border: none;
  background: none;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .find-vehicle-comp .fv-search-box-containter .fv-search-box .fv-search-bar {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .find-vehicle-comp .fv-search-box-containter .fv-search-box .fv-search-bar {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.find-vehicle-comp .fv-search-box-containter .fv-search-box .city-search-close {
  padding-top: 8px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results {
  background-color: #ffffff;
  color: #383737;
  position: absolute;
  border-top: 2px solid #383737;
  width: 100%;
  padding: 40px;
  box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.1);
  z-index: 999;
  margin-top: -1px;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results .fv-search-options-list {
  height: 150px;
  overflow-y: auto;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results .fv-search-options-list::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results .fv-search-options-list::-webkit-scrollbar-thumb {
  background-color: #7a8084 !important;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results .fv-search-options-list::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results .city-values {
  padding-bottom: 24px;
  color: #383737;
  cursor: pointer;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results .city-values .highlight {
  font-weight: bold;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results :last-child {
  padding-bottom: 0;
}
.find-vehicle-comp .fv-search-box-containter .fv-search-results .fv-search-err {
  color: rgba(0, 0, 0, 0.5);
}
.find-vehicle-comp .fv-search-box-containter .fv-disclaimer {
  color: #7a8084;
  padding: 40px 0 24px 0;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options {
  overflow-y: auto;
  height: 237px;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options::-webkit-scrollbar-thumb {
  background-color: #7a8084 !important;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-make-container {
  padding-bottom: 24px;
  border-bottom: 1px solid #eaeaec;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-make-container .fv-make-label-container {
  display: flex;
  justify-content: space-between;
  color: #383737;
  cursor: pointer;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-make-container .fv-make-values {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-make-container .fv-make-values .make-opt {
  background-color: #307fe2;
  color: #ffffff;
  padding: 8px;
  margin: 5px 5px;
  line-height: 18px;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-make-container .fv-make-values .make-opt .clear-option {
  cursor: pointer;
  padding-left: 9px;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-body-type-container {
  padding-top: 24px;
  padding-bottom: 24px;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-body-type-container .fv-bodytype-label-container {
  display: flex;
  justify-content: space-between;
  color: #383737;
  cursor: pointer;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-body-type-container .fv-bodytype-values {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-body-type-container .fv-bodytype-values .bodytype-opt {
  background-color: #307fe2;
  color: #ffffff;
  line-height: 18px;
  padding: 8px;
  margin: 5px 5px;
}
.find-vehicle-comp .fv-search-box-containter .fv-filter-options .fv-body-type-container .fv-bodytype-values .bodytype-opt .clear-option {
  cursor: pointer;
  padding-left: 9px;
}
.find-vehicle-comp .fv-search-box-containter .fv-btn {
  z-index: 99;
  background-color: #ffffff;
  padding-bottom: 64px;
  position: absolute;
  bottom: 0;
  width: 75%;
}
.find-vehicle-comp .fv-search-box-containter .fv-btn .fv-search-btn {
  padding: 12px 24px;
  width: 100%;
  line-height: 18px;
}
.find-vehicle-comp .fv-search-box-containter .fv-btn .fv-search-btn.disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
  border-color: rgba(122, 128, 132, 0.5);
}
.find-vehicle-comp .fv-popup-container {
  padding: 40px;
  background-color: #f8f8f8;
  position: absolute;
  left: 100%;
  width: 416px;
  height: 606px;
  overflow-y: auto;
  z-index: 99;
}
.find-vehicle-comp .fv-popup-container::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.find-vehicle-comp .fv-popup-container::-webkit-scrollbar-thumb {
  background-color: #7a8084 !important;
}
.find-vehicle-comp .fv-popup-container::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.find-vehicle-comp .fv-popup-container .fv-popup-title {
  padding-bottom: 40px;
}
.find-vehicle-comp .fv-popup-container .fv-popup-title .fv-type-title {
  display: none;
}
.find-vehicle-comp .fv-popup-container .fv-popup-title .fv-popup-close {
  justify-content: flex-end;
  border: none;
  background: transparent;
  float: right;
  clear: right;
}
.find-vehicle-comp .fv-popup-container .fv-popup-title .fv-popup-close .icon-Cross {
  font-size: 25px;
}
.find-vehicle-comp .fv-popup-container .fv-make-search-box {
  color: #383737;
  border-bottom: 1px solid #383737;
  display: flex;
  margin-bottom: 8px;
}
.find-vehicle-comp .fv-popup-container .fv-make-search-box .search-icon {
  padding-top: 8px;
}
.find-vehicle-comp .fv-popup-container .fv-make-search-box .fv-make-search-bar {
  width: 100%;
  position: static;
  border: none;
  background: none;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .find-vehicle-comp .fv-popup-container .fv-make-search-box .fv-make-search-bar {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .find-vehicle-comp .fv-popup-container .fv-make-search-box .fv-make-search-bar {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.find-vehicle-comp .fv-popup-container .fv-make-options-container .options-contianer {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  border-bottom: 1px solid #eaeaec;
}
.find-vehicle-comp .fv-popup-container .fv-make-options-container .options-contianer .make-option-label .make-options {
  color: #383737;
}
.find-vehicle-comp .fv-popup-container .fv-make-options-container .options-contianer .make-option-label .option-vehicles {
  color: #7a8084;
}
.find-vehicle-comp .fv-popup-container .fv-make-options-container .options-contianer .make-select {
  height: fit-content;
  width: fit-content;
}
.find-vehicle-comp .fv-popup-container .fv-make-options-container .options-contianer .make-select.icon-Add {
  border: #307fe2 1px solid;
  color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  cursor: pointer;
  margin-top: 5px;
}
.find-vehicle-comp .fv-popup-container .fv-make-options-container .options-contianer .make-select.icon-Minus {
  color: #ffffff;
  border: #307fe2 1px solid;
  background-color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  cursor: pointer;
  margin-top: 5px;
}
.find-vehicle-comp .fv-popup-container .fv-make-options-container :last-child {
  border-bottom: none;
}
.find-vehicle-comp .fv-popup-container .fv-bodytype-options-container .options-contianer {
  padding: 24px 0;
  display: flex;
  justify-content: space-between;
}
.find-vehicle-comp .fv-popup-container .fv-bodytype-options-container .options-contianer .bodyType-option-label {
  display: flex;
}
.find-vehicle-comp .fv-popup-container .fv-bodytype-options-container .options-contianer .bodyType-option-label .bodyType-img {
  height: 40px;
  width: 60px;
}
.find-vehicle-comp .fv-popup-container .fv-bodytype-options-container .options-contianer .bodyType-option-label .bodytype-options {
  color: #383737;
  padding-top: 8px;
}
.find-vehicle-comp .fv-popup-container .fv-bodytype-options-container .options-contianer .bodyType-select {
  height: fit-content;
  width: fit-content;
}
.find-vehicle-comp .fv-popup-container .fv-bodytype-options-container .options-contianer .bodyType-select.icon-Add {
  border: #307fe2 1px solid;
  color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  cursor: pointer;
  margin-top: 5px;
}
.find-vehicle-comp .fv-popup-container .fv-bodytype-options-container .options-contianer .bodyType-select.icon-Minus {
  color: #ffffff;
  border: #307fe2 1px solid;
  background-color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  cursor: pointer;
  margin-top: 5px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .find-vehicle-comp .fv-search-box-containter {
    height: 611px;
    max-width: 688px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-title {
    padding-bottom: 30px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-search-box {
    width: 560px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-disclaimer {
    padding-top: 32px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-search-results {
    width: 82%;
    padding: 24px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-search-results .fv-search-options-list {
    height: 100px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-btn {
    width: 80%;
  }
  .find-vehicle-comp .fv-popup-container {
    left: 0%;
    height: 611px;
    width: 688px;
    padding: 64px;
  }
  .find-vehicle-comp .fv-popup-container .fv-popup-title {
    margin-left: -48px;
  }
  .find-vehicle-comp .fv-popup-container .fv-popup-title .fv-type-title {
    display: inline;
    color: #383737;
  }
  .find-vehicle-comp .fv-popup-container .fv-popup-title .fv-type-title::before {
    content: "\e98e";
    font-family: "icomoon";
    color: #307fe2;
    padding-right: 16px;
    cursor: pointer;
  }
  .find-vehicle-comp .fv-popup-container .fv-popup-close {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .find-vehicle-comp {
    margin: 0 14px;
  }
  .find-vehicle-comp .fv-search-box-containter {
    height: 513px;
    max-width: 332px;
    padding: 32px 16px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-search-box {
    width: 300px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-search-results {
    width: 84%;
    padding: 16px 32px;
  }
  .find-vehicle-comp .fv-search-box-containter .fv-btn {
    width: 83%;
    padding-bottom: 16px;
  }
  .find-vehicle-comp .fv-popup-container {
    left: 14px;
    height: 513px;
    max-width: 332px;
    padding: 24px 16px;
  }
  .find-vehicle-comp .fv-popup-container .fv-popup-title {
    margin-left: 0;
  }
}

.favourite-vehicles-comp .title-section {
  justify-content: space-between;
}
.favourite-vehicles-comp .title-section .fav-title-section {
  align-items: baseline;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .favourite-vehicles-comp .title-section .fav-title-section {
    justify-content: space-between;
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .title-section .fav-title-section {
    flex-direction: column;
  }
}
.favourite-vehicles-comp .title-section .fav-title-section .fav-title {
  color: #383737;
  margin-right: 10px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .title-section .fav-title-section .fav-title {
    padding-bottom: 12px;
  }
}
.favourite-vehicles-comp .title-section .fav-title-section .viewall-link span {
  padding-left: 5px;
  font-size: 12px;
}
.favourite-vehicles-comp .title-section .sorting-section {
  display: none;
  max-width: 292px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .favourite-vehicles-comp .title-section .sorting-section {
    margin-top: 24px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .title-section .sorting-section {
    margin-top: 24px;
    max-width: 100%;
  }
}
.favourite-vehicles-comp .title-section .sort-label {
  color: #7a8084;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown {
  position: relative;
  border-bottom: 2px solid #383737;
  margin-bottom: 16px;
  min-height: 31px;
  margin-left: auto;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .favourite-vehicles-comp .title-section .favvehicles-dropdown {
    position: relative;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .title-section .favvehicles-dropdown {
    width: 100%;
    margin: auto;
  }
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown::after {
  content: "\e993";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown.active::after {
  transform: rotate(180deg);
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .favourite-vehicles-comp .title-section .favvehicles-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .title-section .favvehicles-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  padding: 8px 16px;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.favourite-vehicles-comp .title-section .favvehicles-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details {
  background-color: #ffffff;
  width: 916px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details {
    width: 668px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details {
    flex-direction: column;
    width: 332px;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-image {
  width: 41%;
  height: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-image {
    width: 224px;
    height: 168px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-image {
    width: 332px;
    height: 240px;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-image img {
  height: inherit;
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info {
  width: 59%;
  height: inherit;
  padding: 40px;
  flex-direction: row;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info {
    width: 332px;
    flex-direction: column;
    padding: 24px;
    background-color: #ffffff;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-details .vehicle-info {
  width: 86%;
  margin-right: 2%;
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-details .assured-logo {
  width: 12%;
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-details .assured-logo .tlogo {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-details .assured-logo .tlogo {
    width: 48px;
    height: 24px;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-details .assured-logo .tassured-logo {
  background-color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-details .assured-logo .tassured-logo {
    width: 54px;
    height: 16px;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-health-rating {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-health-rating {
    flex-direction: column;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-health-rating div {
  width: 30%;
  margin-right: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-health-rating div {
    width: 100%;
    margin-bottom: 8px;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-health-rating div p.metadata {
  color: #7a8084;
  margin-bottom: 8px;
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .car-health-rating div p.cta-link {
  color: #383737;
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .view-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .view-details {
    flex-direction: column;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .view-details .view-details-cta {
  border: 2px solid #307fe2;
  color: #307fe2;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 45%;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .view-details .view-details-cta {
    width: 100%;
    justify-content: space-around;
  }
}
.favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .view-details .icon-Heart-Filled {
  font-size: 40px;
  color: #307fe2;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .fav-vehicle-details .vehicle-card-details .car-info .book-test-drive-link {
    display: flex;
    justify-content: center;
  }
}
.favourite-vehicles-comp .hr-dividing-line {
  border: 1px solid #f8f8f8;
  margin: 24px 0;
}
.favourite-vehicles-comp .arrows {
  display: flex;
  height: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .favourite-vehicles-comp .arrows {
    display: none;
  }
}
.favourite-vehicles-comp .owl-prev {
  margin-right: 12px;
}
.favourite-vehicles-comp .owl-prev.disabled,
.favourite-vehicles-comp .owl-next.disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.favourite-vehicles-comp .owl-prev.disabled span,
.favourite-vehicles-comp .owl-next.disabled span {
  color: rgba(122, 128, 132, 0.5);
}
.favourite-vehicles-comp .owl-prev.disabled:hover,
.favourite-vehicles-comp .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.favourite-vehicles-comp .owl-prev.disabled:hover span,
.favourite-vehicles-comp .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.favourite-vehicles-comp button:hover:enabled {
  background-color: #307fe2;
}
.favourite-vehicles-comp button:hover:enabled span {
  color: #ffffff;
}
.favourite-vehicles-comp .owl-prev,
.favourite-vehicles-comp .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.favourite-vehicles-comp .owl-prev span,
.favourite-vehicles-comp .owl-next span {
  color: #307fe2;
  font-size: 20px;
}
.favourite-vehicles-comp .select-view-type.default .fav-vehicle-details .vehicle-card-details {
  width: 100%;
}
.favourite-vehicles-comp .select-view-type.default .fav-vehicle-details .vehicle-card-details .car-image {
  width: 30%;
}
.favourite-vehicles-comp .select-view-type.default .fav-vehicle-details .vehicle-card-details .car-info {
  width: 70%;
}
.favourite-vehicles-comp .select-view-type.default .fav-vehicle-details .vehicle-card-details .car-info .view-details .view-details-cta {
  width: 27%;
}
.favourite-vehicles-comp .select-view-type.default .sorting-section {
  display: block;
}
.favourite-vehicles-comp .select-view-type.default .fav-title-section {
  display: none !important;
}

.booking-details-comp .booking-details-container {
  display: flex;
}
.booking-details-comp .booking-details-container .booking-info {
  padding: 64px;
  background: #ffffff;
  width: 50%;
}
.booking-details-comp .booking-details-container .booking-info h4.boking-confirmed-title {
  margin-bottom: 40px;
  color: #383737;
}
.booking-details-comp .booking-details-container .booking-info p {
  color: #7a8084;
  margin-bottom: 8px;
}
.booking-details-comp .booking-details-container .booking-info h6 {
  margin: 0;
  color: #383737;
}
.booking-details-comp .booking-details-container .booking-info .vehicle-name-label {
  width: 45.2674897%;
  margin-bottom: 40px;
}
.booking-details-comp .booking-details-container .booking-info .dealer-contact {
  display: grid;
  grid-template-columns: 45.2674897% 45.2674897%;
  gap: 9.4650206%;
  margin-bottom: 40px;
}
.booking-details-comp .booking-details-container .booking-info .date-and-label {
  margin-bottom: 40px;
}
.booking-details-comp .booking-details-container .booking-info .date-and-label h5.date-time {
  margin: 0;
  color: #383737;
}
.booking-details-comp .booking-details-container .booking-info .dealer-notify {
  padding: 24px 40px 24px 32px;
  align-items: center;
  gap: 64px;
  display: flex;
  background: #f8f8f8;
  border-left: 8px solid #307fe2;
}
.booking-details-comp .booking-details-container .booking-info .dealer-notify p {
  margin: 0;
  color: #383737;
}
.booking-details-comp .booking-details-container .pre-own-car-image {
  width: 50%;
}
.booking-details-comp .booking-details-container .pre-own-car-image img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-details-comp .booking-details-container {
    flex-direction: column-reverse;
  }
  .booking-details-comp .booking-details-container .booking-info,
  .booking-details-comp .booking-details-container .pre-own-car-image {
    width: 100%;
  }
  .booking-details-comp .booking-details-container .booking-info {
    padding: 40px;
  }
  .booking-details-comp .booking-details-container .booking-info h4.boking-confirmed-title {
    width: 83.2236842%;
  }
  .booking-details-comp .booking-details-container .booking-info .vehicle-name-label {
    width: 46.7105263%;
  }
  .booking-details-comp .booking-details-container .booking-info .dealer-contact {
    grid-template-columns: 46.7105263% 46.7105263%;
    gap: 6.5789474%;
  }
  .booking-details-comp .booking-details-container .booking-info .dealer-notify {
    padding: 16px;
  }
  .booking-details-comp .booking-details-container .pre-own-car-image img {
    height: 350px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-details-comp .booking-details-container .booking-info {
    padding: 16px;
  }
  .booking-details-comp .booking-details-container .booking-info h4.boking-confirmed-title {
    width: 100%;
  }
  .booking-details-comp .booking-details-container .booking-info .vehicle-name-label {
    width: 100%;
  }
  .booking-details-comp .booking-details-container .booking-info .dealer-contact {
    grid-template-columns: 100%;
    gap: 24%;
  }
  .booking-details-comp .booking-details-container .pre-own-car-image img {
    height: 186px;
  }
}

.service-update-status-comp .workview .payment_details .price {
  display: block;
}
.service-update-status-comp .workview .paybutton {
  display: block;
}
.service-update-status-comp .workview button:disabled,
.service-update-status-comp .workview button[disabled] {
  color: rgba(122, 128, 132, 0.5) !important;
  border: 1px solid rgba(122, 128, 132, 0.5) !important;
}
.service-update-status-comp .workview .tpricelabel {
  display: none;
}
.service-update-status-comp .workview .totalprice {
  display: none;
}
.service-update-status-comp .workview .work_view {
  display: block;
}
.service-update-status-comp .workview .payment_view {
  display: none;
}
.service-update-status-comp .paymentview .work-view {
  display: none;
}
.service-update-status-comp .paymentview .payment_details .price {
  display: none;
}
.service-update-status-comp .paymentview .paybutton {
  display: none;
}
.service-update-status-comp .paymentview .tpricelabel {
  display: block;
}
.service-update-status-comp .paymentview .totalprice {
  display: block;
}
.service-update-status-comp .paymentview .payment_view {
  display: block;
  width: 50%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .paymentview .payment_view {
    width: 50%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .paymentview .payment_view {
    width: 100%;
  }
}
.service-update-status-comp .paymentview .work_view {
  display: none;
}
.service-update-status-comp .serviceupdatestatus_container {
  display: flex;
}
.service-update-status-comp .serviceupdatestatus_container .work-view {
  width: 50%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .work-view {
    width: 100%;
  }
}
.service-update-status-comp .serviceupdatestatus_container .work-view .work_view {
  height: 100%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details {
  background-color: #ffffff;
  padding: 64px;
  width: 50%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .ptitle {
  padding-bottom: 40px;
  margin: 0px;
  color: #383737;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .tpricelabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  width: fit-content;
  color: #7a8084;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .tpricelabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .price {
  width: fit-content;
  color: #383737 !important;
  margin: 0px;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .totalprice {
  display: none;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .estimated .est-time,
.service-update-status-comp .serviceupdatestatus_container .payment_details .estimated .est-cost {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  width: fit-content;
  color: #7a8084;
  padding-bottom: 12px;
  display: block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .estimated .est-time,
  .service-update-status-comp .serviceupdatestatus_container .payment_details .estimated .est-cost {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .estimated .est-time {
    padding-bottom: 8px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .estimated .est-cost {
    padding-top: 24px;
    padding-bottom: 8px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .estimated span .est-day,
.service-update-status-comp .serviceupdatestatus_container .payment_details .estimated span .est-amount {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .estimated span .est-day,
  .service-update-status-comp .serviceupdatestatus_container .payment_details .estimated span .est-amount {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .estimated span .est-day,
  .service-update-status-comp .serviceupdatestatus_container .payment_details .estimated span .est-amount {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .totalprice {
  width: fit-content;
  color: #383737 !important;
  margin: 0px;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .pservicelabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  width: 26.1316%;
  color: #7a8084;
  padding-bottom: 12px;
  padding-top: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .pservicelabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .services-available .service-name {
  padding-bottom: 12px;
  color: #383737;
  margin: 0px;
  width: fit-content;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .card-services {
  max-height: 128px;
  overflow: hidden;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .scrollbar {
  max-height: 313px;
  overflow-y: scroll;
  margin-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .scrollbar {
    margin-right: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .scrollbar {
    margin-right: 0px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .scrollbar::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .scrollbar::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .scrollbar::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .see-more-button {
  color: #307fe2;
  background: #ffffff;
  padding: 0;
  padding-top: 28px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .see-more-button {
    padding-top: 24px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .see-more-button .icon-Add {
  font-size: 10px;
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .see-more-button span {
  padding-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .see-more-button.see-video {
    margin: auto !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .see-more-button.see-video {
    display: inline-block;
    margin: unset;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog {
  width: 56.3888889%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog {
    width: 89.388889%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog {
    width: 89.388889%;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header {
  display: block;
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header {
    padding: 40px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header .icon-Cross {
  position: absolute;
  right: 80px;
  top: 15%;
  font-size: 32px;
  border: none;
  background-color: #ffffff;
  color: #383737;
  padding: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header .icon-Cross {
    top: 9%;
    right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header .icon-Cross {
    font-size: 24px;
    top: 9%;
    right: 30px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header .modal-title {
  padding-bottom: 40px;
  max-width: 580px;
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .modal .modal-dialog .modal-content .modal-header .modal-title {
    max-width: 536px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .paybutton {
  color: #307fe2;
  padding-top: 52px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .paybutton {
    padding: 32px 0px 0px;
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .paybutton {
    padding-top: 32px;
    margin-left: 0px !important;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_details .paybutton .payproceed {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  background-color: #ffffff;
  border: 2px solid #307fe2;
  padding: 12px 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .paybutton .payproceed {
    width: max-content;
    padding: 12px 62px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation {
  background-color: #383737;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  height: 100%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation #image-carousel-slider {
  height: 100%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation #image-carousel-slider .carousel-inner {
  height: 100%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation #image-carousel-slider .carousel-inner .carousel-item {
  height: 100%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation #image-carousel-slider .carousel-inner .carousel-item .img-fullscreen {
    max-width: 100%;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation #image-carousel-slider .carousel-inner .carousel-item .tml-player-ctn {
  height: 90%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation #image-carousel-slider .carousel-inner .carousel-item .titletext {
  height: 10%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .controls-btns-right .icon-Expand {
  display: none;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .full-screen-btn {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 999;
  padding: 7px;
  background: rgba(56, 55, 55, 0.8);
  border: none;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .full-screen-btn .icon-Expand {
  color: #ffffff;
  font-size: 18px;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-control-prev {
  z-index: 4;
  padding-left: 24px;
  height: fit-content;
  top: 50%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-control-prev .lefticon {
  width: 54px;
  height: 54px;
  background-color: rgba(56, 55, 55, 0.8);
  padding: 15px;
  font-size: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-control-prev .lefticon {
    width: 40px;
    height: 40px;
    font-size: 18px;
    position: absolute;
    top: 27%;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-control-prev .lefticon .icon-Arrow-Left:before {
    bottom: 10px;
    right: 11px;
    position: absolute;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-control-next {
  z-index: 4;
  padding-right: 24px;
  height: fit-content;
  top: 50%;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-control-next .righticon {
  width: 54px;
  height: 54px;
  background-color: rgba(56, 55, 55, 0.8);
  padding: 15px;
  font-size: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-control-next .righticon {
    width: 40px;
    height: 40px;
    font-size: 18px;
    position: absolute;
    top: 25%;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-control-next .righticon .icon-Arrow-Right:before {
    bottom: 10px;
    right: 11px;
    position: absolute;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-inner .carousel-item .tml-player-ctn .tml-player .overlay-screen-ply-btn {
  top: 50%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-inner .carousel-item .tml-player-ctn .tml-player .overlay-screen-ply-btn {
    top: 55%;
    width: 54px;
    height: 54px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-inner .carousel-item .tml-player-ctn .tml-player .overlay-screen-ply-btn .icon-Play::before {
    left: 16px;
    position: absolute;
    font-size: 24px;
    top: 25%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-inner .carousel-item .tml-player-ctn .tml-player .overlay-screen-ply-btn {
    top: 56%;
    width: 40px;
    height: 40px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-inner .carousel-item .tml-player-ctn .tml-player .overlay-screen-ply-btn .icon-Play::before {
    left: 10px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-inner .carousel-item .tml-player-ctn .iframe-desktop iframe {
  min-width: 614px;
  min-height: 448px;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-inner .carousel-item .tml-player-ctn .tml-player .video-player {
  min-height: 448px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .carousel .carousel-inner .carousel-item .tml-player-ctn .tml-player .video-player {
    min-height: auto;
  }
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .circle {
  border: 1.5px solid #ffffff;
  height: 88px;
  border-radius: 50%;
  width: 88px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .circle .icon-Feedback-Unselected::before {
  color: #ffffff !important;
  padding: 23px;
  font-size: 48px;
}
.service-update-status-comp .serviceupdatestatus_container .payment_confirmation .texttitle {
  width: 65.14%;
  color: #ffffff;
  padding-top: 16px;
  text-align: center;
  margin: 0px;
}
.service-update-status-comp .serviceupdatestatus_container .serviceworkview {
  background-color: #ffffff;
}
.service-update-status-comp .serviceupdatestatus_container .titletext {
  bottom: 0px;
  padding-right: 0px;
  background-color: #383737;
  width: 100%;
}
.service-update-status-comp .serviceupdatestatus_container .titletext .videotext {
  color: #ffffff;
}
.service-update-status-comp .serviceupdatestatus_container .titletext .videotext .videocount {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  padding-right: 24px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.service-update-status-comp .serviceupdatestatus_container .titletext .imagetext {
  color: #ffffff;
  margin-bottom: 0px;
  padding: 16px 24px;
  padding-right: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .titletext .imagetext {
    padding: 16px;
    padding-right: 0px;
  }
}
.service-update-status-comp .serviceupdatestatus_container .titletext .imagetext .imagecount {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  padding-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .titletext .imagetext .imagecount {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container {
    min-height: 416px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details {
    padding: 40px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .ptitle {
    padding-bottom: 24px;
    color: #383737;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .tpricelabel {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    width: 96.969697%;
    line-height: 20px;
    padding-bottom: 8px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .price {
    color: #383737;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .totalprice {
    width: 96.969697%;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .pservicelabel {
    width: 96.969697%;
    padding-bottom: 8px;
    padding-top: 24px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .services-available .service-name {
    width: 96.969697%;
    padding-bottom: 8px;
    margin: 0px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .card-services {
    max-height: 104px;
    overflow: hidden;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .circle .icon-Feedback-Unselected::before {
    color: #307fe2 !important;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .texttitle {
    width: 81.3953488%;
    color: #ffffff;
    text-align: center;
    padding-top: 24px;
    margin: 0px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px) {
  .service-update-status-comp .serviceupdatestatus_container .payment_details .tpricelabel {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-update-status-comp .serviceupdatestatus_container {
    flex-direction: column-reverse;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details {
    width: 100%;
    padding: 24px 16px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .tpricelabel {
    width: 100%;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .totalprice {
    width: 100%;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .pservicelabel {
    width: 100%;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_details .services-available .service-name {
    width: 100%;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation {
    width: 100%;
    min-height: 188px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .circle {
    border: 1px solid #ffffff;
    height: 64px;
    width: 64px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .circle .icon-Feedback-Unselected::before {
    font-size: 40px;
    padding: 12px;
  }
  .service-update-status-comp .serviceupdatestatus_container .payment_confirmation .texttitle {
    width: 77.7108434%;
    margin: 0px;
    padding-top: 16px;
  }
}

.service-payment-comp {
  /*accordion view*/
  /*Summary view*/
}
.service-payment-comp h5 {
  color: #383737;
}
.service-payment-comp ul {
  list-style: none;
  display: flex;
}
.service-payment-comp .complete_screen {
  display: none !important;
}
.service-payment-comp .payment-divider {
  border-bottom: solid 1px #eaeaec;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .payment-divider {
    margin: 24px 0px;
  }
}
.service-payment-comp .invoice {
  display: block;
  border-bottom: solid 1px #eaeaec;
  margin-top: 40px;
  margin-bottom: 40px;
}
.service-payment-comp .invoice-total {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.service-payment-comp .invoice-total .paid-cost {
  text-align: center;
}
.service-payment-comp .download-icon {
  margin: 52px 40px 0 32px;
  max-width: 260px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .download-icon {
    margin: 32px 40px 46px 32px;
    text-align: right;
  }
}
.service-payment-comp .download-icon .download-list {
  width: 265px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  color: #383737;
  padding: 16px;
  top: 70px !important;
  z-index: 2;
  left: 1px;
}
.service-payment-comp .download-icon .download-list .dflex {
  display: flex;
}
.service-payment-comp .download-icon a {
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.service-payment-comp .download-icon a .icon-Arrow-Right::before {
  font-size: 12px;
  margin-left: 9px;
}
.service-payment-comp .main-content .main-invoice {
  margin: 64px 64px 0px 64px;
}
.service-payment-comp .main-content .main-invoice .payment-invoice span {
  margin-right: 64px;
}
.service-payment-comp .main-content .main-invoice .payment-invoice span.pay-label {
  flex: 0 0 19%;
}
.service-payment-comp .main-content .main-invoice .payment-invoice span.trans-id {
  flex: 0 0 16%;
}
.service-payment-comp .main-content .main-invoice .payment-invoice span.dop {
  flex: 0 0 10%;
}
.service-payment-comp .main-content .main-invoice .payment-invoice span.mop {
  flex: 0 0 13%;
}
.service-payment-comp .main-content .main-invoice .payment-invoice h6 {
  margin-bottom: 2px;
}
.service-payment-comp .main-content .main-invoice .payment-invoice .pay-amount {
  margin-right: 0px;
  flex: 0 0 19%;
  text-align: end;
}
.service-payment-comp .service-pageType {
  margin: 0px;
}
.service-payment-comp .service-payment-accordion {
  width: 100%;
  background-color: #ffffff;
  border: 0;
  padding: 45px 64px;
  text-align: left;
  border-bottom: 2px solid #eaeaec;
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-accordion {
    padding: 24px 40px;
  }
}
.service-payment-comp .service-payment-accordion .service-icon {
  font-size: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-accordion .service-icon {
    font-size: 24px;
  }
}
.service-payment-comp .service-payment-content {
  background-color: #ffffff;
}
.service-payment-comp .service-payment-content .paid-total {
  display: flex;
  margin-left: 32px;
  margin-right: 32px;
}
.service-payment-comp .service-payment-content .paid-total .paid-total-label {
  width: 53.3%;
  flex: 1 0 auto;
}
.service-payment-comp .service-payment-content .paid-total .paid-total-label h5 {
  max-width: 604px;
}
.service-payment-comp .service-payment-content .paid-cost {
  text-align: center;
}
.service-payment-comp .service-payment-content .service_complete_payment {
  padding: 0px 36px 64px 32px;
  background-color: transparent;
}
.service-payment-comp .service-payment-content .service_complete_payment .payments-stack-block {
  display: block;
}
.service-payment-comp .service-payment-content .total-summary {
  display: none;
}
.service-payment-comp .service-payment-content .full-personal-details {
  display: block;
  padding-left: 64px;
  padding-right: 64px;
  padding-top: 64px;
  background-color: transparent;
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal .user-details {
  padding: 0;
  margin: 0;
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal .user-details .personals {
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .full-personal-details .full-personal .user-details .personals {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .service-payment-content .full-personal-details .full-personal .user-details .personals {
    margin-bottom: 8px;
  }
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal span.personal-tag {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .full-personal-details .full-personal span.personal-tag {
    font-size: 16px;
    line-height: 20px;
  }
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal li {
  flex: 0 0 31.9%;
  margin-right: 40px;
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal li .personals {
  margin-bottom: 12px;
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal li.name-id {
  flex: 0 0 66.4%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .full-personal-details .full-personal li.name-id {
    flex: 0 0 47.4%;
  }
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal li.name-id li {
  flex: 0 0 46.6%;
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal li.number {
  flex: 0 0 31%;
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .value-tag {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .value-tag {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .value-tag {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .name-val {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  flex: 0 0 31%;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .name-val {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .name-val {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .mail-val {
  flex: 0 0 31%;
  color: #383737;
}
.service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .number-val {
  max-width: 340px;
  color: #383737;
}
.service-payment-comp .service-payment-content .service_complete_payment .personl-divider {
  margin-top: 0px;
}
.service-payment-comp .service-payment-content .personl-divider {
  display: block !important;
  border-bottom: solid 1px #eaeaec;
  margin: 40px 64px 40px 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .personl-divider {
    margin: 0px 40px 36px;
  }
}
.service-payment-comp .service-payment-content .personl-divider.bottom-divider {
  margin: 24px 40px;
}
.service-payment-comp .service-payment-content .personl-divider.tablet-div {
  margin: 24px 0px;
}
.service-payment-comp .service-payment-content .payment-divider {
  display: none !important;
}
.service-payment-comp .service-payment-content .payment-tags {
  margin-left: 32px;
  margin-bottom: 10px;
  margin-right: 15px;
  color: #7a8084;
  display: flex;
  justify-content: space-between;
}
.service-payment-comp .service-payment-content .payment-tags span {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .service-payment-comp .service-payment-content .payment-tags span {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.service-payment-comp .service-payment-content .payment-tags span.service-detail {
  max-width: 64%;
}
.service-payment-comp .service-payment-content .payment-tags span.details {
  flex: 0 0 12.9%;
  margin-right: 64px;
}
.service-payment-comp .service-payment-content .payment-tags span.service-costs {
  flex: 0 0 13.6%;
}
.service-payment-comp .service-payment-content .payment-row {
  padding: 40px 28px 40px 32px;
  display: flex;
  justify-content: space-evenly;
}
.service-payment-comp .service-payment-content .payment-row.payment-row-learnmore {
  align-items: baseline;
}
.service-payment-comp .service-payment-content .payment-row.payment-row-learnmore h6 {
  margin: 0px;
}
.service-payment-comp .service-payment-content .payment-row.payment-row-learnmore .details-link {
  display: none;
}
.service-payment-comp .service-payment-content .payment-row .service-one .service-type {
  margin-bottom: 4px;
  color: #383737;
}
.service-payment-comp .service-payment-content .payment-row .service-one .details-link {
  max-width: 260px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .payment-row .service-one .details-link {
    width: 100%;
    text-align: right;
  }
}
.service-payment-comp .service-payment-content .payment-row .service-one .details-link .link-service {
  color: #307fe2;
  text-decoration: none;
  margin-right: 9px;
  max-width: 292px;
}
.service-payment-comp .service-payment-content .payment-row .service-one .details-link .service-payment-learnmore {
  color: #307fe2;
}
.service-payment-comp .service-payment-content .payment-row .service-one .icon-Arrow-Right::before {
  color: #307fe2;
  font-size: 12px;
}
.service-payment-comp .service-payment-content .payment-row .tab-divider {
  display: none !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .payment-row .tab-divider {
    margin: 24px 0px;
    border-bottom: solid 1px #eaeaec;
    display: block !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .service-payment-content .payment-row .tab-divider {
    display: none !important;
  }
}
.service-payment-comp .service-payment-content .payment-row .stack-details {
  display: flex;
  margin: 12px 0px;
  justify-content: space-between;
}
.service-payment-comp .service-payment-content .payment-row .stack-details .service-complete-details {
  max-width: 130px;
}
.service-payment-comp .service-payment-content .payment-row .stack-details .stack-list {
  display: block;
  padding: 0;
  margin: 0;
}
.service-payment-comp .service-payment-content .payment-row .stack-details .stack-list p {
  color: #383737;
  margin-bottom: 0px;
}
.service-payment-comp .service-payment-content .payment-row .stack-details .title-tag {
  display: none;
}
.service-payment-comp .service-payment-content .payment-row .stack-details .service-cost {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-right: 64px;
  flex: 0 0 50%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .payment-row .stack-details .service-cost {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .payment-row .stack-details .service-cost {
    margin-right: 8px;
    margin-top: 0px;
  }
}
.service-payment-comp .service-payment-content .payment-row .stack-details .service-time {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  max-width: 130px;
  flex: 0 0 50%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .payment-row .stack-details .service-time {
    font-size: 16px;
    line-height: 20px;
  }
}
.service-payment-comp .complete_view .download-icon {
  display: none;
}
.service-payment-comp .complete_view .payments-stack-block .stack-details {
  display: flex;
  padding-top: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .payments-stack-block .stack-details {
    width: 308px;
    padding-top: 13px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .complete_view .payments-stack-block .stack-details {
    padding-top: 0px;
  }
}
.service-payment-comp .complete_view .payments-stack-block .stack-details .service-complete-details {
  min-width: 208px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .payments-stack-block .stack-details .service-complete-details {
    min-width: 127px;
  }
}
.service-payment-comp .complete_view .payments-stack-block .stack-details .stack-list {
  display: block;
  padding: 0;
  margin: 0;
}
.service-payment-comp .complete_view .payments-stack-block .stack-details .stack-list p {
  color: #383737;
  margin: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .payments-stack-block .stack-details .stack-list p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .complete_view .payments-stack-block .stack-details .stack-list p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-payment-comp .complete_view .payments-stack-block .stack-details .title-tag {
  display: none;
}
.service-payment-comp .complete_view .payments-stack-block .stack-details .service-time {
  flex: 0 0 50%;
}
.service-payment-comp .complete_view .true-payment-invoice {
  display: none;
}
.service-payment-comp .complete_view .paid-total {
  display: none;
}
.service-payment-comp .complete_view .personl-divider {
  display: none !important;
}
.service-payment-comp .complete_view .full-personal-details {
  display: none;
}
.service-payment-comp .complete_view .service-tags {
  margin-bottom: 24px;
  display: flex;
}
.service-payment-comp .complete_view .service-tags .service-detail {
  flex: 0 0 57.6%;
  color: #7a8084;
}
.service-payment-comp .complete_view .service-tags .service-detail span {
  max-width: 292px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .service-tags .service-detail span {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .service-tags .service-detail {
    flex: 0 0 44.77%;
  }
}
.service-payment-comp .complete_view .service-tags .service-times {
  flex: 0 0 17%;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .service-tags .service-times {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .service-tags .service-times {
    flex: 0 0 26.16%;
  }
}
.service-payment-comp .complete_view .service-tags .service-costs {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .service-tags .service-costs {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .service-tags .service-costs {
    flex: 1 0 0;
  }
}
.service-payment-comp .complete_view .dflex-block {
  display: flex;
  background-color: transparent !important;
}
.service-payment-comp .complete_view .complete-services {
  flex: 0 0 57.6%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .complete-services {
    flex: 0 0 44.6%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .complete_view .complete-services {
    width: 100%;
    flex-basis: auto;
  }
}
.service-payment-comp .complete_view .complete-services .service-complete-type {
  max-width: 320px;
  margin-bottom: 8px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .complete-services .service-complete-type {
    max-width: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .complete_view .complete-services .service-complete-type {
    width: 100%;
    flex-basis: auto;
  }
}
.service-payment-comp .complete_view .complete-services .details-link {
  max-width: 320px;
}
.service-payment-comp .complete_view .complete-services .details-link .links {
  color: #307fe2;
  text-decoration: none;
  margin-right: 9px;
  max-width: 292px;
}
.service-payment-comp .complete_view .complete-services .details-link .icon-Arrow-Right::before {
  color: #307fe2;
  font-size: 12px;
}
.service-payment-comp .complete_view .complete-services .details-link .service-payment-learnmore {
  color: #307fe2;
}
.service-payment-comp .complete_view .tab-divider {
  display: none !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .tab-divider {
    display: none !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .complete_view .tab-divider {
    display: none !important;
  }
}
.service-payment-comp .complete_view .service-complete-details.type-detail {
  flex: 0 0 17%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .service-complete-details.type-detail {
    margin-right: 53px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .complete_view .service-complete-details.type-detail {
    margin-right: 40px;
  }
}
.service-payment-comp .complete_view .service-complete-details.cost-detail {
  flex: 0 0 25%;
  max-width: 208px;
}
.service-payment-comp .complete_view .total-summary {
  width: 100%;
  padding: 40px 64px 40px 56px;
  background: #ffffff;
  border-left: 8px solid #307fe2;
  margin-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .total-summary {
    padding: 32px 40px 32px 32px;
  }
}
.service-payment-comp .complete_view .total-summary .summary-divider {
  border-bottom: solid 1px #eaeaec;
  margin: 40px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .total-summary .summary-divider {
    margin: 32px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .complete_view .total-summary .summary-divider {
    margin: 20px 0px 24px;
  }
}
.service-payment-comp .complete_view .total-summary .promotion-card .promo-code {
  flex: 0 0 51.1%;
  margin-right: 64px;
}
.service-payment-comp .complete_view .total-summary .promotion-card .promo-code .promo-descp {
  color: #7a8084;
}
.service-payment-comp .complete_view .total-summary .promotion-card .input-code {
  position: relative;
  border-bottom: 1px solid #383737;
  width: 100%;
}
.service-payment-comp .complete_view .total-summary .promotion-card .input-code .update-code-link {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  display: flex;
  justify-content: end;
  cursor: pointer;
}
.service-payment-comp .complete_view .total-summary .promotion-card .input-code .promo-code-input {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #383737;
  outline: 0px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .total-summary .promotion-card .input-code .promo-code-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-payment-comp .complete_view .total-summary .total-label {
  width: 62.3%;
  flex: 1 0 55%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .complete_view .total-summary .total-label {
    flex: 1 0 48%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .complete_view .total-summary .total-label {
    width: 52.7%;
    flex: 1 0 9%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .service-payment-content .full-personal-details {
    padding: 30px 40px 32px 40px;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal ul {
    display: block;
    padding: 0;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal .name-block {
    padding-bottom: 18px;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row {
    display: block;
    padding: 24px 0px;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-one {
    display: flex;
    padding: 0px 24px;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-one .service-type {
    flex: 0 0 66.4%;
    max-width: 100%;
    color: #383737;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .stack-details {
    display: flex;
    padding-left: 24px;
    justify-content: flex-start;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .stack-list {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .stack-list .title-tag {
    display: block;
    padding-bottom: 8px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .stack-list p {
    color: #383737;
    margin-bottom: 0px;
  }
  .service-payment-comp .service-payment-content .service_complete_payment {
    padding: 0px 16px 18px;
  }
  .service-payment-comp .service-payment-content .service_complete_payment .service-tags {
    display: none;
  }
  .service-payment-comp .service-payment-content .service_complete_payment .payments-stack-block {
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp {
    /*Summary view*/
  }
  .service-payment-comp .service-payment-accordion {
    padding: 24px 16px;
    border-bottom: 1px solid #eaeaec;
  }
  .service-payment-comp .service-payment-accordion .service-icon {
    margin: 0;
    font-size: 20px;
  }
  .service-payment-comp .service-payment-content .service_complete_payment {
    padding: 0px;
  }
  .service-payment-comp .service-payment-content .service_complete_payment .personl-divider {
    margin: 0px 16px 24px 16px !important;
  }
  .service-payment-comp .service-payment-content .service_complete_payment .paid-total {
    margin: 0px;
    display: block;
    padding-bottom: 12px;
  }
  .service-payment-comp .service-payment-content .service_complete_payment .paid-total .paid-total-label {
    margin-bottom: 12px;
    margin-left: 16px;
  }
  .service-payment-comp .service-payment-content .service_complete_payment .paid-total .paid-cost {
    padding-left: 16px;
    padding-bottom: 0px;
    text-align: left;
    margin: 0px;
  }
  .service-payment-comp .service-payment-content .service_complete_payment .download-icon {
    margin: 0px;
    padding: 0 0 24px 16px;
  }
  .service-payment-comp .service-payment-content .full-personal-details {
    padding: 45px 16px 45px 16px;
    display: block;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal {
    display: block;
    list-style: none;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal ul {
    display: block;
    padding: 0;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal .name-block {
    display: block !important;
    width: 100%;
    margin-right: 0;
    padding-bottom: 0px;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal span.personal-tag {
    color: #7a8084;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal .name {
    flex: 0 0 31%;
    margin-right: 40px;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal .email {
    flex: 0 0 31%;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal .number {
    max-width: 340px;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .value-tag {
    margin-top: 0px;
    margin-bottom: 24px;
    display: block;
    width: 300px;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .name-val {
    flex: 0 0 31%;
    color: #383737;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .mail-val {
    flex: 0 0 31%;
    color: #383737;
  }
  .service-payment-comp .service-payment-content .full-personal-details .full-personal.full-details .number-val {
    max-width: 340px;
    color: #383737;
  }
  .service-payment-comp .service-payment-content .personl-divider {
    margin: 14px 16px 28px 16px !important;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row {
    display: block !important;
    padding: 0px !important;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .details-link {
    display: none;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .stack-details {
    padding: 15px 0px 12px 16px !important;
    margin: 0px;
    display: none;
    justify-content: space-between;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .stack-details .mobile-details-link {
    max-width: 100%;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .stack-details .mobile-details-link .link-service {
    color: #307fe2;
    text-decoration: none;
    margin-right: 9px;
    max-width: 292px;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .stack-details .mobile-details-link .icon-Arrow-Right::before {
    color: #307fe2;
    font-size: 12px;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .stack-details .mobile-details-link .service-payment-learnmore {
    color: #307fe2;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-details {
    display: flex;
    justify-content: space-between;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-one {
    padding: 0px !important;
    flex-direction: column;
    pointer-events: auto !important;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-one .service-detail {
    display: none;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row h6 {
    display: flex;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #eaeaec;
    padding: 24px 16px;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row h6 span {
    margin-left: auto;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-cost {
    margin-right: 0% !important;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-cost .stack-list .title-tag {
    padding-top: 24px;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-time {
    margin-right: 0% !important;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-time .stack-list .title-tag {
    padding-top: 44px;
  }
  .service-payment-comp .service-payment-content .payments-stack-block .payment-row .service-time .stack-list .title-tag.mobile-view-learnmore {
    padding-top: 24px;
  }
  .service-payment-comp .complete_view .service_complete_payment .service-tags {
    display: none;
  }
  .service-payment-comp .complete_view .service_complete_payment .payments-stack-block {
    padding: 0 16px 0 16px;
  }
  .service-payment-comp .complete_view .service_complete_payment .payments-stack-block .payment-row .service-one .service-icon {
    display: none;
  }
  .service-payment-comp .complete_view .service_complete_payment .payments-stack-block .payment-row .service-one .service-detail {
    padding-bottom: 4px;
    color: #7a8084;
  }
  .service-payment-comp .complete_view .service_complete_payment .payments-stack-block .payment-row .service-one h6 {
    display: flex;
    margin-bottom: 4px !important;
  }
  .service-payment-comp .complete_view .service_complete_payment .payments-stack-block .payment-row .service-complete-details {
    display: block;
    padding-top: 16px;
  }
  .service-payment-comp .complete_view .service_complete_payment .payments-stack-block .payment-row .service-complete-details .mobile-details-link {
    display: none;
  }
  .service-payment-comp .complete_view .service_complete_payment .payments-stack-block .payment-row .title-tag {
    display: block;
    color: #7a8084;
    font-size: 16px;
    padding-bottom: 4px;
  }
  .service-payment-comp .complete_view .service_complete_payment .total-summary {
    display: block;
    padding: 24px 16px 20px 14px !important;
    margin-top: 0px !important;
    border-left: 4px solid #307fe2 !important;
  }
  .service-payment-comp .complete_view .service_complete_payment .total-summary .totals-row {
    display: flex;
    justify-content: space-between;
  }
  .service-payment-comp .complete_view .service_complete_payment .total-summary .totals-row .paid-cost {
    padding-bottom: 0px;
    text-align: center;
    margin: 0 0 8px;
  }
}
.service-payment-comp .modal {
  z-index: 9999999;
}
.service-payment-comp .modal .modal-header {
  flex-direction: column;
  padding: 0%;
  align-items: unset;
  position: absolute;
  right: 104px;
  z-index: 9;
  display: flex;
  top: 70px;
  border-bottom: 0;
}
.service-payment-comp .modal .modal-header button {
  padding: 0;
  border: none;
  background: transparent;
  padding: 0%;
  outline: none !important;
}
.service-payment-comp .modal .modal-header .icon-Cross::before {
  font-size: 23px;
}
.service-payment-comp .modal .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.service-payment-comp .modal .quiz_container form {
  flex-wrap: wrap;
}
.service-payment-comp .modal .cmp-title__text {
  color: #383737 !important;
  margin: 0;
}
.service-payment-comp .modal .cmp-container .tml-title:first-child {
  width: 88.701%;
}
.service-payment-comp .modal .cmp-container .tml-title:first-child h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .modal .cmp-container .tml-title:first-child h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.service-payment-comp .modal .cmp-container .tml-title:first-child + .text {
  width: 85.3107345%;
}
.service-payment-comp .modal .video + .title {
  width: 64.41%;
}
.service-payment-comp .modal .video + .title h5 {
  margin: 0;
}
.service-payment-comp .video + .title + .text {
  width: 85.3107345%;
}
.service-payment-comp .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.service-payment-comp .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
.service-payment-comp .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.service-payment-comp .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.service-payment-comp .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
.service-payment-comp .modal-body picture {
  width: 100%;
  height: auto;
  display: block;
}
.service-payment-comp .modal-body picture img {
  max-width: 100%;
}
.service-payment-comp .modal.modal-right .modal-content {
  border-radius: 0;
  border: none;
}
.service-payment-comp .modal.modal-right .modal-dialog.modal-lg {
  width: 63.75%;
  max-width: 918px;
}
.service-payment-comp .modal-content {
  padding: 64px 106px 64px 104px;
}
.service-payment-comp .video-comp .tml-player-ctn {
  height: 100%;
}
.service-payment-comp .modal-dialog-scrollable .modal-content {
  height: 100%;
  max-height: 100%;
}
.service-payment-comp #overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #383737;
  opacity: 0.8;
  z-index: 999999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-payment-comp .video-comp .tml-player-ctn {
    height: 380px;
  }
  .service-payment-comp .modal.modal-right .modal-dialog.modal-lg,
  .service-payment-comp .modal.modal-right .modal-dialog {
    width: 83.34%;
  }
  .service-payment-comp .modal .modal-header {
    right: 40px;
  }
  .service-payment-comp .modal-content {
    padding: 64px 40px 60px 88px;
  }
  .service-payment-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.8125%;
  }
  .service-payment-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 40px;
  }
  .service-payment-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
  }
  .service-payment-comp .modal-content .video + .title {
    width: 89.0625%;
  }
  .service-payment-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .service-payment-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .service-payment-comp .cmp-text {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-payment-comp .video-comp .tml-player-ctn {
    height: 100%;
  }
  .service-payment-comp .modal.modal-right .modal-dialog.modal-lg,
  .service-payment-comp .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .service-payment-comp .modal .modal-header {
    right: 20px !important;
    top: 27px;
  }
  .service-payment-comp .modal-content {
    padding: 36px 30px 30px 30px;
  }
  .service-payment-comp .modal-content .cmp-container .tml-title:first-child {
    width: 82.66667%;
  }
  .service-payment-comp .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 16px;
  }
  .service-payment-comp .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
    padding-bottom: 32px;
  }
  .service-payment-comp .modal-content .video .video-comp {
    padding-bottom: 32px;
  }
  .service-payment-comp .modal-content .video + .title {
    width: 100%;
  }
  .service-payment-comp .modal-content .video + .title h5 {
    margin: 0;
  }
  .service-payment-comp .modal-content .video + .title + .text {
    width: 100%;
  }
  .service-payment-comp .modal-content .video + .title + .text + .title {
    width: 82.66667%;
  }
  .service-payment-comp .modal-content button {
    position: absolute;
    right: 8px;
    top: 11px;
  }
}


.payment-tabs-comp {
  background-color: transparent;
}
.payment-tabs-comp .disable-payment-tab {
  pointer-events: none;
}
.payment-tabs-comp .payment-tab {
  padding-top: 48px;
  padding-bottom: 48px;
}
.payment-tabs-comp .payment-tab .tabs-main {
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items {
  cursor: pointer;
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items.active {
  border-bottom: 2px solid #307fe2;
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items.active .tab-subtitle span,
.payment-tabs-comp .payment-tab .tabs-main .tab_items.active .tab-title span {
  color: #ffffff !important;
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items.m-tab {
  margin-right: 40px;
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items .tab-item {
  text-decoration: none;
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items .tab-item .tab-title {
  text-align: center;
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items .tab-item .tab-subtitle,
.payment-tabs-comp .payment-tab .tabs-main .tab_items .tab-item .tab-title {
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-tabs-comp .payment-tab .tabs-main .tab_items .tab-item .tab-subtitle,
  .payment-tabs-comp .payment-tab .tabs-main .tab_items .tab-item .tab-title {
    margin-bottom: 8px;
  }
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items .tab-item .tab-subtitle span {
  color: #eaeaec;
}
.payment-tabs-comp .payment-tab .tabs-main .tab_items .tab-item .tab-title span {
  color: #f8f8f8;
}
@media only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-tabs-comp .payment-tab {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-tabs-comp .payment-tab {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 30px;
  }
  .payment-tabs-comp .payment-tab .tabs-main {
    margin: 0;
    overflow: auto;
    white-space: nowrap;
    padding-inline-start: 0;
    justify-content: start;
  }
  .payment-tabs-comp .payment-tab .tabs-main .tab_items.m-tab {
    margin-right: 24px;
  }
}

.payment-process-comp h6,
.payment-process-comp h5 {
  margin: 0;
}
.payment-process-comp hr {
  margin: 0;
}
.payment-process-comp .neu-coins-redemption {
  display: none;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner {
  background: #ffffff;
  margin-bottom: 24px;
  padding: 40px 32px;
  display: grid;
  grid-template-columns: 21.64948% 56.9587% auto;
  gap: 16px;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 64px;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label input[type=checkbox] {
  display: none;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label .checkmark:hover {
  cursor: pointer;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label .checkmark {
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 2px solid #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label .checkmark {
    height: 20px;
    width: 20px;
  }
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label input:checked ~ .checkmark {
  background-color: #307fe2;
  border: none;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label .icon-Tick:before {
  display: none;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label input:checked ~ .icon-Tick:before {
  display: block;
  font-size: 24px;
  color: #ffffff;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label input:checked ~ .icon-Tick:before {
    font-size: 19px;
  }
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer .neuCoinsIconSec {
  display: flex;
  gap: 16px;
  align-items: center;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer .neuCoinsIconSec .neuCoin-icon {
  width: 48px;
  height: 48px;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer .neuCoinsIconSec h6 {
  margin: 0;
  color: #383737;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-left: 24px;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec {
  color: #383737;
  display: flex;
  gap: 24px;
  align-items: center;
  align-self: stretch;
  min-width: 100%;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec .neuCoinsText {
  min-width: 27.4%;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec .neuCoinsBalText {
  display: none;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec .vertical-divider {
  display: flex;
  align-self: stretch;
  border-left: 1px solid #7a8084;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLinkSection {
  display: inherit;
  align-items: center;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  justify-content: start;
  width: fit-content;
  height: fit-content;
  align-self: center;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink .icon-Arrow-Right {
  display: block;
  font-size: 12px;
}
.payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink.editLinkToggle {
  display: none;
  grid-template-columns: auto auto;
  gap: 20px;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner {
  background: #ffffff;
  border-left: solid 8px #307fe2;
  padding: 40px 64px 40px 56px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner .colorBlack {
  color: #383737;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner .hide {
  display: none;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner hr {
  height: 1px;
  color: #eaeaec;
  margin-top: 0;
  margin-bottom: 20px;
  opacity: 1;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner > * {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner .appliedNeuCoins .removeLink {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #307fe2;
  width: fit-content;
  cursor: pointer;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding-top: 8px;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner .appliedNeuCoins .removeLink .icon-Arrow-Right {
  font-size: 12px;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner .appliedNeuCoins .deductedPrice {
  color: #609f65;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner .totalAmountSec {
  color: #383737;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner .totalAmountSec div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.payment-process-comp .neu-coins-redemption .totalCostBanner .totalAmountSec span {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.payment-process-comp .neu-coins-redemption .redeemAndPayBtn {
  display: flex;
  justify-content: flex-end;
}
.payment-process-comp .neu-coins-redemption .redeemAndPayBtn button {
  display: none;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  width: fit-content;
  border: 2px solid #307fe2;
  background: transparent;
  color: #307fe2;
  margin-top: 106px;
}
.payment-process-comp .neu-coins-redemption .redeemAndPayBtn button:disabled {
  border: 2px solid rgba(122, 128, 132, 0.5);
  color: rgba(122, 128, 132, 0.5);
}
.payment-process-comp .neu-coins-redemption .amountFixedWidth {
  max-width: 18.18182%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-process-comp .neu-coins-redemption .amountFixedWidth {
    max-width: 32.2582%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-process-comp .neu-coins-redemption .amountFixedWidth {
    max-width: 29.531%;
  }
}
.payment-process-comp .fixedWidthLabel {
  max-width: 36.37%;
}
.payment-process-comp .modal.fade .modal-dialog.modal-dialog-slideup {
  -webkit-transform: translate(0, 0) scale(0.5);
  transform: translate(0, 0) scale(0.5);
}
.payment-process-comp .modal {
  z-index: 9999999;
}
.payment-process-comp .modal .modal-dialog {
  width: 100%;
  justify-content: center;
  max-width: 100%;
  position: relative;
  height: 100%;
  margin: 0%;
}
.payment-process-comp .modal .modal-dialog .modal-content {
  width: 56.3888889%;
  max-width: 812px;
  padding: 80px;
  position: absolute;
  height: auto;
  overflow-y: scroll;
  max-height: 100%;
  border: none;
  border-radius: 0%;
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-header {
  border: none;
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-header .modal-titles {
  margin: 0%;
  color: #383737;
  width: 84.05%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-process-comp .modal .modal-dialog .modal-content .modal-header .modal-titles {
    width: 78%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-process-comp .modal .modal-dialog .modal-content .modal-header .modal-titles {
    width: 84%;
  }
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-header a {
  margin-top: 6.57px;
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-header button {
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  color: #383737;
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-header button .icon-Cross:before {
  font-size: 32px;
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-footer {
  border: none;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-footer > * {
  margin: 0 !important;
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-footer button {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  width: fit-content;
  border: 2px solid #307fe2;
  background: transparent;
  color: #307fe2;
}
.payment-process-comp .modal .modal-dialog .modal-content .modal-footer button:disabled {
  border: 2px solid rgba(122, 128, 132, 0.5);
  color: rgba(122, 128, 132, 0.5);
}
.payment-process-comp #pp_overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(56, 55, 55, 0.8);
  z-index: 999999;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-header,
.payment-process-comp .modal .modal-dialog-slideup .modal-body {
  padding: 0;
  padding-bottom: 40px;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .body-container {
  display: flex;
  flex-direction: column;
  gap: 70px;
  width: 84.05%;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .body-container .neuCoinsDescription {
  color: #7a8084;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body p {
  margin: 0;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .error-sec {
  width: 84.05%;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .error-sec .errorMsgNeuCoins,
.payment-process-comp .modal .modal-dialog-slideup .modal-body .error-sec .errorMsgTotalAmt {
  display: none;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .error-sec .errorMsgNeuCoins.pp-error,
.payment-process-comp .modal .modal-dialog-slideup .modal-body .error-sec .errorMsgTotalAmt.pp-error {
  color: #ed454f;
  padding-top: 8px;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins {
  position: relative;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins label {
  position: absolute;
  left: 0;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input[type=text] {
  border: none;
  border-bottom: 2px solid #383737;
  padding: 0 0 8px 0px;
  width: 100%;
  max-height: 30px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input[type=text] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input[type=text] {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input[type=text].pp-error {
  border-bottom: 2px solid #ed454f !important;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input[type=text]:focus {
  outline: none;
  border-bottom: 2px solid #307fe2;
  color: #383737;
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins .activeLabel {
  bottom: 36px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins .activeLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input:focus + label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  bottom: 36px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input:focus + label {
    font-size: 16px;
    line-height: 20px;
  }
}
.payment-process-comp .modal.show .modal-dialog.modal-dialog-slideup {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
.payment-process-comp .paymentDetailsTitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-process-comp .paymentDetailsTitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-process-comp .paymentDetailsTitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.payment-process-comp .paymentDetailsTitle.appendPadding {
  padding-top: 104px;
}
.payment-process-comp .paymentErrorMessage {
  margin-top: 40px;
  display: none;
  width: 100%;
  background-color: #ffffff;
  border-left: solid 8px #f39b5b;
  min-height: fit-content;
  padding: 24px 40px 24px 32px;
}
.payment-process-comp .paymentErrorMessage p {
  color: #383737;
  margin: 0;
}
.payment-process-comp .incompleteDealerDetailsMessage {
  margin-top: 40px;
  display: none;
  width: 100%;
  background-color: #ffffff;
  border-left: solid 8px #f39b5b;
  min-height: fit-content;
  padding: 24px 40px 24px 32px;
}
.payment-process-comp .incompleteDealerDetailsMessage p {
  color: #383737;
  margin: 0;
}
.payment-process-comp .justpay-iframe {
  padding-top: 40px;
  height: 600px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-process-comp .neu-coins-redemption .neuCoinsLeftContainer {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRightContainer {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .payment-process-comp .neu-coins-redemption .editNeuCoinsLinkSection {
    grid-column-start: 3 !important;
    grid-row-start: 1 !important;
    display: inherit;
    justify-content: end;
    align-items: center;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner {
    display: grid;
    background: #ffffff;
    margin-bottom: 16px;
    padding: 24px 24px;
    grid-template-columns: auto auto 10%;
    align-items: self-start;
    row-gap: 16px;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer {
    flex-direction: row;
    gap: 24px;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer .neuCoinsIconSec {
    gap: 12px;
    max-width: 31.7857143%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer .neuCoinsIconSec .neuCoin-icon {
    width: 24px;
    height: 24px;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer {
    align-items: center;
    gap: 40px;
    margin-left: 0;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec {
    gap: 16px;
    align-items: center;
    min-width: 100%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec .neuCoinsText {
    min-width: 25%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec .neuCoinsInfo {
    padding-top: 11px;
    padding-bottom: 11px;
    width: 64.843%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: end;
    width: 100%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink .icon-Arrow-Right {
    display: block;
    font-size: 12px;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink.editLinkToggle {
    display: none;
    grid-template-columns: auto auto;
    gap: 20px;
  }
  .payment-process-comp .neu-coins-redemption .totalCostBanner {
    padding: 22px 30px 20px 30px;
    gap: 16px;
  }
  .payment-process-comp .neu-coins-redemption .redeemAndPayBtn button {
    width: fit-content;
    margin-top: 64px;
  }
  .payment-process-comp .fixedWidthLabel {
    max-width: 40.3225806%;
  }
  .payment-process-comp .modal .modal-dialog {
    max-width: 100%;
  }
  .payment-process-comp .modal .modal-dialog .modal-content {
    width: 100%;
    padding: 40px;
    max-height: 100%;
    bottom: 0;
  }
  .payment-process-comp .modal .modal-dialog .modal-content .modal-header {
    border: none;
  }
  .payment-process-comp .modal .modal-dialog .modal-content .modal-header button .icon-Cross:before {
    font-size: 32px;
  }
  .payment-process-comp .modal .modal-dialog .modal-content .modal-footer button {
    width: fit-content;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-header,
  .payment-process-comp .modal .modal-dialog-slideup .modal-body {
    padding: 0;
    padding-bottom: 24px;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .body-container {
    display: flex;
    flex-direction: column;
    gap: 52px;
    width: 77.90697%;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .error-sec {
    width: 77.90697%;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input[type=text] {
    width: 100%;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-body p {
    margin: 0;
  }
  .payment-process-comp .paymentDetailsTitle.appendPadding {
    padding-top: 64px;
  }
  .payment-process-comp .justpay-iframe {
    padding-top: 24px;
    height: 600px;
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-process-comp .neu-coins-redemption .neuCoinsLeftContainer {
    grid-column-start: unset;
    grid-column-end: unset;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRightContainer {
    grid-column-start: unset;
    grid-column-end: unset;
  }
  .payment-process-comp .neu-coins-redemption .editNeuCoinsLinkSection {
    grid-column-start: unset !important;
    grid-row-start: 3 !important;
    justify-content: unset;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner {
    display: grid;
    background: #ffffff;
    margin-bottom: 16px;
    padding: 24px 16px;
    grid-template-columns: auto;
    align-items: self-start;
    row-gap: 24px;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer {
    flex-direction: row;
    gap: 16px;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer .neuCoinsIconSec {
    gap: 8px;
    max-width: 51.6667%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer .neuCoinsIconSec .neuCoin-icon {
    width: 20px;
    height: 20px;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsLeftContainer label .checkmark {
    width: 20px;
    height: 20px;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer {
    align-items: center;
    gap: 40px;
    margin-left: 0;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec {
    gap: 12px;
    align-items: flex-start;
    flex-direction: column;
    max-width: 65.6666%;
    min-width: unset;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec .neuCoinsText {
    width: 100%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec .vertical-divider {
    border-left: unset;
    border-bottom: 1px solid #7a8084;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .neuCoinsRightContainer .neuCoinTextSec .neuCoinsInfo {
    padding: unset;
    width: 100%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink {
    justify-content: center;
    border: 2px solid #307fe2;
    background-color: transparent;
    color: #307fe2;
    padding: 12px;
    width: 100%;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink .icon-Arrow-Right {
    display: none;
  }
  .payment-process-comp .neu-coins-redemption .neuCoinsRedemptionBanner .editNeuCoinsLink.editLinkToggle {
    display: none;
  }
  .payment-process-comp .neu-coins-redemption .totalCostBanner {
    padding: 24px 16px 24px 14px;
    border-left: solid 4px #307fe2;
    gap: 16px;
  }
  .payment-process-comp .neu-coins-redemption .redeemAndPayBtn button {
    width: 100%;
    margin-top: 39px;
  }
  .payment-process-comp .fixedWidthLabel {
    max-width: 65.7718%;
  }
  .payment-process-comp .modal .modal-dialog {
    max-width: 100%;
  }
  .payment-process-comp .modal .modal-dialog .modal-content {
    width: 100%;
    padding: 30px;
  }
  .payment-process-comp .modal .modal-dialog .modal-content .modal-header button .icon-Cross:before {
    font-size: 24px;
  }
  .payment-process-comp .modal .modal-dialog .modal-content .modal-footer button {
    width: 100%;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-header,
  .payment-process-comp .modal .modal-dialog-slideup .modal-body {
    padding: 0;
    padding-bottom: 24px;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .body-container {
    display: flex;
    flex-direction: column;
    gap: 36px;
    width: 100%;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .error-sec {
    width: 100%;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-body .inputNeuCoins input[type=text] {
    width: 100%;
  }
  .payment-process-comp .modal .modal-dialog-slideup .modal-body p {
    margin: 0;
  }
  .payment-process-comp .justpay-iframe {
    padding-top: 16px;
    height: 600px;
    width: 100%;
  }
}


.payment-history-comp .paymenthistory-container .main-content {
  background-color: #ffffff;
}
.payment-history-comp .paymenthistory-container .main-content .cancel-label {
  display: block;
}
.payment-history-comp .paymenthistory-container .main-content .payment-history-labels {
  border-bottom: 1px solid #eaeaec;
  display: flex;
  flex-direction: row;
  padding: 64px 64px 24px 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels {
    padding: 16px;
  }
}
.payment-history-comp .paymenthistory-container .main-content .payment-history-labels .details {
  width: 18.546%;
  margin-right: 20px;
  color: #383737;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels .details {
    display: block;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels .payment-label {
    flex: 0 0 24.392%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels .transactionid-label,
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels .paymentMethod-label,
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels .amount-label {
    flex: 0 0 17.683%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels .paymentDate-label {
    flex: 0 0 12.805%;
  }
}
.payment-history-comp .paymenthistory-container .main-content .payment-history-labels .amount-label {
  text-align: end;
  margin-right: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels .amount-label {
    text-align: left;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .payment-history-labels {
    display: none !important;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer {
  padding: 0px 64px 64px 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer {
    padding: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer {
    display: block !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice {
    padding: 0px !important;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset {
  display: none;
  justify-content: space-between;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eaeaec;
    padding: 0px 16px;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion {
  border: 0;
  background-color: #ffffff;
  padding: 24px 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion {
    display: flex;
    border-bottom: 1px solid #eaeaec;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion .payment-details-icon {
  display: none;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion .active {
  font-size: 20px;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion .active {
    display: block !important;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion .paylabel-amount-mobile {
  width: 100%;
  padding-left: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion .paylabel-amount-mobile {
    display: flex;
    flex-direction: row;
    justify-content: space-between !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion .paylabel-amount-mobile .paylabel-mobile {
    margin: 0px;
    width: 50%;
    text-align: left;
  }
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion .paylabel-amount-mobile .paylabel-mobile.paylabel-fullWidth {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .pay-label-mobile-accordion .paylabel-amount-mobile .amount-price-mobile-head {
    margin: 0px;
    width: 50% !important;
    text-align: right;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .payment-history-mobile {
    padding: 24px 0px;
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .payment-history-mobile .payment-history-mobile-details {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-bottom: 16px;
    justify-content: space-between;
    align-items: center;
  }
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .payment-history-mobile .payment-history-mobile-details .labels {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    width: 50% !important;
    text-align: left;
    padding-right: 10px;
  }
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .payment-history-mobile .payment-history-mobile-details .order-details {
    width: 50% !important;
    text-align: right;
  }
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .payment-history-mobile .payment-history-mobile-details .payment-title {
    margin: 0px;
  }
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .payment-history-mobile .payment-history-mobile-details .amount-price-mobile {
    margin: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobileoneset .payment-history-mobile .amount-mobile {
    padding-bottom: 0px;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobilesecondset {
  display: none;
  justify-content: space-between;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobilesecondset {
    display: flex;
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 20px;
  }
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history-mobilesecondset .dop {
    margin-right: 20px;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history {
  justify-content: space-between;
  padding: 40px 0px;
  border-bottom: 1px solid #eaeaec;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history {
    padding: 24px 0px 25px 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history {
    border-bottom: none;
    padding: 0px !important;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-label {
  color: #383737;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-label .cancelled {
  color: #ed454f;
  padding-top: 16px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-label .new {
  color: #609f65;
  padding-top: 16px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-label,
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-amount {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-method,
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .trans-id {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .dop,
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .mop {
    display: none;
  }
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history span {
  color: #383737;
  margin-right: 20px;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history span.pay-label {
  flex: 0 0 18.546%;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history span.trans-id {
  flex: 0 0 18.546%;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history span.dop {
  flex: 0 0 18.546%;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history span.mop {
  flex: 0 0 13%;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history span.pay-method {
  flex: 0 0 18.546%;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history h6 {
  margin: 0px;
}
.payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-amount {
  margin: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-right: 0px;
  flex: 0 0 18.546%;
  text-align: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-amount {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-amount {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history .pay-amount {
    text-align: left;
    flex: 0 0  17.683%;
    margin-right: 0px !important;
  }
}
.payment-history-comp .paymenthistory-container .service-payment-accordion {
  width: 100%;
  background-color: transparent;
  border: 0;
  padding-top: 40px;
  padding-left: 64px;
  padding-bottom: 42px;
  text-align: left;
  border-bottom: 2px solid #eaeaec;
  align-items: center;
  display: flex;
  padding-right: 0px;
}
.payment-history-comp .paymenthistory-container .service-payment-accordion .paymenttitle {
  margin: 0px;
  min-width: 984px;
  color: #383737;
}
.payment-history-comp .paymenthistory-container .service-payment-accordion .service-icon {
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .service-payment-accordion .service-icon {
    display: none;
  }
}
.payment-history-comp .paymenthistory-container .service-payment-accordion .active {
  margin-right: 64px;
  font-size: 40px;
  display: block !important;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .service-payment-accordion .active {
    display: none !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .service-payment-accordion {
    pointer-events: none;
  }
}
.payment-history-comp .paymenthistory-container .paid-total {
  display: flex;
  padding-top: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .paid-total {
    padding: 25px 16px 24px 16px !important;
  }
}
.payment-history-comp .paymenthistory-container .paid-total .paid-total-label .tpaid {
  margin: 0px;
  color: #383737;
}
.payment-history-comp .paymenthistory-container .paid-total .paid-cost-label .total-paid {
  text-align: right;
  margin: 0px;
}
.payment-history-comp .paymenthistory-container .downloadlabel {
  display: inline-flex;
  align-items: center;
  position: relative;
  justify-content: flex-start;
  flex-direction: column;
  text-align: left;
  padding-top: 40px;
}
.payment-history-comp .paymenthistory-container .downloadlabel .d-flex .downloadButton {
  color: #307fe2;
  margin: 0px;
}
.payment-history-comp .paymenthistory-container .downloadlabel .logo-btn {
  font-size: 24px;
  background-size: 100%;
  display: inline-block;
  margin-right: 12px;
}
.payment-history-comp .paymenthistory-container .downloadlabel .label-btn {
  color: #307fe2;
  width: auto;
  height: 20px;
  padding: 0px !important;
  margin: 0px !important;
  display: flex;
  align-items: center;
  word-break: normal;
}
.payment-history-comp .paymenthistory-container .downloadlabel .downloadItems {
  cursor: pointer;
}
.payment-history-comp .paymenthistory-container .download-list {
  width: 265px;
  display: none;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  color: #383737;
  padding: 16px;
  position: absolute !important;
  top: 70px !important;
  z-index: 2;
  left: 1px;
}
.payment-history-comp .paymenthistory-container .download-list .dflex {
  display: flex;
}
.payment-history-comp .paymenthistory-container .download-list .dflex .services {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #383737;
  font-weight: 500;
  margin: 0px;
  padding-bottom: 16px;
}
.payment-history-comp .paymenthistory-container .download-list .dflex .files .download-btn {
  font-size: 24px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer {
    padding: 16px 40px 40px 40px;
  }
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice {
    padding: 0px 16px;
  }
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer .main-invoice .payment-history {
    padding-top: 0px;
  }
  .payment-history-comp .paymenthistory-container .payment-history span {
    width: 22.5328947%;
    margin-right: 16px !important;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.pay-label {
    text-align: left;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    flex: 0 0 24.392% !important;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.trans-id {
    text-align: left;
    flex: 0 0 17.683% !important;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.pay-method {
    flex: 0 0 17.683% !important;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.dop {
    text-align: center;
    flex: 0 0 13.11% !important;
  }
  .payment-history-comp .paymenthistory-container .payment-history span .pay-amount {
    flex: 0 0 17.683% !important;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.mop {
    text-align: right;
  }
  .payment-history-comp .paymenthistory-container .service-payment-accordion {
    padding: 24px 40px;
  }
  .payment-history-comp .paymenthistory-container .service-payment-accordion .paymenttitle {
    min-width: 588px;
  }
  .payment-history-comp .paymenthistory-container .service-payment-accordion .active {
    margin-right: 40px;
    font-size: 24px;
  }
  .payment-history-comp .paymenthistory-container .paid-total {
    display: flex;
    color: #383737;
    padding: 32px 40px;
  }
  .payment-history-comp .paymenthistory-container .paid-total .order-3 {
    order: 0 !important;
  }
  .payment-history-comp .paymenthistory-container .downloadlabel .d-flex .services {
    padding-bottom: 8px;
  }
  .payment-history-comp .paymenthistory-container .downloadlabel .d-flex .logo-btn {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .payment-history span.pay-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .payment-history span.pay-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .main-content .phservicecontainer {
    padding: 0px;
  }
  .payment-history-comp .paymenthistory-container .payment-history span {
    width: 46.6666667%;
    flex: unset !important;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.pay-label {
    text-align: left;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.trans-id {
    text-align: center;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.dop {
    text-align: center;
  }
  .payment-history-comp .paymenthistory-container .payment-history span.mop {
    text-align: right;
  }
  .payment-history-comp .paymenthistory-container .payment-history span:nth-last-child(2) {
    margin-right: 0px !important;
  }
  .payment-history-comp .paymenthistory-container .service-payment-accordion {
    padding: 24px 16px;
  }
  .payment-history-comp .paymenthistory-container .service-payment-accordion .paymenttitle {
    min-width: 264px;
  }
  .payment-history-comp .paymenthistory-container .service-payment-accordion .active {
    font-size: 20px;
    margin-right: 0px;
  }
  .payment-history-comp .paymenthistory-container .paid-total {
    display: flex;
    padding-top: 40px;
  }
  .payment-history-comp .paymenthistory-container .downloadlabel {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-history-comp .paymenthistory-container .payment-history span.pay-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-history-comp .paymenthistory-container .payment-history span.pay-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}


.additional-services-comp {
  display: none;
}
.additional-services-comp .additional-container {
  background-color: #ffffff;
}
.additional-services-comp .additional-container .additional-service-accordion {
  pointer-events: none;
  border: none;
  background-color: #ffffff;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #eaeaec;
  padding: 45px 64px;
  margin: 0px;
  justify-content: space-between;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-service-accordion {
    padding: 24px 40px 24px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-service-accordion {
    pointer-events: auto;
    padding: 24px 16px;
  }
}
.additional-services-comp .additional-container .additional-service-accordion .additional-title {
  width: 89.46%;
  margin: 0px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-service-accordion .additional-title {
    width: 89.48%;
    margin: 0px;
  }
}
.additional-services-comp .additional-container .additional-service-accordion .additonal-service-icon {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-service-accordion .additonal-service-icon {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-service-accordion .additonal-service-icon {
    display: block;
    margin-left: 16px;
    font-size: 20px;
  }
}
.additional-services-comp .additional-container .additional-service-accordion .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
.additional-services-comp .additional-container .additional-services {
  display: grid;
  grid-template-columns: 32.04% 25.89% 22.5% 19.566%;
  padding: 40px 32px 16px 120px;
  margin: 0px 32px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services {
    display: block;
    margin: 0px 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services {
    margin: 0px;
  }
}
.additional-services-comp .additional-container .additional-services .details-label {
  margin-right: 64px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services .details-label {
    margin: 24px 328px 16px 72px;
    width: 39.03%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services .details-label {
    margin: 24px 16px 16px 52px;
    width: auto;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services .tab-label {
    display: none;
  }
}
.additional-services-comp .additional-container .additional-services .parts-label {
  margin-right: 64px;
}
.additional-services-comp .additional-container .additional-services .labor-label {
  width: 72.03%;
  margin-right: 64px;
}
.additional-services-comp .additional-container .additional-services .tab-label {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services {
    padding: 0px;
  }
}
.additional-services-comp .additional-container .additional-services .details-value {
  padding: 40px 32px;
}
.additional-services-comp .additional-container .additional-services .tab-view .details-label {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services .tab-view .details-label {
    display: block;
  }
}
.additional-services-comp .additional-container .additional-services-new {
  margin: 0px 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new {
    margin: 0px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack {
  padding: 40px 32px;
  color: #383737;
}
.additional-services-comp .additional-container .additional-services-new .services-stack:nth-child(odd) {
  background: #f8f8f8;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack {
    padding: 0px;
    margin: 0px 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack {
    margin: 0px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row {
  display: grid;
  grid-template-columns: 31.637% auto;
  padding-bottom: 24px;
  border-bottom: 2px solid #eaeaec;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row {
    padding: 0px;
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row {
    border-bottom: 1px solid #eaeaec;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .tab-view-values {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .tab-view-values {
    display: flex;
    justify-content: space-between;
    padding: 24px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .check-box {
  margin: 11px 64px 13px 0px;
  height: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .check-box {
    padding-right: 24px;
    margin: 0px;
    height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .check-box {
    height: 20px;
    padding-right: 16px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row input[type='checkbox'] {
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  border: 2px solid #7a8084;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row input[type='checkbox'] {
    width: 20px;
    height: 20px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row input[type='checkbox']:checked {
  border: 2px solid #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row input[type='checkbox']:checked {
    background: #307fe2;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row input[type='checkbox']:before {
  content: '';
  font-family: icomoon !important;
  display: block;
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row input[type='checkbox']:checked:before {
  content: "\e9b3";
  color: #ffffff;
  font-size: 20px;
  background: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row input[type='checkbox']:checked:before {
    font-size: 18px;
    position: relative;
    left: -1px;
    top: -2px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel {
  display: flex;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel {
    display: flex;
    border-bottom: 2px solid #eaeaec;
    padding: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel {
    padding: 24px 16px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail {
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .label-icon-mobile {
    width: 65.54%;
    margin-right: 76px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .label-icon-mobile {
    display: flex;
    margin: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .label-icon-mobile .service-label {
    margin: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .label-icon-mobile .service-label {
    margin: 0px 28px 8px 0px;
    width: 100%;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .label-icon-mobile .additonal-service-icon-mobile {
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .label-icon-mobile .additonal-service-icon-mobile {
    display: inline;
    font-size: 20px;
    height: 20px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .service-details-link {
  display: block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .service-details-link .link-service {
    display: flex;
    align-items: baseline;
  }
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .service-details-link .link-service .icon-Arrow-Right {
    width: 12px;
    height: 12px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .details-link-mobile {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .details-link-mobile {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .additional-service-detail .details-link-mobile {
    width: 99.79%;
    display: block;
    margin: 0px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .additional-services-CheckboxLabel .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .service-labels-tablet {
    display: flex !important;
    padding: 24px 24px 8px 24px;
  }
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .service-labels-tablet .item-labels {
    width: 16.448%;
  }
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .service-labels-tablet .parts-label,
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .service-labels-tablet .labor-label {
    margin-right: 154px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .service-labels-tablet {
    display: none !important;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack {
  display: flex;
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack .part-cost {
  width: 26.33%;
  margin: 0px 64px;
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack .labor-cost {
  width: 21.81%;
  margin-right: 64px;
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack .total-cost {
  width: 26.33%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack {
    display: flex;
    padding: 0px 24px 24px 24px;
  }
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack .cost-values {
    margin: 0px;
    width: 16.448%;
  }
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack .part-cost,
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack .labor-cost {
    margin-right: 154px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack {
    display: none;
    padding: 0px;
  }
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .costs-stack .cost-values {
    display: none;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .services-mobile {
  display: none;
  padding: 24px 16px 0px 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .services-mobile {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .services-mobile {
    display: block;
    border-bottom: 1px solid #eaeaec;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .services-mobile .additional-services-mobile-details {
  display: flex;
  padding-bottom: 24px;
  justify-content: space-between;
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .services-mobile .additional-services-mobile-details .mobile-cost {
  margin: 0px 0px 0px 12px;
  width: 62.67%;
  text-align: right;
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .services-mobile .additional-services-mobile-details .labels {
  width: 33.34%;
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .comments-row-mobile {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .comments-row-mobile {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .comments-row-mobile {
    display: block;
    padding: 24px 16px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .services-row .comments-row-mobile.comments-row-mobile-hide {
  display: none !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .services-row .comments-row-mobile .comments-section {
    margin: 0px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .service-hide {
  border-bottom: none;
  padding: 0px;
}
.additional-services-comp .additional-container .additional-services-new .services-stack .comments-row {
  display: grid;
  grid-template-columns: 26.532% auto;
  padding: 24px 32px 20px 88px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .comments-row {
    padding: 24px;
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .comments-row {
    display: none;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .comments-row .comments-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .comments-row .comments-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .comments-row .comments-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.additional-services-comp .additional-container .additional-services-new .services-stack .comments-row .comments-section {
  margin: 0px 0px 0px 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .comments-row .comments-section {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-container .additional-services-new .services-stack .comments-row .comments-section {
    margin: 0px;
  }
}
.additional-services-comp .link-service {
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.additional-services-comp .link-service .icon-Arrow-Right::before {
  font-size: 12px;
  margin-left: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .modal .modal-dialog {
    display: block;
    position: absolute;
    min-width: fit-content;
    min-height: auto;
    bottom: 0px;
    margin: 0px;
  }
}
.additional-services-comp .modal .modal-dialog .modal-content {
  border-radius: 0%;
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .modal .modal-dialog .modal-content {
    padding: 40px;
    border: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .modal .modal-dialog .modal-content {
    padding: 36px 30px 0px;
  }
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body h4 {
  color: #383737;
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body .subtext {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding: 24px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .subtext {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .subtext {
    max-width: 512px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .subtext {
    padding: 16px 0px 40px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .subtext p {
    margin: 0px;
  }
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup {
  color: #307fe2;
  display: flex;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup {
    display: grid;
  }
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup #service-link {
  background-color: transparent;
  color: #307fe2;
  border: 2px solid #307fe2;
  margin-right: 40px;
  cursor: pointer;
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup #service-link .icon-Arrow-Right {
  margin-left: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup #service-link {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup #service-link {
    width: 100%;
    margin: 0px;
  }
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup .popupCWA-label {
  display: flex;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  padding: 12px 0px 12px 0px;
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup .popupCWA-label .icon-Arrow-Right::before {
  font-size: 12px;
  margin-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .popup .popupCWA-label {
    padding: 32px 26px 24px 25px;
    text-align: center;
    width: max-content;
    justify-self: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .text-end {
    position: absolute;
  }
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body .text-end .icon-Cross {
  font-size: 24px;
  opacity: 1;
  padding: 8px;
}
.additional-services-comp .modal .modal-dialog .modal-content .modal-body .text-end .icon-Cross:focus {
  outline: none !important;
  box-shadow: none !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .modal .modal-dialog .modal-content .modal-body .text-end .icon-Cross {
    font-size: 18.86px;
    padding: 6.6px;
  }
}
.additional-services-comp .learnmore-label .modal {
  z-index: 9999999;
}
.additional-services-comp .learnmore-label .modal .modal-header {
  flex-direction: column;
  padding: 0%;
  align-items: unset;
  position: absolute;
  right: 104px;
  z-index: 9;
  display: flex;
  top: 70px;
  border-bottom: 0;
}
.additional-services-comp .learnmore-label .modal .modal-header button {
  padding: 0;
  border: none;
  background: transparent;
  padding: 0%;
  outline: none !important;
}
.additional-services-comp .learnmore-label .modal .modal-header .icon-Cross::before {
  font-size: 23px;
}
.additional-services-comp .learnmore-label .modal .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.additional-services-comp .learnmore-label .modal .quiz_container form {
  flex-wrap: wrap;
}
.additional-services-comp .learnmore-label .modal .cmp-title__text {
  color: #383737 !important;
  margin: 0;
}
.additional-services-comp .learnmore-label .modal .cmp-container .tml-title:first-child {
  width: 88.701%;
}
.additional-services-comp .learnmore-label .modal .cmp-container .tml-title:first-child h4 {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .learnmore-label .modal .cmp-container .tml-title:first-child h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .learnmore-label .modal .cmp-container .tml-title:first-child h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.additional-services-comp .learnmore-label .modal .cmp-container .tml-title:first-child + .text {
  width: 85.3107345%;
}
.additional-services-comp .learnmore-label .modal .video + .title {
  width: 64.41%;
}
.additional-services-comp .learnmore-label .modal .video + .title h5 {
  margin: 0;
}
.additional-services-comp .learnmore-label .video + .title + .text {
  width: 85.3107345%;
}
.additional-services-comp .learnmore-label .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.additional-services-comp .learnmore-label .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 63.75%;
  max-width: 100%;
  height: 100%;
}
.additional-services-comp .learnmore-label .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.additional-services-comp .learnmore-label .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.additional-services-comp .learnmore-label .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
.additional-services-comp .learnmore-label .modal-body picture {
  width: 100%;
  height: auto;
  display: block;
}
.additional-services-comp .learnmore-label .modal-body picture img {
  max-width: 100%;
}
.additional-services-comp .learnmore-label .modal.modal-right .modal-content {
  border-radius: 0;
  border: none;
}
.additional-services-comp .learnmore-label .modal.modal-right .modal-dialog.modal-lg {
  width: 63.75%;
  max-width: 918px;
}
.additional-services-comp .learnmore-label .modal-content {
  padding: 64px 106px 64px 104px;
}
.additional-services-comp .learnmore-label .video-comp .tml-player-ctn {
  height: 100%;
}
.additional-services-comp .learnmore-label .modal-dialog-scrollable .modal-content {
  height: 100%;
  max-height: 100%;
}
.additional-services-comp .learnmore-label #overlay {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #383737;
  opacity: 0.8;
  z-index: 999999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .learnmore-label .video-comp .tml-player-ctn {
    height: 380px;
  }
  .additional-services-comp .learnmore-label .modal.modal-right .modal-dialog.modal-lg,
  .additional-services-comp .learnmore-label .modal.modal-right .modal-dialog {
    width: 83.34%;
  }
  .additional-services-comp .learnmore-label .modal .modal-header {
    right: 40px;
  }
  .additional-services-comp .learnmore-label .modal-content {
    padding: 64px 40px 60px 88px;
  }
  .additional-services-comp .learnmore-label .modal-content .cmp-container .tml-title:first-child {
    width: 82.8125%;
  }
  .additional-services-comp .learnmore-label .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 40px;
  }
  .additional-services-comp .learnmore-label .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
  }
  .additional-services-comp .learnmore-label .modal-content .video + .title {
    width: 89.0625%;
  }
  .additional-services-comp .learnmore-label .modal-content .video + .title h5 {
    margin: 0;
  }
  .additional-services-comp .learnmore-label .modal-content .video + .title + .text {
    width: 100%;
  }
  .additional-services-comp .learnmore-label .cmp-text {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .learnmore-label .video-comp .tml-player-ctn {
    height: 100%;
  }
  .additional-services-comp .learnmore-label .modal.modal-right .modal-dialog.modal-lg,
  .additional-services-comp .learnmore-label .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .additional-services-comp .learnmore-label .modal .modal-header {
    right: 20px !important;
    top: 27px;
  }
  .additional-services-comp .learnmore-label .modal-content {
    padding: 36px 30px 30px 30px;
  }
  .additional-services-comp .learnmore-label .modal-content .cmp-container .tml-title:first-child {
    width: 82.66667%;
  }
  .additional-services-comp .learnmore-label .modal-content .cmp-container .tml-title:first-child .cmp-title {
    padding-bottom: 16px;
  }
  .additional-services-comp .learnmore-label .modal-content .cmp-container .tml-title:first-child + .text {
    width: 100%;
    padding-bottom: 32px;
  }
  .additional-services-comp .learnmore-label .modal-content .video .video-comp {
    padding-bottom: 32px;
  }
  .additional-services-comp .learnmore-label .modal-content .video + .title {
    width: 100%;
  }
  .additional-services-comp .learnmore-label .modal-content .video + .title h5 {
    margin: 0;
  }
  .additional-services-comp .learnmore-label .modal-content .video + .title + .text {
    width: 100%;
  }
  .additional-services-comp .learnmore-label .modal-content .video + .title + .text + .title {
    width: 82.66667%;
  }
  .additional-services-comp .learnmore-label .modal-content button {
    position: absolute;
    right: 8px;
    top: 11px;
  }
}
.additional-services-comp .additional-tc {
  padding: 64px 64px 40px 64px;
  background-color: #ffffff;
}
.additional-services-comp .additional-tc .cmp-title {
  padding-bottom: 40px;
  color: #383737;
}
.additional-services-comp .additional-tc .cmp-title h5 {
  margin: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-tc .cmp-title {
    padding: 0px 0px 24px 16px;
  }
}
.additional-services-comp .additional-tc .tnc-text p {
  margin: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-tc .tnc-label .tnc-check-input {
    margin-right: 16px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .additional-tc {
    padding: 24px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .additional-tc {
    padding: 24px 16px 0px 16px;
  }
}
.additional-services-comp .confirm-btn {
  display: flex;
  padding: 0px 0px 64px 64px;
  background-color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .confirm-btn {
    display: flex;
    padding: 0 40px 40px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .confirm-btn {
    display: grid;
    padding: 32px 16px;
  }
}
.additional-services-comp .confirm-btn .confirm-submit-btn {
  background: #ffffff;
  border: 2px solid #307fe2;
  outline: none;
  color: #307fe2;
  transition-duration: 0.4s;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .confirm-btn .confirm-submit-btn {
    width: 100%;
  }
}
.additional-services-comp .confirm-btn .confirm-submit-btn.disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
  border: 2px solid rgba(122, 128, 132, 0.5);
}
.additional-services-comp .confirm-btn .cnfrm-details-link {
  padding-top: 10px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .confirm-btn .cnfrm-details-link {
    padding-top: 32px;
    text-align: center;
  }
}
.additional-services-comp .confirm-btn .cnfrm-details-link .links {
  padding-left: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .additional-services-comp .confirm-btn .cnfrm-details-link .links {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .additional-services-comp .confirm-btn .cnfrm-details-link .links {
    padding: 0px;
  }
}
.additional-services-comp .confirm-btn .cnfrm-details-link .links.disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
}
.additional-services-comp .confirm-btn .cnfrm-details-link.disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-open {
    position: unset;
  }
}

.tile-component .tile-top-container {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-top-container {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 300px;
    margin: 0 auto 40px;
  }
}
.tile-component .tile-top-container .tile_title {
  width: auto;
  margin-top: auto;
}
.tile-component .tile-top-container .tile_title h4 {
  margin-bottom: 0px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-top-container .tile_title {
    width: 300px;
    margin-top: auto;
    margin-bottom: 24px;
  }
}
.tile-component .tile-top-container .tile-search-down-arrow {
  content: "\e991";
  font-family: 'icomoon';
  color: #383737;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.tile-component .tile-top-container .tile-content-filter-dropdown {
  justify-content: flex-end;
  position: relative;
  max-width: 292px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-top-container .tile-content-filter-dropdown {
    width: 300px;
  }
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-content-filter-label {
  color: #7a8084;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-content-filter-list {
  position: relative;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-content-filter-list.icontransform .tile-content-filter-option .tile-content-type-list::after {
  transform: rotate(180deg);
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-content-filter-list .tile-content-filter-option {
  border-bottom: #000 1px solid;
  width: 100%;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  padding: 8px 0px;
  color: #383737;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-content-filter-list .tile-content-filter-option .tile-content-type-list {
  width: 88%;
  margin-bottom: 0px !important;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-content-filter-list .tile-content-filter-option .tile-content-type-list::after {
  content: "\e991";
  font-family: 'icomoon';
  color: #383737;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-filter-content-list {
  position: absolute;
  width: 100%;
  background: none 0 0 repeat scroll #fff;
  box-shadow: 0 4px 8px 0 #0000001f;
  padding: 8px 16px;
  z-index: 2;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-filter-content-list.collapse {
  display: none;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-filter-content-list .tile-filter-label {
  display: block;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-filter-content-list .tile-filter-label .tile-selected-label {
  color: #383737;
  display: block;
  padding-bottom: 8px;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 0px;
}
.tile-component .tile-top-container .tile-content-filter-dropdown .tile-filter-content-list .tile-filter-label .tile-selected-label.active {
  color: #307fe2 !important;
}
.tile-component .tile-container {
  display: flex;
  flex-wrap: wrap;
}
.tile-component .tile-container .tile {
  width: 98.5%;
  height: 100% !important;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tile-component .tile-container .tile {
    width: 100%;
    height: 706px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-container .tile {
    height: 522px !important;
  }
}
.tile-component .tile-container .tile .tile-image img {
  width: 100%;
  height: 340px;
  object-fit: cover;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tile-component .tile-container .tile .tile-image img {
    height: 388px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-container .tile .tile-image img {
    height: 186px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-container .tile .tile-image {
    margin: 0px 15px;
  }
}
.tile-component .tile-container .tile .tile-content-container {
  height: 338px;
  display: flex;
  flex-direction: column;
  padding: 40px;
  background: #ffffff;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tile-component .tile-container .tile .tile-content-container {
    margin-bottom: 24px;
    height: 318px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-container .tile .tile-content-container {
    margin: 0px 14px 24px;
    padding: 24px 16px;
    height: 336px;
  }
}
.tile-component .tile-container .tile .tile-content-container .eyebrow-text {
  font-size: 16px;
  margin-bottom: 12px;
}
.tile-component .tile-container .tile .tile-content-container .title {
  font-size: 30px;
  margin-bottom: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-container .tile .tile-content-container .title {
    font-size: 22px;
    line-height: 24.2px;
    -webkit-line-clamp: 3;
  }
}
.tile-component .tile-container .tile .tile-content-container .desc {
  margin-bottom: auto;
  color: #7a8084;
  height: 67px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tile-component .tile-container .tile .tile-content-container .desc {
    height: 62px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .tile-component .tile-container .tile .tile-content-container .desc {
    height: 102px;
    -webkit-line-clamp: 5;
  }
}
.tile-component .tile-container .cta-container {
  margin-top: auto;
}
.tile-component .tile-container .cta-container .cta-btn {
  padding: 0px;
  display: flex;
  align-items: center;
  color: #307fe2;
}
.tile-component .tile-container .cta-container .cta-btn span {
  padding-left: 12px;
  font-size: 12px;
}
.tile-component .news-and-events-content-pagination {
  color: #307fe2;
  padding-top: 40px;
  padding-bottom: 64px;
  position: relative;
  border-bottom: #eaeaec 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
  width: 100%;
}
.tile-component .news-and-events-content-pagination a {
  color: #307fe2;
}
.tile-component .news-and-events-content-pagination a.current {
  color: rgba(122, 128, 132, 0.5);
}
.tile-component .news-and-events-content-pagination .prev {
  position: absolute;
  left: 0%;
  display: flex;
  color: #307fe2;
}
.tile-component .news-and-events-content-pagination .prev::before {
  content: "\e99a";
  font-family: "icomoon";
  padding-right: 10px;
  cursor: pointer;
  color: #307fe2;
}
.tile-component .news-and-events-content-pagination .prev.inactive {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.tile-component .news-and-events-content-pagination .prev.inactive::before {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.tile-component .news-and-events-content-pagination .prev.inactive .cta-link {
  color: rgba(122, 128, 132, 0.5) !important;
}
.tile-component .news-and-events-content-pagination .pagination-box {
  position: relative;
  display: flex;
  align-items: center;
}
.tile-component .news-and-events-content-pagination .pagination-box .page-input-border {
  padding-top: 8px;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  /* Firefox */
}
.tile-component .news-and-events-content-pagination .pagination-box .page-input-border .pagination-input {
  width: 28px;
  border: none;
  text-align: left;
  background: none;
  outline: none;
}
.tile-component .news-and-events-content-pagination .pagination-box .page-input-border input::-webkit-outer-spin-button,
.tile-component .news-and-events-content-pagination .pagination-box .page-input-border input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tile-component .news-and-events-content-pagination .pagination-box .page-input-border input[type=number] {
  -moz-appearance: textfield;
}
.tile-component .news-and-events-content-pagination .pagination-box span {
  padding-left: 4px;
  padding-right: 4px;
}
.tile-component .news-and-events-content-pagination .pagination-box .pagination-button {
  margin-left: 40px;
  color: #307fe2;
  background-color: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  width: max-content;
}
.tile-component .news-and-events-content-pagination .pagination-box .pagination-button::after {
  content: "\e9a0";
  font-family: 'icomoon';
  font-size: 12px;
  padding-left: 8px;
  cursor: pointer;
  position: absolute;
}
.tile-component .news-and-events-content-pagination .next {
  position: absolute;
  right: 0%;
  display: flex;
  color: #307fe2;
}
.tile-component .news-and-events-content-pagination .next::after {
  content: "\e9a0";
  font-family: "icomoon";
  padding-left: 10px;
  cursor: pointer;
  color: #307fe2;
}
.tile-component .news-and-events-content-pagination .next.inactive {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.tile-component .news-and-events-content-pagination .next.inactive::after {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.tile-component .news-and-events-content-pagination .next.inactive .cta-link {
  color: rgba(122, 128, 132, 0.5) !important;
}

.insurance-policy-details-comp .insurance-policy-details {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details {
    flex-direction: column-reverse;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section {
  padding: 64px 64px 64px 64px;
  background-color: #f8f8f8;
  width: 50%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section {
    width: 100%;
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section {
    padding: 24px 16px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-title {
    padding-bottom: 24px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .details-title {
  padding-bottom: 8px;
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .provider-details {
  margin-bottom: 24px;
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .provider-details .provider-info {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 220px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .provider-details .provider-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .provider-details .provider-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .provider-info img {
  width: 150px;
  height: 60px;
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .tenure-details {
  padding-bottom: 64px;
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .tenure-details .details-title {
  width: 220px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .tenure-details {
    padding-bottom: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .tenure-details {
    padding-bottom: 24px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details .emi-info {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details .emi-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details .emi-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .interest-details,
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details,
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-details {
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .interest-details,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-details {
    padding-bottom: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .interest-details,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-details {
    padding-bottom: 24px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .tenure-info,
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .interest-info,
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .provider-info {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .tenure-info,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .interest-info,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .provider-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .tenure-info,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .interest-info,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .provider-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-info,
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-info {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-info,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-info {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-info,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-info {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details .total-cost-info,
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-details .total-cost-info {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details .total-cost-info,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-details .total-cost-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .emi-details .total-cost-info,
  .insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .total-cost-details .total-cost-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .Total-Premium-Paid-Details .Total-Premium-Paid {
  color: #383737;
  font-weight: 600;
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .policy-details .interest-details .interest-info {
  width: 220px;
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .download-Details {
  width: 220px;
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .download-Details .download {
  text-decoration: none;
  cursor: pointer;
}
.insurance-policy-details-comp .insurance-policy-details .left-side-section .download-Details .arrow {
  color: #307FE2;
  padding-left: 8px;
}
.insurance-policy-details-comp .insurance-policy-details .right-side-section {
  width: 50%;
  background-color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section {
    width: 100%;
    height: 265px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-label,
.insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-label {
  border: 2px solid #ffffff;
  border-radius: 50%;
  margin: 173px 263px 0px 263px;
  text-align: center;
  width: 88px;
  height: 88px;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-label,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-label {
    margin: 64px 300px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-label,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-label {
    width: 64px;
    height: 64px;
    margin: 51px 134px 0px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-label .icon-Tick,
.insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-label .icon-Tick,
.insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-label .icon-Warning-MarkOnly,
.insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-label .icon-Warning-MarkOnly {
  color: #ffffff;
  position: absolute;
  top: 23px;
  left: 24px;
  font-size: 34px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-label .icon-Tick,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-label .icon-Tick,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-label .icon-Warning-MarkOnly,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-label .icon-Warning-MarkOnly {
    top: 14px;
    left: 16px;
    font-size: 29px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-title,
.insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #ffffff;
  margin-top: 16px;
  width: 71%;
  margin-right: 106px;
  margin-left: 106px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-title,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-title,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-title,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-title {
    width: 70%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-title,
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .un-approved-title {
    width: 81%;
    margin-right: 32px;
    margin-left: 32px;
  }
}
.insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-title {
  margin-left: 80px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .right-side-section .approved-title {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .total-cost-details {
    flex: 0 0 auto;
    width: 50%;
    padding-bottom: 44px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .Total-Premium-Paid-Details {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .Total-Premium-Paid-Details .Premium-Paid {
    width: 86%;
  }
}
.insurance-policy-details-comp .insurance-policy-details .tenure-details .tenure-info {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-policy-details-comp .insurance-policy-details .tenure-details .tenure-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-policy-details-comp .insurance-policy-details .tenure-details .tenure-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}

.insurance-details-comp {
  background-color: white;
}
.insurance-details-comp .error-msg {
  text-align: center;
  justify-content: center !important;
  color: #ed454f;
  padding: 80px 80px 0px 80px;
}
.insurance-details-comp .insurance-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 80px 0px 80px 0px;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details {
    padding: 40px 0px 40px 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details {
    padding: 16px 16px 16px 16px;
  }
}
.insurance-details-comp .insurance-details .insurance-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-left: 80px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .insurance-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .insurance-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .insurance-title {
    padding-left: 40px;
    padding-bottom: 23px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .insurance-title {
    padding-left: 16px;
    padding-bottom: 19px;
  }
}
.insurance-details-comp .insurance-details .headline {
  width: 100%;
  border-bottom: 1px solid #eaeaec;
}
.insurance-details-comp .insurance-details .row {
  padding: 0px 80px 40px 80px;
  padding-top: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row {
    padding: 0px 40px 16px 40px;
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 8px;
  }
}
.insurance-details-comp .insurance-details .row .details {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  padding-bottom: 24px;
  padding-top: 80px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .details {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .details {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .details {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .details {
    padding-top: 24px !important;
  }
}
.insurance-details-comp .insurance-details .row .provider-details {
  margin-bottom: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .provider-details {
    font-size: 16px;
    line-height: 20px;
  }
}
.insurance-details-comp .insurance-details .row .provider-details .provider-info {
  margin-top: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .provider-details .provider-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .provider-details .provider-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .provider-details {
    margin-bottom: 24px;
  }
}
.insurance-details-comp .insurance-details .row .start-details {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .start-details {
    font-size: 16px;
    line-height: 20px;
  }
}
.insurance-details-comp .insurance-details .row .start-details .start-info {
  margin-top: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .start-details .start-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .start-details .start-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .start-details {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: 24px;
  }
}
.insurance-details-comp .insurance-details .row .idv-details {
  margin-bottom: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .idv-details {
    font-size: 16px;
    line-height: 20px;
  }
}
.insurance-details-comp .insurance-details .row .idv-details .idv-info {
  margin-top: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .idv-details .idv-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .idv-details .idv-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .idv-details {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: 24px;
  }
}
.insurance-details-comp .insurance-details .row .Total-Premium-Paid-Details {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .Total-Premium-Paid-Details {
    font-size: 16px;
    line-height: 20px;
  }
}
.insurance-details-comp .insurance-details .row .Total-Premium-Paid-Details .Total-Premium-Paid {
  margin-top: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .Total-Premium-Paid-Details .Total-Premium-Paid {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .Total-Premium-Paid-Details .Total-Premium-Paid {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .Total-Premium-Paid-Details {
    margin-bottom: 24px;
  }
}
.insurance-details-comp .insurance-details .row .end-details {
  margin-bottom: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .end-details {
    font-size: 16px;
    line-height: 20px;
  }
}
.insurance-details-comp .insurance-details .row .end-details .end-info {
  margin-top: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .end-details .end-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .end-details .end-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .end-details {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .end-details {
    margin-bottom: 24px;
  }
}
.insurance-details-comp .insurance-details .row .download-Details {
  display: flex;
}
.insurance-details-comp .insurance-details .row .download-Details .download-link {
  text-decoration: none;
}
.insurance-details-comp .insurance-details .row .download-Details .download-link .download {
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 12px 24px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
.insurance-details-comp .insurance-details .row .download-Details .download-link .download:disabled {
  color: #7a8084;
  border-color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .row .download-Details .download-link .download {
    margin-top: 16px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .download-Details .download-link .download {
    margin-top: 8px;
    margin-bottom: 24px;
    padding: 12px 80px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .row .download-Details {
    text-align: center;
    justify-content: center !important;
  }
}
.insurance-details-comp .insurance-details .renew-policy {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.insurance-details-comp .insurance-details .renew-policy .renew-link {
  text-decoration: none;
}
.insurance-details-comp .insurance-details .renew-policy .renew-link .renew {
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 12px 24px;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.insurance-details-comp .insurance-details .renew-policy .renew-link .renew:disabled {
  color: #7a8084;
  border-color: #7a8084;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy .renew-link .renew {
    padding: 12px 80px;
  }
}
.insurance-details-comp .insurance-details .renew-policy .extended-details {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy .extended-details {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy .extended-details {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy .extended-details {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy .extended-details {
    margin-bottom: 24px;
  }
}
.insurance-details-comp .insurance-details .renew-policy .days-policy {
  padding: 40px;
  background-color: #f8f8f8;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy .days-policy {
    padding: 24px;
  }
}
.insurance-details-comp .insurance-details .renew-policy .days-policy .remaining-days-details {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy .days-policy .remaining-days-details {
    font-size: 16px;
    line-height: 20px;
  }
}
.insurance-details-comp .insurance-details .renew-policy .days-policy .remaining-days-details .days-info {
  margin-top: 16px;
  margin-bottom: 40px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy .days-policy .remaining-days-details .days-info {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy .days-policy .remaining-days-details .days-info {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy .days-policy .remaining-days-details .days-info {
    margin-top: 8px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy .days-policy .remaining-days-details .days-info {
    margin-bottom: 24px;
  }
}
.insurance-details-comp .insurance-details .renew-policy .renewed-description {
  padding: 40px;
  background-color: #f8f8f8;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy .renewed-description {
    padding: 24px;
  }
}
.insurance-details-comp .insurance-details .renew-policy .renewed-description .renewed {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy .renewed-description .renewed {
    font-size: 16px;
    line-height: 20px;
  }
}
.insurance-details-comp .insurance-details .renew-policy .renewed-description .renewed .desc-date-info {
  margin-bottom: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy .renewed-description .renewed .desc-date-info {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insurance-details-comp .insurance-details .renew-policy .renewed-description .renewed .desc-date-info {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insurance-details-comp .insurance-details .renew-policy .renewed-description .renewed .desc-date-info {
    margin-bottom: 24px;
  }
}

.confirm-insurance-comp {
  text-align: start;
}
.confirm-insurance-comp .insurance-title {
  color: #383737;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .confirm-insurance-comp .insurance-title {
    margin-bottom: 16px;
  }
}
.confirm-insurance-comp .insurance-desc {
  color: #7a8084;
  margin-bottom: 24px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .confirm-insurance-comp .d-flex {
    flex-direction: column;
  }
}
.confirm-insurance-comp .d-flex .dealership-details,
.confirm-insurance-comp .d-flex .address-details {
  width: 282px;
  margin-right: 20px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .confirm-insurance-comp .d-flex .dealership-details,
  .confirm-insurance-comp .d-flex .address-details {
    width: 41%;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .confirm-insurance-comp .d-flex .dealership-details,
  .confirm-insurance-comp .d-flex .address-details {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 24px;
  }
}
.confirm-insurance-comp .d-flex .dealership-details .dealership-label,
.confirm-insurance-comp .d-flex .address-details .dealership-label,
.confirm-insurance-comp .d-flex .dealership-details .address-label,
.confirm-insurance-comp .d-flex .address-details .address-label {
  color: #7a8084;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .confirm-insurance-comp .d-flex .dealership-details .dealership-label,
  .confirm-insurance-comp .d-flex .address-details .dealership-label,
  .confirm-insurance-comp .d-flex .dealership-details .address-label,
  .confirm-insurance-comp .d-flex .address-details .address-label {
    margin-bottom: 8px;
  }
}
.confirm-insurance-comp .d-flex .dealership-details .dealership-val,
.confirm-insurance-comp .d-flex .address-details .dealership-val,
.confirm-insurance-comp .d-flex .dealership-details .address-val,
.confirm-insurance-comp .d-flex .address-details .address-val {
  color: #383737;
}
.confirm-insurance-comp .d-flex .address-details {
  margin-right: 0px !important;
  margin-left: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .confirm-insurance-comp .d-flex .address-details {
    margin-left: 0px;
  }
}
.confirm-insurance-comp .card-disconnect-desc {
  color: #7a8084;
  margin-bottom: 40px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .confirm-insurance-comp .card-disconnect-desc {
    margin-bottom: 24px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .confirm-insurance-comp .card-disconnect-desc {
    margin-bottom: 16px !important;
  }
}
.confirm-insurance-comp .cta-buttons {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .confirm-insurance-comp .cta-buttons {
    padding-top: 8px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .confirm-insurance-comp .cta-buttons .cta-btn {
    width: 100%;
    margin-bottom: 24px;
  }
}
.confirm-insurance-comp .cta-buttons .cta-link {
  margin-left: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .confirm-insurance-comp .cta-buttons .cta-link {
    margin-left: 0px;
  }
}
.confirm-insurance-comp .cta-buttons .cta-link .icon-Arrow-Right {
  margin-left: 8px;
  font-size: 12px;
}

@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp {
    border-bottom: 1px solid #eaeaec;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp {
    margin-bottom: 0px;
    border-bottom: none;
  }
}
.car-insurance-comp .car-insurance-background {
  background: #ffffff;
  padding: 66px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background {
    padding: 24px 16px;
    margin-bottom: 0px;
  }
}
.car-insurance-comp .car-insurance-background .insurance-title {
  color: #383737;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background .insurance-title {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .insurance-title {
    margin-bottom: 0px;
  }
}
.car-insurance-comp .car-insurance-background .line {
  border-bottom: solid 1px #eaeaec;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background .line {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .line {
    margin-bottom: 0px;
    display: none;
  }
}
.car-insurance-comp .car-insurance-background .insurance-subdescription {
  color: #383737;
}
.car-insurance-comp .car-insurance-background p {
  color: #7a8084;
  margin-bottom: 40px;
  padding-left: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background p {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background p {
    margin-bottom: 32px;
  }
}
.car-insurance-comp .car-insurance-background .terms-condition h4 {
  color: #383737;
  margin-bottom: 40px;
  padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background .terms-condition h4 {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .terms-condition h4 {
    margin-bottom: 16px;
  }
}
.car-insurance-comp .car-insurance-background .terms-condition .tnc-text p {
  padding-left: 0px !important;
}
.car-insurance-comp .car-insurance-background .notificatin-msg p {
  background-color: #f8f8f8;
  border-left: 8px solid #307fe2;
  padding-bottom: 24px;
  padding-top: 24px;
  padding-left: 32px;
  width: 100%;
  padding-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background .notificatin-msg p {
    margin-bottom: 40px;
    padding: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .notificatin-msg p {
    margin-bottom: 32px;
    padding: 16px 24px;
  }
}
.car-insurance-comp .car-insurance-background .carLabel-button {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background .carLabel-button {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .carLabel-button {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 0px;
  }
}
.car-insurance-comp .car-insurance-background .carLabel-button .right-button .insurance-btn {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 12px 24px;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .carLabel-button .right-button .insurance-btn {
    padding: 12px 64px;
  }
}
.car-insurance-comp .car-insurance-background .carLabel-button .right-button .insurance-btn.disable-button {
  border: 2px solid rgba(122, 128, 132, 0.5);
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5);
}
.car-insurance-comp .car-insurance-background .carLabel-button .right-button .insurance-txt {
  visibility: hidden;
  display: none;
}
.car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject {
  margin-top: 81px;
  max-width: 812px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject {
    margin: 0px !important;
  }
}
.car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject .modal-content {
  padding: 80px 80px 80px 80px;
  border: none !important;
  border-radius: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject .modal-content {
    padding: 40px;
    margin: 0px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject .modal-content {
    padding: 30px 30px;
    margin: 0px 14px;
  }
}
.car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject .cross {
  background-color: #ffffff;
  right: 80px;
  top: 80px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject .cross {
    right: 40px;
    top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject .cross {
    right: 22px;
    top: 22px;
  }
}
.car-insurance-comp .car-insurance-background .carLabel-button .left-button .car-insurance-modal .viewTwoobject .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
}
.car-insurance-comp .car-insurance-background .carLabel-button .left-button a {
  text-decoration: none;
  color: #307fe2;
  display: flex;
  align-items: center;
  gap: 8px;
}
.car-insurance-comp .car-insurance-background .carLabel-button .modal .modal-dialog {
  max-width: 816px;
}
.car-insurance-comp .car-insurance-background .carLabel-button .modal .modal-dialog .modal-content {
  padding: 80px 104px;
  overflow: auto;
}
.car-insurance-comp .car-insurance-background .carLabel-button .modal .modal-dialog .cross {
  background-color: #ffffff;
  right: 40px;
  top: 40px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
  margin-left: 64px ;
}
.car-insurance-comp .car-insurance-background .carLabel-button .modal .modal-dialog .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
  margin-left: 0px;
}
.car-insurance-comp .cta-modal-popup .tml-text .cmp-text {
  width: 84%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .car-insurance-comp .cta-modal-popup .tml-text .cmp-text {
    width: 95%;
  }
}

.service-form-comp .back-button {
  display: none;
}
.service-form-comp .form-ctn {
  padding: 104px 0px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  align-items: center;
}
.service-form-comp .form-ctn .form-title {
  text-align: center;
  margin-bottom: 0px;
}
.service-form-comp .form-ctn .form-element {
  height: auto;
  background: #f8f8f8;
  border: 0;
}
.service-form-comp .form-ctn .form-element .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.service-form-comp .form-ctn .form-element .contact-details-personal {
  gap: 20px;
  max-width: 785px;
  margin: auto;
  padding-top: 64px;
  align-items: flex-end;
}
.service-form-comp .form-ctn .form-element .contact-details-personal,
.service-form-comp .form-ctn .form-element .contact-details-mobile {
  justify-content: center;
}
.service-form-comp .form-ctn .form-element .contact-details-mobile {
  display: flex;
  gap: 20px;
  max-width: 785px;
  margin: auto;
}
.service-form-comp .form-ctn .form-element #form-input-mobile,
.service-form-comp .form-ctn .form-element #form-input-lastname {
  flex: 50%;
}
.service-form-comp .form-ctn .form-element #form-input-salutation,
.service-form-comp .form-ctn .form-element #form-input-firstname {
  flex: 50%;
}
.service-form-comp .form-ctn .form-element .contact-details-personal,
.service-form-comp .form-ctn .form-element .contact-details-social,
.service-form-comp .form-ctn .form-element .location-details,
.service-form-comp .form-ctn .form-element .details {
  display: flex;
  max-width: 785px;
  margin: auto;
}
.service-form-comp .form-ctn .form-element .contact-details-social,
.service-form-comp .form-ctn .form-element .location-details,
.service-form-comp .form-ctn .form-element .details {
  flex-direction: column;
}
.service-form-comp .form-ctn .form-element .location-details {
  padding: 24px 0px 64px 0px;
}
.service-form-comp .form-ctn .form-element .location-details .location-title {
  margin-bottom: 40px;
}
.service-form-comp .form-ctn .form-element .details .details-title {
  margin-bottom: 32px;
}
.service-form-comp .form-ctn .form-element .details .comment-section {
  padding-top: 40px;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  margin: 0 0 40px 0;
}
.service-form-comp .form-ctn .form-element .details .comment-section p {
  color: #7a8084;
}
.service-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
  width: 100%;
  height: auto;
  min-height: 136px;
  display: flow-root;
  padding: 24px;
  outline: #307fe2;
  background: #ffffff;
  border: none;
  resize: unset;
  word-break: auto;
}
.service-form-comp .form-ctn .form-element .details .comment-section .form-textarea.errorMsg {
  border-bottom: 2px solid #ed454f;
}
.service-form-comp .form-ctn .form-element .dropdown-section {
  gap: 20px;
}
.service-form-comp .form-ctn .form-element .dropdown-section .issueSelected-txt {
  visibility: hidden;
  display: none;
}
.service-form-comp .form-ctn .form-element .dropdown-section .issue-type {
  width: 100%;
  padding-bottom: 40px;
}
.service-form-comp .form-ctn .form-element .dropdown-section .dropdown-label {
  margin-bottom: 8px;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.service-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.service-form-comp .form-ctn .form-element .work-place-info-section {
  gap: 20px;
  width: 100%;
  margin: auto;
  white-space: nowrap;
  margin: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .stateSelected-txt {
  visibility: hidden;
  display: none;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .state-data {
  width: 100%;
}
.service-form-comp .form-ctn .form-element .work-place-info-section :last-child {
  margin-bottom: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down {
  padding-bottom: 40px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .state-label p {
  width: fit-content;
  word-break: normal;
  margin-bottom: 8px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .state-data {
  position: absolute;
  margin: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .state-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .state-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #383737;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span {
  padding-bottom: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 8px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section {
  gap: 20px;
  width: 100%;
  margin: auto;
  white-space: nowrap;
  margin: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .citySelected-txt {
  visibility: hidden;
  display: none;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-data {
  width: 100%;
  padding-bottom: 40px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section :last-child {
  margin-bottom: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .city-label p {
  width: fit-content;
  word-break: normal;
  margin-bottom: 8px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .city-data {
  position: absolute;
  margin: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .city-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .city-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #383737;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span {
  padding-bottom: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 8px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section {
  gap: 20px;
  width: 100%;
  margin: auto;
  white-space: nowrap;
  margin: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .dealerSelected-txt {
  visibility: hidden;
  display: none;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .dealer-data {
  width: 100%;
  padding-bottom: 40px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section :last-child {
  margin-bottom: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .dealer-label p {
  width: fit-content;
  word-break: normal;
  margin-bottom: 8px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .dealer-data {
  position: absolute;
  margin: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .dealer-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .dealer-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #383737;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span {
  padding-bottom: 0px;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 8px !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.service-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.service-form-comp .form-ctn .form-element #form-input-firstname,
.service-form-comp .form-ctn .form-element #form-input-lastname {
  flex: 50%;
}
.service-form-comp .form-ctn .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 40px;
}
.service-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
  padding: 30px 0 8px 0;
  font-size: 20px;
  font-weight: 500;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid;
  border-bottom-color: #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.service-form-comp .form-ctn .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.service-form-comp .form-ctn .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.service-form-comp .form-ctn .form-element .form-input-wrapper .form-input.error {
  border-bottom: 2px solid #ed454f !important;
}
.service-form-comp .form-ctn .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  font-weight: lighter;
  color: #7a8084;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element .form-input-wrapper label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element .form-input-wrapper label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.service-form-comp .form-ctn .form-element #form-input-mobile {
  position: relative;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-label {
  color: #7a8084;
  display: none;
  z-index: 1;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item {
  padding: 8px 0px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item.selected .countryName {
  color: #307fe2;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .flag-icon {
  border-radius: 2px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryCode {
  padding-left: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryName {
  cursor: pointer;
  position: absolute;
  left: 117px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mobile-input-stlye {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det {
  top: 0;
  display: flex;
  min-width: 120px;
  width: auto;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li {
  display: flex;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li img {
  margin-right: 8px;
  border-radius: 2px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li .country-code {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .isd-arrows .rotate {
  transform: rotate(180deg);
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down {
  margin-left: 5px;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det.error {
  border-bottom: 2px solid #ed454f !important;
}
.service-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .phone {
  display: flex;
  border: none;
  padding: 0 0 8px 110px;
}
.service-form-comp .form-ctn .form-element #form-input-salutation {
  position: relative;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-label {
  color: #7a8084;
  display: block;
  bottom: 35px;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.service-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item {
  padding: 8px 0px;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item.selected .nameTitle {
  color: #307fe2;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item .nameTitle {
  cursor: pointer;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
  font-family: Poppins;
  line-height: 20px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  top: 0;
  display: flex;
  padding-bottom: 8px;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 80%;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul li {
  display: flex;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .rotate {
  transform: rotate(180deg);
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal {
  margin-left: 5px;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.service-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .salutation {
  display: flex;
  border: none;
}
.service-form-comp .form-ctn .form-element .form-input-wrapper input:focus + label,
.service-form-comp .form-ctn .form-element .form-input-wrapper input:valid + label {
  font-size: 16px;
  font-weight: 300;
}
.service-form-comp .form-ctn .form-element .form-input.error {
  border-color: #383737;
}
.service-form-comp .form-ctn .form-element .form-input--name {
  display: inline-block;
}
.service-form-comp .form-ctn .form-element .form-submit {
  display: flex;
  margin: auto;
  width: 177px;
  padding-top: 24px;
}
.service-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
  width: 100%;
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.service-form-comp .form-ctn .form-element .form-submit .form-submit-btn:disabled {
  color: rgba(122, 128, 132, 0.5);
  border-color: rgba(122, 128, 132, 0.5);
}
.service-form-comp .form-ctn .form-element .active {
  border-bottom-color: #307fe2 !important;
}
.service-form-comp .form-ctn .thanksMessage {
  display: none;
  padding: 104px 418px;
  text-align: center;
}
.service-form-comp .form-ctn .thanksMessage .post-submit-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.service-form-comp .form-ctn .thanksMessage .post-submit-description {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.service-form-comp .form-ctn .thanksMessage p {
  margin: 0;
}
.service-form-comp .form-ctn .thanksMessage h4 {
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-form-comp .form-ctn {
    padding: 64px 0px;
  }
  .service-form-comp .form-ctn .form-element .contact-details-personal {
    gap: 16px;
    padding-top: 40px;
  }
  .service-form-comp .form-ctn .form-element .contact-details-mobile {
    display: flex;
    gap: 20px;
    margin-left: 128px;
    margin-right: 128px;
  }
  .service-form-comp .form-ctn .form-element #form-input-mobile,
  .service-form-comp .form-ctn .form-element #form-input-lastname {
    flex: 50%;
    max-width: 512px;
  }
  .service-form-comp .form-ctn .form-element .contact-details-social {
    margin-bottom: 40px;
  }
  .service-form-comp .form-ctn .form-element .contact-details-personal,
  .service-form-comp .form-ctn .form-element .contact-details-social,
  .service-form-comp .form-ctn .form-element .location-details,
  .service-form-comp .form-ctn .form-element .details {
    max-width: 512px;
  }
  .service-form-comp .form-ctn .form-element .location-details {
    padding-bottom: 40px;
    padding-top: 0px;
  }
  .service-form-comp .form-ctn .form-element .details .details-title {
    margin-bottom: 16px;
  }
  .service-form-comp .form-ctn .form-element .details .comment-section {
    padding-top: 24px;
  }
  .service-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
    height: auto;
    min-height: 136px;
    margin-top: 8px;
    padding: 24px;
  }
  .service-form-comp .form-ctn .form-element .form-submit {
    width: 109px;
    padding-top: 0px;
  }
  .service-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .service-form-comp .form-ctn .thanksMessage {
    padding: 64px 128px;
    text-align: center;
  }
  .service-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service-form-comp .back-button {
    padding: 40px 30px;
    width: fit-content;
    display: flex;
    align-items: center;
    text-align: left;
    color: #307fe2;
    cursor: pointer;
  }
  .service-form-comp .back-button i {
    font-size: 12px;
  }
  .service-form-comp .back-button .back-link {
    display: inline;
    color: #307fe2;
    padding: 0 8px;
    margin: 0;
    font-weight: 400;
  }
  .service-form-comp .form-ctn {
    padding: 64px 0px;
  }
  .service-form-comp .form-ctn .form-element {
    max-width: 300px;
    margin: auto;
  }
  .service-form-comp .form-ctn .form-element .contact-details-personal {
    padding-top: 40px;
    gap: 0px;
  }
  .service-form-comp .form-ctn .form-element #form-input-salutation {
    width: 100%;
  }
  .service-form-comp .form-ctn .form-element #form-input-firstname {
    width: 100%;
  }
  .service-form-comp .form-ctn .form-element #form-input-lastname {
    width: 100%;
    margin-bottom: 40px;
  }
  .service-form-comp .form-ctn .form-element #form-input-mobile {
    margin-bottom: 40px;
  }
  .service-form-comp .form-ctn .form-element .contact-details-mobile {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .service-form-comp .form-ctn .form-element .contact-details-personal,
  .service-form-comp .form-ctn .form-element .contact-details-social,
  .service-form-comp .form-ctn .form-element .location-details,
  .service-form-comp .form-ctn .form-element .details {
    display: flex;
    flex-direction: column;
  }
  .service-form-comp .form-ctn .form-element .location-details {
    padding: 24px 0px;
    padding-top: 0px;
  }
  .service-form-comp .form-ctn .form-element .location-details .location-title {
    margin-bottom: 16px;
    text-align: center;
  }
  .service-form-comp .form-ctn .form-element .details {
    padding-top: 16px;
  }
  .service-form-comp .form-ctn .form-element .details .details-title {
    margin-bottom: 32px;
    text-align: center;
  }
  .service-form-comp .form-ctn .form-element .details .comment-section {
    padding-top: 40px;
  }
  .service-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
    height: auto;
    min-height: 92px;
    padding: 16px;
  }
  .service-form-comp .form-ctn .form-element .form-input-wrapper {
    margin-bottom: 40px;
  }
  .service-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .service-form-comp .form-ctn .form-element .form-submit {
    width: 299px;
    padding-top: 24px;
  }
  .service-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 0px;
    margin: auto;
  }
  .service-form-comp .form-ctn .thanksMessage {
    padding: 64px 30px;
    text-align: center;
  }
  .service-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 40px;
  }
}

.sbi-yono-form-comp .form-ctn {
  box-sizing: border-box;
  background-color: #f8f8f8;
  align-items: center;
}
.sbi-yono-form-comp .form-ctn .form-title {
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 64px;
}
.sbi-yono-form-comp .form-ctn .form-element {
  height: auto;
  background: #f8f8f8;
  border: 0;
  padding: 104px 418px 0px 418px;
}
.sbi-yono-form-comp .form-ctn .form-element .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .sbi-yono-form-comp .form-ctn .form-element .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.sbi-yono-form-comp .form-ctn .form-element .contact-details-personal {
  gap: 20px;
}
.sbi-yono-form-comp .form-ctn .form-element .contact-details-personal,
.sbi-yono-form-comp .form-ctn .form-element .contact-details-social {
  display: flex;
}
.sbi-yono-form-comp .form-ctn .form-element .contact-details-social {
  flex-direction: column;
}
.sbi-yono-form-comp .form-ctn .form-element #form-input-name,
.sbi-yono-form-comp .form-ctn .form-element #form-input-mobile {
  width: 48.5%;
}
.sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 38px;
}
.sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
  padding: 30px 0 8px 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 16px;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper .form-input.error {
  border-bottom: 2px solid #ed454f !important;
}
.sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  bottom: 36px;
  font-size: 18px;
  font-weight: 300;
  color: #7a8084;
  transition: transform 100ms ease;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.sbi-yono-form-comp .form-ctn .form-element .form-input.error {
  border-color: #383737;
}
.sbi-yono-form-comp .form-ctn .form-element .form-input--name {
  display: inline-block;
}
.sbi-yono-form-comp .form-ctn .availloan {
  display: flex;
  align-items: center;
  padding: 0px 0px 40px 0px;
}
.sbi-yono-form-comp .form-ctn .availloan #availsbiloan {
  position: absolute;
  width: 24px;
  height: 24px;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
}
.sbi-yono-form-comp .form-ctn .availloan label {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding: 0;
  padding-left: 48px;
}
.sbi-yono-form-comp .form-ctn .form-submit {
  display: flex;
  margin: auto;
  width: 177px;
  padding: 0px 0px 104px 0px;
}
.sbi-yono-form-comp .form-ctn .form-submit .form-submit-btn {
  width: 100%;
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.sbi-yono-form-comp .form-ctn .form-submit .form-submit-btn:disabled {
  color: #7a8084;
  border-color: #7a8084;
}
.sbi-yono-form-comp .form-ctn .active {
  border-bottom-color: #307fe2 !important;
}
.sbi-yono-form-comp .form-ctn .branch-details {
  display: none;
}
.sbi-yono-form-comp .form-ctn .state-and-city {
  display: flex;
  gap: 20px;
  width: 100%;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section {
  gap: 20px;
  width: 100%;
  margin: auto;
  white-space: nowrap;
  margin: 0px;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .stateSelected-txt,
.sbi-yono-form-comp .form-ctn .work-place-info-section .citySelected-txt,
.sbi-yono-form-comp .form-ctn .work-place-info-section .modelSelected-txt,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branchSelected-txt {
  visibility: hidden;
  display: none;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-data {
  width: 100%;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section :last-child {
  margin-bottom: 0px;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a {
  width: 100%;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options {
  margin: 0 auto;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down {
  padding-bottom: 40px;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .list-dynamic,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .list-dynamic,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .list-dynamic,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .list-dynamic {
  padding: 12px;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .list-dynamic .list::-webkit-scrollbar,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .list-dynamic .list::-webkit-scrollbar,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .list-dynamic .list::-webkit-scrollbar,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .list-dynamic .list::-webkit-scrollbar {
  display: block !important;
  width: 4px;
  height: 4px;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .list-dynamic .list::-webkit-scrollbar-thumb,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .list-dynamic .list::-webkit-scrollbar-thumb,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .list-dynamic .list::-webkit-scrollbar-thumb,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .list-dynamic .list::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .list-dynamic .list::-webkit-scrollbar-track,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .list-dynamic .list::-webkit-scrollbar-track,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .list-dynamic .list::-webkit-scrollbar-track,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .list-dynamic .list::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .state-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .state-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .state-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .state-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .model-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .model-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .model-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .model-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branch-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branch-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branch-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branch-label p {
  width: fit-content;
  word-break: normal;
  margin-bottom: 8px !important;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .city-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .city-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .city-label p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .city-label p {
  margin-bottom: 28px !important;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected {
  position: relative;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .state-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .state-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .state-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .state-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .city-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .city-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .city-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .city-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .model-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .model-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .model-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .model-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .branch-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .branch-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .branch-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .branch-data {
  position: absolute;
  margin: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .state-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .state-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .state-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .state-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .city-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .city-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .city-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .city-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .model-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .model-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .model-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .model-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .branch-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .branch-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .branch-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .branch-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .state-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .state-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .state-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .state-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .city-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .city-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .city-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .city-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .model-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .model-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .model-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .model-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .branch-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .branch-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .branch-data,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .branch-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .icon-Chevron-Down::after,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .icon-Chevron-Down::after,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a .selected-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a .selected-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a .selected-data,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a .selected-data {
  color: #7a8084;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a span,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a span,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a span,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a span {
  padding-bottom: 0px;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a span h6,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a span h6,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .selected a span h6,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .selected a span h6 {
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 8px !important;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down input,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down input,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down input,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .states,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .states,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .states,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .states,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .cities,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .cities,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .cities,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .cities,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .models,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .models,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .models,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .models,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branches,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branches,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branches,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branches {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .states ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .states ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .states ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .states ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .cities ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .cities ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .cities ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .cities ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .models ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .models ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .models ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .models ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branches ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branches ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branches ul .not-Found,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branches ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .states ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .states ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .states ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .states ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .cities ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .cities ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .cities ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .cities ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .models ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .models ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .models ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .models ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branches ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branches ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branches ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branches ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .states ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .states ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .states ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .states ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .cities ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .cities ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .cities ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .cities ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .models ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .models ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .models ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .models ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branches ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branches ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branches ul .not-Found,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branches ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .states ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .states ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .states ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .states ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .cities ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .cities ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .cities ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .cities ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .models ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .models ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .models ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .models ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branches ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branches ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branches ul,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branches ul {
  overflow-y: scroll;
  overflow-x: auto;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .states ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .states ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .states ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .states ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .cities ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .cities ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .cities ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .cities ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .models ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .models ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .models ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .models ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branches ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branches ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branches ul li,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branches ul li {
  width: fit-content;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .states ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .states ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .states ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .states ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .cities ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .cities ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .cities ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .cities ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .models ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .models ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .models ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .models ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branches ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branches ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branches ul li a,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branches ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .states ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .states ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .states ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .states ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .cities ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .cities ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .cities ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .cities ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .models ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .models ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .models ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .models ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .branches ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .branches ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down .branches ul li a#active,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down .branches ul li a#active {
  color: #307fe2 !important;
}
.sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .model-list-options .drop-down p,
.sbi-yono-form-comp .form-ctn .work-place-info-section .branch-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.sbi-yono-form-comp .form-ctn #form-err-msg {
  color: #ed454f;
}
.sbi-yono-form-comp .form-ctn .error-msg {
  text-align: center;
  justify-content: center !important;
}
.sbi-yono-form-comp .form-ctn .thanksMessage {
  display: none;
  padding: 104px 418px;
  text-align: center;
}
.sbi-yono-form-comp .form-ctn .thanksMessage .post-submit-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.sbi-yono-form-comp .form-ctn .thanksMessage .post-submit-desc {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  font-size: 18px;
  font-weight: 300;
}
.sbi-yono-form-comp .form-ctn .thanksMessage p {
  margin: 0;
}
.sbi-yono-form-comp .form-ctn .thanksMessage h4 {
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .form-ctn .form-element {
    padding: 64px 128px 0px 128px;
  }
  .sbi-yono-form-comp .form-ctn .form-element .form-title {
    padding-bottom: 40px;
  }
  .sbi-yono-form-comp .form-ctn .form-element .contact-details-personal {
    gap: 16px;
  }
  .sbi-yono-form-comp .form-ctn .form-element .contact-details-personal,
  .sbi-yono-form-comp .form-ctn .form-element .contact-details-social {
    width: 100%;
  }
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a {
    width: 100%;
  }
  .sbi-yono-form-comp .form-ctn .work-place-info-section .state-list-options .drop-down .selected a span h6,
  .sbi-yono-form-comp .form-ctn .work-place-info-section .city-list-options .drop-down .selected a span h6 {
    width: 230px !important;
  }
  .sbi-yono-form-comp .form-ctn .availloan {
    padding: 3px 0px 40px 0px;
  }
  .sbi-yono-form-comp .form-ctn .form-submit {
    width: 110px;
    padding: 0px 0px 64px 0px;
  }
  .sbi-yono-form-comp .form-ctn .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .sbi-yono-form-comp .form-ctn .error-msg {
    text-align: center;
    justify-content: center !important;
  }
  .sbi-yono-form-comp .form-ctn .thanksMessage {
    padding: 64px 128px;
    text-align: center;
  }
  .sbi-yono-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 32px;
  }
  .sbi-yono-form-comp .form-ctn .thanksMessage .post-submit-desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .form-ctn .form-element {
    padding: 64px 30px 0px 30px;
  }
  .sbi-yono-form-comp .form-ctn .form-element .contact-details-personal {
    display: block;
  }
  .sbi-yono-form-comp .form-ctn .form-element .work-place-info-section .state-list-options .drop-down .selected a,
  .sbi-yono-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a {
    width: 100%;
  }
  .sbi-yono-form-comp .form-ctn .form-element #form-input-name,
  .sbi-yono-form-comp .form-ctn .form-element #form-input-mobile {
    width: 100%;
  }
  .sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper {
    margin-bottom: 38px;
  }
  .sbi-yono-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .sbi-yono-form-comp .form-ctn .form-element .form-submit {
    width: 299px;
    width: 100%;
    padding-top: 40px;
  }
  .sbi-yono-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 0px;
    margin: auto;
  }
  .sbi-yono-form-comp .form-ctn .state-and-city {
    display: block;
  }
  .sbi-yono-form-comp .form-ctn .availloan {
    padding: 2px 0px 40px 0px;
  }
  .sbi-yono-form-comp .form-ctn .availloan #availsbiloan {
    width: 25px;
  }
  .sbi-yono-form-comp .form-ctn .form-submit {
    width: 100%;
    padding: 20px 30px 64px 30px;
  }
  .sbi-yono-form-comp .form-ctn .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .sbi-yono-form-comp .form-ctn .error-msg {
    text-align: center;
    justify-content: center !important;
  }
  .sbi-yono-form-comp .form-ctn .thanksMessage {
    padding: 64px 30px;
    text-align: center;
  }
  .sbi-yono-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 24px;
  }
}

.sbi-yono-form-comp .offer-promo-container {
  padding: 0px 106px;
}
.sbi-yono-form-comp .offer-promo-container .offer_content_left {
  background: #307fe2;
  padding: 4px 20px 40px;
  max-width: 162px;
  position: relative;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .offer-promo-container .offer_content_left {
    margin: 0 auto 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .offer-promo-container .offer_content_left {
    max-width: 120px;
    padding: 4px 11px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .sbi-yono-form-comp .offer-promo-container .offer_content_left svg {
    height: 32px;
    width: 32px;
  }
}
.sbi-yono-form-comp .offer-promo-container .offer_content_left:after {
  content: "";
  width: 0px;
  height: 0px;
  border-right: solid 81px #ffffff;
  border-left: solid 81px #ffffff;
  border-top: solid 40px transparent;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .offer-promo-container .offer_content_left:after {
    border-right: solid 60px #ffffff;
    border-left: solid 60px #ffffff;
    border-top: solid 40px transparent;
  }
}
.sbi-yono-form-comp .offer-promo-container .offer_content_left .offer_content_one {
  color: #ffffff;
  font-size: 18px;
  font-family: Poppins;
  font-style: italic;
  font-weight: 500;
  line-height: 21.60px;
  word-wrap: break-word;
  padding-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .offer-promo-container .offer_content_left .offer_content_one {
    font-size: 16px;
    padding-bottom: 8px;
  }
}
.sbi-yono-form-comp .offer-promo-container .offer-content {
  width: 570px;
  text-align: center;
  margin: 64px 0 auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .offer-promo-container .offer-content {
    max-width: 282px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .offer-promo-container .offer-content {
    max-width: 300px;
  }
}
.sbi-yono-form-comp .offer-promo-container .offer-content .offer_logo {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .offer-promo-container .offer-content .offer_logo {
    margin-bottom: 32px;
  }
  .sbi-yono-form-comp .offer-promo-container .offer-content .offer_logo svg {
    max-width: 100%;
  }
}
.sbi-yono-form-comp .offer-promo-container .offer-content .offer_logo li {
  list-style: none;
  padding-right: 40px;
  border-right: solid 1px #383737;
}
@media only screen and (max-width: 991px) {
  .sbi-yono-form-comp .offer-promo-container .offer-content .offer_logo li img {
    max-height: 24px;
  }
}
.sbi-yono-form-comp .offer-promo-container .offer-content .offer_logo li:last-child {
  padding-left: 40px;
  padding-right: 0px;
  border: none;
}
.sbi-yono-form-comp .offer-promo-container .offer-content h6 {
  color: #383737;
  text-align: center;
  margin-bottom: 24px;
}
.sbi-yono-form-comp .offer-promo-container .offer-content h5 {
  text-align: center;
  margin: 0;
}
.sbi-yono-form-comp .offer-promo-container .offer_car_img img {
  width: 100%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .offer-promo-container .offer_car_img {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .offer-promo-container {
    padding: 64px 16px;
  }
  .sbi-yono-form-comp .offer-content h4 {
    padding: 40px 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .offer-promo-container {
    padding: 64px 14px;
  }
  .sbi-yono-form-comp .offer-content h4 {
    padding: 24px 24px;
  }
}

.sbi-yono-form-comp .otp-popup .modal-dialog {
  max-width: 65%;
  margin: 123px 276px auto;
  max-height: 530px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content {
  border-radius: 0px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body {
  padding: 80px 104px 80px 104px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading {
  display: flex;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading .title {
  min-width: 548px;
  color: #383737;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading .icon-Cross {
  opacity: 1;
  border: none;
  background: transparent;
  font-family: Poppins;
  font-weight: 600;
  line-height: 40px;
  padding: 0px;
  margin-left: 64px;
  font-size: 40px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 24px;
    line-height: 24px;
  }
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .otpDesc {
  padding-top: 40px;
  color: #7a8084;
  max-width: 608px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .otpDesc p {
  margin-bottom: 0px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link {
  max-width: 548px;
  width: 41%;
  padding: 9px 0;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp {
  color: #307fe2;
  padding: 0px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp.disabled {
  color: #7a8084 !important;
  opacity: 1;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp:active,
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp .right-arr {
  margin-left: 8px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp .right-arr:before {
  position: relative;
  top: 1px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .btn.disabled {
  border-color: transparent !important;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link button {
  border-radius: 0px;
  width: 50%;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link button.disabled {
  color: #7A8084;
  border: 2px solid #7A8084;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp {
  padding-top: 40px;
  max-width: 608px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp .form-element input {
  font-weight: 500;
  color: #383737;
  border: 0;
  width: 100%;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp .form-element input:focus {
  box-shadow: none;
  outline: none;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp .form-element input.active {
  border-bottom-color: #307fe2 ;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp .form-element input.error {
  border-bottom: 2px solid #ed454f !important;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp .form-element .fieldErrMsg {
  display: none;
  position: relative;
  font-size: 14px;
  left: 0;
  color: #ed454f;
  top: 6px;
  padding-top: 8px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp .form-element .errorMessage {
  display: none;
  position: relative;
  font-size: 14px;
  left: 0;
  color: #ed454f;
  top: 6px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp .err-container {
  color: #ed454f;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp .err-container p {
  margin-bottom: 0px;
  margin-top: 10px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .button-holder {
  padding-top: 80px;
  width: 54%;
  display: flex;
  gap: 40px;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .button-holder .resend_link .disabled-link {
  color: #7A8084;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .button-holder .phone-otp-submit {
  border-radius: 0px;
  width: 36%;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid #307fe2;
  cursor: pointer;
  color: #307fe2;
}
.sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .button-holder .phone-otp-submit.disabled {
  color: #7A8084;
  border: 2px solid #7A8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sbi-yono-form-comp .otp-popup .modal-dialog {
    max-width: 100%;
    min-height: 100%;
    margin: 0px;
    align-items: center;
    position: fixed;
    width: 100%;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body {
    padding: 40px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading {
    display: flex;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading .title {
    min-width: 576px;
    width: 100%;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 32px;
    margin-left: 16px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .otpDesc {
    max-width: 100%;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link {
    max-width: 100%;
    width: 36%;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp {
    padding: 0px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp .right-arr:before {
    top: 2px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link button {
    border-radius: 0px;
    width: 23%;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link button.disabled {
    color: #7A8084;
    border: 2px solid #7A8084;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp {
    max-width: 100%;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .button-holder {
    padding-top: 40px;
    gap: 24px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .button-holder .phone-otp-submit {
    width: 31%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body {
    padding: 24px 30px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading {
    display: flex;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading .title {
    min-width: 260px;
    width: 100%;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 32px;
    margin-left: 16px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .otpDesc {
    padding-top: 24px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link {
    max-width: 100%;
    width: 53%;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp {
    padding: 0px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link .resend-otp .right-arr:before {
    top: 1px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link button {
    border-radius: 0px;
    width: 23%;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .resend_link button.disabled {
    color: #7A8084;
    border: 2px solid #7A8084;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .enter-otp {
    padding-top: 24px;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .button-holder {
    padding-top: 24px;
    width: 100%;
  }
  .sbi-yono-form-comp .otp-popup .modal-dialog .modal-content .modal-body .button-holder .phone-otp-submit {
    width: 45%;
  }
}

.contactUsSalesForm-comp .form-ctn {
  box-sizing: border-box;
  background-color: #f8f8f8;
  align-items: center;
}
.contactUsSalesForm-comp .form-ctn .form-title {
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 64px;
}
.contactUsSalesForm-comp .form-ctn .form-element {
  height: auto;
  background: #f8f8f8;
  border: 0;
  padding: 104px 418px 0px 418px;
}
.contactUsSalesForm-comp .form-ctn .form-element .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .contactUsSalesForm-comp .form-ctn .form-element .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.contactUsSalesForm-comp .form-ctn .form-element .contact-details-personal,
.contactUsSalesForm-comp .form-ctn .form-element .contact-details-mobile {
  gap: 20px;
}
.contactUsSalesForm-comp .form-ctn .form-element .contact-details-personal,
.contactUsSalesForm-comp .form-ctn .form-element .contact-details-social,
.contactUsSalesForm-comp .form-ctn .form-element .contact-details-mobile {
  display: flex;
}
.contactUsSalesForm-comp .form-ctn .form-element .contact-details-pincode {
  width: 48.5%;
}
.contactUsSalesForm-comp .form-ctn .form-element .contact-details-social {
  flex-direction: column;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-firstname,
.contactUsSalesForm-comp .form-ctn .form-element #form-input-lastname,
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile,
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation {
  flex: 50%;
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 38px;
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper .form-input {
  padding: 30px 0 8px 0;
  font-size: 20px;
  font-weight: 500;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper .form-input.error {
  border-bottom: 2px solid #ed454f !important;
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  font-weight: lighter;
  color: #7a8084;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile {
  position: relative;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-label {
  color: #7a8084;
  display: none;
  z-index: 1;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item {
  padding: 8px 0px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item.selected .countryName {
  color: #307fe2;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .flag-icon {
  border-radius: 2px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryCode {
  padding-left: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryName {
  cursor: pointer;
  position: absolute;
  left: 117px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mobile-input-stlye {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det {
  top: 0;
  display: flex;
  min-width: 102px;
  max-width: 140px;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li {
  display: flex;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li img {
  margin-right: 8px;
  border-radius: 2px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li .country-code {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .isd-arrows .rotate {
  transform: rotate(180deg);
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down {
  margin-left: 5px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det.error {
  border-bottom: 2px solid #ed454f !important;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .phone {
  display: flex;
  border: none;
  padding: 0 0 8px 110px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation {
  position: relative;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .salutation-label {
  color: #7a8084;
  display: block;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item {
  padding: 8px 0px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item.selected .nameTitle {
  color: #307fe2;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item .nameTitle {
  cursor: pointer;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .salutation-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  top: 0;
  display: flex;
  padding-bottom: 8px;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 80%;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul li {
  display: flex;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .rotate {
  transform: rotate(180deg);
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .arow-down {
  margin-left: 5px;
}
.contactUsSalesForm-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .salutation {
  display: flex;
  border: none;
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input.error {
  border-color: #383737;
}
.contactUsSalesForm-comp .form-ctn .form-element .form-input--name {
  display: inline-block;
}
.contactUsSalesForm-comp .form-ctn .terms-Condition {
  display: flex;
  align-items: center;
  padding: 40px 418px 24px 418px;
}
.contactUsSalesForm-comp .form-ctn .terms-Condition .tnc-check-label {
  padding-left: 0px;
}
.contactUsSalesForm-comp .form-ctn .whatsappSubscription {
  display: flex;
  align-items: center;
  padding: 40px 418px 24px 418px;
}
.contactUsSalesForm-comp .form-ctn .whatsappSubscription #whatsappSubs {
  position: absolute;
  width: 24px;
  height: 24px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.contactUsSalesForm-comp .form-ctn .whatsappSubscription label {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding: 0;
  padding-left: 48px;
}
.contactUsSalesForm-comp .form-ctn .form-submit {
  display: flex;
  margin: auto;
  width: 177px;
  padding: 40px 0px 104px 0px;
}
.contactUsSalesForm-comp .form-ctn .form-submit .form-submit-btn {
  width: 100%;
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.contactUsSalesForm-comp .form-ctn .form-submit .form-submit-btn:disabled {
  color: #7a8084;
  border-color: #7a8084;
}
.contactUsSalesForm-comp .form-ctn .active {
  border-bottom-color: #307fe2 !important;
}
.contactUsSalesForm-comp .form-ctn #form-err-msg {
  color: #ed454f;
}
.contactUsSalesForm-comp .form-ctn .error-msg {
  text-align: center;
  justify-content: center !important;
}
.contactUsSalesForm-comp .form-ctn .thanksMessage {
  display: none;
  padding: 104px 418px;
  text-align: center;
}
.contactUsSalesForm-comp .form-ctn .thanksMessage .post-submit-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactUsSalesForm-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contactUsSalesForm-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.contactUsSalesForm-comp .form-ctn .thanksMessage .post-submit-desc {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.contactUsSalesForm-comp .form-ctn .thanksMessage p {
  margin: 0;
}
.contactUsSalesForm-comp .form-ctn .thanksMessage h4 {
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactUsSalesForm-comp .form-ctn .form-element {
    padding: 64px 128px 0px 128px;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .contact-details-personal {
    gap: 16px;
    padding-top: 40px;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .contact-details-personal,
  .contactUsSalesForm-comp .form-ctn .form-element .contact-details-social {
    max-width: 100%;
  }
  .contactUsSalesForm-comp .form-ctn .terms-Condition {
    padding: 40px 128px 20px 128px;
  }
  .contactUsSalesForm-comp .form-ctn .whatsappSubscription {
    display: flex;
    align-items: center;
    padding: 40px 128px 20px 128px;
  }
  .contactUsSalesForm-comp .form-ctn .form-submit {
    display: flex;
    margin: auto;
    width: 110px;
    padding: 20px 0px 64px 0px;
  }
  .contactUsSalesForm-comp .form-ctn .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .contactUsSalesForm-comp .form-ctn .error-msg {
    text-align: center;
    justify-content: center !important;
  }
  .contactUsSalesForm-comp .form-ctn .thanksMessage {
    padding: 64px 128px;
    text-align: center;
  }
  .contactUsSalesForm-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contactUsSalesForm-comp .form-ctn .form-element {
    padding: 64px 30px 0px 30px;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .contact-details-personal {
    padding-top: 40px;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .contact-details-personal,
  .contactUsSalesForm-comp .form-ctn .form-element .contact-details-social {
    display: flex;
    flex-direction: column;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .contact-details-mobile {
    flex-direction: column;
    gap: 0px;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .contact-details-pincode {
    width: 100%;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper {
    margin-bottom: 38px;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .form-submit {
    width: 299px;
    width: 100%;
    padding-top: 40px;
  }
  .contactUsSalesForm-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 0px;
    margin: auto;
  }
  .contactUsSalesForm-comp .form-ctn .terms-Condition {
    padding: 40px 30px 20px 30px;
  }
  .contactUsSalesForm-comp .form-ctn .terms-Condition .tnc-check-label {
    padding-left: 0px;
  }
  .contactUsSalesForm-comp .form-ctn .whatsappSubscription {
    display: flex;
    align-items: center;
    padding: 40px 30px 20px 30px;
  }
  .contactUsSalesForm-comp .form-ctn .form-submit {
    display: flex;
    margin: auto;
    width: 100%;
    padding: 20px 30px 64px 30px;
  }
  .contactUsSalesForm-comp .form-ctn .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .contactUsSalesForm-comp .form-ctn .error-msg {
    text-align: center;
    justify-content: center !important;
  }
  .contactUsSalesForm-comp .form-ctn .thanksMessage {
    padding: 64px 30px;
    text-align: center;
  }
  .contactUsSalesForm-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 40px;
  }
}

.rail-comp .rail-comp-container {
  width: 100%;
  position: relative;
}
.rail-comp .rail-comp-container .frame .inner-frame {
  display: flex;
  max-width: 77%;
  align-items: flex-start;
  gap: 100px;
  margin-bottom: 40px;
}
.rail-comp .rail-comp-container .frame .inner-frame .titlecontent {
  color: #383737;
}
.rail-comp .rail-comp-container .frame .rail-thumbnail-section {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.rail-comp .rail-comp-container .frame .rail-thumbnail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.rail-comp .rail-comp-container .frame .rail-image img {
  width: 100%;
  height: auto;
  background: #eaeaec;
}
.rail-comp .rail-comp-container .frame .owl-carousel {
  position: static;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav {
  position: absolute;
  margin-top: 0px;
  right: 20px;
  top: 0px;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav .owl-prev {
  outline: none;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav .owl-prev .icon-Arrow-Left:before {
  color: #307fe2;
  border: 1px solid #307fe2;
  padding: 10px;
  display: block;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left {
  cursor: default;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left:before {
  color: rgba(122, 128, 132, 0.5);
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav .owl-next {
  outline: none;
  margin-left: 12px;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav .owl-next .icon-Arrow-Right:before {
  color: #307fe2;
  border: 1px solid #307fe2;
  padding: 10px;
  display: block;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right {
  cursor: default;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right:before {
  color: rgba(122, 128, 132, 0.5);
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-dots {
  display: none;
}
.rail-comp .rail-comp-container .frame .owl-carousel .owl-stage-outer .owl-stage {
  padding-left: 0px !important;
}

#sticky-cta .product-form-comp .mobile-input-field .mobile-input-stlye .form-input {
  padding-bottom: 13px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #sticky-cta .modal-content {
    top: 125px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #sticky-cta .product-form-mob-width {
    margin: 0px;
    top: 4% !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #sticky-cta .product-form-mob-width {
    top: -2%;
  }
}
.modal-content .product-form-comp {
  margin: 0px;
}
.modal-content .product-form-comp .form-title {
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-content .product-form-comp .tnc-check-container .tnc-check #tnc-checkbox-form .tnc-label .tnc-check-label {
    min-width: 0px !important;
  }
}
.modal-content .product-form-comp .form-ctn {
  box-sizing: border-box;
  background: #ffffff;
  height: 360px;
  overflow-y: scroll;
  scrollbar-color: #7A8084;
  scrollbar-width: thin;
  padding-right: 112px;
  /* width */
  /* Handle */
  /* Handle on hover */
}
.modal-content .product-form-comp .form-ctn::-webkit-scrollbar {
  display: unset;
}
.modal-content .product-form-comp .form-ctn::-webkit-scrollbar {
  width: 4px;
  height: 100px;
}
.modal-content .product-form-comp .form-ctn::-webkit-scrollbar-thumb {
  background: #7a8084;
}
.modal-content .product-form-comp .form-ctn::-webkit-scrollbar-thumb:hover {
  background: #7A8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-content .product-form-comp .form-ctn .form-element {
    margin-right: 10px;
  }
}
.modal-content .product-form-comp .form-ctn .form-element .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .modal-content .product-form-comp .form-ctn .form-element .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.modal-content .product-form-comp .form-ctn .form-element .contact-details-personal,
.modal-content .product-form-comp .form-ctn .form-element .contact-details-mobile {
  gap: 20px;
  width: 100%;
  justify-content: center;
}
.modal-content .product-form-comp .form-ctn .form-element .contact-details-personal {
  align-items: flex-end;
}
.modal-content .product-form-comp .form-ctn .form-element .contact-details-personal,
.modal-content .product-form-comp .form-ctn .form-element .contact-details-social,
.modal-content .product-form-comp .form-ctn .form-element .contact-details-mobile {
  display: flex;
  width: 100%;
}
.modal-content .product-form-comp .form-ctn .form-element .contact-details-pincode {
  width: 48.6%;
}
.modal-content .product-form-comp .form-ctn .form-element .contact-details-social {
  flex-direction: column;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-firstname,
.modal-content .product-form-comp .form-ctn .form-element #form-input-lastname,
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile,
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation {
  flex: 50%;
}
.modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 40px;
}
.modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
  font-family: Poppins;
  line-height: 20px;
  font-size: 20px;
  font-weight: 500;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper .form-input.error {
  border-bottom: 2px solid #ed454f !important;
}
.modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  font-weight: lighter;
  color: #7a8084;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .modal-content .product-form-comp .form-ctn .form-element .form-input-wrapper label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile {
  position: relative;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-label {
  color: #7a8084;
  display: none;
  z-index: 1;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item {
  padding: 8px 0px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item.selected .countryName {
  color: #307fe2;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .flag-icon {
  border-radius: 2px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryCode {
  padding-left: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryName {
  cursor: pointer;
  position: absolute;
  left: 117px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mobile-input-stlye {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det {
  top: 0;
  display: flex;
  min-width: 120px;
  width: auto;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li {
  display: flex;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li img {
  margin-right: 8px;
  border-radius: 2px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li .country-code {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .isd-arrows .rotate {
  transform: rotate(180deg);
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down {
  margin-left: 5px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det.error {
  border-bottom: 2px solid #ed454f !important;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .phone {
  display: flex;
  border: none;
  padding: 0 0 8px 110px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation {
  position: relative;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-label {
  color: #7a8084;
  display: block;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item {
  padding: 8px 0px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item.selected .nameTitle {
  color: #307fe2;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item .nameTitle {
  cursor: pointer;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
  font-family: Poppins;
  line-height: 20px;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  top: 0;
  display: flex;
  padding-bottom: 8px;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 80%;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul li {
  display: flex;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .rotate {
  transform: rotate(180deg);
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal {
  margin-left: 5px;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.modal-content .product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .salutation {
  display: flex;
  border: none;
}
.modal-content .product-form-comp .form-ctn .form-element .form-input--name {
  display: inline-block;
}
.modal-content .product-form-comp .form-ctn .terms-Condition {
  display: flex;
  align-items: center;
  padding-bottom: 43px;
}
.modal-content .product-form-comp .form-ctn .terms-Condition .tnc-check-label {
  padding-left: 0px;
}
.modal-content .product-form-comp .form-ctn .whatsappSubscription {
  display: flex;
  align-items: center;
  padding-top: 0px;
}
.modal-content .product-form-comp .form-ctn .whatsappSubscription #whatsappSubs {
  width: 24px;
  height: 24px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.modal-content .product-form-comp .form-ctn .whatsappSubscription label {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding: 0;
  padding-left: 48px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-content .product-form-comp .form-ctn .whatsappSubscription label {
    padding-left: 24px;
  }
}
.modal-content .product-form-comp .submit-container {
  position: relative;
  bottom: 0px;
  padding-top: 40px;
}
.modal-content .product-form-comp .submit-container .form-submit {
  display: flex;
  margin: auto;
  text-align: center;
}
.modal-content .product-form-comp .submit-container .form-submit .form-submit-btn {
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.modal-content .product-form-comp .submit-container .form-submit .form-submit-btn:disabled {
  color: #7a8084;
  border-color: #7a8084;
}
.modal-content .product-form-comp .active {
  border-bottom-color: #307fe2 !important;
}
.modal-content .product-form-comp #form-err-msg {
  color: #ed454f;
}
.modal-content .product-form-comp .thanksMessage {
  display: none;
}
.modal-content .product-form-comp .thanksMessage .post-submit-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-content .product-form-comp .thanksMessage .post-submit-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-content .product-form-comp .thanksMessage .post-submit-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.modal-content .product-form-comp .thanksMessage .post-submit-desc {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.modal-content .product-form-comp .thanksMessage p {
  margin: 0;
}
.modal-content .product-form-comp .thanksMessage h4 {
  margin: 0;
}
.product-form-padd {
  padding: 80px 8px 80px 80px !important;
  width: 812px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-form-padd {
    max-width: 812px;
    width: 100%;
  }
}
.product-form-padd .close {
  top: 80px !important;
  font-size: 50px !important;
  right: 80px !important;
}
.product-form-mob-width {
  justify-content: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-content .product-form-comp .form-title {
    padding-bottom: 24px;
  }
  .modal-content .product-form-comp .form-ctn {
    height: 360px;
    overflow-y: scroll;
    padding-right: 0px;
  }
  .modal-content .product-form-comp .form-ctn .form-element {
    padding-right: 24px;
  }
  .modal-content .product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det {
    min-width: 102px !important;
  }
  .modal-content .product-form-comp .form-ctn .form-element .contact-details-personal {
    gap: 16px;
  }
  .modal-content .product-form-comp .form-ctn .form-element .contact-details-personal,
  .modal-content .product-form-comp .form-ctn .form-element .contact-details-social {
    max-width: 100%;
  }
  .modal-content .product-form-comp .form-ctn .form-element .contact-details-mobile {
    max-width: 100%;
  }
  .modal-content .product-form-comp .form-ctn .form-element .contact-details-pincode {
    max-width: 48.6%;
  }
  .modal-content .product-form-comp .form-ctn .form-element .terms-Condition {
    padding-bottom: 43px;
  }
  .modal-content .product-form-comp .form-ctn .form-element .whatsappSubscription {
    padding-top: 0px;
    padding-bottom: 12px;
  }
  .modal-content .product-form-comp .submit-container {
    position: relative;
    bottom: 0px;
    padding-bottom: 0px;
  }
  .modal-content .product-form-comp .submit-container .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .modal-content .product-form-comp .thanksMessage .post-submit-title {
    padding-bottom: 24px;
  }
  .product-form-padd {
    padding: 40px 8px 40px 40px !important;
  }
  .product-form-padd .close {
    top: 30px !important;
    font-size: 50px !important;
    right: 56px !important;
  }
  .product-form-mob-width {
    width: 812px !important;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .product-form-mob-width {
    overflow: visible !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-dialog-centered .product-form-mob-width {
    max-width: 100% !important;
  }
  .modal-dialog-centered .modal-content .product-form-comp {
    max-width: 100% !important;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-title {
    padding-bottom: 24px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn {
    height: 406px;
    padding-right: 15px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .contact-details-personal {
    gap: 0px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element #form-input-salutation {
    width: 100%;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element #form-input-firstname {
    width: 100%;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .contact-details-personal,
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .contact-details-social {
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .contact-details-mobile {
    padding-bottom: 0px;
    flex-direction: column;
    gap: 0px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .dropdown-section {
    display: flex;
    flex-direction: column;
    gap: 0px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .dropdown-section .model-make-section {
    padding-bottom: 40px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .contact-details-pincode {
    padding-bottom: 0px;
    max-width: 100%;
    width: 100%;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .terms-Condition {
    padding-bottom: 43px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .terms-Condition .tnc-check-label {
    padding-left: 0px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .terms-Condition .tnc-mobile-padd {
    padding: 0px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-element .whatsappSubscription {
    padding-top: 0px;
    padding-bottom: 43px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-input-wrapper {
    margin-bottom: 40px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .form-ctn .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .modal-dialog-centered .modal-content .product-form-comp .submit-container .form-submit {
    text-align: center;
    justify-content: center;
    display: inherit;
  }
  .modal-dialog-centered .modal-content .product-form-comp .submit-container .form-submit .form-submit-btn {
    padding: 12px 116px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .error-msg {
    text-align: center;
    justify-content: center !important;
  }
  .modal-dialog-centered .modal-content .product-form-comp #form-err-msg {
    position: relative;
    right: 10%;
  }
  .modal-dialog-centered .modal-content .product-form-comp .thanksMessage {
    padding: 8px 0px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .thanksMessage .post-submit-title {
    padding-bottom: 24px;
  }
  .modal-dialog-centered .modal-content .product-form-comp .thanksMessage .post-submit-desc {
    padding-bottom: 15px;
  }
  .modal-dialog-centered .product-form-padd {
    padding: 30px 8px 30px 30px !important;
  }
  .modal-dialog-centered .product-form-padd .close {
    top: 34px !important;
    font-size: 50px !important;
    right: 34px !important;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .modal-dialog-centered .modal-content .product-form-comp .submit-container .form-submit .form-submit-btn {
    padding: 12px 24px;
    margin: 0 auto;
  }
}

.feedback-product-form-comp .form-ctn {
  padding: 104px 0px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  align-items: center;
}
.feedback-product-form-comp .form-ctn .form-title {
  text-align: center;
  margin-bottom: 0px;
}
.feedback-product-form-comp .form-ctn .form-element {
  height: auto;
  background: #f8f8f8;
  border: 0;
}
.feedback-product-form-comp .form-ctn .form-element .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.feedback-product-form-comp .form-ctn .form-element .contact-details-personal {
  gap: 20px;
  max-width: 785px;
  margin: auto;
  padding-top: 64px;
  align-items: flex-end;
}
.feedback-product-form-comp .form-ctn .form-element .contact-details-personal,
.feedback-product-form-comp .form-ctn .form-element .contact-details-mobile {
  justify-content: center;
}
.feedback-product-form-comp .form-ctn .form-element .contact-details-mobile {
  display: flex;
  gap: 20px;
  max-width: 785px;
  margin: auto;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile,
.feedback-product-form-comp .form-ctn .form-element #form-input-lastname {
  flex: 50%;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation,
.feedback-product-form-comp .form-ctn .form-element #form-input-firstname {
  flex: 50%;
}
.feedback-product-form-comp .form-ctn .form-element .contact-details-personal,
.feedback-product-form-comp .form-ctn .form-element .contact-details-social,
.feedback-product-form-comp .form-ctn .form-element .location-details,
.feedback-product-form-comp .form-ctn .form-element .details {
  display: flex;
  max-width: 785px;
  margin: auto;
}
.feedback-product-form-comp .form-ctn .form-element .contact-details-social,
.feedback-product-form-comp .form-ctn .form-element .location-details,
.feedback-product-form-comp .form-ctn .form-element .details {
  flex-direction: column;
}
.feedback-product-form-comp .form-ctn .form-element .location-details {
  padding: 24px 0px 64px 0px;
}
.feedback-product-form-comp .form-ctn .form-element .location-details .location-title {
  margin-bottom: 40px;
}
.feedback-product-form-comp .form-ctn .form-element .details .details-title {
  margin-bottom: 0px;
}
.feedback-product-form-comp .form-ctn .form-element .details .comment-section {
  padding-top: 40px;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  margin: 0 0 40px 0;
}
.feedback-product-form-comp .form-ctn .form-element .details .comment-section p {
  color: #7a8084;
}
.feedback-product-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  width: 100%;
  height: auto;
  min-height: 136px;
  display: flow-root;
  padding: 24px;
  outline: #307fe2;
  background: #ffffff;
  border: none;
  resize: unset;
  word-break: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
    font-size: 16px;
    line-height: 20px;
  }
}
.feedback-product-form-comp .form-ctn .form-element .details .comment-section .form-textarea.errorMsg {
  border-bottom: 2px solid #ed454f;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section {
  gap: 20px;
  width: 100%;
  margin: auto;
  white-space: nowrap;
  margin: 0px;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .state-data {
  width: 100%;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section :last-child {
  margin-bottom: 0px;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down {
  padding-bottom: 40px;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .state-label p {
  width: fit-content;
  word-break: normal;
  margin-bottom: 8px !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .state-data {
  position: absolute;
  margin: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .state-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .state-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #383737;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span {
  padding-bottom: 0px;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 8px !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section {
  gap: 20px;
  width: 100%;
  margin: auto;
  white-space: nowrap;
  margin: 0px;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .citySelected-txt {
  visibility: hidden;
  display: none;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-data {
  width: 100%;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section :last-child {
  margin-bottom: 0px;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .city-label p {
  width: fit-content;
  word-break: normal;
  margin-bottom: 8px !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .city-data {
  position: absolute;
  margin: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .city-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .city-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #383737;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span {
  padding-bottom: 0px;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 8px !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.feedback-product-form-comp .form-ctn .form-element .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-firstname,
.feedback-product-form-comp .form-ctn .form-element #form-input-lastname {
  flex: 50%;
}
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 40px;
}
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  font-size: 20px;
  font-weight: 500;
  border-style: inset;
  border-bottom: 2px solid;
  border-bottom-color: #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper .form-input.error {
  border-bottom: 2px solid #ed454f !important;
}
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  font-weight: lighter;
  color: #7a8084;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback-product-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element .form-input-wrapper label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile {
  position: relative;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-label {
  color: #7a8084;
  display: none;
  z-index: 1;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item {
  padding: 8px 0px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item.selected .countryName {
  color: #307fe2;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .flag-icon {
  border-radius: 2px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryCode {
  padding-left: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryName {
  cursor: pointer;
  position: absolute;
  left: 117px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mobile-input-stlye {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det {
  top: 0;
  display: flex;
  min-width: 120px;
  width: auto;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li {
  display: flex;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li img {
  margin-right: 8px;
  border-radius: 2px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li .country-code {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .isd-arrows .rotate {
  transform: rotate(180deg);
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down {
  margin-left: 5px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det.error {
  border-bottom: 2px solid #ed454f !important;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .phone {
  display: flex;
  border: none;
  padding: 0 0 8px 110px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation {
  position: relative;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-label {
  color: #7a8084;
  display: block;
  bottom: 35px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item {
  padding: 8px 0px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item.selected .nameTitle {
  color: #307fe2;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item .nameTitle {
  cursor: pointer;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
  font-family: Poppins;
  line-height: 20px;
  font-size: 20px;
  font-weight: 500;
  top: 0;
  cursor: pointer;
  display: flex;
  padding-bottom: 8px;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 80%;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul li {
  display: flex;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .rotate {
  transform: rotate(180deg);
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal {
  margin-left: 5px;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.feedback-product-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .salutation {
  display: flex;
  border: none;
}
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper input:focus + label,
.feedback-product-form-comp .form-ctn .form-element .form-input-wrapper input:valid + label {
  font-size: 16px;
  font-weight: 300;
}
.feedback-product-form-comp .form-ctn .form-element .form-input.error {
  border-color: #383737;
}
.feedback-product-form-comp .form-ctn .form-element .form-input--name {
  display: inline-block;
}
.feedback-product-form-comp .form-ctn .form-element .form-submit {
  display: flex;
  margin: auto;
  width: 177px;
  padding-top: 24px;
}
.feedback-product-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
  width: 100%;
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.feedback-product-form-comp .form-ctn .form-element .form-submit .form-submit-btn:disabled {
  color: rgba(122, 128, 132, 0.5);
  border-color: rgba(122, 128, 132, 0.5);
}
.feedback-product-form-comp .form-ctn .form-element .active {
  border-bottom-color: #307fe2 !important;
}
.feedback-product-form-comp .form-ctn .thanksMessage {
  display: none;
  padding: 104px 418px;
  text-align: center;
}
.feedback-product-form-comp .form-ctn .thanksMessage .post-submit-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback-product-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.feedback-product-form-comp .form-ctn .thanksMessage .post-submit-description {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.feedback-product-form-comp .form-ctn .thanksMessage p {
  margin: 0;
}
.feedback-product-form-comp .form-ctn .thanksMessage h4 {
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-product-form-comp .form-ctn {
    padding: 64px 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element .contact-details-personal {
    gap: 16px;
    padding-top: 40px;
  }
  .feedback-product-form-comp .form-ctn .form-element .contact-details-mobile {
    display: flex;
    gap: 20px;
    margin-left: 128px;
    margin-right: 128px;
  }
  .feedback-product-form-comp .form-ctn .form-element #form-input-mobile,
  .feedback-product-form-comp .form-ctn .form-element #form-input-lastname {
    flex: 50%;
    max-width: 512px;
  }
  .feedback-product-form-comp .form-ctn .form-element .contact-details-social {
    margin-bottom: 40px;
  }
  .feedback-product-form-comp .form-ctn .form-element .contact-details-personal,
  .feedback-product-form-comp .form-ctn .form-element .contact-details-social,
  .feedback-product-form-comp .form-ctn .form-element .location-details,
  .feedback-product-form-comp .form-ctn .form-element .details {
    max-width: 512px;
  }
  .feedback-product-form-comp .form-ctn .form-element .location-details {
    padding-bottom: 40px;
    padding-top: 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element .details .details-title {
    margin-bottom: 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element .details .comment-section {
    padding-top: 24px;
  }
  .feedback-product-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
    height: auto;
    min-height: 136px;
    margin-top: 8px;
    padding: 24px;
    width: 100%;
  }
  .feedback-product-form-comp .form-ctn .form-element .form-submit {
    width: 109px;
    padding-top: 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .feedback-product-form-comp .form-ctn .thanksMessage {
    padding: 64px 128px;
    text-align: center;
  }
  .feedback-product-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback-product-form-comp .form-ctn {
    padding: 64px 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element {
    max-width: 300px;
    margin: auto;
  }
  .feedback-product-form-comp .form-ctn .form-element .contact-details-personal {
    padding-top: 40px;
    gap: 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element #form-input-salutation {
    width: 100%;
  }
  .feedback-product-form-comp .form-ctn .form-element #form-input-firstname {
    width: 100%;
  }
  .feedback-product-form-comp .form-ctn .form-element #form-input-lastname {
    width: 100%;
    margin-bottom: 40px;
  }
  .feedback-product-form-comp .form-ctn .form-element #form-input-mobile {
    margin-bottom: 40px;
  }
  .feedback-product-form-comp .form-ctn .form-element .contact-details-mobile {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element .contact-details-personal,
  .feedback-product-form-comp .form-ctn .form-element .contact-details-social,
  .feedback-product-form-comp .form-ctn .form-element .location-details,
  .feedback-product-form-comp .form-ctn .form-element .details {
    display: flex;
    flex-direction: column;
  }
  .feedback-product-form-comp .form-ctn .form-element .contact-details-social {
    margin-bottom: 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element .location-details {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element .location-details .location-title {
    margin-bottom: 16px;
    text-align: center;
  }
  .feedback-product-form-comp .form-ctn .form-element .details .details-title {
    text-align: center;
  }
  .feedback-product-form-comp .form-ctn .form-element .details .details-title h6 {
    margin-bottom: 0px;
  }
  .feedback-product-form-comp .form-ctn .form-element .details .comment-section {
    padding-top: 40px;
  }
  .feedback-product-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
    padding: 16px;
    width: 100%;
    height: auto;
    min-height: 92px;
  }
  .feedback-product-form-comp .form-ctn .form-element .form-input-wrapper {
    margin-bottom: 40px;
  }
  .feedback-product-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .feedback-product-form-comp .form-ctn .form-element .form-submit {
    width: 299px;
  }
  .feedback-product-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 0px;
    margin: auto;
  }
  .feedback-product-form-comp .form-ctn .thanksMessage {
    padding: 64px 30px;
    text-align: center;
  }
  .feedback-product-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 40px;
  }
}

.contact-us-others-form-comp .back-button {
  display: none;
}
.contact-us-others-form-comp .form-ctn {
  padding: 104px 0px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  align-items: center;
}
.contact-us-others-form-comp .form-ctn .form-title {
  text-align: center;
  margin-bottom: 0px;
}
.contact-us-others-form-comp .form-ctn .form-element {
  height: auto;
  background: #f8f8f8;
  border: 0;
}
.contact-us-others-form-comp .form-ctn .form-element .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .contact-us-others-form-comp .form-ctn .form-element .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.contact-us-others-form-comp .form-ctn .form-element .contact-details-personal {
  gap: 20px;
  max-width: 785px;
  margin: auto;
  padding-top: 64px;
  align-items: flex-end;
}
.contact-us-others-form-comp .form-ctn .form-element .contact-details-personal,
.contact-us-others-form-comp .form-ctn .form-element .contact-details-mobile {
  justify-content: center;
}
.contact-us-others-form-comp .form-ctn .form-element .contact-details-mobile {
  display: flex;
  gap: 20px;
  max-width: 785px;
  margin: auto;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile,
.contact-us-others-form-comp .form-ctn .form-element #form-input-lastname {
  flex: 50%;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation,
.contact-us-others-form-comp .form-ctn .form-element #form-input-firstname {
  flex: 50%;
}
.contact-us-others-form-comp .form-ctn .form-element .contact-details-personal,
.contact-us-others-form-comp .form-ctn .form-element .contact-details-social,
.contact-us-others-form-comp .form-ctn .form-element .details {
  display: flex;
  max-width: 785px;
  margin: auto;
}
.contact-us-others-form-comp .form-ctn .form-element .contact-details-social,
.contact-us-others-form-comp .form-ctn .form-element .details {
  flex-direction: column;
}
.contact-us-others-form-comp .form-ctn .form-element .details .comment-section {
  padding-top: 40px;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  margin: 0 0 40px 0;
}
.contact-us-others-form-comp .form-ctn .form-element .details .comment-section p {
  color: #7a8084;
}
.contact-us-others-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
  width: 100%;
  height: auto;
  min-height: 136px;
  display: flow-root;
  padding: 24px;
  outline: #307fe2;
  background: #ffffff;
  border: none;
  resize: unset;
  word-break: auto;
}
.contact-us-others-form-comp .form-ctn .form-element .details .comment-section .form-textarea.errorMsg {
  border-bottom: 2px solid #ed454f;
}
.contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 40px;
}
.contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
  font-size: 20px;
  font-weight: 500;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid;
  border-bottom-color: #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper .form-input.error {
  border-bottom: 2px solid #ed454f !important;
}
.contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  font-weight: lighter;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile {
  position: relative;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-label {
  color: #7a8084;
  display: none;
  z-index: 1;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item {
  padding: 8px 0px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item.selected .countryName {
  color: #307fe2;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .flag-icon {
  border-radius: 2px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryCode {
  padding-left: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryName {
  cursor: pointer;
  position: absolute;
  left: 117px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mobile-input-stlye {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det {
  top: 0;
  display: flex;
  min-width: 120px;
  width: auto;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li {
  display: flex;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li img {
  margin-right: 8px;
  border-radius: 2px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li .country-code {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .isd-arrows .rotate {
  transform: rotate(180deg);
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down {
  margin-left: 5px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det.error {
  border-bottom: 2px solid #ed454f !important;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .phone {
  display: flex;
  border: none;
  padding: 0 0 8px 110px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation {
  position: relative;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-label {
  color: #7a8084;
  display: block;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item {
  padding: 8px 0px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item.selected .nameTitle {
  color: #307fe2;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item .nameTitle {
  cursor: pointer;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
  font-family: Poppins;
  line-height: 20px;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  top: 0;
  display: flex;
  padding-bottom: 8px;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 80%;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul li {
  display: flex;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .rotate {
  transform: rotate(180deg);
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal {
  margin-left: 5px;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.contact-us-others-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .salutation {
  display: flex;
  border: none;
}
.contact-us-others-form-comp .form-ctn .form-element .form-input.error {
  border-color: #383737;
}
.contact-us-others-form-comp .form-ctn .form-element .form-input--name {
  display: inline-block;
}
.contact-us-others-form-comp .form-ctn .form-element .form-submit {
  display: flex;
  margin: auto;
  width: 177px;
  padding-top: 24px;
}
.contact-us-others-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
  width: 100%;
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.contact-us-others-form-comp .form-ctn .form-element .form-submit .form-submit-btn:disabled {
  color: rgba(122, 128, 132, 0.5);
  border-color: rgba(122, 128, 132, 0.5);
}
.contact-us-others-form-comp .form-ctn .form-element .active {
  border-bottom-color: #307fe2 !important;
}
.contact-us-others-form-comp .form-ctn .thanksMessage {
  display: none;
  padding: 104px 418px;
  text-align: center;
}
.contact-us-others-form-comp .form-ctn .thanksMessage .post-submit-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-others-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-others-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.contact-us-others-form-comp .form-ctn .thanksMessage .post-submit-desc {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.contact-us-others-form-comp .form-ctn .thanksMessage p {
  margin: 0;
}
.contact-us-others-form-comp .form-ctn .thanksMessage h4 {
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-others-form-comp .form-ctn {
    padding: 64px 0px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-personal {
    gap: 16px;
    padding-top: 40px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-mobile {
    display: flex;
    gap: 20px;
    margin-left: 128px;
    margin-right: 128px;
  }
  .contact-us-others-form-comp .form-ctn .form-element #form-input-mobile,
  .contact-us-others-form-comp .form-ctn .form-element #form-input-lastname {
    flex: 50%;
    max-width: 512px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-social {
    margin-bottom: 40px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-personal,
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-social,
  .contact-us-others-form-comp .form-ctn .form-element .details {
    max-width: 512px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .details .comment-section {
    padding-top: 24px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
    margin-top: 8px;
    padding: 24px;
    height: auto;
    min-height: 136px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .form-submit {
    width: 109px;
    padding-top: 0px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .contact-us-others-form-comp .form-ctn .thanksMessage {
    padding: 64px 128px;
    text-align: center;
  }
  .contact-us-others-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-others-form-comp .back-button {
    padding: 40px 30px;
    width: fit-content;
    display: flex;
    align-items: center;
    text-align: left;
    color: #307fe2;
    cursor: pointer;
  }
  .contact-us-others-form-comp .back-button i {
    font-size: 12px;
  }
  .contact-us-others-form-comp .back-button .back-link {
    display: inline;
    color: #307fe2;
    padding: 0 8px;
    margin: 0;
    font-weight: 400;
  }
  .contact-us-others-form-comp .form-ctn {
    padding: 64px 0px;
  }
  .contact-us-others-form-comp .form-ctn .form-element {
    max-width: 300px;
    margin: auto;
  }
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-personal {
    padding-top: 40px;
    gap: 0px;
  }
  .contact-us-others-form-comp .form-ctn .form-element #form-input-salutation {
    width: 100%;
  }
  .contact-us-others-form-comp .form-ctn .form-element #form-input-firstname {
    width: 100%;
  }
  .contact-us-others-form-comp .form-ctn .form-element #form-input-lastname {
    width: 100%;
    margin-bottom: 40px;
  }
  .contact-us-others-form-comp .form-ctn .form-element #form-input-mobile {
    margin-bottom: 40px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-mobile {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-personal,
  .contact-us-others-form-comp .form-ctn .form-element .contact-details-social,
  .contact-us-others-form-comp .form-ctn .form-element .details {
    display: flex;
    flex-direction: column;
  }
  .contact-us-others-form-comp .form-ctn .form-element .details {
    padding-top: 16px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .details .details-title {
    text-align: center;
  }
  .contact-us-others-form-comp .form-ctn .form-element .details .comment-section {
    padding-top: 40px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .details .comment-section .form-textarea {
    padding: 16px;
    height: auto;
    min-height: 92px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper {
    margin-bottom: 40px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .contact-us-others-form-comp .form-ctn .form-element .form-submit {
    width: 299px;
    padding-top: 24px;
  }
  .contact-us-others-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 0px;
    margin: auto;
  }
  .contact-us-others-form-comp .form-ctn .thanksMessage {
    padding: 64px 30px;
    text-align: center;
  }
  .contact-us-others-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 40px;
  }
}

.contact-options-comp {
  position: relative;
}
.contact-options-comp .modal-body-main {
  padding-right: 16px !important;
}
.contact-options-comp .cross-icon-padd {
  right: 80px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-options-comp .cross-icon-padd {
    right: 0px !important;
    top: -10px !important;
  }
}
.call-back-form-padd {
  padding: 64px 16px 73px 104px !important;
  width: 812px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-padd {
    padding: 30px 10px 30px 30px !important;
    max-width: 812px;
    width: 100%;
  }
}
.call-back-form-padd .close {
  top: 64px !important;
  font-size: 50px !important;
  right: 80px !important;
  background-color: white;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-padd .close {
    top: 30px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-padd .close {
    right: 0px !important;
    top: 21px !important;
  }
}
.call-back-form-mob-width {
  justify-content: center;
}
.call-back-form-comp {
  margin: 0px;
}
.call-back-form-comp .form-ctn .form-title {
  padding-bottom: 64px;
  margin-bottom: 0px;
}
.call-back-form-comp .form-ctn .form-element .form-scroll-container {
  box-sizing: border-box;
  background: #ffffff;
  height: 360px;
  overflow-y: scroll;
  scrollbar-color: #7A8084;
  scrollbar-width: thin;
  padding-right: 112px;
  /* width */
  /* Handle */
  /* Handle on hover */
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .form-scroll-container {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .form-scroll-container {
    margin-top: 15px !important;
    height: 85vh !important;
  }
}
.call-back-form-comp .form-ctn .form-element .form-scroll-container::-webkit-scrollbar {
  display: unset;
}
.call-back-form-comp .form-ctn .form-element .form-scroll-container::-webkit-scrollbar {
  width: 4px;
  height: 100px;
}
.call-back-form-comp .form-ctn .form-element .form-scroll-container::-webkit-scrollbar-thumb {
  background: #7a8084;
}
.call-back-form-comp .form-ctn .form-element .form-scroll-container::-webkit-scrollbar-thumb:hover {
  background: #7A8084;
}
.call-back-form-comp .form-ctn .form-element .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.call-back-form-comp .form-ctn .form-element .dropdown-section {
  display: flex;
  gap: 20px;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .model-make-section,
.call-back-form-comp .form-ctn .form-element .dropdown-section .car-section {
  flex: 50%;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .model_dropdown_label {
  margin-bottom: 10px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  font-weight: lighter;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .model_dropdown_label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .model_dropdown_label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .dropdown-label {
  margin-bottom: 10px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  font-weight: lighter;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .dropdown-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .dropdown-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 220px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.call-back-form-comp .form-ctn .form-element .dropdown-section .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.call-back-form-comp .form-ctn .form-element .contact-details-personal,
.call-back-form-comp .form-ctn .form-element .contact-details-mobile {
  gap: 20px;
  width: 100%;
  justify-content: center;
}
.call-back-form-comp .form-ctn .form-element .contact-details-personal {
  align-items: flex-end;
}
.call-back-form-comp .form-ctn .form-element .contact-details-personal,
.call-back-form-comp .form-ctn .form-element .contact-details-social,
.call-back-form-comp .form-ctn .form-element .contact-details-mobile {
  display: flex;
  width: 100%;
}
.call-back-form-comp .form-ctn .form-element .contact-details-pincode {
  width: 48.6%;
  padding-top: 40px;
}
.call-back-form-comp .form-ctn .form-element .contact-details-social {
  flex-direction: column;
}
.call-back-form-comp .form-ctn .form-element #form-input-firstname,
.call-back-form-comp .form-ctn .form-element #form-input-lastname,
.call-back-form-comp .form-ctn .form-element #form-input-mobile,
.call-back-form-comp .form-ctn .form-element #form-input-salutation {
  flex: 50%;
}
.call-back-form-comp .form-ctn .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 40px;
}
.call-back-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
  font-family: Poppins;
  line-height: 20px;
  font-size: 20px;
  font-weight: 500;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.call-back-form-comp .form-ctn .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.call-back-form-comp .form-ctn .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.call-back-form-comp .form-ctn .form-element .form-input-wrapper .form-input.error {
  border-bottom: 2px solid #ed454f !important;
}
.call-back-form-comp .form-ctn .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  font-weight: lighter;
  color: #7a8084;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.call-back-form-comp .form-ctn .form-element .form-input-wrapper label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .form-input-wrapper label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile {
  position: relative;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-label {
  color: #7a8084;
  display: none;
  z-index: 1;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item {
  padding: 8px 0px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item.selected .countryName {
  color: #307fe2;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .flag-icon {
  border-radius: 2px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryCode {
  padding-left: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .dropdown .country-list .country-list-item .countryName {
  cursor: pointer;
  position: absolute;
  left: 117px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mobile-input-stlye {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det {
  top: 0;
  display: flex;
  min-width: 120px;
  width: auto;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li {
  display: flex;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li img {
  margin-right: 8px;
  border-radius: 2px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det ul li .country-code {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .isd-arrows .rotate {
  transform: rotate(180deg);
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down {
  margin-left: 5px;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det .arow-down::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .mob-det.error {
  border-bottom: 2px solid #ed454f !important;
}
.call-back-form-comp .form-ctn .form-element #form-input-mobile .mobile-input-field .phone {
  display: flex;
  border: none;
  padding: 0 0 8px 110px;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation {
  position: relative;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-label {
  color: #7a8084;
  display: block;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation {
  display: none;
  padding: 8px 16px;
  Position: absolute;
  z-index: 99;
  overflow-y: scroll;
  width: 100%;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
  right: 16px;
  margin: 16px 0px;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item {
  padding: 8px 0px;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item.selected .nameTitle {
  color: #307fe2;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .dropdown-salutation .salutation-list .salutation-list-item .nameTitle {
  cursor: pointer;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
  font-family: Poppins;
  line-height: 20px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  top: 0;
  display: flex;
  padding-bottom: 8px;
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid #383737;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  flex: 80%;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det ul li {
  display: flex;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .rotate {
  transform: rotate(180deg);
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal {
  margin-left: 5px;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .sal-det .salutation-arrows .arow-down-sal::before {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  cursor: pointer;
}
.call-back-form-comp .form-ctn .form-element #form-input-salutation .salutation-input-field .salutation {
  display: flex;
  border: none;
}
.call-back-form-comp .form-ctn .form-element .form-input--name {
  display: inline-block;
}
.call-back-form-comp .form-ctn .terms-Condition {
  display: flex;
  align-items: center;
  padding-bottom: 55px;
}
.call-back-form-comp .form-ctn .terms-Condition .tnc-check-label {
  padding-left: 0px;
}
.call-back-form-comp .form-ctn .whatsappSubscription {
  display: flex;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 67px;
  position: relative;
}
.call-back-form-comp .form-ctn .whatsappSubscription input[type='checkbox'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 24px;
  min-width: 24px;
  cursor: pointer;
}
.call-back-form-comp .form-ctn .whatsappSubscription input[type='checkbox']:checked {
  border: 2px solid #307fe2;
}
.call-back-form-comp .form-ctn .whatsappSubscription input[type='checkbox']:before {
  content: '';
  font-family: icomoon !important;
  display: block;
}
.call-back-form-comp .form-ctn .whatsappSubscription input[type='checkbox']:checked:before {
  content: "\e9b3";
  color: #ffffff;
  font-size: 20px;
  background: #307fe2;
}
.call-back-form-comp .form-ctn .whatsappSubscription #whatsappSubs {
  color: #383737;
  position: absolute;
  width: 24px;
  height: 24px;
  padding-bottom: 6px;
}
.call-back-form-comp .form-ctn .whatsappSubscription label {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding: 0;
  padding-left: 48px;
  color: #383737;
}
.call-back-form-comp .form-ctn .form-submit {
  display: flex;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-submit {
    justify-content: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-submit {
    justify-content: center;
  }
}
.call-back-form-comp .form-ctn .form-submit .form-submit-btn {
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.call-back-form-comp .form-ctn .form-submit .form-submit-btn:disabled {
  color: #7a8084;
  border-color: #7a8084;
}
.call-back-form-comp .form-ctn .active {
  border-bottom-color: #307fe2 !important;
}
.call-back-form-comp .form-ctn #form-err-msg {
  color: #ed454f;
}
.call-back-form-comp .form-ctn .thanksMessage {
  display: none;
}
.call-back-form-comp .form-ctn .thanksMessage .post-submit-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .thanksMessage .post-submit-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.call-back-form-comp .form-ctn .thanksMessage .post-submit-desc {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.call-back-form-comp .form-ctn .thanksMessage p {
  margin: 0;
}
.call-back-form-comp .form-ctn .thanksMessage h4 {
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-back-form-comp .form-ctn .form-element .form-title {
    padding-bottom: 0px;
  }
  .call-back-form-comp .form-ctn .form-element .contact-details-personal {
    gap: 16px;
    padding-top: 40px;
  }
  .call-back-form-comp .form-ctn .form-element .contact-details-personal,
  .call-back-form-comp .form-ctn .form-element .contact-details-social {
    max-width: 100%;
  }
  .call-back-form-comp .form-ctn .form-element .contact-details-mobile {
    max-width: 100%;
  }
  .call-back-form-comp .form-ctn .form-element .dropdown-section {
    display: flex;
    gap: 20px;
  }
  .call-back-form-comp .form-ctn .form-element .dropdown-section .model-make-section,
  .call-back-form-comp .form-ctn .form-element .dropdown-section .car-section {
    flex: 50%;
  }
  .call-back-form-comp .form-ctn .form-element .contact-details-pincode {
    max-width: 48.6%;
  }
  .call-back-form-comp .form-ctn .form-element .terms-Condition {
    padding-bottom: 43px;
  }
  .call-back-form-comp .form-ctn .form-element .whatsappSubscription {
    padding-top: 0px;
    padding-bottom: 43px;
  }
  .call-back-form-comp .form-ctn .form-element .form-submit {
    text-align: center;
    justify-content: center !important;
  }
  .call-back-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
  .call-back-form-comp .form-ctn .error-msg {
    text-align: center;
    justify-content: center !important;
  }
  .call-back-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .call-back-form-comp .form-ctn .form-element .form-title {
    padding-bottom: 0px;
  }
  .call-back-form-comp .form-ctn .form-element .contact-details-personal {
    gap: 0px;
  }
  .call-back-form-comp .form-ctn .form-element #form-input-salutation {
    width: 100%;
  }
  .call-back-form-comp .form-ctn .form-element #form-input-firstname {
    width: 100%;
  }
  .call-back-form-comp .form-ctn .form-element .contact-details-personal,
  .call-back-form-comp .form-ctn .form-element .contact-details-social {
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
  }
  .call-back-form-comp .form-ctn .form-element .contact-details-mobile {
    padding-bottom: 0px;
    flex-direction: column;
    gap: 0px;
  }
  .call-back-form-comp .form-ctn .form-element .dropdown-section {
    display: flex;
    flex-direction: column;
    gap: 0px;
  }
  .call-back-form-comp .form-ctn .form-element .dropdown-section .model-make-section {
    padding-bottom: 40px;
  }
  .call-back-form-comp .form-ctn .form-element .contact-details-pincode {
    padding-bottom: 0px;
    max-width: 100%;
    width: 100%;
  }
  .call-back-form-comp .form-ctn .form-element .terms-Condition {
    padding-bottom: 43px;
  }
  .call-back-form-comp .form-ctn .form-element .terms-Condition .tnc-check-label {
    padding-left: 0px;
  }
  .call-back-form-comp .form-ctn .form-element .whatsappSubscription {
    padding-top: 0px;
    padding-bottom: 43px;
  }
  .call-back-form-comp .form-ctn .form-element .form-input-wrapper {
    margin-bottom: 40px;
  }
  .call-back-form-comp .form-ctn .form-element .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .call-back-form-comp .form-ctn .form-element .form-submit {
    text-align: center;
    justify-content: center !important;
  }
  .call-back-form-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 24px;
    margin: auto;
  }
  .call-back-form-comp .form-ctn .error-msg {
    text-align: center;
    justify-content: center !important;
  }
  .call-back-form-comp .form-ctn .thanksMessage {
    padding: 8px 0px;
  }
  .call-back-form-comp .form-ctn .thanksMessage .post-submit-title {
    padding-bottom: 40px;
  }
  .call-back-form-comp .form-ctn .thanksMessage .post-submit-desc {
    padding-bottom: 15px;
  }
}

.workdetails-comp {
  z-index: 99;
}
.workdetails-comp input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.workdetails-comp .work-details .work-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .workdetails-comp .work-details .work-title {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .work-title {
    padding-left: 16px;
    margin-bottom: 18px;
  }
}
.workdetails-comp .work-details .card {
  border: none;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .workdetails-comp .work-details .card {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card {
    width: 100%;
  }
}
.workdetails-comp .work-details .card *:focus {
  outline: none;
}
.workdetails-comp .work-details .card .card-body {
  padding: 64px;
}
.workdetails-comp .work-details .card .card-body .faddress-section .workdetails-address-valid-error {
  display: none;
  color: #ed454f;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card .card-body .faddress-section {
    margin-bottom: 60px;
  }
}
.workdetails-comp .work-details .card .card-body .laddress-section .workdetails-address2-valid-error {
  display: none;
  color: #ed454f;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .workdetails-comp .work-details .card .card-body {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card .card-body {
    padding: 24px 16px;
  }
}
.workdetails-comp .work-details .card .card-body .label {
  display: none;
  margin-bottom: 8px;
  color: #7a8084;
}
.workdetails-comp .work-details .card .card-body label.error {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  position: inherit;
  left: 0;
  color: #ed454f;
  bottom: -20px !important;
}
.workdetails-comp .work-details .card .card-body label strong {
  display: none !important;
}
.workdetails-comp .work-details .card .card-body .input-field {
  border: none;
  border-bottom: 2px solid #383737 !important;
  padding: 0 0 8px 0px;
  width: 100%;
  color: #7a8084;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  max-height: 30px;
  line-height: 100%;
}
.workdetails-comp .work-details .card .card-body .input-field.error {
  border-bottom: 2px solid #ed454f !important;
}
.workdetails-comp .work-details .card .card-body .active {
  border: none;
  border-bottom-color: #307fe2 !important;
}
.workdetails-comp .work-details .card .card-body .laddress-section,
.workdetails-comp .work-details .card .card-body .addr-pincode-section {
  margin-top: 40px;
}
.workdetails-comp .work-details .card .card-body .laddress-section .error,
.workdetails-comp .work-details .card .card-body .addr-pincode-section .error {
  color: #ed454f;
  font-size: 18px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card .card-body .laddress-section,
  .workdetails-comp .work-details .card .card-body .addr-pincode-section {
    margin-top: 32px;
  }
}
.workdetails-comp .work-details .card .card-body .addr-pincode-section {
  width: 48%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .workdetails-comp .work-details .card .card-body .addr-pincode-section {
    width: 48.7%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card .card-body .addr-pincode-section {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 0px;
  }
}
.workdetails-comp .work-details .card .card-body .work-place-section {
  display: flex;
  flex-direction: row;
  margin-top: 40px;
}
.workdetails-comp .work-details .card .card-body .work-place-section .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card .card-body .work-place-section {
    flex-direction: column;
    margin-top: 0px;
  }
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section {
  width: 48%;
  margin: auto;
  white-space: nowrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section {
    width: 100%;
  }
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .cty-label p {
  margin-right: 571px;
  width: 100%;
  word-break: normal;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a .state-data,
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a .city-data {
  position: absolute;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a .state-data,
  .workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a .city-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a .state-data,
  .workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a .city-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #7a8084;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 25px !important;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
  padding: 10px 0px 8px 0px !important;
  margin-bottom: 0px !important;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
  max-width: 500px;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .cities .not-Found {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
  margin-top: 16px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .cities ul {
    margin-top: 8px !important;
  }
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: 100%;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.workdetails-comp .work-details .card .card-body .work-place-section .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.workdetails-comp .work-details .card .card-body .work-place-section .state {
  margin-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .workdetails-comp .work-details .card .card-body .work-place-section .state {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .workdetails-comp .work-details .card .card-body .work-place-section .state {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 32px;
  }
}
.workdetails-comp .work-details .card .card-body .work-place-section .city-disabled {
  pointer-events: none;
}

.provider-comp .provider {
  padding: 64px;
  background-color: #ffffff;
  max-width: 708px;
}
.provider-comp .provider .provider-body .provider-loader {
  margin-bottom: 24px;
}
.provider-comp .provider .provider-body .provider-loader .loader {
  margin: 7px;
  border: 6px solid #eaeaec;
  border-radius: 50%;
  border-top: 6px solid #307fe2;
  width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.provider-comp .provider .provider-body .provider-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .provider-comp .provider .provider-body .provider-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .provider-comp .provider .provider-body .provider-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.provider-comp .provider .provider-body .provider-description {
  color: #7a8084;
}
.provider-comp .provider .provider-body .provider-description p {
  margin-bottom: 0px;
}
.provider-comp .incomplete-provider .incomplete-body {
  padding: 65px 64px 64px 64px;
  background-color: #ffffff;
  max-width: 708px;
}
.provider-comp .incomplete-provider .incomplete-body .incomplete-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .provider-comp .incomplete-provider .incomplete-body .incomplete-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .provider-comp .incomplete-provider .incomplete-body .incomplete-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.provider-comp .incomplete-provider .incomplete-body .incomplete-kyc {
  color: #383737;
  margin-bottom: 40px;
}
.provider-comp .incomplete-provider .incomplete-body .incomplete-description {
  color: #7a8084;
}
.provider-comp .incomplete-provider .incomplete-body .incomplete-description p {
  margin-bottom: 0px;
}
.provider-comp .incomplete-provider .continue-button {
  padding-top: 104px;
}
.provider-comp .incomplete-provider .continue-button .incomplete-btn {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}
.provider-comp .incomplete-provider .continue-button .incomplete-txt {
  visibility: hidden;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .provider-comp .provider {
    padding: 40px;
    max-width: 100%;
  }
  .provider-comp .provider .provider-body .provider-loader {
    margin-bottom: 40px;
  }
  .provider-comp .provider .provider-body .provider-loader .loader {
    margin: 0px;
    width: 64px;
    height: 64px;
  }
  .provider-comp .incomplete-provider .incomplete-body {
    padding: 40px;
    max-width: 100%;
  }
  .provider-comp .incomplete-provider .incomplete-body .incomplete-title {
    margin-bottom: 24px;
  }
  .provider-comp .incomplete-provider .continue-button {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .provider-comp .provider {
    padding: 24px 16px 24px 16px;
  }
  .provider-comp .provider .provider-body .provider-loader {
    margin-bottom: 24px;
  }
  .provider-comp .provider .provider-body .provider-loader .loader {
    width: 48px;
    height: 48px;
  }
  .provider-comp .incomplete-provider .incomplete-body {
    padding: 24px 16px 24px 16px;
    max-width: 100%;
  }
  .provider-comp .incomplete-provider .incomplete-body .incomplete-title {
    margin-bottom: 16px;
  }
  .provider-comp .incomplete-provider .continue-button {
    padding-top: 40px;
  }
  .provider-comp .incomplete-provider .continue-button .incomplete-btn {
    width: 100%;
  }
}

.finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown {
  display: none;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container {
  background-color: #307fe2;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container {
  padding: 24px 0px;
  display: inline-flex;
  list-style: none;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps {
  padding-right: 40px;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps:last-child .cpb-step-labels::after {
  display: none;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps .cpb-step-labels {
  margin-bottom: 0;
  color: #003b84;
  cursor: pointer;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps .cpb-step-labels .cpb-step-number {
  width: 40px;
  height: 40px;
  background: none;
  border: solid 2px #003b84;
  display: inline-flex;
  color: #003b84;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  border-radius: 50%;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps .cpb-step-labels::after {
  content: "\e98b";
  font-family: icomoon;
  padding-left: 40px;
  color: #003b84;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.activeStep .cpb-step-labels {
  color: #ffffff;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.activeStep .cpb-step-labels .cpb-step-number {
  background: #ffffff;
  border: solid 2px #ffffff;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.visited .cpb-step-labels {
  color: #ffffff;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.visited .cpb-step-labels .cpb-step-number {
  color: #ffffff;
  background: #003b84;
  border: solid 2px #003b84;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.available .cpb-step-labels {
  color: #ffffff;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.available .cpb-step-labels .cpb-step-number {
  color: #ffffff;
  background: none;
  border: solid 2px #ffffff;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.disable {
  pointer-events: none;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.disable .cpb-step-labels {
  color: #ffffff;
}
.finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps.disable .cpb-step-labels .cpb-step-number {
  color: #ffffff;
  background: #003b84;
  border: solid 2px #003b84;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container {
  margin: 0 auto;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn {
  display: flex;
  max-width: 1228px;
  margin: 0 auto;
  margin-top: 104px;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn.left-align {
  justify-content: flex-start;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn.right-align {
  justify-content: flex-end;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn.center-align {
  justify-content: center;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn .cpb-button {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 16px 32px;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn .cpb-button h6 {
  margin-bottom: 0;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn .cpb-button.white {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn .cpb-button.white:disabled {
  color: rgba(122, 128, 132, 0.5);
  border-color: rgba(122, 128, 132, 0.5);
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn .cpb-button.blue {
  border: 2px solid #307fe2;
  background-color: #307fe2;
  color: #ffffff;
}
.finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn .cpb-button.blue:disabled {
  color: rgba(122, 128, 132, 0.5);
  border-color: rgba(122, 128, 132, 0.5);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown {
    display: flex;
    padding: 24px 48px;
    background-color: #307fe2;
    place-content: space-between;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown::after {
    content: "\e994";
    font-family: icomoon;
    color: #ffffff;
    padding: 5px 0;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown.toggle::after {
    rotate: 180deg;
    margin-bottom: 5px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown .cpb-tab-mob {
    display: flex;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown .cpb-tab-mob .cpb-step-number {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    background: #ffffff;
    border: solid 2px #ffffff;
    display: inline-flex;
    color: #003b84;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown .cpb-tab-mob .cpb-active-step {
    margin-bottom: 0;
    padding: 5px 0;
    color: #ffffff;
    cursor: pointer;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container {
    flex-direction: column;
    border-top: solid 1px #003b84;
    background-color: #307fe2;
    padding: 6px 48px 40px 48px;
    display: none;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container.expand-steps-container {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps {
    padding: 8px 0px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps .cpb-step-labels::after {
    display: none;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps .cpb-step-labels .cpb-step-number {
    height: 30px;
    width: 30px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn {
    max-width: 95px;
    margin-top: 52px;
    margin-left: 45px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn .cpb-button {
    padding: 12px 10px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown .cpb-tab-mob .cpb-step-number {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown .cpb-tab-mob .cpb-step-number {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown {
    padding: 16px 30px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-steps-dropdown .cpb-tab-mob .cpb-step-number {
    margin-right: 13px;
    height: 24px;
    width: 24px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container {
    padding: 7px 30px 22px 30px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .finance-progress-bar-container .cpb-steps-container .cpb-steps .cpb-step-number {
    height: 24px;
    width: 24px;
    margin-right: 13px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn {
    max-width: 100%;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 30px;
  }
  .finance-progress-bar-comp .finance-progress-bar-steps .cpb-items-container .align-btn .cpb-button {
    padding: 12px 32px;
    width: 100%;
  }
}
.finance-progress-bar-comp .otp-modal-popup .modal-dialog {
  max-width: 60%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-progress-bar-comp .otp-modal-popup .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-progress-bar-comp .otp-modal-popup .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0px;
  }
}
.finance-progress-bar-comp .otp-modal-popup .modal-dialog .modal-content .modal-body {
  min-height: 480px;
}

.finance-policy-details-comp .finance-policy-details {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details {
    flex-direction: column-reverse;
  }
}
.finance-policy-details-comp .finance-policy-details .left-side-section {
  padding: 64px 54px 64px 64px;
  background-color: #f8f8f8;
  width: 50%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section {
    width: 100%;
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section {
    padding: 24px 16px;
  }
}
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-title {
    padding-bottom: 24px;
  }
}
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .details-title {
  padding-bottom: 8px;
}
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .provider-details {
  margin-bottom: 24px;
}
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .provider-info img {
  width: 150px;
  height: 60px;
}
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .tenure-details {
  padding-bottom: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .tenure-details {
    padding-bottom: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .tenure-details {
    padding-bottom: 24px;
  }
}
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .interest-details,
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .emi-details,
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .total-cost-details {
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .interest-details,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .emi-details,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .total-cost-details {
    padding-bottom: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .interest-details,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .emi-details,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .total-cost-details {
    padding-bottom: 24px;
  }
}
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .tenure-info,
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .interest-info,
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .provider-info {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .tenure-info,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .interest-info,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .provider-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .tenure-info,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .interest-info,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .provider-info {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .emi-info,
.finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .total-cost-info {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .emi-info,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .total-cost-info {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .emi-info,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .total-cost-info {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .emi-details,
  .finance-policy-details-comp .finance-policy-details .left-side-section .policy-details .total-cost-details {
    width: 50%;
  }
}
.finance-policy-details-comp .finance-policy-details .right-side-section {
  width: 50%;
  background-color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section {
    width: 100%;
    height: 265px;
  }
}
.finance-policy-details-comp .finance-policy-details .right-side-section .approved-label,
.finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-label {
  border: 2px solid #ffffff;
  border-radius: 50%;
  margin: 173px 263px 0px 263px;
  text-align: center;
  width: 88px;
  height: 88px;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-label,
  .finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-label {
    margin: 64px 300px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-label,
  .finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-label {
    width: 64px;
    height: 64px;
    margin: 51px 134px 0px;
  }
}
.finance-policy-details-comp .finance-policy-details .right-side-section .approved-label .icon-Tick,
.finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-label .icon-Tick,
.finance-policy-details-comp .finance-policy-details .right-side-section .approved-label .icon-Warning-MarkOnly,
.finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-label .icon-Warning-MarkOnly {
  color: #ffffff;
  position: absolute;
  top: 23px;
  left: 24px;
  font-size: 34px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-label .icon-Tick,
  .finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-label .icon-Tick,
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-label .icon-Warning-MarkOnly,
  .finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-label .icon-Warning-MarkOnly {
    top: 14px;
    left: 16px;
    font-size: 29px;
  }
}
.finance-policy-details-comp .finance-policy-details .right-side-section .approved-title,
.finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #ffffff;
  margin-top: 16px;
  width: 71%;
  margin-right: 106px;
  margin-left: 106px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-title,
  .finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-title,
  .finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-title,
  .finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-title {
    width: 70%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-title,
  .finance-policy-details-comp .finance-policy-details .right-side-section .un-approved-title {
    width: 81%;
    margin-right: 32px;
    margin-left: 32px;
  }
}
.finance-policy-details-comp .finance-policy-details .right-side-section .approved-title {
  margin-left: 80px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-policy-details-comp .finance-policy-details .right-side-section .approved-title {
    margin-left: 30px;
  }
}

.finance-personal-details-comp input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.finance-personal-details-comp .personal-details {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .personal-details {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .personal-details {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .personal-details {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .personal-details {
    margin-bottom: 16px;
  }
}
.finance-personal-details-comp .input-row {
  background-color: #ffffff;
  padding: 64px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row {
    margin-bottom: 14px;
  }
}
.finance-personal-details-comp .input-row .personal-status {
  flex-direction: row;
  border: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status {
    flex-wrap: wrap;
    border: none;
    margin-bottom: 32px;
  }
}
.finance-personal-details-comp .input-row .personal-status .label-names {
  display: none;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
  position: absolute;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .label-names {
    font-size: 16px;
    line-height: 20px;
  }
}
.finance-personal-details-comp .input-row .personal-status label.error {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -20px !important;
}
.finance-personal-details-comp .input-row .personal-status label strong {
  display: none !important;
}
.finance-personal-details-comp .input-row .personal-status .input-field {
  border: none;
  border-bottom: 2px solid #383737 !important;
  padding: 0 0 8px 0px;
  width: 100%;
  color: #7a8084;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  height: 35px;
}
.finance-personal-details-comp .input-row .personal-status .input-field.error {
  border-bottom: 2px solid #ed454f !important;
}
.finance-personal-details-comp .input-row .personal-status .input-field:focus {
  outline: none;
}
.finance-personal-details-comp .input-row .personal-status .active {
  border: none;
  border-bottom-color: #307fe2 !important;
}
.finance-personal-details-comp .input-row .personal-status .gender-select {
  display: flex;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data {
  margin-right: 22px;
  width: 48%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data {
    width: 300px ;
    margin-right: 0px;
  }
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown {
  position: relative;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .select-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents {
  max-height: 120px;
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 120px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown {
    width: 296px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data .compare-dropdown {
    width: 300px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data {
    flex: 0 0 auto;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-data {
    margin-right: 16px ;
    width: 296px;
  }
}
.finance-personal-details-comp .input-row .personal-status .gender-select .gender-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select .gender-label {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .gender-select {
    display: block;
  }
}
.finance-personal-details-comp .input-row .personal-status .martial-select {
  margin-bottom: 40px;
  width: 48%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select {
    width: 296px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select {
    width: 300px;
    margin-bottom: 32px;
  }
}
.finance-personal-details-comp .input-row .personal-status .martial-select .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .input-visibility-hidden {
    display: none;
  }
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 {
  position: relative;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1.active::after {
  transform: rotate(180deg);
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .select-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents {
  max-height: 120px;
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 120px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .compare-dropdown1 {
    margin-bottom: 0px;
  }
}
.finance-personal-details-comp .input-row .personal-status .martial-select .martial-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .personal-status .martial-select .martial-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.finance-personal-details-comp .input-row .personal-status .residence {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .personal-status .residence {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row {
    padding: 24px 16px 0px 16px;
  }
}
.finance-personal-details-comp .input-row .input-upper,
.finance-personal-details-comp .input-row .input-lower {
  display: flex;
  flex-direction: row;
  border: none;
  margin-bottom: 50px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper,
  .finance-personal-details-comp .input-row .input-lower {
    flex-wrap: wrap;
    margin-bottom: 0px;
  }
}
.finance-personal-details-comp .input-row .input-upper .dob-padd,
.finance-personal-details-comp .input-row .input-lower .dob-padd {
  margin-top: 30px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper .dob-padd,
  .finance-personal-details-comp .input-row .input-lower .dob-padd {
    margin-top: 0px;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-left,
.finance-personal-details-comp .input-row .input-lower .input-upper-left {
  width: 48%;
  margin-right: 22px;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-left .emi-value,
.finance-personal-details-comp .input-row .input-lower .input-upper-left .emi-value,
.finance-personal-details-comp .input-row .input-upper .input-upper-left .date-of-birth,
.finance-personal-details-comp .input-row .input-lower .input-upper-left .date-of-birth {
  position: relative;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-left,
  .finance-personal-details-comp .input-row .input-lower .input-upper-left {
    width: 300px !important;
    margin-right: 0px !important;
    margin-bottom: 60px;
    margin-top: 32px;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-left .personal-color,
.finance-personal-details-comp .input-row .input-lower .input-upper-left .personal-color {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-left: 0px;
  padding-top: 20px;
  padding-bottom: 8px;
  height: 50px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-left .personal-color,
  .finance-personal-details-comp .input-row .input-lower .input-upper-left .personal-color {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-left,
  .finance-personal-details-comp .input-row .input-lower .input-upper-left {
    flex: 0 0 auto;
    margin-bottom: 32px;
    margin-top: 28px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-left,
  .finance-personal-details-comp .input-row .input-lower .input-upper-left {
    margin-right: 16px;
    width: 296px;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right,
.finance-personal-details-comp .input-row .input-lower .input-upper-right {
  width: 48%;
  padding-right: 0px;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .pan-value,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .pan-value {
  position: relative;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .input-visibility-hidden,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right {
    margin-bottom: 32px;
    margin-top: 19px;
    width: 300px !important ;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .personal-color,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .personal-color {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .personal-color,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .personal-color {
    font-size: 16px;
    line-height: 20px;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right input,
.finance-personal-details-comp .input-row .input-lower .input-upper-right input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right {
    padding-right: 0px !important;
    width: 296px ;
  }
  .finance-personal-details-comp .input-row .input-upper .input-upper-right #float,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right #float {
    padding-right: 0px !important;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 {
  position: relative;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2::after,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2.active::after,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2.active::after {
  transform: rotate(180deg);
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2.disabled,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .select-label,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .select-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .select-label,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .select-label,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents {
  max-height: 120px;
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 120px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options .custom-option,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options .custom-option.selected,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options .custom-option.disabled,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 {
    width: 296px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right .compare-dropdown2,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right .compare-dropdown2 {
    width: 300px ;
  }
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .panval-error,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .panval-error {
  border-bottom: 2px solid #ed454f !important;
}
.finance-personal-details-comp .input-row .input-upper .input-upper-right .pan-error,
.finance-personal-details-comp .input-row .input-lower .input-upper-right .pan-error {
  display: none;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #ed454f;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-personal-details-comp .input-row .input-upper .input-upper-right,
  .finance-personal-details-comp .input-row .input-lower .input-upper-right {
    padding-right: 16px;
  }
  .finance-personal-details-comp .input-row .input-upper #float,
  .finance-personal-details-comp .input-row .input-lower #float {
    padding-right: 0px !important;
  }
}
.finance-personal-details-comp .input-lower {
  display: flex;
  flex-direction: row;
}
.finance-personal-details-comp .input-lower .input-upper-right {
  margin-bottom: 0px;
}

.finance-sticky-overview {
  position: sticky;
  top: 0px;
  align-self: flex-start;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-sticky-overview {
    position: relative;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .finance-overview-comp {
    position: relative;
    z-index: 999;
    padding-left: 0;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .finance-overview-comp .modal_overlay {
    position: relative;
  }
  .finance-overview-comp .modal_overlay:before {
    opacity: 0.7;
    position: fixed;
    background: #282828;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    content: "";
  }
}
.finance-overview-comp .finance_overview_box {
  max-width: 396px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .finance-overview-comp .finance_overview_box {
    max-width: 100%;
    position: relative;
  }
}
.finance-overview-comp .finance_overview_box .collapse_toggle_mobile {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .finance-overview-comp .finance_overview_box .collapse_toggle_mobile {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #ffffff;
    width: 100%;
    padding: 16px 40px;
    left: 0px;
    right: 0px;
    min-height: 78px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-overview-comp .finance_overview_box .collapse_toggle_mobile {
    padding: 16px 30px;
  }
}
.finance-overview-comp .finance_overview_box .list_heading {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  align-items: center;
  cursor: pointer;
  color: #383737;
}
.finance-overview-comp .finance_overview_box .list_heading .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .finance-overview-comp .finance_overview_box .list_heading .mobile-icon {
    margin-left: 557px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-overview-comp .finance_overview_box .list_heading .mobile-icon {
    margin-left: 170px;
  }
}
.finance-overview-comp .finance_overview_box .finance_overview_title {
  padding-bottom: 21px;
  color: #383737;
}
.finance-overview-comp .finance_overview_box .finance_overview_divider {
  border-bottom: solid 2px #eaeaec;
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price {
  width: 100%;
  background: #ffffff;
  border-left: solid 8px #307fe2;
  min-height: 76px;
  padding: 16px 24px 16px 16px;
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-overview-comp .finance_overview_box .finance_overview_total_price {
    background-color: #f8f8f8;
  }
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .total-text {
  padding-bottom: 12px;
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan {
  display: flex;
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .loan-details {
  width: 50%;
  margin-right: 24px;
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .loan-details .loan-title {
  color: #7a8084;
  margin-bottom: 4px;
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .loan-details .loan-value {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .loan-details .loan-value {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .loan-details .loan-value {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .emi-details .emi-title {
  color: #7a8084;
  margin-bottom: 4px;
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .emi-details .emi-value {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .emi-details .emi-value {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-overview-comp .finance_overview_box .finance_overview_total_price .details-loan .emi-details .emi-value {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .total-price {
  padding-top: 4px;
  color: #383737;
}
.finance-overview-comp .finance_overview_box .finance_overview_total_price .description-finance p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 0;
  padding-top: 8px;
}
.finance-overview-comp .finance_overview_box .overview_box_accordian {
  padding: 16px 0px 16px 0px;
  border-bottom: solid 2px #eaeaec;
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item.collapseItems {
  display: none;
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list {
  margin: 0px;
  padding: 0px;
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0px 0px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
    flex-direction: column;
  }
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span {
  color: #7a8084;
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
  max-width: 197px;
  text-align: right;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
    max-width: 100%;
    text-align: left;
  }
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 span {
  display: block;
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li .address {
  max-width: 255px !important;
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:last-child {
  padding-bottom: 0px;
}
.finance-overview-comp .finance_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span:nth-child(2) {
  text-align: right;
}
@media only screen and (min-width: 1200px) {
  .finance-overview-comp .finance_overview_box .overview_box_container {
    display: block !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .finance-overview-comp .finance_overview_box .overview_box_container {
    position: fixed !important;
    top: auto;
    bottom: 78px;
    height: 36% !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-overview-comp .finance_overview_box .overview_box_container {
    position: fixed !important;
    top: 0px;
    height: calc(100vh - 78px) !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 999;
    display: none;
  }
}
.finance-overview-comp .cq-Editable-dom .finance-overview-comp .overview_box_container,
.finance-overview-comp .cq-Editable-dom .finance-overview-comp .collapse_toggle_mobile {
  position: static !important;
  height: auto !important;
}

@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .otp-verify-comp {
    position: relative;
    z-index: 98;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp {
    position: relative;
    z-index: 98;
  }
}
.otp-verify-comp .verification-details {
  padding-left: 104px;
  padding-right: 184px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .otp-verify-comp .verification-details {
    padding-left: 40px;
    padding-right: 128px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp .verification-details {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.otp-verify-comp .verification-details .otp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .otp-verify-comp .verification-details .otp-header {
    padding-top: 40px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp .verification-details .otp-header {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}
.otp-verify-comp .verification-details .otp-header .verify-title {
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .otp-verify-comp .verification-details .otp-header .verify-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp .verification-details .otp-header .verify-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.otp-verify-comp .verification-details .otp-header .icon-Cross {
  font-size: 38px;
  font-weight: 600;
  color: #383737;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .otp-verify-comp .verification-details .otp-header .icon-Cross {
    font-size: 28px;
    position: absolute;
    right: -15%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp .verification-details .otp-header .icon-Cross {
    font-size: 28px;
    position: absolute;
    right: -3%;
  }
}
.otp-verify-comp .verification-details .verify-note {
  color: #7a8084;
  max-width: 482px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .otp-verify-comp .verification-details .verify-note {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .otp-verify-comp .verification-details .verify-note {
    max-width: 600px;
  }
}
.otp-verify-comp .verification-details .otp .form-control {
  border: none;
  border-radius: 0px;
  padding: 0 !important;
}
.otp-verify-comp .verification-details .otp .form-control:focus {
  box-shadow: none !important;
  border: none !important;
  border-radius: 0px;
  border-bottom: solid 2px #307fe2 !important;
}
.otp-verify-comp .verification-details .otp input[type="text"] {
  line-height: 1;
  border-bottom: 2px solid #383737;
  border-radius: 0px;
  background: transparent;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp .verification-details .otp input[type="text"] {
    margin-right: 8px;
  }
}
.otp-verify-comp .verification-details .invalid-msg {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #ed454f;
  margin-top: 8px;
}
.otp-verify-comp .verification-details .buttons {
  padding-top: 49px;
  display: flex;
  align-items: center;
  padding-bottom: 49px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp .verification-details .buttons {
    display: block;
  }
}
.otp-verify-comp .verification-details .buttons .next-button .cta-btn {
  color: #307fe2;
  border: 2px solid #307fe2;
  padding: 12px 24px !important;
  cursor: pointer;
  background-color: #ffffff;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp .verification-details .buttons .next-button .cta-btn {
    width: 100%;
    padding: 12px 24px 12px 24px !important;
  }
}
.otp-verify-comp .verification-details .buttons .next-button .cta-btn.disabled {
  color: #7a8084;
  border: 2px solid #7a8084;
  pointer-events: none;
  opacity: 0.5;
  background-color: #ffffff;
}
.otp-verify-comp .verification-details .buttons .resend-buttons .resend-otp {
  color: #307fe2;
  border: 2px solid #307fe2;
  padding: 12px 24px !important;
  cursor: pointer;
  background-color: #ffffff;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .otp-verify-comp .verification-details .buttons .resend-buttons .resend-otp {
    padding: 12px 215px 12px 24px !important;
  }
}
.otp-verify-comp .verification-details .buttons .resend-buttons .resend-otp.disabled {
  color: #7a8084;
  border: 2px solid #7a8084;
  pointer-events: none;
  opacity: 0.5;
  background-color: #ffffff;
}

.next-steps-comp .next-step-title {
  display: none;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .next-step-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .next-step-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.next-steps-comp .steps-to-own-finance {
  display: none;
}
.next-steps-comp .cross {
  background-color: #ffffff;
  right: 0px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
.next-steps-comp .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
}
.next-steps-comp .card-container {
  display: none;
}
.next-steps-comp .card-container .next-steps-cards {
  max-width: 382px;
  background-color: white;
  padding: 40px;
  margin-right: 40px;
}
.next-steps-comp .card-container .next-steps-cards:last-child {
  margin-right: 0px;
}
.next-steps-comp .card-container .next-steps-cards .card-icon {
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #307fe2;
  width: 32px;
  height: 32px;
  padding: 6px;
  align-items: center;
}
.next-steps-comp .card-container .next-steps-cards .card-icon .icon-Purchase {
  font-size: 17px;
}
.next-steps-comp .card-container .next-steps-cards .details-data .card-ttle {
  padding-top: 24px;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .card-container .next-steps-cards .details-data .card-ttle {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .card-container .next-steps-cards .details-data .card-ttle {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.next-steps-comp .card-container .next-steps-cards .details-data .card-desc {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 24px;
  width: 302px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .card-container .next-steps-cards .details-data .card-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.next-steps-comp .card-container .next-steps-cards .details-data .card-desc p {
  margin: 0px !important;
}
.next-steps-comp .card-container .next-steps-cards .details-data .card-link .crd-url {
  padding: 0px;
}
.next-steps-comp .card-container .next-steps-cards .details-data .card-link .icon-Arrow-Right-20 {
  padding-left: 9px;
  font-size: 10px;
  color: #307fe2;
}
.next-steps-comp .contact-delearship-popup .modal-dialog {
  max-width: 812px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content {
  border: 0px;
  padding: 80px 104px;
  border-radius: 0px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .popup-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  max-width: 564px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .popup-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .popup-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .popup-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .popup-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data hr {
  color: #eaeaec;
  margin: 0px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .concorde-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-top: 24px;
  padding-bottom: 24px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .concorde-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .concorde-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details {
  display: flex;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .call-details {
  margin-right: 24px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .call-details .cal-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 8px;
  width: 290px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .call-details .cal-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .call-details .number-data {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 290px;
  color: #383737;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .call-details .number-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .call-details .number-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .whatsapp-details .whatsapp-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 8px;
  color: #7a8084;
  width: 290px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .whatsapp-details .whatsapp-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .whatsapp-details .whatsapp-data {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 24px;
  width: 290px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .whatsapp-details .whatsapp-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .whatsapp-details .whatsapp-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details {
  display: flex;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details {
  margin-right: 24px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .address-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 8px;
  width: 290px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .address-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .address-data {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 8px;
  width: 290px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .address-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .address-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .get-direction {
  padding-bottom: 24px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .get-direction .get-direction-link {
  border: none;
  padding: 0px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .get-direction .icon-Arrow-Right-20 {
  padding-left: 8px;
  color: #307fe2;
  font-size: 12px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .opening-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 8px;
  width: 290px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .opening-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data {
  width: 290px;
}
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data p,
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data .day-data,
.next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data .time-data {
  font-family: Poppins !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  padding-bottom: 8px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data p,
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data .day-data,
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data .time-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data p,
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data .day-data,
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data .time-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .next-steps-comp .card-container {
    display: block;
  }
  .next-steps-comp .card-container .next-steps-cards {
    display: flex;
    max-width: 688px;
    padding: 32px;
    margin-right: 0px;
    margin-bottom: 24px;
  }
  .next-steps-comp .card-container .next-steps-cards:last-child {
    margin-bottom: 0px;
  }
  .next-steps-comp .card-container .next-steps-cards .card-icon {
    width: 28px;
    height: 28px;
    margin-right: 24px;
    padding: 4px;
  }
  .next-steps-comp .card-container .next-steps-cards .details-data .card-ttle {
    padding-top: 0px;
  }
  .next-steps-comp .card-container .next-steps-cards .details-data .card-desc {
    width: 510px;
    padding-bottom: 16px;
    margin: 0px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog {
    max-width: 768px;
    margin: 520px 0px 0px 0px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content {
    padding: 40px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .popup-title {
    padding-bottom: 24px;
    max-width: 608px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .popup-desc {
    max-width: 600px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .concorde-title {
    max-width: 604px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dial-details .call-details .cal-label {
    width: 288x;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dial-details .call-details .number-data {
    width: 288px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dial-details .whatsapp-details .whatsapp-label {
    width: 288px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dial-details .whatsapp-details .whatsapp-data {
    width: 288px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .address-opening-details .address-details .address-label {
    width: 288px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .address-opening-details .address-details .address-data {
    width: 288px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .address-opening-details .opening-details .opening-label {
    width: 288px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .address-opening-details .opening-details .days-data {
    width: 288px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .next-steps-comp .card-container .next-steps-cards {
    display: block;
    padding: 16px 24px;
    max-width: 332px;
  }
  .next-steps-comp .card-container .next-steps-cards .card-icon {
    width: 32px;
    height: 32px;
    margin-right: 0px;
    margin-bottom: 24px;
    padding: 6px;
  }
  .next-steps-comp .card-container .next-steps-cards .details-data .card-ttle {
    padding-top: 0px;
  }
  .next-steps-comp .card-container .next-steps-cards .details-data .card-desc {
    width: 300px;
    padding-bottom: 32px;
    margin: 0px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog {
    max-width: 360px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content {
    padding: 32px 30px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .popup-title {
    padding-bottom: 32px;
    max-width: 252px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details {
    display: block;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .call-details .cal-label {
    width: 300px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .call-details .number-data {
    width: 300px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .whatsapp-details .whatsapp-label {
    width: 300px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .dial-details .whatsapp-details .whatsapp-data {
    width: 300px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details {
    display: block;
    margin-right: 0px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .address-label {
    width: 300px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .address-details .address-data {
    width: 300px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .opening-label {
    width: 300px;
  }
  .next-steps-comp .contact-delearship-popup .modal-dialog .modal-content .modal-body .dealer-data .address-opening-details .opening-details .days-data {
    width: 300px;
  }
}

.loan-status-comp {
  width: 812px;
  background-color: #ffffff;
}
.loan-status-comp .enter-details-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-status-comp .enter-details-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-status-comp .enter-details-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.loan-status-comp .error_message {
  color: #ed454f;
  display: none;
  padding-top: 8px;
}
.loan-status-comp .label-titles {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-status-comp .label-titles {
    font-size: 16px;
    line-height: 20px;
  }
}
.loan-status-comp .pan-and-error-msg,
.loan-status-comp .dob-and-error-msg {
  padding-bottom: 70px;
}
.loan-status-comp .pan-and-dob .details-brdr {
  border-bottom: 2px solid #383737;
  width: 278px;
  padding-bottom: 8px;
  position: relative;
}
.loan-status-comp .pan-and-dob .details-brdr:first-child {
  margin-right: 24px;
}
.loan-status-comp .pan-and-dob #pan,
.loan-status-comp .pan-and-dob #dob {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  border: none;
  outline: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-status-comp .pan-and-dob #pan,
  .loan-status-comp .pan-and-dob #dob {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-status-comp .pan-and-dob #pan,
  .loan-status-comp .pan-and-dob #dob {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.loan-status-comp .details-brdr {
  border-bottom: 2px solid #383737;
  width: 580px;
  padding-bottom: 8px;
  position: absolute;
}
.loan-status-comp .flag-code {
  height: 20px;
  width: 30px;
  margin-top: 5px;
}
.loan-status-comp .mobile-num {
  padding-bottom: 40px;
}
.loan-status-comp .mobile-num .mobile {
  position: relative;
}
.loan-status-comp .mobile-num .mobile .details-brdr .flag-code {
  float: left;
}
.loan-status-comp .mobile-num .mobile .details-brdr .country-option #isd-code {
  padding-left: 8px;
  float: left;
  padding-right: 8px;
  color: #383737;
  margin-top: 5px;
}
.loan-status-comp .mobile-num .mobile .details-brdr .country-option #mobile-details {
  float: left;
}
.loan-status-comp .mobile-num .mobile .details-brdr .mble-num {
  border: none;
  padding: 0 0px 0px 8px;
  background-color: #ffffff !important;
  width: 80%;
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-status-comp .mobile-num .mobile .details-brdr .mble-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-status-comp .mobile-num .mobile .details-brdr .mble-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.loan-status-comp .mobile-num .mobile .details-brdr .mble-num:focus {
  outline: none;
}
.loan-status-comp .mobile-num .mobile #mobile-details {
  display: inline-block;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-status-comp .mobile-num .mobile #mobile-details {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-status-comp .mobile-num .mobile #mobile-details {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.loan-status-comp .country-option {
  border: none;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-status-comp .country-option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-status-comp .country-option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.loan-status-comp .submit-button .submit-btn {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  margin-top: 40px;
}
.loan-status-comp .submit-button .submit-btn.disabled {
  color: rgba(56, 55, 55, 0.8);
  pointer-events: none;
  border: 2px solid rgba(56, 55, 55, 0.8);
}
.loan-status-comp .label {
  display: none;
  margin-bottom: 8px;
  color: #7a8084;
}
.loan-status-comp .input-fields {
  border: none;
  width: 278px;
  color: #7a8084;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  max-height: 30px;
}
.loan-status-comp .input-fields.error {
  border-bottom: 2px solid #ed454f !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-status-comp {
    width: 100%;
  }
  .loan-status-comp .enter-details-title {
    padding-bottom: 60px;
  }
  .loan-status-comp .pan-and-error-msg,
  .loan-status-comp .dob-and-error-msg {
    padding-bottom: 68px;
  }
  .loan-status-comp .label-titles {
    margin-bottom: 10px;
  }
  .loan-status-comp .pan-and-dob .details-brdr {
    width: 332px;
  }
  .loan-status-comp .details-brdr {
    width: 688px;
  }
  .loan-status-comp .flag-code {
    margin-top: 0px !important;
  }
  .loan-status-comp .mobile-num .mobile .country-option #isd-code {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-status-comp {
    width: 100%;
  }
  .loan-status-comp .pan-and-error-msg,
  .loan-status-comp .dob-and-error-msg {
    padding-bottom: 60px;
  }
  .loan-status-comp .pan-and-dob {
    display: block !important;
  }
  .loan-status-comp .pan-and-dob .details-brdr {
    width: 300px;
  }
  .loan-status-comp .details-brdr {
    width: 300px;
  }
  .loan-status-comp .mobile .details-brdr .mble-num {
    width: 74% !important;
  }
  .loan-status-comp .submit-button .submit-btn {
    width: 300px;
  }
}

@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp {
    position: relative;
    z-index: 98;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp {
    position: relative;
    z-index: 98;
    padding-left: 14px;
    padding-right: 14px;
  }
}
.loan-options-comp .main-title {
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-top: 104px;
  padding-bottom: 40px;
  max-width: 85%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .main-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .main-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .main-title {
    padding-top: 62px;
    padding-right: 24px;
    max-width: 85%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .main-title {
    padding-left: 16px;
    padding-top: 40px;
    padding-bottom: 16px;
    padding-right: 0px;
    max-width: 52%;
  }
}
.loan-options-comp .getting-loan-options {
  padding-left: 64px;
  padding-right: 64px;
  background-color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .getting-loan-options {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .getting-loan-options {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.loan-options-comp .getting-loan-options .get-quotes-loader {
  padding-top: 72px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .getting-loan-options .get-quotes-loader {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .getting-loan-options .get-quotes-loader {
    padding-top: 24px;
  }
}
.loan-options-comp .getting-loan-options .get-quotes-loader .loader {
  border: 6px solid #eaeaec;
  border-radius: 50%;
  border-top: 6px solid #307fe2;
  width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loan-options-comp .getting-loan-options .quotes-title {
  color: #383737;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-top: 31px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .getting-loan-options .quotes-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .getting-loan-options .quotes-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .getting-loan-options .quotes-title {
    padding-top: 40px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .getting-loan-options .quotes-title {
    padding-top: 24px;
    padding-bottom: 16px;
  }
}
.loan-options-comp .getting-loan-options .quotes-disclaimer {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .getting-loan-options .quotes-disclaimer {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .getting-loan-options .quotes-disclaimer {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .getting-loan-options .quotes-disclaimer {
    padding-bottom: 24px;
  }
}
.loan-options-comp .finance-loan-options {
  padding-left: 64px;
  padding-right: 64px;
  background-color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.loan-options-comp .finance-loan-options .loan-options {
  padding-top: 29px;
  padding-bottom: 29px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .loan-options {
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.loan-options-comp .finance-loan-options .loan-title {
  padding-top: 64px;
  color: #383737;
  max-width: 63% !important;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .loan-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .loan-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.loan-options-comp .finance-loan-options .loan-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-top: 24px;
  padding-bottom: 11px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .loan-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .loan-desc {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .loan-desc p {
    margin-bottom: 0px;
  }
}
.loan-options-comp .finance-loan-options .loan-types {
  display: flex;
  justify-content: space-between;
}
.loan-options-comp .finance-loan-options .monthly-interest,
.loan-options-comp .finance-loan-options .monthly-emi,
.loan-options-comp .finance-loan-options .max-ltv,
.loan-options-comp .finance-loan-options .tenure-cost {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .monthly-interest,
  .loan-options-comp .finance-loan-options .monthly-emi,
  .loan-options-comp .finance-loan-options .max-ltv,
  .loan-options-comp .finance-loan-options .tenure-cost {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .monthly-interest,
  .loan-options-comp .finance-loan-options .monthly-emi,
  .loan-options-comp .finance-loan-options .max-ltv,
  .loan-options-comp .finance-loan-options .tenure-cost {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.loan-options-comp .finance-loan-options input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  margin-right: 10px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options input[type='radio'] {
    width: 17px;
    height: 17px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options input[type='radio'] {
    width: 24px;
    height: 24px;
  }
}
.loan-options-comp .finance-loan-options input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.loan-options-comp .finance-loan-options input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 11% auto;
  border-radius: 50%;
}
.loan-options-comp .finance-loan-options input[type='radio']:checked:before {
  background: #307fe2;
}
.loan-options-comp .finance-loan-options .provider-details,
.loan-options-comp .finance-loan-options .provider-label {
  width: 110px;
  margin-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .provider-details,
  .loan-options-comp .finance-loan-options .provider-label {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .provider-details,
  .loan-options-comp .finance-loan-options .provider-label {
    width: 100%;
    margin-right: 0px;
  }
}
.loan-options-comp .finance-loan-options .monthly-interest,
.loan-options-comp .finance-loan-options .tenure-cost,
.loan-options-comp .finance-loan-options .interest-label,
.loan-options-comp .finance-loan-options .tenure-label {
  width: 64px;
  margin-right: 9px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .monthly-interest,
  .loan-options-comp .finance-loan-options .tenure-cost,
  .loan-options-comp .finance-loan-options .interest-label,
  .loan-options-comp .finance-loan-options .tenure-label {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .monthly-interest,
  .loan-options-comp .finance-loan-options .tenure-cost,
  .loan-options-comp .finance-loan-options .interest-label,
  .loan-options-comp .finance-loan-options .tenure-label {
    width: 100%;
    margin-right: 0px;
  }
}
.loan-options-comp .finance-loan-options .edit-save-labels {
  margin-left: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .edit-save-labels {
    margin-left: 7px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .edit-save-labels {
    margin-left: 0px;
  }
}
.loan-options-comp .finance-loan-options .monthly-emi,
.loan-options-comp .finance-loan-options .emi-label {
  width: 103px;
  margin-right: 9px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .monthly-emi,
  .loan-options-comp .finance-loan-options .emi-label {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .monthly-emi,
  .loan-options-comp .finance-loan-options .emi-label {
    width: 100%;
    margin-right: 0px;
  }
}
.loan-options-comp .finance-loan-options .max-ltv,
.loan-options-comp .finance-loan-options .ltv-label {
  width: 118px;
  margin-right: 9px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .max-ltv,
  .loan-options-comp .finance-loan-options .ltv-label {
    width: 122px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .max-ltv,
  .loan-options-comp .finance-loan-options .ltv-label {
    width: 100%;
    margin-right: 0px;
  }
}
.loan-options-comp .finance-loan-options .provider-logo-details {
  display: flex;
  align-items: center;
}
.loan-options-comp .finance-loan-options .input-check {
  display: flex;
  align-items: center;
}
.loan-options-comp .finance-loan-options .bank-name {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .bank-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .bank-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.loan-options-comp .finance-loan-options .edit-save-labels {
  width: 61px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .edit-save-labels {
    width: 100%;
    margin-right: 0px;
  }
}
.loan-options-comp .finance-loan-options .dividing-line {
  border-bottom: 1px solid #eaeaec;
}
.loan-options-comp .finance-loan-options .cta-btn {
  color: #307fe2;
  padding: 0 !important;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.loan-options-comp .finance-loan-options .cta-btn .icon-Arrow-Right {
  margin-left: 5px;
  font-size: 13px;
}
.loan-options-comp .finance-loan-options .tenure-editable-options .tenure-label {
  padding-top: 11px !important;
  padding-bottom: 0px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .tenure-label {
    padding-left: 40px;
  }
}
.loan-options-comp .finance-loan-options .tenure-editable-options .tenure-butons {
  display: flex;
  margin-top: 8px !important;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .tenure-butons {
    display: block;
    margin-top: 12px !important;
    margin-left: 40px;
    margin-right: 16px;
    margin-bottom: 5px !important;
  }
}
.loan-options-comp .finance-loan-options .tenure-editable-options .tenure-butons .cta-button {
  color: #307fe2;
  border: 1px solid #307fe2;
  background-color: #ffffff;
  min-width: 116px;
  min-height: 52px;
  cursor: pointer;
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .tenure-butons .cta-button {
    width: 100%;
    margin-bottom: 8px;
  }
}
.loan-options-comp .finance-loan-options .tenure-editable-options .tenure-butons .cta-button.active {
  color: #ffffff;
  background-color: #307fe2;
}
.loan-options-comp .finance-loan-options .tenure-editable-options .loan-label {
  padding-top: 32px !important;
  padding-bottom: 0px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .loan-label {
    padding-left: 40px;
  }
}
.loan-options-comp .finance-loan-options .tenure-editable-options .loan-amount-input {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.loan-options-comp .finance-loan-options .tenure-editable-options .loan-amount-input .searchItem {
  border: none;
  background: none;
  outline: none;
  width: 100%;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  border-bottom: 2px solid #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .loan-amount-input .searchItem {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .loan-amount-input .searchItem {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .loan-amount-input {
    padding-left: 40px;
  }
}
.loan-options-comp .finance-loan-options .tenure-editable-options .error-msg {
  color: #ed454f;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .error-msg {
    padding-left: 40px;
  }
}
.loan-options-comp .finance-loan-options .tenure-editable-options .disclaimer-desc {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .tenure-editable-options .disclaimer-desc {
    padding-left: 40px;
    padding-bottom: 24px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loan-options-comp .finance-loan-options .mobile-eligible-options .save-label {
    padding-left: 40px !important;
    padding-bottom: 32px;
  }
  .loan-options-comp .finance-loan-options .mobile-eligible-options .save-label .cta-btn.error-cta {
    top: 450px;
  }
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .input-check {
    padding-top: 34px;
  }
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options img {
    margin-left: 40px;
    margin-top: 18px;
  }
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .interest-details,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .ltv-details,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .edit-label {
    padding-left: 40px !important;
  }
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .interest-details,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .emi-details,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .tenure-details,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .ltv-details,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .edit-label {
    padding-top: 16px;
  }
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .edit-label {
    padding-bottom: 32px;
  }
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .monthly-interest,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .monthly-emi,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .max-ltv,
  .loan-options-comp .finance-loan-options .mobile-eligible-options .loan-options .tenure-cost {
    padding-top: 4px;
  }
}
.loan-options-comp .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
}

.funding-source-comp .title {
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .title {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .title {
    margin-bottom: 16px;
  }
}
.funding-source-comp .main {
  max-height: 216px;
  background-color: #ffffff;
}
.funding-source-comp .main input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .main input[type='radio'] {
    width: 17px;
    height: 17px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .main input[type='radio'] {
    width: 24px;
    height: 24px;
  }
}
.funding-source-comp .main input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.funding-source-comp .main input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 11% auto;
  border-radius: 50%;
}
.funding-source-comp .main input[type='radio']:checked:before {
  background: #307fe2;
}
.funding-source-comp .main .main-sub {
  padding: 66px 0px 42px 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .main .main-sub {
    padding: 41px 0px 41px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .main .main-sub {
    padding: 26px 0px 24px 16px;
  }
}
.funding-source-comp .main .main-sub .Own-Funds {
  display: flex;
}
.funding-source-comp .main .main-sub .Own-Funds #buttons {
  margin-right: 0px;
}
.funding-source-comp .main .main-sub .Own-Funds .gap {
  width: 630px;
  height: 20px;
  padding-right: 64px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  margin-bottom: 44px;
  padding-left: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .main .main-sub .Own-Funds .gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .main .main-sub .Own-Funds .gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .main .main-sub .Own-Funds .gap {
    width: 624px;
    padding-right: 40px;
    padding-left: 16px;
    margin-bottom: 39px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .main .main-sub .Own-Funds .gap {
    width: 292px;
    padding-right: 16px;
    margin-bottom: 28px;
    padding-left: 16px;
  }
}
.funding-source-comp .main .main-sub .buttons-submain {
  display: flex;
  align-items: center;
}
.funding-source-comp .main .main-sub .buttons-submain #click-buttons {
  margin-right: 0px;
}
.funding-source-comp .main .main-sub .buttons-submain .no-gap {
  padding-left: 24px;
  width: 630px;
  padding-right: 64px;
  height: 20px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .main .main-sub .buttons-submain .no-gap {
    padding-left: 16px;
    width: 624px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .main .main-sub .buttons-submain .no-gap {
    padding-left: 16px;
    width: 292px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .main .main-sub .buttons-submain .no-gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .main .main-sub .buttons-submain .no-gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.funding-source-comp .selectbank-main .selectbank {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 64px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .selectbank-main .selectbank {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .selectbank-main .selectbank {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .selectbank-main .selectbank {
    padding-left: 16px;
  }
}
.funding-source-comp .selectbank-main .selectbank .bank {
  margin-bottom: 8px;
}
.funding-source-comp .selectbank-main .compare-dropdown {
  position: relative;
  width: 292px;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .selectbank-main .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .selectbank-main .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.funding-source-comp .selectbank-main .compare-dropdown .icon-Chevron-Down {
  float: right;
  position: relative;
  font-size: 20px;
  top: -20px;
  height: 100%;
  pointer-events: none;
}
.funding-source-comp .selectbank-main .compare-dropdown .icon-Chevron-Down:before {
  content: "\e993";
}
.funding-source-comp .selectbank-main .compare-dropdown.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.funding-source-comp .selectbank-main .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.funding-source-comp .selectbank-main .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .selectbank-main .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .selectbank-main .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents {
  margin-bottom: 64px;
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 232px;
  overflow: auto;
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-options {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-options {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-options.selected {
  color: #307fe2;
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-options.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.funding-source-comp .selectbank-main .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .selectbank-main .compare-dropdown {
    width: 296px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .selectbank-main .compare-dropdown {
    width: 300px;
  }
}
.funding-source-comp .residence-type {
  padding-left: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-source-comp .residence-type {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-source-comp .residence-type {
    padding-left: 16px;
  }
}

.funding-details-comp .funding-details {
  margin-bottom: 0px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .funding-details {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .funding-details {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .funding-details {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .funding-details {
    margin-bottom: 16px;
  }
}
.funding-details-comp .main {
  width: 100%;
  background-color: #ffffff;
}
.funding-details-comp .main .main-sub {
  padding: 64px 0px 64px 64px;
}
.funding-details-comp .main .main-sub input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub input[type='radio'] {
    width: 17px;
    height: 17px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub input[type='radio'] {
    width: 24px;
    height: 24px;
  }
}
.funding-details-comp .main .main-sub input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.funding-details-comp .main .main-sub input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.funding-details-comp .main .main-sub input[type='radio']:checked:before {
  background: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub {
    padding: 40px 40px 40px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub {
    padding: 24px 16px 26px 16px;
  }
}
.funding-details-comp .main .main-sub .form {
  padding-left: 0px;
}
.funding-details-comp .main .main-sub .rto-label .funding {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub .rto-label .funding {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .rto-label .funding {
    margin-bottom: 8px;
  }
}
.funding-details-comp .main .main-sub .rto-label .buttons {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .rto-label .buttons {
    display: block;
  }
}
.funding-details-comp .main .main-sub .rto-label .buttons .buttons-sub {
  align-items: center;
  display: flex;
  padding-right: 12px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .rto-label .buttons .buttons-sub {
    margin-bottom: 24px;
  }
}
.funding-details-comp .main .main-sub .rto-label .buttons .buttons-sub .gap {
  width: 91px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 24px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub .rto-label .buttons .buttons-sub .gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .rto-label .buttons .buttons-sub .gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .rto-label .buttons .buttons-sub .gap {
    padding-left: 16px;
  }
}
.funding-details-comp .main .main-sub .rto-label .buttons .buttons-submain {
  display: flex;
  align-items: center;
}
.funding-details-comp .main .main-sub .rto-label .buttons .buttons-submain .no-gap {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 24px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub .rto-label .buttons .buttons-submain .no-gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .rto-label .buttons .buttons-submain .no-gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .rto-label .buttons .buttons-submain .no-gap {
    padding-left: 16px;
  }
}
.funding-details-comp .main .main-sub .insurance-label {
  padding-top: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .insurance-label {
    padding-top: 34px;
  }
}
.funding-details-comp .main .main-sub .insurance-label .buttons {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons {
    display: block;
  }
}
.funding-details-comp .main .main-sub .insurance-label .buttons .buttons-sub {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-sub {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-sub {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-sub {
    margin-bottom: 24px;
  }
}
.funding-details-comp .main .main-sub .insurance-label .buttons .buttons-sub .gap {
  width: 103px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 24px;
  padding-right: 12px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-sub .gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-sub .gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-sub .gap {
    padding-left: 16px;
    padding-right: 0px !important;
  }
}
.funding-details-comp .main .main-sub .insurance-label .buttons .buttons-submain {
  display: flex;
  align-items: center;
}
.funding-details-comp .main .main-sub .insurance-label .buttons .buttons-submain .no-gap {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 24px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-submain .no-gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-submain .no-gap {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funding-details-comp .main .main-sub .insurance-label .buttons .buttons-submain .no-gap {
    padding-left: 16px;
  }
}
.funding-details-comp .main .main-sub .insurance-label .insurance {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main .main-sub .insurance-label .insurance {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .funding-details-comp .main {
    width: 100%;
  }
}

.finance-calculator-comp .finance-calculator-title {
  padding-bottom: 40px;
  color: #383737;
}
.finance-calculator-comp .exshowroom-on-road {
  display: flex;
}
.finance-calculator-comp .exshowroom-on-road .exshowroom-title-price,
.finance-calculator-comp .exshowroom-on-road .on-road-title-price {
  display: none;
  max-width: 253px;
  padding-right: 40px;
}
.finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .exshowroom-title,
.finance-calculator-comp .exshowroom-on-road .on-road-title-price .exshowroom-title,
.finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .on-road-title,
.finance-calculator-comp .exshowroom-on-road .on-road-title-price .on-road-title {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .exshowroom-title,
  .finance-calculator-comp .exshowroom-on-road .on-road-title-price .exshowroom-title,
  .finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .on-road-title,
  .finance-calculator-comp .exshowroom-on-road .on-road-title-price .on-road-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .exshowroom-price,
.finance-calculator-comp .exshowroom-on-road .on-road-title-price .exshowroom-price,
.finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .on-road-price,
.finance-calculator-comp .exshowroom-on-road .on-road-title-price .on-road-price {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .exshowroom-price,
  .finance-calculator-comp .exshowroom-on-road .on-road-title-price .exshowroom-price,
  .finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .on-road-price,
  .finance-calculator-comp .exshowroom-on-road .on-road-title-price .on-road-price {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .exshowroom-price,
  .finance-calculator-comp .exshowroom-on-road .on-road-title-price .exshowroom-price,
  .finance-calculator-comp .exshowroom-on-road .exshowroom-title-price .on-road-price,
  .finance-calculator-comp .exshowroom-on-road .on-road-title-price .on-road-price {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.finance-calculator-comp .slider-width {
  padding-top: 50px;
}
.finance-calculator-comp .slider-width .range_slider {
  margin-bottom: 54px;
}
.finance-calculator-comp .slider-width .range_slider span,
.finance-calculator-comp .slider-width .range_slider h6 {
  color: #383737;
  margin-left: 0 !important;
}
.finance-calculator-comp .slider-width .range_slider .mb-0 {
  padding-left: 12px;
}
.finance-calculator-comp .slider-width .range_slider .loan-slider {
  height: 24px;
}
.finance-calculator-comp .slider-width .range_slider .loan-amount-price,
.finance-calculator-comp .slider-width .range_slider .down-payment-price {
  display: flex;
}
.finance-calculator-comp .slider-width .range_slider .loan-amount-title,
.finance-calculator-comp .slider-width .range_slider .down-payment-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-calculator-comp .slider-width .range_slider .loan-amount-title,
  .finance-calculator-comp .slider-width .range_slider .down-payment-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.finance-calculator-comp .slider-width .range_slider .range {
  position: relative;
  width: 732px !important;
  padding-top: 28px;
  margin-bottom: 10px !important;
  height: 4px;
}
.finance-calculator-comp .slider-width .range_slider .range input {
  margin-top: 15px;
}
.finance-calculator-comp .slider-width .range_slider .range input[type="range"] {
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
.finance-calculator-comp .slider-width .range_slider .range input[type=range].distance_range:focus-visible {
  outline: 2px solid #4caab8;
}
.finance-calculator-comp .slider-width .range_slider .range .ui-widget-header {
  background: #307fe2;
}
.finance-calculator-comp .slider-width .range_slider .range .ui-widget-content {
  border: none;
}
.finance-calculator-comp .slider-width .range_slider .range input[type=range].price_range:focus-visible {
  outline: 2px solid #307fe2;
}
.finance-calculator-comp .slider-width .range_slider .range span.ui-slider-handle.ui-corner-all.ui-state-default {
  border: 2px solid #307fe2;
  height: 24px;
  width: 24px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -6px;
}
.finance-calculator-comp .slider-width .range_slider .range .ui-slider-horizontal {
  height: 4px;
  background: #eaeaec;
  cursor: pointer;
}
.finance-calculator-comp .slider-width .range_slider .range input[type="range"]:focus,
.finance-calculator-comp .slider-width .range_slider .range .ui-state-active:focus,
.finance-calculator-comp .slider-width .range_slider .range .ui-state-hover:focus {
  outline: none;
}
.finance-calculator-comp .slider-width .range_slider .range .ui-slider-handle:focus-visible {
  border: solid 1px #307fe2;
}
.finance-calculator-comp .tenure-label-values {
  padding-bottom: 40px;
}
.finance-calculator-comp .tenure-label-values .tenure-label {
  padding-bottom: 16px;
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-calculator-comp .tenure-label-values .tenure-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.finance-calculator-comp .tenure-label-values .tenure-values .tenure-value {
  border: 2px solid #307fe2;
  border-right: none;
  width: 116px;
  padding: 16px 0px;
  text-align: center;
}
.finance-calculator-comp .tenure-label-values .tenure-values .active-tenure {
  background-color: #307fe2;
  color: #ffffff;
}
.finance-calculator-comp .tenure-label-values .tenure-values :last-child {
  border-right: 2px solid #307fe2;
}
.finance-calculator-comp .per-month-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-calculator-comp .per-month-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.finance-calculator-comp .emi-value {
  padding-bottom: 40px;
  color: #383737;
}
.finance-calculator-comp .desclaimer-desc {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  max-width: 732px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .finance-calculator-comp .exshowroom-on-road {
    padding-bottom: 48px;
  }
  .finance-calculator-comp .exshowroom-on-road .exshowroom-title-price,
  .finance-calculator-comp .exshowroom-on-road .on-road-title-price {
    max-width: 160px;
  }
  .finance-calculator-comp .slider-width .range_slider .label_item {
    display: flex;
  }
  .finance-calculator-comp .slider-width .range_slider .label_item .mb-0 {
    padding-left: 8px;
  }
  .finance-calculator-comp .slider-width .range_slider .range {
    width: 421px !important;
    padding-top: 26px;
  }
  .finance-calculator-comp .slider-width .range_slider .range .ui-slider-horizontal {
    width: 400px;
    height: 4px;
    background: #eaeaec;
    cursor: pointer;
  }
  .finance-calculator-comp .tenure-label-values .tenure-values .tenure-value {
    width: 120px;
  }
  .finance-calculator-comp .desclaimer-desc {
    max-width: 432px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .finance-calculator-comp .finance-calculator-title {
    text-align: left;
    padding-bottom: 24px;
  }
  .finance-calculator-comp .exshowroom-on-road {
    display: block;
    padding-bottom: 32px;
  }
  .finance-calculator-comp .exshowroom-on-road .exshowroom-title-price {
    padding-bottom: 32px;
  }
  .finance-calculator-comp .slider-width {
    padding-top: 0px;
  }
  .finance-calculator-comp .slider-width .range_slider {
    margin-bottom: 34px;
  }
  .finance-calculator-comp .slider-width .range_slider .label_item {
    display: block;
  }
  .finance-calculator-comp .slider-width .range_slider .label_item .mb-0 {
    padding-left: 0px;
  }
  .finance-calculator-comp .slider-width .range_slider .loan-amount-price,
  .finance-calculator-comp .slider-width .range_slider .down-payment-price {
    text-align: left;
    display: block;
  }
  .finance-calculator-comp .slider-width .range_slider .loan-amount-title,
  .finance-calculator-comp .slider-width .range_slider .down-payment-label {
    text-align: left;
    padding-bottom: 12px;
  }
  .finance-calculator-comp .slider-width .range_slider .range {
    width: 300px !important;
  }
  .finance-calculator-comp .slider-width .range_slider .range .ui-slider-horizontal {
    width: 300px;
    height: 4px;
  }
  .finance-calculator-comp .tenure-label-values {
    padding-bottom: 24px;
    text-align: left;
  }
  .finance-calculator-comp .tenure-label-values .tenure-values .tenure-value {
    width: 100px;
  }
  .finance-calculator-comp .per-month-label {
    text-align: left;
  }
  .finance-calculator-comp .emi-value {
    padding-bottom: 24px;
    text-align: left;
  }
  .finance-calculator-comp .desclaimer-desc {
    text-align: left;
    max-width: 300px;
  }
}

.employment-details-comp input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.employment-details-comp .emp-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 40px;
  color: #383737;
  max-width: 708px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .emp-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .emp-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .emp-title {
    margin-bottom: 24px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .emp-title {
    margin-bottom: 18px;
  }
}
.employment-details-comp .error-msg {
  display: none;
  margin-top: 8px;
  color: #ed454f;
  position: absolute;
  top: 30px;
  width: 278px;
  left: 0px;
}
.employment-details-comp .auto-suggest .employees {
  position: absolute;
  width: 100%;
  background: #ffffff;
  display: none;
  z-index: 9;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}
.employment-details-comp .auto-suggest .employees.active {
  display: block;
}
.employment-details-comp .auto-suggest .employees .list-dynamic {
  overflow-y: scroll;
  height: 278px;
}
.employment-details-comp .auto-suggest .employees .list-dynamic .list {
  padding: 0px 20px 0px 16px;
}
.employment-details-comp .auto-suggest .employees .list-dynamic .list .employees-available {
  list-style-type: none;
  padding-top: 16px;
}
.employment-details-comp .auto-suggest .employees .list-dynamic .list .employees-available a {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0;
  display: block;
  margin-bottom: 0px;
  color: #383737;
}
.employment-details-comp .auto-suggest .employees.active {
  display: block;
}
.employment-details-comp .list-dynamic::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.employment-details-comp .list-dynamic::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.employment-details-comp .list-dynamic::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.employment-details-comp .input-row {
  background-color: #ffffff;
  padding: 64px;
  width: 100%;
}
.employment-details-comp .input-row p {
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row {
    padding: 40px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row {
    padding: 24px 16px 24px 16px;
  }
}
.employment-details-comp .input-row .proff-label,
.employment-details-comp .input-row .emp-label,
.employment-details-comp .input-row .industry-label,
.employment-details-comp .input-row .yr-label {
  font-family: Poppins !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 21.6px !important;
  letter-spacing: normal !important;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .proff-label,
  .employment-details-comp .input-row .emp-label,
  .employment-details-comp .input-row .industry-label,
  .employment-details-comp .input-row .yr-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.employment-details-comp .input-row .field {
  position: relative;
  margin-top: 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .field {
    margin-top: 28px;
  }
}
.employment-details-comp .input-row .label-names {
  display: none;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
  position: absolute;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .label-names {
    font-size: 16px;
    line-height: 20px;
  }
}
.employment-details-comp .input-row label.error {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  position: absolute;
  left: 0;
  color: #ed454f;
  bottom: -20px !important;
}
@media only screen and (max-width: 991px) {
  .employment-details-comp .input-row label.error {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.employment-details-comp .input-row label strong {
  display: none !important;
}
.employment-details-comp .input-row .input-field {
  border: none;
  border-bottom: 2px solid #383737 !important;
  padding: 0 0 8px 0px;
  width: 100%;
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .input-field.error {
  border-bottom: 2px solid #ed454f !important;
}
.employment-details-comp .input-row .active {
  border: none;
  border-bottom-color: #307fe2 !important;
}
.employment-details-comp .input-row .invalid-email {
  display: none;
  margin-top: 8px;
  color: #ed454f;
}
.employment-details-comp .input-row .invalid-value {
  display: none;
  margin-top: 8px;
  color: #ed454f;
  position: absolute;
  top: 30px;
  width: 278px;
  left: 0px;
}
.employment-details-comp .input-row .selected-data {
  color: #7a8084;
}
.employment-details-comp .input-row .input-upper {
  display: flex;
  flex-direction: row;
  border: none;
  margin-bottom: 40px;
}
.employment-details-comp .input-row .input-upper .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
  display: none;
}
.employment-details-comp .input-row .input-upper .input-upper-left {
  width: 48%;
  margin-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-upper .input-upper-left {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-upper .input-upper-left {
    margin-right: 0px;
    margin-bottom: 32px;
    width: 100%;
  }
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section {
  white-space: nowrap;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options {
  margin: 0 auto;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cty-label p {
  margin-right: 571px;
  width: fit-content;
  word-break: normal;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px !important;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
  max-width: 500px;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cities ul li {
  width: 100%;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.employment-details-comp .input-row .input-upper .input-upper-left .emp-details-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.employment-details-comp .input-row .input-upper .input-upper-right {
  width: 48%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-upper .input-upper-right {
    width: 100%;
  }
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown {
  position: relative;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 100px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.employment-details-comp .input-row .input-upper .input-upper-right .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-upper {
    display: block;
    margin-bottom: 32px;
  }
}
.employment-details-comp .input-row .input-lower {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
.employment-details-comp .input-row .input-lower .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
  display: none;
}
.employment-details-comp .input-row .input-lower .input-lower-right .label-names {
  top: -33px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-lower .input-lower-right .label-names {
    top: -30px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower .input-lower-right .label-names {
    top: -31px;
  }
}
.employment-details-comp .input-row .input-lower .input-lower-left {
  margin-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-lower .input-lower-left {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower .input-lower-left {
    margin-right: 0px;
  }
}
.employment-details-comp .input-row .input-lower .input-lower-left,
.employment-details-comp .input-row .input-lower .input-lower-right {
  width: 48%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower .input-lower-left,
  .employment-details-comp .input-row .input-lower .input-lower-right {
    width: 100%;
  }
}
.employment-details-comp .input-row .input-lower .input-lower-left .input-field,
.employment-details-comp .input-row .input-lower .input-lower-right .input-field {
  border: none;
  outline: none;
  border-bottom: 2px solid #383737;
  background-color: transparent;
  padding-bottom: 8px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
}
.employment-details-comp .input-row .input-lower .input-lower-left .inline-search,
.employment-details-comp .input-row .input-lower .input-lower-right .inline-search {
  outline: 0;
  display: inline;
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-lower .input-lower-left .inline-search,
  .employment-details-comp .input-row .input-lower .input-lower-right .inline-search {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower .input-lower-left .inline-search,
  .employment-details-comp .input-row .input-lower .input-lower-right .inline-search {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .input-lower .input-lower-left .auto-suggest .employe,
.employment-details-comp .input-row .input-lower .input-lower-right .auto-suggest .employe {
  position: absolute;
  width: 40%;
  background: #ffffff;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
  z-index: 9;
}
.employment-details-comp .input-row .input-lower .input-lower-left .auto-suggest .employe .list-dynamic,
.employment-details-comp .input-row .input-lower .input-lower-right .auto-suggest .employe .list-dynamic {
  overflow-y: scroll;
  height: 200px;
}
.employment-details-comp .input-row .input-lower .input-lower-left .auto-suggest .employe .list-dynamic .list,
.employment-details-comp .input-row .input-lower .input-lower-right .auto-suggest .employe .list-dynamic .list {
  text-decoration: none !important;
}
.employment-details-comp .input-row .input-lower .input-lower-left .auto-suggest .employe .list-dynamic .list .employe-type,
.employment-details-comp .input-row .input-lower .input-lower-right .auto-suggest .employe .list-dynamic .list .employe-type {
  list-style-type: none;
  padding-top: 16px;
}
.employment-details-comp .input-row .input-lower .input-lower-left .auto-suggest .employe .list-dynamic .list .employe-type .names,
.employment-details-comp .input-row .input-lower .input-lower-right .auto-suggest .employe .list-dynamic .list .employe-type .names {
  text-decoration: none;
  color: #383737;
}
.employment-details-comp .input-row .input-lower .input-lower-left .auto-suggest .employe.active,
.employment-details-comp .input-row .input-lower .input-lower-right .auto-suggest .employe.active {
  display: block;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section {
  white-space: nowrap;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options {
  margin: 0 auto;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cty-label p,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cty-label p {
  margin-right: 571px;
  width: fit-content;
  word-break: normal;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .simplebar-track.simplebar-vertical,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .simplebar-track.simplebar-horizontal,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .simplebar-scrollbar:before,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .selected a,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .selected a span h6,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px !important;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down input,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cities,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
  max-width: 500px;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cities ul .not-Found,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cities ul .not-Found,
  .employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cities ul .not-Found,
  .employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cities ul,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cities ul li,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cities ul li {
  width: 100%;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cities ul li a,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down .cities ul li a#active,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.employment-details-comp .input-row .input-lower .input-lower-left .emp-details-section .city-list-options .drop-down p,
.employment-details-comp .input-row .input-lower .input-lower-right .emp-details-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
.employment-details-comp .input-row .input-lower .input-lower-left :last-child,
.employment-details-comp .input-row .input-lower .input-lower-right :last-child {
  margin-right: 0px;
}
.employment-details-comp .input-row .input-lower .input-lower-right .input-field {
  padding-bottom: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower .input-lower-left {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower {
    display: block;
    margin-bottom: 32px;
  }
}
.employment-details-comp .input-row .input-lower-bottom {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left {
  margin-right: 24px;
  position: relative;
  width: 48%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-lower-bottom .input-lower-left {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower-bottom .input-lower-left {
    margin-right: 0px;
    margin-bottom: 60px;
    margin-top: 60px;
    width: 100%;
  }
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left .input-field {
  border: none;
  outline: none;
  border-bottom: 2px solid #383737;
  background-color: transparent;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left .input-search {
  outline: 0;
  display: inline;
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .input-lower-bottom .input-lower-left .input-search {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower-bottom .input-lower-left .input-search {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left .auto-suggest .jobs {
  position: absolute;
  width: 40%;
  background: #ffffff;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
  z-index: 9;
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left .auto-suggest .jobs .list-dynamic {
  overflow-y: scroll;
  height: 200px;
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left .auto-suggest .jobs .list-dynamic .list {
  text-decoration: none !important;
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left .auto-suggest .jobs .list-dynamic .list .job-type {
  list-style-type: none;
  padding-top: 16px;
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left .auto-suggest .jobs .list-dynamic .list .job-type .names {
  text-decoration: none;
  color: #383737;
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-left .auto-suggest .jobs.active {
  display: block;
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-right {
  position: relative;
  width: 48%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower-bottom .input-lower-right {
    width: 100%;
  }
}
.employment-details-comp .input-row .input-lower-bottom .input-lower-right .input-field {
  border: none;
  outline: none;
  border-bottom: 2px solid #383737;
  background-color: transparent;
  padding-bottom: 8px !important;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .input-lower-bottom {
    display: block;
    margin-bottom: 32px;
  }
}
.employment-details-comp .input-row .years {
  margin-bottom: 70px;
}
.employment-details-comp .input-row .years .input-visibility-hidden {
  width: 0;
  padding: 0px !important;
  border: none;
  visibility: hidden;
  display: none;
}
.employment-details-comp .input-row .years .compare-dropdown4 {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .years .compare-dropdown4 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .years .compare-dropdown4 {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .years .compare-dropdown4::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.employment-details-comp .input-row .years .compare-dropdown4.active::after {
  transform: rotate(180deg);
}
.employment-details-comp .input-row .years .compare-dropdown4.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.employment-details-comp .input-row .years .compare-dropdown4 .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .years .compare-dropdown4 .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .years .compare-dropdown4 .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 232px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.employment-details-comp .input-row .years .compare-dropdown4 .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .employment-details-comp .input-row .years {
    margin-bottom: 68px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .employment-details-comp .input-row .years {
    margin-bottom: 60px;
  }
}
.employment-details-comp .input-row .email {
  position: relative;
  margin-top: 0px;
}
.employment-details-comp .input-row .email .email-text {
  border: none;
  outline: none;
  border-bottom: 2px solid #383737;
  background-color: transparent;
  width: 100%;
  padding-bottom: 8px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  line-height: 25px !important;
}
.employment-details-comp .input-row .email .email-text.error {
  border-bottom: 2px solid #ed454f !important;
}
.employment-details-comp .input-row .email .invalid-email {
  color: #ed454f;
}
.ui-menu {
  max-height: 278px;
  width: 278px !important;
  padding-right: 20px;
  padding-left: 16px;
  z-index: 1;
  overflow: auto !important;
  position: relative;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px;
  margin-bottom: 16px;
  color: #383737;
}
.ui-menu .ui-menu-item:first-child {
  margin-top: 16px;
}
.ui-menu .ui-menu-item.active-element {
  color: #307fe2;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #ffffff !important;
  border: none !important;
}
.ui-menu .ui-menu-item a {
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ui-menu {
    width: 296px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ui-menu {
    width: 300px !important;
  }
}
.ui-menu::-webkit-scrollbar-track {
  background-color: #eaeaec;
  right: 16px !important;
  position: absolute;
}
.ui-menu::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.ui-menu::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}

.current-address-comp input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.current-address-comp .currentAddress-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .currentAddress-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .currentAddress-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .currentAddress-title {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .currentAddress-title {
    margin-bottom: 18px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.current-address-comp .residenceSelected-txt {
  visibility: hidden;
  display: none;
}
.current-address-comp .selectedColor {
  color: #7a8084;
}
.current-address-comp .fieldErrMsg {
  display: none;
  position: absolute;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  left: 0;
  color: #ed454f;
  bottom: -30px !important;
}
@media only screen and (max-width: 991px) {
  .current-address-comp .fieldErrMsg {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.current-address-comp .residence-type {
  margin-bottom: 40px;
}
.current-address-comp .residence-type .residence-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .residence-type .residence-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.current-address-comp .residence-type .compare-dropdown {
  position: relative;
  width: 256px;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .residence-type .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .residence-type .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .residence-type .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.current-address-comp .residence-type .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.current-address-comp .residence-type .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.current-address-comp .residence-type .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .residence-type .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .residence-type .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .residence-type .compare-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 232px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.current-address-comp .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .residence-type .compare-dropdown {
    width: 296px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .residence-type .compare-dropdown {
    width: 300px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .residence-type {
    margin-bottom: 68px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .residence-type {
    margin-bottom: 60px;
  }
}
.current-address-comp .current-address {
  padding: 64px;
  background-color: #ffffff;
}
.current-address-comp .current-address .curr-description {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .curr-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.current-address-comp .current-address .address {
  margin-bottom: 40px;
  color: #383737;
  max-width: 425px;
  width: auto;
}
.current-address-comp .current-address .address :last-child {
  margin-bottom: 0px;
}
.current-address-comp .current-address .edit-address {
  display: flex;
}
.current-address-comp .current-address .edit-address a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.current-address-comp .current-address .edit-address .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
}
.current-address-comp .current-address .editaddress-body {
  background-color: #ffffff;
  margin-top: 70px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .pincode {
    bottom: 5px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .pincode {
    bottom: 0px;
  }
}
.current-address-comp .current-address .editaddress-body .address1-label,
.current-address-comp .current-address .editaddress-body .address2-label,
.current-address-comp .current-address .editaddress-body .pincode-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .address1-label,
  .current-address-comp .current-address .editaddress-body .address2-label,
  .current-address-comp .current-address .editaddress-body .pincode-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.current-address-comp .current-address .editaddress-body .input-field {
  border: none;
  border-bottom: 2px solid #383737;
  padding: 0 0 8px 0px;
  width: 100%;
  color: #7a8084;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  max-height: 30px;
}
.current-address-comp .current-address .editaddress-body .input-field.errorMsg {
  border-bottom: 2px solid #ed454f;
}
.current-address-comp .current-address .editaddress-body .field {
  position: relative;
  margin-top: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .field {
    margin-top: 28px;
  }
}
.current-address-comp .current-address .editaddress-body .label-names {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 8px;
  color: #7a8084;
  position: absolute;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .label-names {
    font-size: 16px;
    line-height: 20px;
  }
}
.current-address-comp .current-address .editaddress-body .selected-data {
  color: #7a8084;
}
.current-address-comp .current-address .editaddress-body .selected-data .icon-Chevron-Up {
  font-size: 20px;
}
.current-address-comp .current-address .editaddress-body .selected-data .icon-Chevron-Down {
  font-size: 20px;
}
.current-address-comp .current-address .editaddress-body .details {
  display: flex;
  margin-bottom: 40px;
}
.current-address-comp .current-address .editaddress-body .details .residence-type {
  margin-right: 24px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.current-address-comp .current-address .editaddress-body .details .residence-type .model-dropdown {
  width: 278px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details .residence-type .model-dropdown {
    width: 296px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details .residence-type .model-dropdown {
    width: 300px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details .residence-type {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details .residence-type {
    margin-bottom: 32px;
  }
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section {
  width: 47.3%;
  margin: auto;
  white-space: nowrap;
  margin: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section {
    width: 91.5% !important;
    margin-bottom: 32px;
    margin-right: 0px;
  }
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section :last-child {
  margin-bottom: 0px;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .country-label p {
  margin-right: 571px;
  width: fit-content;
  word-break: normal;
  margin-bottom: 6px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .country-label p {
    margin-bottom: 8px !important;
  }
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737 !important;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a .country-data {
  position: absolute;
  margin: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a .country-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a .country-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #7a8084;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 6px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a span h6 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .selected a span {
    padding-bottom: 0px !important;
    margin-bottom: 8px !important;
  }
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
  max-width: 500px;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.current-address-comp .current-address .editaddress-body .details .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details .work-place-info-section {
    width: 48.7%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details {
    display: block;
    margin-bottom: 60px;
  }
}
.current-address-comp .current-address .editaddress-body .details1 {
  display: flex;
  margin-bottom: 40px;
}
.current-address-comp .current-address .editaddress-body .details1 .pincode {
  position: relative;
  margin-top: 40px;
  margin-right: 24px;
}
.current-address-comp .current-address .editaddress-body .details1 .pincode .pincode-text {
  border: none;
  outline: none;
  border-bottom: 2px solid #383737;
  background-color: transparent;
  width: 278px;
  padding-bottom: 4px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details1 .pincode .pincode-text {
    width: 296px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details1 .pincode .pincode-text {
    width: 300px;
  }
}
.current-address-comp .current-address .editaddress-body .details1 .pincode .pincode-text.errorMsg {
  border-bottom: 2px solid #ed454f !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details1 .pincode {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details1 .pincode {
    margin-bottom: 32px;
  }
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section {
  width: 47.3%;
  margin: auto;
  white-space: nowrap;
  margin-right: 0px;
  margin-left: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section {
    width: 91.5% !important;
    margin-bottom: 32px;
  }
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cty-label p {
  margin-right: 571px;
  width: fit-content;
  word-break: normal;
  margin-bottom: 6px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cty-label p {
    margin-bottom: 8px !important;
  }
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a .state-data {
  position: absolute;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a .state-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a .state-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #7a8084;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 6px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a span h6 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .selected a span {
    padding-bottom: 0px !important;
    margin-bottom: 8px !important;
  }
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
  max-width: 500px;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.current-address-comp .current-address .editaddress-body .details1 .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details1 .work-place-info-section {
    width: 48.7%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details1 {
    display: block;
  }
}
.current-address-comp .current-address .editaddress-body .details2 {
  display: flex;
  margin-bottom: 40px;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section {
  width: 47.3%;
  margin: auto;
  white-space: nowrap;
  margin-right: 24px;
  margin-left: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section {
    margin-right: 16px;
  }
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section :last-child {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section {
    width: 91.5% !important;
    margin-bottom: 32px;
    margin-right: 0px;
  }
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section :last-child {
  margin-bottom: 0px;
  margin-right: 0px;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .district-label p,
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .taluka-label p {
  margin-right: 571px;
  width: fit-content;
  word-break: normal;
  margin-bottom: 6px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .district-label p,
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .taluka-label p {
    margin-bottom: 8px !important;
  }
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a .district-data,
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a .taluka-data {
  position: absolute;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a .district-data,
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a .taluka-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a .district-data,
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a .taluka-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #7a8084;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 6px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a span h6 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .selected a span {
    padding-bottom: 0px !important;
    margin-bottom: 8px !important;
  }
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
  max-width: 500px;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.current-address-comp .current-address .editaddress-body .details2 .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .details2 .work-place-info-section {
    width: 48.7%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .details2 {
    display: block;
  }
}
.current-address-comp .current-address .editaddress-body .city-details {
  margin-bottom: 70px;
}
.current-address-comp .current-address .editaddress-body .city-details .city-data {
  margin-right: 24px !important;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section {
  width: 47.3%;
  margin: auto;
  white-space: nowrap;
  margin-right: 0px;
  margin-left: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section {
    width: 91.5% !important;
    margin-bottom: 32px;
  }
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section :last-child {
  margin-bottom: 0px;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options {
  margin: 0 auto;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cty-label p {
  margin-right: 571px;
  width: fit-content;
  word-break: normal;
  margin-bottom: 6px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cty-label p {
    margin-bottom: 8px !important;
  }
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected {
  position: relative;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737 !important;
  color: #383737 !important;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a .state-data,
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a .city-data {
  position: absolute;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a .state-data,
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a .city-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a .state-data,
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a .city-data {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a .icon-Chevron-Down::after {
  transform: rotate(180deg);
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a .selected-data {
  color: #7a8084;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 6px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a span h6 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .selected a span {
    padding-bottom: 0px !important;
    margin-bottom: 8px !important;
  }
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
  max-width: 500px;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cities ul {
  overflow-y: scroll;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.current-address-comp .current-address .editaddress-body .city-details .work-place-info-section .city-list-options .drop-down p {
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .city-details .work-place-info-section {
    width: 48.7%;
  }
}
.current-address-comp .current-address .editaddress-body .city-details .city {
  margin-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .city-details .city {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .city-details .city {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .city-details {
    margin-bottom: 68px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .city-details {
    display: block;
    margin-bottom: 60px;
  }
}
.current-address-comp .current-address .editaddress-body .citySelected-txt {
  visibility: hidden;
  display: none;
}
.current-address-comp .current-address .editaddress-body .address1 {
  position: relative;
  margin-top: 0px;
  margin-bottom: 70px;
  margin-top: 40px;
}
.current-address-comp .current-address .editaddress-body .address1 #firstaddress[aria-invalid="true"] {
  border-bottom: 2px solid #ed454f;
}
.current-address-comp .current-address .editaddress-body .address1 .address1-text {
  border: none;
  outline: none;
  border-bottom: 2px solid #383737;
  background-color: transparent;
  width: 580px;
  padding-bottom: 4px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .address1 .address1-text {
    width: 608px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .address1 .address1-text {
    width: 300px;
  }
}
.current-address-comp .current-address .editaddress-body .address1 .address1-text.errorMsg {
  border-bottom: 2px solid #ed454f !important;
}
.current-address-comp .current-address .editaddress-body .address1 .current-address-valid-error {
  display: none;
  color: #ed454f;
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .address1 {
    margin-bottom: 68px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .address1 {
    margin-bottom: 60px;
  }
}
.current-address-comp .current-address .editaddress-body .address2 {
  position: relative;
  margin-top: 0px;
  margin-bottom: 40px;
}
.current-address-comp .current-address .editaddress-body .address2 .address2-text {
  border: none;
  outline: none;
  border-bottom: 2px solid #383737;
  background-color: transparent;
  width: 580px;
  padding-bottom: 4px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body .address2 .address2-text {
    width: 608px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .address2 .address2-text {
    width: 300px;
  }
}
.current-address-comp .current-address .editaddress-body .address2 .address2-text.errorMsg {
  border-bottom: 2px solid #ed454f !important;
}
.current-address-comp .current-address .editaddress-body .address2 .current-address-valid-error2 {
  display: none;
  color: #ed454f;
  font-size: 18px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .address2 {
    margin-bottom: 32px;
  }
}
.current-address-comp .current-address .editaddress-body .cta-links {
  display: flex;
  margin-top: 40px;
  align-items: center;
}
.current-address-comp .current-address .editaddress-body .cta-links .confirm-address {
  display: flex;
  margin-right: 40px;
}
.current-address-comp .current-address .editaddress-body .cta-links .confirm-address .input-visibility-hidden {
  visibility: hidden;
  display: none;
}
.current-address-comp .current-address .editaddress-body .cta-links .confirm-address a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.current-address-comp .current-address .editaddress-body .cta-links .confirm-address a.disabled {
  color: rgba(122, 128, 132, 0.5);
}
.current-address-comp .current-address .editaddress-body .cta-links .confirm-address .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .cta-links .confirm-address {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-right: 0px;
  }
}
.current-address-comp .current-address .editaddress-body .cta-links .confirm-address.disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
}
.current-address-comp .current-address .editaddress-body .cta-links .cancel-address {
  display: flex;
}
.current-address-comp .current-address .editaddress-body .cta-links .cancel-address a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.current-address-comp .current-address .editaddress-body .cta-links .cancel-address .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body .cta-links {
    display: block;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address .editaddress-body {
    margin-top: 68px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address .editaddress-body {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .current-address-comp .current-address {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .current-address-comp .current-address {
    padding: 24px 16px 24px 16px;
  }
  .current-address-comp .current-address .curr-description {
    margin-bottom: 32px;
  }
  .current-address-comp .current-address .address {
    margin-bottom: 32px;
  }
}







.voice-command .VoiceCommand-component {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-blend-mode: multiply;
}
.voice-command .VoiceCommand-component .bg-width {
  width: 100%;
  z-index: 1;
}
.voice-command .VoiceCommand-component .rows {
  width: 100%;
  position: absolute;
  top: 19%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 88px;
}
.voice-command .VoiceCommand-component .rows .Voicecolumn {
  float: left;
  margin-right: 20px;
  width: 208px;
  text-align: center;
}
.voice-command .VoiceCommand-component .rows .Voicecolumn .cards {
  cursor: pointer;
  max-width: 188px;
  text-align: center;
  width: auto;
  display: inline-block;
  margin: 0 auto;
}
.voice-command .VoiceCommand-component .rows .Voicecolumn .cards .icons,
.voice-command .VoiceCommand-component .rows .Voicecolumn .cards .bicons {
  z-index: 3;
  position: relative;
  max-width: 188px;
}
.voice-command .VoiceCommand-component .rows .Voicecolumn .cards .highlight {
  color: #ffffff;
  font-weight: bold;
}
.voice-command .VoiceCommand-component .inner-image {
  z-index: 2;
}
.voice-command .VoiceCommand-component .inner-image .vcinner-image {
  margin: 0px auto;
  right: -42px;
  left: -71px;
  bottom: 0%;
  position: absolute;
  max-width: 100%;
}
@media (min-width: 1300px) {
  .voice-command .VoiceCommand-component .inner-image .vcinner-image {
    width: auto;
  }
}
.voice-command .VoiceCommand-component .bgnd-image {
  width: 100%;
}
.voice-command .VoiceCommand-component .main-heading {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 88px;
}
.voice-command .VoiceCommand-component .desktop-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
  margin-bottom: 0px;
  padding-bottom: 8px;
  z-index: 3;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .voice-command .VoiceCommand-component .desktop-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .voice-command .VoiceCommand-component .desktop-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.voice-command .VoiceCommand-component .voicecommand {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #ffffff;
  margin-bottom: 0px;
  z-index: 3;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .voice-command .VoiceCommand-component .voicecommand {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .voice-command .VoiceCommand-component .voicecommand {
    font-size: 24px;
    line-height: 24px;
  }
}
.voice-command .VoiceCommand-component .ChangeIconsList {
  z-index: 3;
}
.voice-command .VoiceCommand-component .ChangeIconsList .Voice_Desktop {
  position: absolute;
  margin: 0px auto;
  right: -42px;
  left: -71px;
  bottom: 0%;
  max-width: 100%;
}
@media (min-width: 1300px) {
  .voice-command .VoiceCommand-component .ChangeIconsList .Voice_Desktop {
    width: auto;
  }
}
.voice-command .VoiceCommand-component .mobile-description {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .voice-command .VoiceCommand-component .Voice_Desktop {
    object-fit: fill;
  }
  .voice-command .VoiceCommand-component .rows {
    top: 14%;
  }
  .voice-command .VoiceCommand-component .main-heading {
    gap: 24px;
    padding-top: 56px;
    padding-bottom: 106px;
  }
  .voice-command .VoiceCommand-component .ChangeIconsList .Voice_Desktop {
    object-fit: fill;
    position: absolute;
    bottom: 0%;
    width: auto;
    left: -9%;
  }
  .voice-command .VoiceCommand-component .Voicecolumn {
    width: 176px !important;
    margin-right: 16px !important;
  }
  .voice-command .VoiceCommand-component .Voicecolumn .icons,
  .voice-command .VoiceCommand-component .Voicecolumn .bicons {
    max-width: 188px;
  }
  .voice-command .VoiceCommand-component .inner-image .vcinner-image {
    width: auto;
    left: -9%;
    bottom: 0%;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .voice-command .inner-image .vcinner-image {
    width: auto;
    left: 69px;
  }
  .voice-command .ChangeIconsList .Voice_Desktop {
    width: auto;
    left: 69px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .voice-command .VoiceCommand-component .mobile-description {
    display: block;
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
    color: #ffffff;
    margin: auto;
    padding-top: 16px;
  }
  .voice-command .VoiceCommand-component .bg-width {
    width: 100%;
  }
  .voice-command .VoiceCommand-component .main-heading {
    padding-top: 40px;
    padding-bottom: 102px;
    position: absolute;
  }
  .voice-command .VoiceCommand-component .ChangeIconsList .Voice_Desktop {
    object-fit: fill;
    position: absolute;
    left: -58px;
    width: auto;
    bottom: 0%;
  }
  .voice-command .VoiceCommand-component .main-heading {
    margin-left: 0px;
    gap: 16px;
  }
  .voice-command .VoiceCommand-component .rows {
    position: absolute;
    justify-content: flex-start !important;
    flex-wrap: wrap;
  }
  .voice-command .VoiceCommand-component .rows .Voicecolumn {
    margin-right: 0px !important;
    padding-bottom: 36px;
    width: 50% !important;
  }
  .voice-command .VoiceCommand-component .rows .Voicecolumn .cards p {
    margin: 16px 0 0;
    line-height: 1.1;
  }
  .voice-command .VoiceCommand-component .rows .Voicecolumn .cards .icons,
  .voice-command .VoiceCommand-component .rows .Voicecolumn .cards .bicons {
    max-height: 144px;
    max-width: 180px;
  }
  .voice-command .VoiceCommand-component .inner-image .vcinner-image {
    left: -58px;
    width: auto;
    bottom: 0%;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transform: translate3d(5%, 0, 0);
  opacity: 0.75;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0.75;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0.75;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
[data-aos="customZoomOut"] {
  opacity: 0.75;
  transition-property: transform, opacity;
  transform: scale(1.2);
}
[data-aos="customZoomOut"].aos-animate {
  opacity: 1;
  transform: scale(1);
}
[data-aos="easeJump"] {
  opacity: 0;
  transition-property: transform, opacity;
  transform: translateY(30px);
}
[data-aos="easeJump"].aos-animate {
  opacity: 1;
  transform: translateY(0px);
}
[data-aos][data-aos][data-aos-easing="jump"],
body[data-aos-easing="jump"] [data-aos] {
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
[data-aos="linear-transition"] {
  transition-property: transform;
  transform: scaleX(1);
  transform-origin: left;
}
[data-aos="linear-transition"].aos-animate {
  transition-property: transform;
  transform: scaleX(0);
}
[data-aos="customSlideLeft"] {
  opacity: 0;
  transition-property: transform, opacity;
  transform: translateX(100px);
}
[data-aos="customSlideLeft"].aos-animate {
  opacity: 1;
  transform: translateX(0px);
}
[data-aos="customSlideRight"] {
  opacity: 0;
  transition-property: transform, opacity;
  transform: translateX(-100px);
}
[data-aos="customSlideRight"].aos-animate {
  opacity: 1;
  transform: translateX(0px);
}
[data-aos="overlay-transition-left"] {
  transition-property: width;
  width: 100%;
}
[data-aos="overlay-transition-left"].aos-animate {
  width: 50%;
}
[data-aos="transition-out"] {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  transition-property: opacity, transform;
}
[data-aos="transition-out"].aos-animate {
  opacity: 0;
  transform: translate3d(0, -100px, 0);
}
.multi-drive-comp {
  background: transparent;
}
.multi-drive-comp .wrapper {
  position: relative;
  box-sizing: border-box;
  display: flow-root;
}
.multi-drive-comp .wrapper .disclaimer {
  width: 23.7785016%;
}
.multi-drive-comp .wrapper .disclaimer p {
  margin: 0;
  color: #eaeaec;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.multi-drive-comp .wrapper .disclaimer.desk {
  display: block;
}
.multi-drive-comp .wrapper .disclaimer.tandm {
  display: none;
}
.multi-drive-comp .wrapper .title-ctn {
  margin: 0 16.9%;
}
.multi-drive-comp .wrapper .title-ctn .title,
.multi-drive-comp .wrapper .title-ctn .category-name {
  text-align: center;
  word-wrap: break-word;
  margin-bottom: 0px;
}
.multi-drive-comp .wrapper .title-ctn .title {
  margin-bottom: 8px;
  color: #7a8084 !important;
}
.multi-drive-comp .wrapper .title-ctn .category-name {
  margin-bottom: 124px;
  color: #ffffff;
}
.multi-drive-comp .wrapper .multidrive-main-ctn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "left middle right";
  align-items: center;
  grid-gap: 10.098%;
  margin-bottom: 22px;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 {
  grid-area: left;
  word-wrap: break-word;
  text-align: left;
  overflow-wrap: anywhere;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view {
  justify-self: end;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .text-box {
  margin-bottom: 0px;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .sub-title {
  margin-bottom: 24px;
  color: #ffffff;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .sub-text {
  color: #eaeaec;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .sub-text p {
  margin-bottom: 40px;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .try-btn {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  appearance: unset;
  padding: unset;
  border: unset;
  background: unset;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view {
  justify-self: left;
  grid-area: left;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view .mode-display {
  display: none;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view .mode-display .sub-title {
  margin-bottom: 24px;
  padding: 0;
  color: #ffffff;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view .mode-display .sub-text {
  color: #eaeaec;
  margin-bottom: 40px;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view .mode-display .resetStatus {
  background: transparent;
  outline: none;
  padding: 0;
  border: none;
  text-align: left;
  color: #7a8084;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn {
  box-sizing: content-box;
  position: relative;
  justify-self: center;
  grid-area: middle;
  width: fit-content;
  width: -moz-fit-content;
  margin: auto;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd {
  box-sizing: content-box;
  border-radius: 50%;
  background: linear-gradient(90deg, #a69162 22%, #538556 100%);
  margin: auto;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper {
  overflow: hidden;
  border-radius: 50%;
  box-sizing: content-box;
  position: relative;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper picture img {
  transform: rotate(0deg);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper picture img.rotate-image {
  -webkit-animation-name: rotateImage;
  animation-name: rotateImage;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transform: rotate(0deg);
}
@-webkit-keyframes rotateImage {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
}
@keyframes rotateImage {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper picture img.rotate-back-image {
  -webkit-animation-name: rotateBackImage;
  animation-name: rotateBackImage;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transform: rotate(0deg);
}
@-webkit-keyframes rotateBackImage {
  0% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotateBackImage {
  0% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .category-img {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  justify-self: center;
  display: block;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links {
  word-wrap: break-word;
  word-break: break-word;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link {
  text-decoration: none !important;
  color: #ffffff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .multidrive-icon {
  font-size: 14px;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .multidrive-context {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  word-break: break-word;
}
@media only screen and (max-width: 991px) {
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .multidrive-context {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link.hover {
  color: #7a8084;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .svg,
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .label {
  width: auto;
  height: 100%;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .highlighted-svg,
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .highlighted-label {
  width: auto;
  height: 100%;
  display: none;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link-0,
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link-1,
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link-2,
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link-3 {
  position: absolute;
  width: 15.33%;
  height: 15.33%;
  z-index: 2;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link-0 {
  left: 19.33%;
  top: 33%;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link-1 {
  left: 42.6%;
  top: 10%;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link-2 {
  right: 19.33%;
  top: 33%;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link-3 {
  right: 40.6%;
  bottom: 32%;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 {
  word-wrap: break-word;
  grid-area: right;
  overflow-wrap: anywhere;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature {
  padding-bottom: 57px;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature .feature-name {
  padding: 0px;
  margin-bottom: 24px;
  color: #ffffff;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature .meter {
  height: 2px;
  background-color: #7a8084;
  position: relative;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature .meter > .meter-filled {
  position: absolute;
  left: 0;
  width: inherit;
  height: inherit;
  background-color: #ffffff;
  width: 1px;
  -webkit-transition: width 2s ease-out;
  -moz-transition: width 2s ease-out;
  -ms-transition: width 2s ease-out;
  -o-transition: width 2s ease-out;
  transition: width 2s ease-out;
}
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature:last-child,
.multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 {
  padding-bottom: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .multi-drive-comp .wrapper .title-ctn {
    margin: 0%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .multi-drive-comp .wrapper .title-ctn .title {
    margin-bottom: 10px;
    padding: 0%;
    width: 74.5%;
  }
  .multi-drive-comp .wrapper .title-ctn .category-name {
    padding-bottom: 0px;
    margin-bottom: 55px;
    width: 74.5%;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas: "main main" "left right" !important;
    padding-bottom: 0px;
    margin-bottom: 46px;
    align-items: baseline;
    grid-gap: 0px !important;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn {
    grid-area: main;
    justify-self: center;
    padding-bottom: 31px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link {
    width: 15.33%;
    height: 13.33%;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .multidrive-context {
    padding: 4px 0;
    margin: 0;
    word-wrap: break-word;
    word-break: break-word;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 {
    grid-area: right;
    padding-left: 0px;
    margin-left: 96px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature {
    padding-bottom: 24px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature .feature-name {
    margin-bottom: 16px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 {
    padding-right: 0px;
    margin-right: 8px;
    grid-area: left;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .sub-title {
    padding-right: 16px;
    margin-bottom: 16px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .sub-text p {
    margin-bottom: 16px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view .sub-title {
    margin-bottom: 16px !important;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view .sub-text {
    margin-bottom: 16px !important;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature:last-child,
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 {
    padding-bottom: 0;
  }
  .multi-drive-comp .wrapper .disclaimer {
    width: 86.9047619%;
  }
  .multi-drive-comp .wrapper .disclaimer.desk {
    display: none;
  }
  .multi-drive-comp .wrapper .disclaimer.tandm {
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .multi-drive-comp .wrapper .disclaimer {
    width: 97.3333333%;
  }
  .multi-drive-comp .wrapper .disclaimer.desk {
    display: none;
  }
  .multi-drive-comp .wrapper .disclaimer.tandm {
    display: block;
  }
  .multi-drive-comp .wrapper .title-ctn {
    margin: 0% !important;
  }
  .multi-drive-comp .wrapper .title-ctn .title {
    width: 100%;
    margin-bottom: 8px !important;
  }
  .multi-drive-comp .wrapper .title-ctn .category-name {
    width: 100%;
    margin-bottom: 21.27px !important;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn {
    display: block;
    padding-bottom: 0px;
    grid-gap: 0px !important;
    margin-bottom: 16px !important;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn {
    grid-area: main;
    justify-self: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 79px !important;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper {
    text-align: center;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .show-img {
    max-width: 100%;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .multidrive-icon {
    font-size: 8px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .image-ctn .img-bgd .img-wrapper .overlay-links .img-link .multidrive-context {
    font-size: 8px;
    padding: 0px;
    margin: 0% !important ;
    word-wrap: break-word;
    word-break: break-word;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 {
    padding-left: 0px;
    padding-bottom: 40px !important;
    margin: 0% !important;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-1 .feature {
    padding-bottom: 40px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 {
    padding-right: 0% !important;
    padding-bottom: 0px;
    margin: 0% !important;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .sub-title {
    padding-right: 0% !important;
    margin-bottom: 16px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .default-view .sub-text p {
    margin-bottom: 40px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view .mode-display .sub-title {
    padding-right: 0% !important;
    margin-bottom: 16px;
  }
  .multi-drive-comp .wrapper .multidrive-main-ctn .feature-ctn-2 .normal-view .mode-display .sub-text {
    margin-bottom: 16px !important;
  }
}

.device-app .description-content .desc_tab .desc p {
  width: 291px;
}
.device-app .desc {
  color: #f8f8f8;
}
.device-app .title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #ffffff;
  width: 292px !important;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .device-app .title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .device-app .title {
    font-size: 24px;
    line-height: 24px;
  }
}
.device-app .titleImage {
  max-width: 100%;
  padding-bottom: 14px;
}
.device-app .elements {
  padding: 0px;
  margin-bottom: 0px;
  padding-bottom: 16px;
}
.device-app .elements li {
  display: block;
  padding-bottom: 24px;
  width: 176px;
  cursor: default;
}
.device-app .elements li span {
  color: #7a8084;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  font-weight: 500;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .device-app .elements li span {
    padding: unset;
    letter-spacing: normal;
    text-decoration: none;
  }
}
.device-app .elements li.active {
  padding-bottom: 28px;
  width: 168px;
}
.device-app .elements li.active span {
  color: #ffffff;
  position: relative;
  width: 100%;
  display: inline;
  font-weight: 500;
}
.device-app .elements li.active span:after {
  content: "";
  height: 2px;
  width: 100%;
  background: #307fe2;
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 9999;
  cursor: default;
}
.device-app .redefining {
  color: #ffffff;
  margin-top: 10px;
  padding-bottom: 40px;
}
.device-app .redefining * {
  margin-bottom: 0px;
  padding-top: 16px;
}
.device-app .custom-width {
  max-width: 292px;
  word-wrap: breakpoint;
}
.device-app .app-links {
  flex-wrap: wrap;
  align-items: flex-start;
}
.device-app .app-links a {
  margin-right: 16.88px;
}
.device-app .app-links a img {
  max-width: 135px;
}
.device-app .app-links a:last-child {
  margin-right: 0px;
}
.device-app .description-content {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .device-app .description-content {
    font-size: 16px;
    line-height: 20px;
  }
}
.device-app .label a {
  color: #ffffff;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .device-app .label a {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.device-app .black:after {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
  background-color: #282828;
}
.device-app .indexing-02 {
  position: relative;
  z-index: 2;
}
.device-app .device-app-comp {
  position: relative;
}
.device-app .mobile-frame {
  max-width: 100%;
}
.device-app .img_tab {
  position: absolute;
  top: 75px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  margin: 0 auto;
  max-width: 92%;
  top: 12%;
}
.device-app .img_tab img {
  max-width: 100%;
}
.device-app .device-app-comp[class*="paddingBottom"] {
  padding-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .device-app .elements li {
    width: 176px;
  }
  .device-app .elements.active {
    width: 168px;
  }
  .device-app .title {
    width: 336px !important;
    padding-bottom: 16px;
    margin-bottom: 0px;
  }
  .device-app .titleImage {
    max-width: 100%;
    padding-bottom: 16px;
  }
  .device-app .redefining {
    padding-bottom: 40px;
    margin-top: 0px;
    width: 336px;
  }
  .device-app .redefining * {
    margin-bottom: 0px;
    padding: 0px;
  }
  .device-app .mobile-frame {
    float: left;
    padding-left: 68px;
  }
  .device-app .img_tab {
    padding-left: 68px;
    overflow: hidden;
    text-align: left;
    top: 51px;
    margin: 0px;
    left: 8px;
  }
  .device-app .img_tab img {
    max-height: 370px;
  }
  .device-app .description-content .desc_tab .desc {
    padding: 0px 28px 155px 68px;
  }
  .device-app .description-content .desc_tab .desc p {
    width: 248px;
  }
  .device-app .device-app-comp[class*="paddingBottom"] {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .device-app .desc-container {
    padding-bottom: 40px;
  }
  .device-app .elements li {
    height: 28px;
    min-width: 154px;
  }
  .device-app .elements.active {
    width: 126px;
    height: 28px !important;
  }
  .device-app .title {
    width: 300px !important;
  }
  .device-app .titleImage {
    padding-bottom: 16px;
    max-width: 100%;
  }
  .device-app .redefining {
    width: 100%;
  }
  .device-app .redefining * {
    padding-top: 0px;
    margin-bottom: 0px;
  }
  .device-app .elements {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 60px;
  }
  .device-app .elements li {
    max-width: 126px;
    padding: 0px 15px 0px 0px;
    flex-basis: 200px;
    flex: 1 0 150px;
  }
  .device-app .elements li.active span {
    display: block;
  }
  .device-app .black:after {
    display: none;
  }
  .device-app .mobile-frame {
    float: none;
    padding-left: 0px;
  }
  .device-app .img_tab {
    padding-left: 0px;
    top: 38px !important;
    left: 0px;
    text-align: center;
    max-width: 100%;
  }
  .device-app .img_tab img {
    max-height: 290px;
  }
  .device-app .app-links {
    margin-top: 0px;
    padding-top: 0px;
  }
  .device-app .app-links a {
    align-items: flex-start;
    margin-right: 16.88px;
    padding-bottom: 0px;
  }
  .device-app .description-content {
    margin: 0px auto;
    padding-left: 0px;
  }
  .device-app .description-content .desc_tab {
    max-width: 300px;
    margin: 0px auto;
  }
  .device-app .description-content .desc_tab .desc {
    padding-left: 0px;
    padding-bottom: 18.87px;
  }
  .device-app .description-content .desc_tab .desc p {
    padding-left: 0px !important;
    padding-top: 40px !important;
    padding-right: 0px !important;
    width: 300px;
  }
}

.bgc-video {
  position: relative;
}
.bgc-video .test {
  position: static;
}
.bgc-video .bgimg {
  max-width: 100%;
}
.bgc-video .sequence-desktop-image {
  max-width: 100%;
}
.bgc-video .image-sequence-comp {
  margin: 0px auto;
  right: 0px;
  left: -47px;
  bottom: 24.9%;
  position: absolute;
}
.bgc-video .image-sequence-comp img {
  margin: 0 auto;
}
@media (min-width: 1367px) {
  .bgc-video .image-sequence-comp {
    top: 27%;
    left: -3.3%;
  }
  .bgc-video .image-sequence-comp img.sequence-desktop-image {
    width: 51%;
  }
}
@media (min-width: 1500px) {
  .bgc-video .image-sequence-comp {
    top: 27.4%;
    left: -3.4%;
  }
  .bgc-video .image-sequence-comp img.sequence-desktop-image {
    width: 51%;
  }
}
@media (min-width: 1700px) {
  .bgc-video .image-sequence-comp {
    top: 27.5%;
    left: -3.4%;
  }
  .bgc-video .image-sequence-comp img.sequence-desktop-image {
    width: 51%;
  }
}
.bgc-video .for-titles {
  position: absolute;
  bottom: 53%;
  z-index: 999;
  left: 0;
  right: 0;
  max-width: 812px;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .bgc-video .for-titles {
    bottom: 497px;
  }
}
.bgc-video .for-titles .cma-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #ffffff;
  margin-bottom: 0px;
  padding-bottom: 24px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bgc-video .for-titles .cma-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bgc-video .for-titles .cma-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.bgc-video .for-titles .cma-subtitle {
  color: #f8f8f8;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bgc-video .for-titles .cma-subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bgc-video .image-sequence-comp {
    width: 61%;
    left: -31.4px;
    top: 28%;
  }
  .bgc-video .for-titles {
    bottom: 48%;
    width: 512px;
    margin: 0 auto;
  }
  .bgc-video .for-titles .cma-subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .bgc-video .image-sequence-comp {
    width: 61%;
    left: -39px;
    top: 28%;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .bgc-video .image-sequence-comp {
    width: 53%;
    left: -33px;
    top: 27%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bgc-video .image-sequence-comp {
    top: 28%;
    width: 77%;
    left: -5%;
  }
  .bgc-video .for-titles {
    bottom: 41%;
    left: -14px;
    max-width: 300px;
    margin: 0 auto;
  }
  .bgc-video .for-titles .cma-title {
    padding-bottom: 16px;
  }
  .bgc-video .for-titles .cma-subtitle {
    color: #ffffff;
  }
}
@keyframes leaving_txt_dashcam {
  0.00% {
    display: block;
  }
  1% {
    transform: translateY(0px);
    opacity: 1;
  }
  99% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    display: none !important;
  }
}
.bgc-video .txt_leaving_dashcam {
  animation: leaving_txt_dashcam 1s ease-in-out;
  opacity: 0;
}

/* charging options*/
.chargerr_options .containerr {
  flex-wrap: wrap;
  color: #ffffff;
  background-color: #282828;
}
.chargerr_options .Button---Regular_class {
  cursor: pointer;
}
.chargerr_options .modal {
  z-index: 9999999;
}
.chargerr_options .modal-content .close {
  border: none;
  position: absolute;
  background: transparent;
  right: 11%;
  margin-top: 8px;
  z-index: 1;
}
.chargerr_options .modal-content .close .icon-Cross {
  color: #383737;
  font-size: 23px !important;
}
.chargerr_options .modal-dialog,
.chargerr_options .modal-content {
  height: 100% !important;
  float: right;
  overflow-y: auto;
}
.chargerr_options .modal-content {
  padding: 64px 106px 110px 106px;
}
.chargerr_options .cta-btn {
  padding: 0px;
  word-break: break-all;
  max-width: 362px;
}
.chargerr_options .BRR:after {
  content: "\e9a0";
  font-family: 'icomoon';
  background: transparent;
  border: none;
  height: 7px;
  width: 7px;
  padding-left: 10px;
  pointer-events: none;
  position: absolute;
  color: #ffffff;
  padding-top: 5px;
}
.chargerr_options .filter {
  filter: brightness(0) invert(1);
}
.chargerr_options .label {
  width: 54.4%;
}
.chargerr_options .item .connect_link {
  text-decoration: none;
}
.chargerr_options .image_sizing {
  height: 112px;
  max-width: 112px;
  height: auto;
  padding: 28px;
  background-color: #383737;
}
.chargerr_options .charge_inline {
  position: relative;
  top: 0px;
  padding-right: 24px;
  display: inline-block;
}
.chargerr_options img {
  vertical-align: baseline;
}
.chargerr_options .help_query {
  position: relative;
}
.chargerr_options .clickArrow {
  padding-left: 2%;
}
.chargerr_options .top_charger {
  position: relative;
}
.chargerr_options .group {
  display: flex;
  flex-direction: column;
}
.chargerr_options .charger_data {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-bottom: 18px;
  color: #7a8084;
}
.chargerr_options .charge_data {
  color: #eaeaec;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-bottom: 8px;
}
.chargerr_options .label {
  padding-top: 80px;
  padding-right: 106px;
}
.chargerr_options .describe_report {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-bottom: 32px;
  max-width: 500px;
}
.chargerr_options .Button---Regular_class {
  margin-block-start: 0em;
  margin-block-end: 0em;
  text-decoration: none;
  color: #ffffff;
}
.chargerr_options .fa-arrow-right::before {
  content: '\00a0\00a0';
}
.chargerr_options .charge {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-bottom: 8px;
}
.chargerr_options .charger_options {
  display: inline-block;
  margin-bottom: 40px;
  position: relative;
  top: -10px;
}
.chargerr_options .data {
  padding-left: 0px !important;
  padding-top: 80px;
}
.chargerr_options .modal-dialog {
  max-width: 918px !important;
}
.chargerr_options .header_charger {
  margin-block-end: 1.5em;
}
.chargerr_options .describe_charge {
  margin-block-start: 1.5em;
}
@media only screen and (min-width: 1200px) {
  .chargerr_options .containerr {
    flex-direction: column;
  }
  .chargerr_options .group {
    flex-direction: row;
  }
  .chargerr_options .item {
    padding-left: 106px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .chargerr_options .containerr {
    flex-direction: column;
  }
  .chargerr_options .group {
    flex-direction: row;
  }
  .chargerr_options .cta-btn {
    max-width: 270px;
  }
  .chargerr_options .modal-content {
    padding: 56px 40px 56px 88px;
  }
  .chargerr_options .charger_data {
    margin-bottom: 8px;
  }
  .chargerr_options .describe_report {
    margin-bottom: 17px;
  }
  .chargerr_options .charger_options {
    width: 63%;
  }
  .chargerr_options .image_sizing {
    height: auto;
    max-width: 96px;
    padding: 24px;
  }
  .chargerr_options .modal-dialog {
    margin-right: 0px;
    height: max-content;
    align-items: self-end;
    max-width: 552px !important;
  }
  .chargerr_options .data {
    padding-left: 0px !important;
  }
  .chargerr_options .item {
    width: 50%;
    padding-left: 106px;
  }
  .chargerr_options .label {
    padding-top: 56px;
    padding-left: 46px;
    padding-right: 46px;
  }
  .chargerr_options .data {
    padding-left: 32px;
    padding-top: 56px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .chargerr_options .containerr {
    display: block;
    flex-wrap: wrap;
    background-color: #282828;
    color: #ffffff;
  }
  .chargerr_options .cta-btn {
    max-width: 217px;
  }
  .chargerr_options .modal-content {
    padding: 36px 30px 48px 30px;
  }
  .chargerr_options .modal-content .close {
    margin-top: 2px;
  }
  .chargerr_options .modal-dialog {
    margin-left: 0px;
    max-width: 100% !important;
  }
  .chargerr_options .image_sizing {
    height: auto;
    max-width: 72px;
    padding: 18px;
  }
  .chargerr_options .label {
    width: 90%;
    padding-top: 0px;
    padding-right: 0px;
  }
  .chargerr_options .data {
    padding-top: 41px;
    padding-left: 0px !important;
  }
  .chargerr_options .charger_options {
    width: 65%;
    margin-bottom: 42px;
  }
  .chargerr_options .charger_data {
    margin-block-end: 8px;
  }
  .chargerr_options .group {
    padding-left: 30px;
    padding-top: 64px;
    padding-right: 30px;
  }
  .chargerr_options .describe_report {
    margin-block-end: 24px;
  }
  .chargerr_options .header_charger {
    text-align: center;
  }
  .chargerr_options .describe_charge {
    text-align: center;
  }
  .chargerr_options .charge_inline {
    padding-right: 12px;
    top: -12px;
  }
  .chargerr_options .intern_help {
    position: relative;
    left: 0px;
    max-width: 86.2%;
    word-break: break-all;
  }
}
.charging-options-comp #overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #383737;
  opacity: 0.8;
  z-index: 999999;
}

.hero-vehicle {
  position: relative;
}
.hero-vehicle .outer_div .view360 .transparentImage.presetCss {
  display: flex !important;
  justify-content: center;
  margin: auto;
  margin-top: 10%;
}
.hero-vehicle .outer_div .view360 .transparentImage.presetCss .car-exterior-image {
  width: 100% !important;
}
.hero-vehicle .outer_div .view360 .transparentImage.presetCss .car-interior-image {
  height: 16.7em;
}
.hero-vehicle .outer_div .view360 .transparentImage.presetCss .hv-image-src {
  height: 16.7em;
}
.hero-vehicle .wrapper {
  width: auto;
  position: relative;
  display: flex;
  height: 100%;
}
.hero-vehicle .hv-image-src {
  width: 100%;
}
.hero-vehicle .modal-backdrop {
  width: auto;
}
.hero-vehicle .metadata {
  margin-bottom: 12px;
  color: #383737;
}
.hero-vehicle .car-interior-image {
  width: 100%;
  height: 100%;
}
.hero-vehicle #hv-feature-img {
  height: 100%;
}
.hero-vehicle .fuel_icons {
  padding-bottom: 15px;
  font-size: 27px;
}
.hero-vehicle .hero-tick {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: inherit;
  background-color: transparent;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.hero-vehicle .hero-tick.icon-Tick-48 {
  background-color: #ffffff;
}
.hero-vehicle .hero-tick.icon-Tick-48:before {
  color: #383737;
  font-size: 8px;
  font-weight: bold;
  position: absolute;
}
.hero-vehicle .cta-btn {
  margin-right: 33px;
  padding: unset;
  font-weight: normal;
}
.hero-vehicle .cta-btn .icon-Arrow-Right::before {
  font-size: 12px;
}
.hero-vehicle .cta-btn:after {
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 1%;
}
.hero-vehicle .filter {
  filter: brightness(0) invert(1);
}
.hero-vehicle .h-video {
  vertical-align: middle;
  display: flex;
  height: 100%;
}
.hero-vehicle .outer_div {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.hero-vehicle .outer_div .view360 .hide-icon {
  position: absolute;
  z-index: 1;
  display: none;
  top: 62%;
  left: 35%;
}
.hero-vehicle .outer_div .view360 .hide-icon span:before {
  margin-right: 10px;
}
.hero-vehicle .outer_div .view360 .vh_close {
  /*z-index: 0 !important;*/
  margin: 24px;
  display: block !important;
  width: 32px;
  height: 32px;
  padding: unset;
  text-align: center;
}
.hero-vehicle .outer_div .view360 .vh_close span {
  line-height: inherit;
}
.hero-vehicle .outer_div .view360 .images-loop:hover + .hide-icon {
  display: block;
}
.hero-vehicle .outer_div .view360.js-view {
  /*z-index: 0 !important;*/
  display: block !important;
}
.hero-vehicle .outer_div .view360 .threesixty img {
  padding-left: 215px;
  min-height: 468px;
  margin-top: 18%;
}
.hero-vehicle .outer_div .view360 .transparentImage {
  margin-top: 18%;
}
.hero-vehicle .outer_div .dragicons-hv {
  position: absolute;
  bottom: 40px;
  right: 40px;
  float: right;
  text-align: center;
  color: #383737;
  z-index: 1;
}
.hero-vehicle .outer_div .dragicons-hv img {
  width: 45px;
  height: 24px;
}
.hero-vehicle .outer_div .dragicons-hv p {
  margin-top: 8px;
  margin-bottom: 0px;
}
.hero-vehicle .inner_div {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.hero-vehicle .rotate-icon {
  position: absolute;
  top: 32px;
  cursor: pointer;
  width: 54px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.3);
  height: 54px;
  right: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-vehicle .rotate-icon {
    top: 22px;
  }
}
.hero-vehicle .rotate-icon.icon-360::before {
  font-size: 48px;
  color: #f8f8f8;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-vehicle .rotate-icon.icon-360::before {
    font-size: 42px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-vehicle .rotate-icon.icon-360::before {
    font-size: 40px;
  }
}
.hero-vehicle .playpause img {
  background-repeat: no-repeat;
  max-width: 54px;
  max-height: 54px;
  padding: 15px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 1;
  background-size: contain;
  background-position: center;
}
.hero-vehicle .car-image {
  position: relative;
  width: 40.7%;
  float: left;
  display: flex;
  flex-flow: column;
  vertical-align: middle;
  justify-content: center;
}
.hero-vehicle .car-image.rotate-check {
  margin-top: 90px;
}
.hero-vehicle .car-image .js {
  position: absolute;
  /* display: none; */
  z-index: 2;
}
.hero-vehicle .car-details {
  width: 59.3%;
  float: left;
  display: block;
  background-color: #f8f8f8;
}
.hero-vehicle .car-exterior-image {
  width: auto;
  max-width: 100%;
  height: auto;
  position: relative;
  margin-left: -16%;
}
.hero-vehicle .text-details {
  margin-right: 172px;
  margin-left: 104px;
  margin-top: 112px;
  margin-bottom: 112px;
  word-break: break-all;
  position: relative;
  z-index: 1 ;
  word-break: break-word;
}
.hero-vehicle .text-details.text360name {
  margin: 0px !important;
  z-index: 10 !important;
}
.hero-vehicle .text-details img {
  width: 24px;
  height: 24px;
}
.hero-vehicle .options {
  margin-top: 32px;
}
.hero-vehicle .options a {
  text-decoration: none;
  color: #307fe2;
}
.hero-vehicle .options a .icon-Arrow-Right::before {
  padding-left: 9px;
}
.hero-vehicle .options.options360 {
  margin: 0px 0px 0px 104px;
  padding-top: 16px !important;
  padding-left: 0px !important;
}
.hero-vehicle .mobile-car-options {
  font-size: 16px;
  margin-top: 32px;
}
.hero-vehicle .mobile-car-options a {
  text-decoration: none;
  color: #307fe2;
}
.hero-vehicle .car-exterier-details {
  display: block;
}
.hero-vehicle .button-align {
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-vehicle .button-align {
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-vehicle .button-align .color-label {
    margin-right: 8%;
  }
}
.hero-vehicle .hv-color-opt {
  z-index: 10;
  bottom: 12px !important;
  position: absolute;
}
.hero-vehicle .hv-color-opt button {
  height: 20px;
  width: 20px;
  padding: unset;
  margin-left: 15px;
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: none;
  margin-bottom: 12px;
}
.hero-vehicle .hv-color-opt.button360 {
  bottom: 42px !important;
  position: absolute;
  top: inherit !important;
  left: 0px;
  right: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-vehicle .hv-color-opt {
    position: unset;
  }
}
.hero-vehicle .car-interior {
  width: 40.7%;
  float: left;
  background-color: #f8f8f8;
}
.hero-vehicle .car-mobile-version {
  display: none;
}
.hero-vehicle .car-demonstration {
  width: 59.3%;
  float: left;
}
.hero-vehicle .car-demonstration video {
  object-fit: fill;
  width: 100%;
}
.hero-vehicle .carname {
  text-align: left;
  color: #383737;
  margin-bottom: 24px;
  max-width: 396px;
}
.hero-vehicle .carname.car360name {
  position: unset !important;
  margin: 104px 0px 0px 104px;
}
.hero-vehicle .design {
  max-width: 396px;
  text-align: left;
  color: #383737;
  margin-block-end: 0em;
  margin-bottom: 12px;
}
.hero-vehicle .span {
  max-width: 396px;
  margin-bottom: 0em;
  margin-top: 0em;
  text-align: left;
  color: #7a8084;
}
.hero-vehicle .drag-rotate {
  position: absolute;
  bottom: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  display: none;
}
.hero-vehicle .drag-rotate div {
  margin-top: 8px;
}
.hero-vehicle .drag-rotate img {
  height: 24px;
}
.hero-vehicle .drag-rotate.rotate-icon-mobile {
  left: calc(1%);
}
.hero-vehicle .drag-rotate.rotate-icon-desktop {
  left: 36px;
}
.hero-vehicle-left .outer_div .view360 .transparentImage.presetCss {
  display: flex !important;
  justify-content: center;
  margin: auto;
  margin-top: 10%;
}
.hero-vehicle-left .outer_div {
  flex-direction: row-reverse;
}
.hero-vehicle-left .outer_div .view360 .vh_close {
  margin: 24px;
  z-index: 10;
  /*z-index: 0 !important;*/
  display: block !important;
}
.hero-vehicle-left .outer_div .view360.js-view {
  /*z-index: 0 !important;*/
  display: block !important;
}
.hero-vehicle-left .outer_div .view360 .threesixty img {
  padding-left: 215px;
  min-height: 468px;
  margin-top: 18%;
}
.hero-vehicle-left .outer_div .view360 .transparentImage {
  margin-top: 18%;
}
.hero-vehicle-left .outer_div .dragicons-hv {
  position: absolute;
  bottom: 40px;
  right: 40px;
  float: right;
  text-align: center;
  color: #383737;
}
.hero-vehicle-left .outer_div .dragicons-hv img {
  width: 45px;
  height: 24px;
}
.hero-vehicle-left .inner_div {
  flex-direction: row-reverse;
}
.hero-vehicle-left .rotate-icon {
  cursor: pointer;
  left: 32px;
  right: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-vehicle-left .rotate-icon {
    padding-top: 7px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-vehicle-left .rotate-icon {
    padding-top: 8px;
  }
}
.hero-vehicle-left .car-exterior-image {
  margin-left: 0% !important;
}
.hero-vehicle-left .text-details {
  margin-right: 104px;
  margin-left: 172px;
}
.modal-backdrop {
  display: none;
}
.car-image-dynamic {
  min-height: 800px;
}
.view360-dynamic {
  background: none;
}
.rotate-check-dynamic {
  animation: fading 500ms cubic-bezier(0.65, 0.05, 0.36, 1);
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-vehicle .outer_div .view360 .transparentImage.presetCss .presetCss .car-exterior-image {
    width: 100% !important;
  }
  .hero-vehicle .outer_div .view360 .transparentImage.presetCss .presetCss .car-interior-image {
    height: 13.75em;
  }
  .hero-vehicle .outer_div .view360 .transparentImage.presetCss .presetCss .hv-image-src {
    height: 13.75em;
  }
  .hero-vehicle .outer_div .view360 .vh_close {
    margin: 16px;
  }
  .hero-vehicle .outer_div .view360 .images-loop:hover + .hide-icon {
    display: none;
  }
  .hero-vehicle .outer_div .view360 .threesixty img {
    max-width: 688px;
    min-height: 262px;
    margin-top: 100px;
    margin-top: 210px;
    padding-left: 150px;
  }
  .hero-vehicle .outer_div .view360 .transparentImage {
    margin-top: 190px;
  }
  .hero-vehicle .outer_div .dragicons-hv {
    bottom: 24px;
    right: 24px;
  }
  .hero-vehicle .outer_div .dragicons-hv img {
    width: 45px;
    height: 24px;
  }
  .hero-vehicle-right .outer_div .dragicons-hv {
    padding-left: 24px !important;
  }
  .hero-vehicle-right .outer_div .view360 .images-loop:hover + .hide-icon {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .hero-vehicle .outer_div .view360 .transparentImage.presetCss {
    margin: 45% 0 0 0;
  }
  .hero-vehicle .outer_div .view360 .transparentImage.presetCss .car-exterior-image {
    width: 100% !important;
  }
  .hero-vehicle .outer_div .view360 .transparentImage.presetCss .car-interior-image {
    height: 9em;
  }
  .hero-vehicle .outer_div .view360 .transparentImage.presetCss .hv-image-src {
    height: 9em;
    object-fit: cover;
  }
  .hero-vehicle .outer_div .view360 .vh_close {
    margin: 16px;
  }
  .hero-vehicle .outer_div .view360 .images-loop:hover + .hide-icon {
    display: none;
  }
  .hero-vehicle .outer_div .view360 .images-loop:hover + .hide-icon {
    display: none;
  }
  .hero-vehicle .outer_div .view360 .threesixty img {
    min-height: 176px;
    margin-top: 45%;
    padding-left: 0px;
  }
  .hero-vehicle .outer_div .view360 .transparentImage {
    margin-top: 45%;
  }
  .hero-vehicle .outer_div .dragicons-hv {
    top: 60%;
    left: 0px;
    right: 0px !important;
    padding-left: 0px !important;
  }
  .hero-vehicle .outer_div .dragicons-hv img {
    width: 45px;
    height: 24px;
  }
  .hero-vehicle .hv-image-src {
    min-height: 150px;
    object-fit: cover;
  }
  .hero-vehicle .car-interior-image {
    min-height: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-vehicle .outer_div .view360 .vh_close {
    margin: 16px;
  }
  .hero-vehicle .outer_div .view360 .images-loop:hover + .hide-icon {
    display: none;
  }
  .hero-vehicle .outer_div .view360 .threesixty img {
    min-height: 176px;
    margin-top: 15%;
    padding-left: 0px;
  }
  .hero-vehicle .outer_div .view360 .transparentImage {
    margin-top: 15%;
  }
  .hero-vehicle .outer_div .dragicons-hv {
    top: 60%;
    left: 0px;
    right: 0px !important;
    padding-left: 0px !important;
  }
  .hero-vehicle .outer_div .dragicons-hv img {
    width: 45px;
    height: 24px;
  }
  .hero-vehicle .hv-image-src {
    min-height: 150px;
    object-fit: cover;
  }
  .hero-vehicle .car-interior-image {
    min-height: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-vehicle {
    position: relative;
  }
  .hero-vehicle .presetCss .car-exterior-image {
    width: 100% !important;
  }
  .hero-vehicle .presetCss .car-interior-image {
    height: 13.75em;
  }
  .hero-vehicle .presetCss .hv-image-src {
    height: 13.75em;
  }
  .hero-vehicle .text-details {
    margin-right: 88px;
    margin-top: 77px;
    margin-bottom: 77px;
    margin-left: 66px;
  }
  .hero-vehicle .cta-btn {
    padding: 0px;
    margin-right: 17px;
  }
  .hero-vehicle .fuel_icons {
    padding-bottom: 8px;
  }
  .hero-vehicle .car360name {
    top: inherit !important;
    bottom: inherit !important;
    margin: 64px 0px 0px 104px !important;
  }
  .hero-vehicle .car-name {
    margin-right: 0px;
  }
  .hero-vehicle .car-name .carname {
    width: 100%;
    margin-bottom: 12px;
  }
  .hero-vehicle .car-name .design {
    width: 100%;
  }
  .hero-vehicle .car-name .span {
    width: 100%;
    max-width: 248px;
  }
  .hero-vehicle .car-image {
    width: 36.058%;
    float: left;
  }
  .hero-vehicle .car-details {
    width: 63.942%;
    float: left;
  }
  .hero-vehicle .car-image-dynamic {
    min-height: 600px;
  }
  .hero-vehicle .car-interior {
    width: 36.058%;
  }
  .hero-vehicle .car-demonstration {
    width: 63.942%;
  }
  .hero-vehicle .car-exterior-image {
    width: auto;
    max-width: 100%;
    margin-left: -20%;
    margin-top: 40px;
  }
  .hero-vehicle .hv-color-opt {
    width: 65%;
    margin: auto;
    bottom: 26px !important;
  }
  .hero-vehicle .hv-color-opt button {
    margin-right: 10px;
    margin-top: 2px;
    margin-right: 0px;
  }
  .hero-vehicle .hv-color-opt.button360 {
    bottom: 26px !important;
  }
  .hero-vehicle .button-align {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
  .hero-vehicle .car-name {
    text-align: left;
    color: #383737;
    margin-bottom: 12px;
  }
  .hero-vehicle .options {
    width: max-content;
    display: flex;
    margin-top: 24px;
  }
  .hero-vehicle .options.options360 {
    padding-top: 8px !important;
  }
  .hero-vehicle .design {
    margin-bottom: 8px;
  }
  .hero-vehicle .span {
    margin-top: 0px;
    margin-right: 20px;
    text-align: left;
    color: #7a8084;
  }
  .hero-vehicle .rotate-icon {
    right: 16px;
    top: 16px;
  }
  .hero-vehicle .drag-rotate.rotate-icon-mobile {
    display: none;
  }
  .hero-vehicle .drag-rotate.rotate-icon-desktop {
    bottom: 40px;
  }
  .hero-vehicle .hv-image-src {
    height: 30vw;
  }
  .hero-vehicle .text-details {
    margin-left: 88px;
    margin-right: 104px;
  }
  .hero-vehicle-left .outer_div .view360 .transparentImage.presetCss {
    margin-top: 0;
  }
  .hero-vehicle-left .car-exterior-image {
    margin-left: 20% !important;
  }
  .hero-vehicle-left .text-details {
    margin-left: 104px;
    margin-right: 88px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-vehicle .rotate-icon {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-vehicle .presetCss .car-exterior-image {
    width: 100% !important;
  }
  .hero-vehicle .presetCss .car-interior-image {
    height: 9em;
  }
  .hero-vehicle .presetCss .hv-image-src {
    height: 9em;
  }
  .hero-vehicle .car-interior {
    width: 50%;
  }
  .hero-vehicle .car-demonstration {
    width: 50%;
  }
  .hero-vehicle .hv-color-opt {
    bottom: -4px !important;
  }
  .hero-vehicle .button-align {
    margin-bottom: 20px;
  }
  .hero-vehicle .car-component {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .hero-vehicle .carname.mobile360car {
    margin: 0px 30px 0px 40px;
    position: unset;
    top: inherit;
    right: inherit;
  }
  .hero-vehicle .car-image {
    width: 100%;
    height: auto !important;
    text-align: center;
  }
  .hero-vehicle .car-image .car-exterior-image {
    max-width: 100%;
    width: auto;
  }
  .hero-vehicle .car-image-dynamic {
    min-height: 500px;
  }
  .hero-vehicle .car-exterier-details .car-details {
    display: none;
  }
  .hero-vehicle .car-exterior-image {
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
  }
  .hero-vehicle .car-mobile-version {
    width: 100%;
    display: block;
    clear: both;
    background: #eaeaec;
  }
  .hero-vehicle .car-mobile-version .metadata {
    margin-bottom: 8px;
  }
  .hero-vehicle .car-mobile-version .carname {
    margin-bottom: 12px;
  }
  .hero-vehicle .car-mobile-version .design {
    margin-bottom: 8px;
  }
  .hero-vehicle .car-mobile-version .span {
    width: 100%;
  }
  .hero-vehicle .text-details {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .hero-vehicle .text-details .fuel_icons {
    padding-bottom: 11px;
  }
  .hero-vehicle .mobile-car-options {
    clear: both;
    font-size: 14px;
    padding-bottom: 40px;
  }
  .hero-vehicle .mobile-car-options.mobile360caroptions {
    padding-top: 16px;
    margin-left: 30px;
    margin-top: 0px;
  }
  .hero-vehicle .mobile-car-options a {
    margin-right: 25px;
  }
  .hero-vehicle .mobile-car-options a .icon-Arrow-Right::before {
    padding-left: 9px;
  }
  .rotate-icon {
    right: 0px;
    left: 10px;
  }
  .view360-dynamic {
    min-height: 500px !important;
    height: 0px !important;
    background: none;
  }
  .hero-vehicle-left .outer_div .view360 .transparentImage.presetCss {
    margin-top: 15%;
  }
  .hero-vehicle-left .rotate-icon {
    right: 10px;
    left: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-vehicle .car-exterior-image {
    position: relative;
    width: auto;
    max-width: 100%;
    margin-left: -16%;
  }
  .hero-vehicle .text-details {
    margin-right: 88px;
    margin-top: 77px;
    margin-bottom: 77px;
    margin-left: 88px;
  }
  .hero-vehicle .text-details img {
    width: 24px;
    height: 24px;
  }
  .hero-vehicle .car-interior-image {
    width: 100%;
  }
  .hero-vehicle .hv-color-opt {
    margin: auto;
    width: 60%;
    bottom: 0px;
  }
  .hero-vehicle .hv-color-opt button {
    margin-right: 10px;
    margin-top: 2px;
  }
  .hero-vehicle .button-align {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
  }
  .hero-vehicle .cta-btn {
    margin-right: 17px;
  }
  .hero-vehicle-left .car-exterior-image {
    margin-left: 21% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-vehicle .car-exterior-image {
    max-width: 100%;
    position: relative;
    object-fit: contain;
  }
  .hero-vehicle .tml-player-ctn {
    display: flex;
    height: 100%;
  }
  .hero-vehicle .car-demonstration .h-video {
    display: block;
  }
  .hero-vehicle .car-demonstration .wrapper {
    display: block;
  }
  .hero-vehicle-left .car-exterior-image {
    margin-left: 21% !important;
  }
}

.small-vehicle .small {
  background: #f8f8f8;
}
.small-vehicle .metadata {
  padding-top: 3%;
}
.small-vehicle .mobile-car-options {
  padding-top: 3%;
}
.small-vehicle .button-align .hv-color-opt {
  bottom: 26px;
}
.small-vehicle .fuel_icons {
  padding-top: 3%;
}
.small-vehicle .horizon {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.small-vehicle .horizon .text-details {
  margin-right: 33px;
  margin-left: 33px;
  margin-top: 33px;
  margin-bottom: 33px;
  word-break: break-word;
}
.small-vehicle .only-imagee {
  display: none !important;
}
.small-vehicle .only-image .car-exterior-image,
.small-vehicle .vertical .car-exterior-image {
  width: auto;
}
.small-vehicle .car-image {
  position: relative;
  width: 100%;
  float: left;
  text-align: center;
  background-color: #c3aa74;
}
.small-vehicle .car-details {
  width: 59.3%;
  float: left;
  display: block;
  background-color: #f8f8f8;
}
.small-vehicle .car-exterior-image {
  position: relative;
  width: auto;
  max-width: 100%;
  height: auto;
  margin-left: 0px;
  margin-top: 0px;
}
.small-vehicle .text-details {
  width: 83.3%;
  margin-left: 44px;
  margin-right: 44px;
  margin-top: 33px;
  margin-bottom: 77px;
}
.small-vehicle .text-details img {
  width: 24px;
  height: 24px;
}
.small-vehicle .options {
  margin-top: 24px;
}
.small-vehicle .mobile-car-options {
  margin-top: 24px;
  clear: both;
  padding-bottom: 14px;
}
.small-vehicle .mobile-car-options .icon-Arrow-Right::before {
  padding-left: 9px;
}
.small-vehicle .car-mobile-version {
  width: 100%;
  display: block;
  clear: both;
  background: #eaeaec;
  position: relative;
}
.small-vehicle .span {
  float: left;
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .small-vehicle .text-details {
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
  }
  .small-vehicle .car-component {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
  .small-vehicle .car-exterior-image {
    width: auto;
    max-width: 100%;
    margin-top: 40px;
  }
  .small-vehicle .hv-color-opt {
    bottom: 33px;
  }
}
@media only screen and (max-width: 576px) {
  .small-vehicle .vertical .text-details {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .small-vehicle .car-component {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .small-vehicle .horizon {
    flex-direction: column;
  }
  .small-vehicle .car-exterier-details .car-details {
    display: none;
  }
  .small-vehicle .text-details {
    margin-left: 20px;
    margin-right: 30px;
    padding-top: 20px;
  }
}
.configurator .small-vehicle .horizon {
  min-height: 500px;
  height: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator .small-vehicle .horizon {
    min-height: 312px;
  }
}
.configurator .small-vehicle .horizon .car-image {
  padding-top: 64px;
  padding-bottom: 64px;
}
.configurator .small-vehicle .horizon .car-image .car-exterior-image {
  max-width: 100%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator .small-vehicle .horizon .car-image .car-exterior-image {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.configurator .small-vehicle .horizon .car-image .button-align .hv-color-opt {
  position: unset;
}
.configurator .small-vehicle .horizon .car-mobile-version {
  background: white;
}
.configurator .small-vehicle .horizon .car-mobile-version .mobile-car-name {
  padding-left: 73px;
  padding-top: 140px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator .small-vehicle .horizon .car-mobile-version .mobile-car-name {
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator .small-vehicle .horizon .car-mobile-version .mobile-car-name {
    padding: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator .small-vehicle .horizon .car-mobile-version .metadata {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator .small-vehicle .horizon .car-mobile-version .metadata {
    padding-top: 0px;
  }
}
.configurator .small-vehicle .horizon .car-mobile-version .car-name {
  margin-bottom: 12px;
}

@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tiles-List-comp {
    margin-right: -30px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tiles-List-comp {
    margin-right: 0px !important;
  }
}
.tiles-List-comp .text-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.tiles-List-comp .text-details .text-sub-title {
  margin-bottom: 16px;
  color: #383737;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.tiles-List-comp .text-details .text-title {
  margin-bottom: 32px;
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tiles-List-comp .text-details .text-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tiles-List-comp .text-details .text-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.tiles-List-comp .text-details .text-desc1 {
  width: 57.14%;
  margin: 0px !important;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tiles-List-comp .text-details .text-desc1 {
    font-size: 16px;
    line-height: 20px;
  }
}
.tiles-List-comp .custom-nav {
  text-align: right;
  margin-bottom: 40px;
}
.tiles-List-comp .custom-nav.custom-disabled {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tiles-List-comp .custom-nav {
    margin-bottom: 24px;
    padding-right: 30px !important;
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tiles-List-comp .custom-nav {
    margin-bottom: 16px !important;
    padding-right: 0px !important;
    display: none;
  }
}
.tiles-List-comp .custom-nav .owl-prev {
  margin-right: 12px;
}
.tiles-List-comp .custom-nav .owl-nav {
  margin-left: auto;
}
.tiles-List-comp .custom-nav .owl-prev.disabled:hover,
.tiles-List-comp .custom-nav .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.tiles-List-comp .custom-nav .owl-prev.disabled:hover span,
.tiles-List-comp .custom-nav .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.tiles-List-comp .custom-nav button:disabled,
.tiles-List-comp .custom-nav button[disabled] {
  border: 1px solid rgba(122, 128, 132, 0.5) !important;
  background-color: transparent !important;
}
.tiles-List-comp .custom-nav button:disabled span,
.tiles-List-comp .custom-nav button[disabled] span {
  color: rgba(122, 128, 132, 0.5);
}
.tiles-List-comp .custom-nav button:hover:enabled {
  background-color: #307fe2;
}
.tiles-List-comp .custom-nav button:hover:enabled span {
  color: #ffffff;
}
.tiles-List-comp .custom-nav .owl-prev,
.tiles-List-comp .custom-nav .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.tiles-List-comp .custom-nav .owl-prev.disabled,
.tiles-List-comp .custom-nav .owl-next.disabled {
  border: 1px solid var(--Inactive, rgba(122, 128, 132, 0.5));
}
.tiles-List-comp .custom-nav .owl-prev.disabled span,
.tiles-List-comp .custom-nav .owl-next.disabled span {
  color: rgba(122, 128, 132, 0.5);
}
.tiles-List-comp .custom-nav .owl-prev span,
.tiles-List-comp .custom-nav .owl-next span {
  color: #307fe2;
  font-size: 20px;
}
.tiles-List-comp .custom-nav .owl-prev span.disabled,
.tiles-List-comp .custom-nav .owl-next span.disabled {
  color: rgba(122, 128, 132, 0.5);
}
.tiles-List-comp .custom-nav .owl-prev.disabled,
.tiles-List-comp .custom-nav .owl-next.disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
}
.tiles-List-comp .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
}
.tiles-List-comp .blockShow {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.tiles-List-comp .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
  width: auto !important;
}
.tiles-List-comp .datadetails .ownerContent {
  background-color: #ffffff;
  padding: 40px 24px;
  margin-right: 20px;
  width: 396px;
  height: 100%;
  min-height: 313px;
  display: flex;
  flex-direction: column;
}
.tiles-List-comp .datadetails .ownerContent .RedirectionLink {
  margin-top: auto;
  width: fit-content;
  text-decoration: none;
}
.tiles-List-comp .datadetails .ownerContent .RedirectionLink .icon-Arrow-Right:before {
  font-size: 12px;
}
.tiles-List-comp .datadetails .ownerContent .owners-cards {
  margin-bottom: 12px;
}
.tiles-List-comp .datadetails .ownerContent .owners-cards .owners-title {
  margin-bottom: 24px;
  color: #383737;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tiles-List-comp .datadetails .ownerContent .owners-cards .owners-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tiles-List-comp .datadetails .ownerContent .owners-cards .owners-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.tiles-List-comp .datadetails .ownerContent .owners-cards .owners-title-main {
  display: flex;
}
.tiles-List-comp .datadetails .ownerContent .owners-cards .owners-title-main .owners-description {
  Color: #7a8084;
  margin: 0px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tiles-List-comp .datadetails .ownerContent .owners-cards .owners-title-main .owners-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.tiles-List-comp .datadetails .ownerContent .RedirectionLink .icon-Arrow-Right {
  padding-left: 8px;
}
.tiles-List-comp .datadetails .ownerContent:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tiles-List-comp .text-details {
    margin-bottom: 24px;
  }
  .tiles-List-comp .text-details .text-sub-title {
    margin-bottom: 16px;
    width: 55.2%;
    text-align: center;
  }
  .tiles-List-comp .text-details .text-title {
    margin-bottom: 16px;
  }
  .tiles-List-comp .text-details .text-desc1 {
    width: 80.3%;
    text-align: center;
  }
  .tiles-List-comp .owl-carousel .ownerContent {
    padding: 24px;
    margin-right: 16px;
    width: 336px;
    min-height: 297px;
  }
  .tiles-List-comp .owl-carousel .ownerContent .owners-cards .owners-title {
    margin-bottom: 24px;
  }
  .tiles-List-comp .owl-carousel .ownerContent:last-child {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tiles-List-comp .text-details {
    margin-bottom: 16px;
  }
  .tiles-List-comp .text-details .text-sub-title {
    margin-bottom: 12px;
    width: 300px;
    text-align: center;
  }
  .tiles-List-comp .text-details .text-title {
    margin-bottom: 16px;
    width: 300px;
    text-align: center;
  }
  .tiles-List-comp .text-details .text-desc1 {
    width: 300px;
    text-align: center;
  }
  .tiles-List-comp .owl-carousel .ownerContent {
    padding: 24px 16px;
    margin-right: 12px;
    width: 248px;
    min-height: 336px;
  }
  .tiles-List-comp .owl-carousel .ownerContent .owners-cards .owners-title {
    margin-bottom: 12px;
  }
  .tiles-List-comp .owl-carousel .ownerContent:last-child {
    margin-right: 0px;
  }
}

.suggested-article-comp {
  position: relative;
}
.suggested-article-comp .suggested_articles_title {
  margin-top: 7px;
  color: #383737;
  padding-left: 0px;
  position: absolute;
  width: 1004px;
}
.suggested-article-comp .owl-carousel {
  display: flex;
  overflow-x: auto;
}
@media only screen and (max-width: 991px) {
  .suggested-article-comp .owl-carousel {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .suggested-article-comp .owl-carousel {
    overflow-x: auto;
  }
}
.suggested-article-comp .suggested-cards {
  display: flex;
  flex-direction: column;
  width: 396px;
  background-color: #ffffff;
  height: 100%;
  margin: 14px;
  margin-left: 0px;
  margin-top: 87px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .suggested-article-comp .suggested-cards {
    width: 336px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .suggested-article-comp .suggested-cards {
    width: 248px !important;
  }
}
.suggested-article-comp .suggested-cards .suggested-desktop-images {
  padding-bottom: 24px;
  height: 246px;
  display: block;
  object-fit: cover;
}
.suggested-article-comp .suggested-cards .suggested-teasersubtitle {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 120%;
  color: #7a8084;
  padding-bottom: 8px;
}
.suggested-article-comp .suggested-cards .suggested-teasertitle {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  padding-bottom: 16.5px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .suggested-article-comp .suggested-cards .suggested-teasertitle {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .suggested-article-comp .suggested-cards .suggested-teasertitle {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.suggested-article-comp .suggested-cards .suggested-path .path {
  color: #307fe2 !important;
  display: inline;
  padding-right: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.suggested-article-comp .suggested-cards .suggested-path .icon-Arrow-Right {
  color: #307fe2;
  font-size: 12px;
}
.suggested-article-comp .owl-carousel .owl-stage-outer {
  margin-left: 0px;
}
.suggested-article-comp .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
  padding-left: 0px !important;
}
.suggested-article-comp .owl-carousel .owl-nav {
  position: absolute;
  margin-top: 19px;
  right: 0px;
}
.suggested-article-comp .owl-carousel .owl-nav .owl-prev {
  outline: none;
}
.suggested-article-comp .owl-carousel .owl-nav .owl-prev .icon-Arrow-Left:before {
  color: #307fe2;
  border: 1px solid #307fe2;
  padding: 18px;
}
.suggested-article-comp .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left {
  cursor: default;
}
.suggested-article-comp .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left:before {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.suggested-article-comp .owl-carousel .owl-nav .owl-next {
  outline: none;
  margin-left: 12px;
}
.suggested-article-comp .owl-carousel .owl-nav .owl-next .icon-Arrow-Right:before {
  color: #307fe2;
  border: 1px solid #307fe2;
  padding: 18px;
}
.suggested-article-comp .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right {
  cursor: default;
}
.suggested-article-comp .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right:before {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.suggested-article-comp .owl-carousel .owl-dots {
  display: none;
}
.suggested-article-comp .pagination {
  position: absolute;
  top: -14px;
  right: 139px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: normal;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .suggested-article-comp {
    padding-left: 40px;
  }
  .suggested-article-comp .owl-nav {
    display: none;
  }
  .suggested-article-comp .pagination {
    display: none;
  }
  .suggested-article-comp .suggested_articles_title {
    margin-top: 0px;
    padding-right: 40px;
    padding-bottom: 24px;
    margin-bottom: 0px !important;
    width: 688px;
  }
  .suggested-article-comp .suggested-cards {
    margin-top: 57px;
  }
  .suggested-article-comp .owl-carousel .owl-stage-outer {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .suggested-article-comp {
    padding-left: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .suggested-article-comp .pagination {
    display: none;
  }
  .suggested-article-comp .suggested_articles_title {
    padding-right: 0px;
    width: 300px !important;
    height: 24px;
    font-weight: 500;
    padding-bottom: 24px;
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 24.2px !important;
  }
  .suggested-article-comp .suggested-cards .suggested-desktop-images {
    padding-bottom: 16px !important;
  }
  .suggested-article-comp .suggested-cards .suggested-teasertitle {
    padding-bottom: 16px;
    font-size: 16px !important;
  }
  .suggested-article-comp .suggested-cards .suggested-teasersubtitle {
    height: 24px;
    line-height: 20px;
    font-size: 16px !important;
  }
  .suggested-article-comp .suggested-cards .suggested-description {
    padding-bottom: 26px;
  }
  .suggested-article-comp .owl-carousel .owl-stage-outer {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .suggested-article-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .suggested-article-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
}

.social-media-comp {
  position: relative;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .social-media-comp {
    max-height: 18px;
  }
}
.social-media-comp .copiedlink-label {
  display: none;
  color: #282828;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  margin-bottom: 16px;
  padding: 8px;
  position: absolute;
  top: -44px;
  background-color: #ffffff;
  align-items: center;
}
.social-media-comp .copiedlink-label .icon-Tick-24 {
  color: #609f65;
  font-size: 14px;
  margin-right: 8px;
}
.social-media-comp .socialMediaLink {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.social-media-comp .socialMediaLink .linkLabel {
  max-height: auto;
  display: flex;
  align-items: center;
  line-height: 21.6px;
}
.social-media-comp .socialMediaLink .linkLabel .fa-thumbs-o-up {
  color: #383737;
  margin-right: 4px;
}
.social-media-comp .socialMediaLink .linkLabel .likeText {
  margin-right: 4px;
  color: #307fe2;
}
.social-media-comp .socialMediaLink .linkLabel .likeCount {
  margin-right: 24px;
  color: #7a8084;
}
.social-media-comp .socialMediaLink .linkLabel .copyIcon {
  font-size: 12px;
  margin-right: 10.5px;
  color: #307fe2;
}
.social-media-comp .socialMediaLink .linkLabel .copyIcon .icon-Copy::before {
  font-size: 12px;
}
.social-media-comp .socialMediaLink .linkLabel .copyLink {
  cursor: pointer;
  color: #307fe2;
  font-size: 16px;
  margin-right: 24px;
  font-weight: 400;
  line-height: 17.6px;
  white-space: nowrap;
}
.social-media-comp .socialMediaLink .like-button.active i,
.social-media-comp .socialMediaLink .like-button.active .likeText {
  color: blue;
}
.social-media-comp .socialMediaLink .like-button i.far,
.social-media-comp .socialMediaLink .like-button .likeText.far {
  color: grey;
}
.social-media-comp .socialMediaLink .like-button i.fab,
.social-media-comp .socialMediaLink .like-button .likeText.fab {
  color: blue;
}
.social-media-comp .socialMediaLink .socialLabels .list-unstyled {
  display: flex;
  flex-direction: row;
  column-gap: 3px;
  margin-bottom: 0px !important;
  flex-wrap: wrap;
}
.social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link.py-2 {
  display: flex;
  align-items: center;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  color: #307fe2;
  margin-right: 24px;
}
.social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-Facebook::before,
.social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-LinkedIn:before,
.social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-WhatsApp::before,
.social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-Instagram::before,
.social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-Twitter::before,
.social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-Youtube::before {
  font-size: 12px;
  margin-right: 8px;
}
.social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .link-secondary {
  color: #307fe2 !important;
  font-size: 16px  !important;
  padding-top: 3px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .social-media-comp {
    min-height: 102px;
    position: relative;
    height: auto;
    max-height: initial;
  }
  .social-media-comp .socialMediaLink {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .social-media-comp .socialMediaLink .linkLabel {
    margin-bottom: 24px !important;
  }
  .social-media-comp .socialMediaLink .linkLabel .copyIcon {
    font-size: 12px;
    margin-right: 8px;
    color: #307fe2;
  }
  .social-media-comp .socialMediaLink .linkLabel .copyIcon .icon-Copy::before {
    width: 12px;
    height: 12px;
  }
  .social-media-comp .socialMediaLink .linkLabel .copyLink {
    cursor: pointer;
    color: #307fe2;
    font-size: 16px;
    margin-right: 24px;
  }
  .social-media-comp .socialMediaLink .socialLabels .list-unstyled {
    display: flex;
    flex-direction: column;
  }
  .social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link.py-2 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    margin-bottom: 24px !important;
    margin-right: 0px !important;
  }
  .social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-Facebook::before,
  .social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-LinkedIn:before,
  .social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-WhatsApp::before,
  .social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-Instagram::before,
  .social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .icon-Twitter::before {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }
  .social-media-comp .socialMediaLink .socialLabels .list-unstyled .social-nav-link .link-secondary {
    color: #307fe2 !important;
    font-size: 16px  !important;
    margin-right: 0px !important;
  }
}

.select-vehicle-comp .select-vehicle-section {
  background-color: #ffffff;
  padding: 64px;
}
.select-vehicle-comp .select-vehicle-section .vehicle-description {
  margin-bottom: 40px;
  color: #7a8084;
}
.select-vehicle-comp .select-vehicle-section .car-configuration {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 -10px;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .select-vehicle-validator-form {
  visibility: hidden;
  position: absolute;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section {
  display: flex;
  flex-direction: row;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section:nth-child(2) {
  padding-bottom: 40px;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section {
  width: 50%;
  padding: 0 10px 0;
  margin: auto;
  white-space: nowrap;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .dropdown-label {
  position: relative;
  margin-bottom: 8px;
  color: #7a8084;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  width: 100%;
  color: #383737;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .icon-Chevron-Down {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 20px;
  pointer-events: none;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  padding-bottom: 2px;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent {
  position: absolute;
  top: 31px;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding: 16px;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  max-height: 224px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option {
  padding: 8px 12px 8px 0;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option:hover {
  color: #307fe2;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .error {
  position: absolute;
  margin-top: 4px;
  margin-bottom: 0;
}
.select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-image {
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .select-vehicle-comp .select-vehicle-section {
    padding: 40px;
  }
  .select-vehicle-comp .select-vehicle-section .car-configuration {
    margin: 0 -8px;
  }
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section {
    padding: 0 8px 0;
  }
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section .vehicle-dropdown .dropdown-custom-options {
    max-height: 221px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .select-vehicle-comp .select-vehicle-section {
    padding: 24px 16px;
  }
  .select-vehicle-comp .select-vehicle-section .car-configuration {
    margin: 0;
  }
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section {
    flex-direction: column;
    padding-bottom: 0;
  }
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section:nth-child(2) {
    padding-bottom: 0;
    flex-direction: column-reverse;
  }
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section {
    width: 100%;
    padding: 0 0 24px;
  }
  .select-vehicle-comp .select-vehicle-section .car-configuration .car-section .car-info-section.transmission {
    padding: 0;
  }
}


.promotion .promotion-comp .bg7 .front-View {
  padding: 96px 210px 62px;
  text-align: center;
  margin: auto;
}
.promotion .promotion-comp .bg7 .front-View h2 {
  padding-bottom: 24px;
  margin-bottom: 0px !important;
}
.promotion .promotion-comp .bg7 .front-View h5 {
  padding-bottom: 8px;
  margin-bottom: 0px !important;
}
.promotion .promotion-comp .bg7 .front-View .priceLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .promotion .promotion-comp .bg7 .front-View .priceLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.promotion .promotion-comp .bg7 .front-View .imgResponsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.promotion .promotion-comp .bg7 .front-View .learnMore {
  word-break: break-word;
}
.promotion .promotion-comp .bg7 .front-View .learnMore.left {
  text-align: left;
}
.promotion .promotion-comp .bg7 .front-View .learnMore.right {
  text-align: right;
}
.promotion .promotion-comp .bg7 .front-View .learnMore.center {
  text-align: center;
}
.promotion .promotion-comp .bg7 .front-View .learnMore a {
  display: inline-block;
  text-decoration: none;
}
.promotion .promotion-comp .bg7 .front-View .learnMore a h6 {
  margin: 0%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.promotion .promotion-comp .bg7 .front-View .learnMore a h6 .icon-Arrow-Right {
  margin-left: 8px;
  font-size: 16px;
}
.promotion .promotion-comp .bg7 .promotion-banner-view {
  display: none;
  position: relative;
  width: 100%;
  margin: auto;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-img a {
  cursor: pointer;
}
.promotion .promotion-comp .bg7 .promotion-banner-view img {
  height: 100%;
  width: 100%;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text {
  position: absolute;
  color: #ffffff;
  left: 106px;
  bottom: 80px;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text h1,
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text h5,
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text p {
  margin-bottom: 0px;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .priceLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .priceLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .priceLabel .price-value {
  margin-left: 8px;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .subHeading {
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #ffffff;
  padding-bottom: 24px;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .learnMore {
  word-break: break-word;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .learnMore.left {
  text-align: left;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .learnMore.right {
  text-align: right;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .learnMore.center {
  text-align: center;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .learnMore a {
  display: inline-block;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .learnMore a .banner-cta {
  color: #ffffff;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  font-weight: normal !important;
  border: none;
  background: none;
  padding: 0px;
}
.promotion .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text .learnMore a .banner-cta .icon-Arrow-Right {
  margin-left: 8px;
  font-size: 12px;
}
.promotion .promotion-comp .bg-image {
  position: relative;
  text-align: center;
}
.promotion .promotion-comp .bg-image img {
  width: 100%;
}
.promotion .promotion-comp .bg-image .learnMore {
  position: absolute;
  padding-bottom: 40px;
  bottom: 0%;
}
.promotion .promotion-comp .bg-image .learnMore.left {
  left: 0px;
  right: auto;
}
.promotion .promotion-comp .bg-image .learnMore.right {
  text-align: right;
  right: 3.5%;
}
.promotion .promotion-comp .bg-image .learnMore.center {
  display: flex;
  width: 100%;
  justify-content: center;
}
.promotion .promotion-comp .bg-image .learnMore a {
  display: flex;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .promotion .promotion-comp .bg-image .learnMore a {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .promotion .promotion-comp .bg-image .learnMore a {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.promotion .promotion-comp .bg-image .learnMore.lg-btn a .linkText {
  padding-right: 20px;
}
.promotion .promotion-comp .bg-image .learnMore.lg-btn a .icon-Arrow-Right {
  font-size: 33.3px;
}
.promotion.dark-textcolor .bg7 .front-View {
  color: #383737;
}
.promotion.dark-textcolor .bg7 .learnMore a {
  color: #383737;
}
.promotion.dark-textcolor .bg-image .learnMore a {
  color: #383737;
}
.promotion.light-textcolor .bg7 .front-View {
  color: #ffffff;
}
.promotion.light-textcolor .bg7 .learnMore a {
  color: #ffffff;
}
.promotion.light-textcolor .bg-image .learnMore a {
  color: #ffffff;
}
.promotion.content-bg-black .promotion-banner-text {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .promotion.content-bg-black .promotion-banner-text {
    height: 40% !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0px !important;
    bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .promotion.content-bg-black .promotion-banner-img {
    height: 100vh;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .promotion.content-bg-black .promotion-banner-img img {
    object-fit: cover !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .promotion.content-bg-black .promotion-banner-img img {
    height: 65% !important;
    object-fit: cover;
  }
}
.promotion.content-bg-white .promotion-banner-text {
  background-color: #ffffff;
  padding: 30px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .promotion.content-bg-white .promotion-banner-text {
    height: 40% !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0px !important;
    bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .promotion.content-bg-white .promotion-banner-img {
    height: 100vh;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .promotion.content-bg-white .promotion-banner-img img {
    object-fit: cover !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .promotion.content-bg-white .promotion-banner-img img {
    height: 65% !important;
    object-fit: cover;
  }
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .promotion .promotion-comp .bg-image .learnMore.right {
    right: 3.5%;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View {
    padding: 80px 0 62px;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View h2 {
    padding-left: 109px;
    padding-right: 111px;
    padding-bottom: 16px;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View h5 {
    display: none;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View .priceLabel {
    padding-left: 109px;
    padding-right: 111px;
    padding-bottom: 94px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .promotion .promotion-comp .bg7 .front-View {
    padding: 80px 0px;
  }
  .promotion .promotion-comp .bg7 .front-View h2,
  .promotion .promotion-comp .bg7 .front-View h5,
  .promotion .promotion-comp .bg7 .front-View .priceLabel {
    padding-left: 40px;
    padding-right: 40px;
  }
  .promotion .promotion-comp .bg7 .front-View .learnMore {
    padding-top: 22px;
  }
  .promotion .promotion-comp .bg7 .front-View .learnMore a .icon-Arrow-Right {
    font-size: 12px !important;
    margin-left: 9px !important;
  }
  .promotion .promotion-comp .bg-image .learnMore {
    padding-bottom: 24px !important;
  }
  .promotion .promotion-comp .bg-image .learnMore.lg-btn a .linkText {
    padding-right: 18px !important;
  }
  .promotion .promotion-comp .bg-image .learnMore.lg-btn a .icon-Arrow-Right {
    font-size: 24px;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View {
    padding: 40px 0px;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View h2 {
    padding-bottom: 8px;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View h5 {
    display: none;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View .priceLabel {
    padding-bottom: 56px;
  }
  .promotion.banner-view .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text {
    left: 40px;
    bottom: 64px;
  }
  .promotion.banner-view .promotion-comp .bg7 .promotion-banner-view .subHeading {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .promotion .promotion-comp .bg7 .front-View {
    padding: 40px 0px;
  }
  .promotion .promotion-comp .bg7 .front-View h2 {
    padding-bottom: 12px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .promotion .promotion-comp .bg7 .front-View h5 {
    display: none;
  }
  .promotion .promotion-comp .bg7 .front-View .priceLabel {
    padding-bottom: 24px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .promotion .promotion-comp .bg-image picture {
    display: block;
    width: 100%;
    height: 100%;
  }
  .promotion .promotion-comp .bg-image picture .imgResponsive {
    width: 100%;
    height: 100%;
  }
  .promotion .promotion-comp .bg-image .background-View {
    height: 168px;
  }
  .promotion .promotion-comp .bg-image .learnMore {
    padding-bottom: 16px !important;
  }
  .promotion .promotion-comp .bg-image .learnMore.lg-btn a .linkText {
    padding-right: 18px !important;
  }
  .promotion .promotion-comp .bg-image .learnMore.lg-btn a .icon-Arrow-Right {
    font-size: 17px;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View {
    padding: 40px 0px;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View h2 {
    padding-bottom: 12px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View h5 {
    display: none;
  }
  .promotion.view50-50 .promotion-comp .bg7 .front-View .priceLabel {
    padding-bottom: 24px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .promotion.banner-view .promotion-comp .bg7 .promotion-banner-view .promotion-banner-text {
    max-width: 300px;
    left: 30px;
    bottom: 30px;
  }
}

.light .product-subsidy-comp {
  background-color: #383737;
}
.light .product-subsidy-comp .main .description {
  display: flex;
  flex-direction: row;
  padding: 24px 105px 32px 105px;
}
.light .product-subsidy-comp .main .description .owl-nav {
  position: relative;
  display: flex;
  left: 45%;
  padding-top: 0px;
  gap: 12px;
}
.light .product-subsidy-comp .main .description .owl-nav .owl-next {
  border: 1px solid white;
  color: white;
  background: black;
}
.light .product-subsidy-comp .main .description .owl-nav .owl-prev {
  border: 1px solid white;
  color: white;
  background: black;
}
.light .product-subsidy-comp .main .description .owl-nav .owl-prev.disabled,
.light .product-subsidy-comp .main .description .owl-nav .owl-next.disabled {
  border: 1px solid gray;
}
.light .product-subsidy-comp .main .description .owl-nav .owl-prev.disabled i,
.light .product-subsidy-comp .main .description .owl-nav .owl-next.disabled i {
  color: gray;
}
.light .product-subsidy-comp .main .description .owl-nav .owl-prev.disabled:hover,
.light .product-subsidy-comp .main .description .owl-nav .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.light .product-subsidy-comp .main .description .owl-nav .owl-prev.disabled:hover i,
.light .product-subsidy-comp .main .description .owl-nav .owl-next.disabled:hover i {
  color: gray;
}
.light .product-subsidy-comp .main .description .product-description {
  color: #ffffff;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  min-width: 287px;
  height: 20px;
  margin: 0px;
  margin-bottom: 34px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .light .product-subsidy-comp .main .description .product-description {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .light .product-subsidy-comp .main .description .product-description {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .light .product-subsidy-comp .main .description .product-description {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .light .product-subsidy-comp .main .description .product-description {
    display: none;
  }
}
.light .product-subsidy-comp .main .container1 .owl-stage {
  display: flex;
}
.light .product-subsidy-comp .main .container1 .subsidy-cards {
  background-color: #282828;
}
.light .product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title {
  color: #ffffff;
}
.light .product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title-main .subsidy-description {
  color: #ffffff;
}
.light .product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title-main .subsidy-disclaimer {
  color: #ffffff;
}
.dark .product-subsidy-comp {
  background-color: #ffffff;
}
.dark .product-subsidy-comp .main .description .owl-nav {
  position: relative;
  display: flex;
  gap: 12px;
}
.dark .product-subsidy-comp .main .description .owl-nav .owl-prev.disabled,
.dark .product-subsidy-comp .main .description .owl-nav .owl-next.disabled {
  border: 1px solid gray;
}
.dark .product-subsidy-comp .main .description .owl-nav .owl-prev.disabled i,
.dark .product-subsidy-comp .main .description .owl-nav .owl-next.disabled i {
  color: gray;
}
.dark .product-subsidy-comp .main .description .owl-nav .owl-prev.disabled:hover,
.dark .product-subsidy-comp .main .description .owl-nav .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.dark .product-subsidy-comp .main .description .owl-nav .owl-prev.disabled:hover i,
.dark .product-subsidy-comp .main .description .owl-nav .owl-next.disabled:hover i {
  color: gray;
}
.dark .product-subsidy-comp .main .description .product-description {
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  min-width: 287px;
  height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .dark .product-subsidy-comp .main .description .product-description {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dark .product-subsidy-comp .main .description .product-description {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dark .product-subsidy-comp .main .description .product-description {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .dark .product-subsidy-comp .main .description .product-description {
    display: none;
  }
}
.dark .product-subsidy-comp .main .container1 .owl-stage {
  display: flex;
}
.dark .product-subsidy-comp .main .container1 .subsidy-cards {
  background-color: #E9E9E9;
}
.dark .product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title {
  color: #383737;
}
.dark .product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title-main .subsidy-description {
  color: #383737;
}
.dark .product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title-main .subsidy-disclaimer {
  color: #383737;
}
.product-subsidy-comp .main .main-title {
  padding: 104px 0px 0px 105px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-subsidy-comp .main .main-title {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-subsidy-comp .main .main-title {
    display: none;
  }
}
.product-subsidy-comp .main .description {
  display: flex;
  flex-direction: row;
  padding: 24px 105px 32px 105px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-subsidy-comp .main .description {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-subsidy-comp .main .description {
    display: none;
  }
}
.product-subsidy-comp .main .description .product-description {
  width: 471px;
  height: 80px;
  padding: 0px 52px 0px 0px;
  margin-top: 8px;
}
.product-subsidy-comp .main .description .eyebrowtext {
  width: 515px;
  margin: 0px 52px 0px 0px;
}
.product-subsidy-comp .main .description .owl-nav {
  float: right;
  margin-left: 100px;
  width: 110px;
  padding-top: 43px;
  display: flex;
}
.product-subsidy-comp .main .container1 {
  display: flex;
}
.product-subsidy-comp .main .container1 .layoutContent {
  margin-right: 20px;
}
.product-subsidy-comp .main .container1 .layoutContent:last-child {
  margin-right: 0px;
}
.product-subsidy-comp .main .container1 .subsidy-cards {
  background-color: #E9E9E9;
  width: 396px;
  left: 416px;
  bottom: 90px;
  min-height: 283px;
  padding: 40px 24px 40px 24px;
}
.product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title {
  font-size: 30px;
  margin-bottom: 24px;
}
.product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title-main .subsidy-description {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title-main .subsidy-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-subsidy-comp .main .container1 .subsidy-cards .subsidy-title-main .subsidy-disclaimer {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-subsidy-comp .container1 {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-subsidy-comp .container1 {
    overflow-x: scroll;
    display: none;
  }
}
.product-subsidy-comp .owl-next,
.product-subsidy-comp .owl-prev {
  padding: 15px;
  border: solid 1px #307fe2;
  background-color: #ffffff;
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-subsidy-comp .owl-next,
  .product-subsidy-comp .owl-prev {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product-subsidy-comp .owl-next,
  .product-subsidy-comp .owl-prev {
    display: none;
  }
  .product-subsidy-comp .owl-next .main .main-title,
  .product-subsidy-comp .owl-prev .main .main-title {
    display: none;
  }
  .product-subsidy-comp .owl-next .main .description,
  .product-subsidy-comp .owl-prev .main .description {
    display: none;
  }
  .product-subsidy-comp .owl-next .main .description .product-description,
  .product-subsidy-comp .owl-prev .main .description .product-description {
    display: none;
  }
}

.prebook-vehicle-comp .vehicle-container {
  display: flex;
  flex-direction: row;
  background-color: #f8f8f8;
  width: 100%;
}
.prebook-vehicle-comp .vehicle-container .left-part {
  width: 50%;
  margin: 40px;
  padding-right: 74px;
}
.prebook-vehicle-comp .vehicle-container .left-part .vehicle-title {
  color: #383737;
  padding-bottom: 24px;
  margin-bottom: 0px;
}
.prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
  color: #7a8084;
  margin-bottom: 0px;
  padding-bottom: 24px;
}
.prebook-vehicle-comp .vehicle-container .left-part .vehicle-description {
  padding-bottom: 69px;
  color: #7a8084;
  margin-bottom: 0px;
}
.prebook-vehicle-comp .vehicle-container .left-part .cta-btn {
  padding: 0px;
  cursor: pointer;
}
.prebook-vehicle-comp .vehicle-container .left-part .cta-as-link {
  text-decoration: none;
}
.prebook-vehicle-comp .vehicle-container .right-part {
  width: 50%;
}
.prebook-vehicle-comp .vehicle-container .right-part .bg-width img {
  max-width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .prebook-vehicle-comp .vehicle-container {
    display: flex;
    flex-direction: row;
    background-color: #f8f8f8;
  }
  .prebook-vehicle-comp .vehicle-container .left-part {
    margin: 40px;
    padding-right: 0px;
  }
  .prebook-vehicle-comp .vehicle-container .left-part .vehicle-title {
    padding-bottom: 12px;
  }
  .prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
    padding-bottom: 12px;
  }
  .prebook-vehicle-comp .vehicle-container .left-part .vehicle-description {
    padding-bottom: 34px;
  }
  .prebook-vehicle-comp .vehicle-container .left-part .cta-btn {
    cursor: pointer;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .prebook-vehicle-comp .vehicle-container {
    display: flex;
    flex-direction: column-reverse;
    background-color: #f8f8f8;
  }
  .prebook-vehicle-comp .vehicle-container .left-part {
    width: auto;
    margin: 24px 16px;
  }
  .prebook-vehicle-comp .vehicle-container .left-part .vehicle-title {
    padding-bottom: 12px;
  }
  .prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
    padding-bottom: 12px;
  }
  .prebook-vehicle-comp .vehicle-container .left-part .vehicle-description {
    padding-bottom: 12px;
  }
  .prebook-vehicle-comp .vehicle-container .left-part .cta-btn {
    cursor: pointer;
  }
  .prebook-vehicle-comp .vehicle-container .right-part {
    width: auto;
  }
}
@keyframes slideInRight {
  from {
    transform: translateY(80px);
  }
  to {
    transform: translateY(0);
  }
}
.banner-view .prebook-vehicle-comp .vehicle-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.banner-view .prebook-vehicle-comp .vehicle-container .left-part {
  animation-name: slideInRight;
  animation-duration: 1s;
  animation-timing-function: ease ;
  animation-delay: 200ms;
  animation-iteration-count: 1;
  animation-direction: normal ;
  animation-fill-mode: none;
  max-width: 100%;
  position: absolute;
  margin: 0px;
  padding: 30px;
  top: auto;
  bottom: 80px;
  left: 106px;
  background-color: rgba(0, 0, 0, 0.5);
  width: auto;
}
.banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-title {
  padding-bottom: 0px;
  font-family: Poppins;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-title {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-title {
    font-size: 32px;
    line-height: 32px;
  }
}
.banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
  padding-bottom: 12px;
  font-family: Poppins;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
  color: transparent;
  -webkit-text-fill-color: transparent ;
  -webkit-text-stroke-width: 2px ;
  -webkit-text-stroke-color: #ffffff;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
    font-size: 32px;
    line-height: 32px;
  }
}
.banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-description {
  padding-bottom: 24px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-description {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-description {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.banner-view .prebook-vehicle-comp .vehicle-container .left-part .cta-btn {
  color: #ffffff;
  text-decoration: none;
}
.banner-view .prebook-vehicle-comp .vehicle-container .right-part {
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-view .prebook-vehicle-comp .vehicle-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part {
    position: initial;
    animation: none;
  }
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
    -webkit-text-stroke-width: 1px;
  }
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-description {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part {
    padding: 30px;
    top: auto;
    bottom: 30px;
  }
  .banner-view .prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
    -webkit-text-stroke-width: 1px;
  }
}
.banner-view-black .prebook-vehicle-comp .vehicle-container .left-part {
  background-color: #ffffffb3;
}
.banner-view-black .prebook-vehicle-comp .vehicle-container .left-part .vehicle-title {
  color: #282828;
}
.banner-view-black .prebook-vehicle-comp .vehicle-container .left-part .vehicle-tag-line {
  -webkit-text-fill-color: #282828;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #282828;
  color: #282828;
}
.banner-view-black .prebook-vehicle-comp .vehicle-container .left-part .vehicle-description {
  color: #383737;
}
.banner-view-black .prebook-vehicle-comp .vehicle-container .left-part .cta-btn {
  color: #212529;
}

@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-status-comp {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.payment-status-comp .fallback-screen {
  display: none;
  padding: 64px;
  background: #ffffff;
}
.payment-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc {
  width: 52.7272727%;
  margin-bottom: 40px;
}
.payment-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .confirm-title {
  margin-bottom: 16px;
  color: #383737;
}
.payment-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .reference-order-id-section {
  display: flex;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .payment-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .reference-order-id-section {
    display: block;
  }
}
.payment-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .reference-order-id-section .reference-order-id-label {
  padding: 0px 20px 16px 0px !important;
  margin: 0px;
}
.payment-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .confirm-desc {
  margin: 0;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-status-comp .fallback-screen {
    padding: 40px;
  }
  .payment-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc {
    width: 100%;
    margin-bottom: 40px;
  }
}

.pancard-details-comp .pan-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pancard-details-comp .pan-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pancard-details-comp .pan-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.pancard-details-comp .pancard-details {
  padding: 64px;
  background-color: #ffffff;
}
.pancard-details-comp .pancard-details .pan-description {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pancard-details-comp .pancard-details .pan-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.pancard-details-comp .pancard-details .pan-number-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-top: 40px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pancard-details-comp .pancard-details .pan-number-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.pancard-details-comp .pancard-details .error_message {
  color: #ed454f;
  display: none;
  padding-top: 8px;
}
.pancard-details-comp .pancard-details #pan-unsuccessful {
  display: none;
  color: #ed454f;
  padding-top: 8px;
}
.pancard-details-comp .pancard-details .pannumber {
  position: relative;
}
.pancard-details-comp .pancard-details .pannumber .pan-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
  display: none;
  position: absolute;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pancard-details-comp .pancard-details .pannumber .pan-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.pancard-details-comp .pancard-details .pannumber .input-field {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  border: none;
  padding: 0px 0px 8px 0px;
  border-bottom: 2px solid #383737;
  width: 580px;
  outline: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pancard-details-comp .pancard-details .pannumber .input-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pancard-details-comp .pancard-details .pannumber .input-field {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.pancard-details-comp .pancard-details .pannumber label strong {
  display: none !important;
}
.pancard-details-comp .pancard-details .pannumber .active {
  border-bottom: 2px solid #307fe2;
}
.pancard-details-comp .pancard-details #pan-update {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  border: 2px solid #7a8084;
  color: #7a8084;
}
.pancard-details-comp .pancard-details .updatepan {
  padding-top: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pancard-details-comp {
    width: 100% !important;
  }
  .pancard-details-comp .pan-title {
    margin-bottom: 24px;
  }
  .pancard-details-comp .pancard-details {
    padding: 40px;
  }
  .pancard-details-comp .pancard-details .pan-number-label {
    padding-top: 32px;
  }
  .pancard-details-comp .pancard-details .pannumber .input-field {
    width: 608px;
    border-radius: 0;
  }
  .pancard-details-comp .pancard-details .updatepan {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pancard-details-comp .pan-title {
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .pancard-details-comp .pancard-details {
    padding: 24px 16px 24px 16px;
  }
  .pancard-details-comp .pancard-details .pan-number-label {
    padding-top: 24px;
  }
  .pancard-details-comp .pancard-details .pannumber .input-field {
    width: 100%;
    border-radius: 0;
  }
  .pancard-details-comp .pancard-details .updatepan {
    padding-top: 24px;
  }
  .pancard-details-comp .pancard-details .updatepan #pan-update {
    width: 100%;
    padding: 12px 5px;
  }
}

.news-events-header-comp .container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.news-events-header-comp .header-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.news-events-header-comp .hashtags-frame {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.news-events-header-comp .item-hashtag {
  color: #307fe2;
  font-size: 16px;
  font-family: Poppins;
  font-weight: 500;
  line-height: 17.60px;
  letter-spacing: 0.64px;
  word-wrap: break-word;
  display: flex;
}
.news-events-header-comp .item-hashtag ul {
  display: flex;
  gap: 16px;
  margin: 0px;
  padding: 0px;
}
.news-events-header-comp .item-hashtag ul li {
  border: 1px solid #eaeaec;
  padding: 8px;
  list-style: none;
}
.news-events-header-comp .header {
  color: #383737;
  margin: 16px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .news-events-header-comp .header-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .news-events-header-comp .hashtags-frame {
    display: flex;
    align-items: flex-start;
  }
  .news-events-header-comp .header {
    color: #383737;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .news-events-header-comp .header-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .news-events-header-comp .hashtags-frame {
    display: flex;
    align-items: flex-start;
  }
  .news-events-header-comp .item-hashtag-frame {
    display: flex;
    padding: 8px;
    align-items: flex-start;
  }
}

.location-price-comp .outer-frame {
  display: flex;
  max-width: 396px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.location-price-comp .outer-frame:nth-child(2) .rectangle-border {
  background: none;
}
.location-price-comp .inner-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.location-price-comp .label-text {
  color: #383737;
  /* Desktop/Body */
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  padding-top: 20px;
  margin-bottom: 0px;
  line-height: 120%;
  /* 21.6px */
}
.location-price-comp .title-text {
  color: #383737;
  align-self: stretch;
  /* H6 */
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 19.8px */
  padding-bottom: 0px;
}
.location-price-comp .rectangle-border {
  height: 1px;
  align-self: stretch;
  background: #eaeaec;
}


.items-list-comp {
  background: #ffffff;
  padding: 0 40px;
}
.items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper {
  display: grid;
  grid-template-columns: 26.3% 72.2%;
  gap: 20px;
}
.items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper .ilc-part-name {
  color: #383737;
  padding: 24px 0px 48px 66px;
  margin-bottom: 0px;
}
.items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper .ilc-part-cover-desc {
  color: #383737;
  padding: 24px 66px 24px 0px;
}
.items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper .ilc-part-cover-desc p {
  margin-bottom: 0px;
}
.items-list-comp .ilc-main-section:nth-of-type(even) {
  background-color: #ffffff;
}
.items-list-comp .ilc-main-section:nth-of-type(odd) {
  background-color: #f8f8f8;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .items-list-comp {
    padding: 0px;
  }
  .items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper {
    gap: 16px;
  }
  .items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper .ilc-part-name {
    padding: 16px 0px 0px 24px;
  }
  .items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper .ilc-part-cover-desc {
    padding: 16px 56px 16px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper {
    display: block;
    text-align: center;
  }
  .items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper .ilc-part-name {
    padding: 16px 16px 12px;
  }
  .items-list-comp .ilc-main-section .ilc-list-item .ilc-details-wrapper .ilc-part-cover-desc {
    padding: 0px 16px 16px;
  }
}

.insta-social-comp {
  position: relative;
}
.insta-social-comp .title {
  color: #383737;
  margin-bottom: 40px;
}
.insta-social-comp .tile-logo {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.insta-social-comp .tile-start-sec2 {
  display: flex;
  width: 400px;
  align-items: flex-start;
  gap: 20px;
}
.insta-social-comp .insta-social-tile {
  display: flex;
  align-items: flex-start;
  margin-top: 0px;
}
.insta-social-comp .userid {
  width: 292px;
  color: #307fe2;
  margin-bottom: 12px;
}
.insta-social-comp .hashtag {
  color: #383737;
}
.insta-social-comp .description p {
  margin-bottom: 12px;
  color: #7a8084;
}
.insta-social-comp .read-more {
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  letter-spacing: 0.64px;
  color: #307fe2;
  text-decoration: none;
}
.insta-social-comp .line {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 400px;
  height: 1px;
  background: #eaeaec;
}
.insta-social-comp .owl-carousel {
  display: flex;
}
.insta-social-comp .owl-carousel .owl-item .tile-logo img {
  width: 52px;
  height: 52px;
}
.insta-social-comp .owl-carousel .owl-item .tile-start-sec2 img {
  height: 80px;
  width: 104px;
}
@media only screen and (max-width: 991px) {
  .insta-social-comp .owl-carousel {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insta-social-comp .owl-carousel {
    overflow-x: auto;
  }
}
.insta-social-comp .owl-carousel .owl-stage-outer {
  margin-left: 0px;
}
.insta-social-comp .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
  padding-left: 0px !important;
}
.insta-social-comp .owl-carousel .owl-nav {
  position: absolute;
  top: -70px;
  right: 20px;
}
.insta-social-comp .owl-carousel .owl-nav .owl-prev {
  outline: none;
}
.insta-social-comp .owl-carousel .owl-nav .owl-prev .icon-Arrow-Left:before {
  color: #307FE2;
  border: 1px solid #307FE2;
  padding: 10px;
}
.insta-social-comp .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left {
  cursor: default;
}
.insta-social-comp .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left:before {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.insta-social-comp .owl-carousel .owl-nav .owl-next {
  outline: none;
  margin-left: 12px;
}
.insta-social-comp .owl-carousel .owl-nav .owl-next .icon-Arrow-Right:before {
  color: #307FE2;
  border: 1px solid #307FE2;
  padding: 10px;
}
.insta-social-comp .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right {
  cursor: default;
}
.insta-social-comp .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right:before {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.insta-social-comp .owl-carousel .owl-nav .owl-next.disabled .owl-dots {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .insta-social-comp .owl-carousel .owl-nav .owl-next .insta-social-comp {
    padding-left: 40px;
  }
  .insta-social-comp .owl-carousel .owl-nav .owl-next .insta-social-comp .owl-nav {
    display: none;
  }
  .insta-social-comp .owl-carousel .owl-nav .owl-next .insta-social-comp .owl-carousel .owl-stage-outer {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insta-social-comp .owl-carousel .owl-nav .owl-next .insta-social-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
  .insta-social-comp .owl-carousel .owl-nav .owl-next .insta-social-comp {
    padding-left: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .insta-social-comp .owl-carousel .owl-nav .owl-next .insta-social-comp .pagination {
    display: none;
  }
  .insta-social-comp .owl-carousel .owl-nav .owl-next .insta-social-comp .owl-carousel .owl-stage-outer {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .insta-social-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .insta-social-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
}


.ew-amc-details-comp h5,
.ew-amc-details-comp h6,
.ew-amc-details-comp p {
  word-break: break-word;
  margin-bottom: 0px;
}
.ew-amc-details-comp .ew-amc-custom-accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  border: none;
  padding: 45px 64px;
  text-align: left;
  position: relative;
  border-bottom: 2px solid #eaeaec;
}
.ew-amc-details-comp .ew-amc-custom-accordion h5 {
  margin: 0;
  width: 89.5%;
  word-break: break-word;
  color: #383737;
}
.ew-amc-details-comp .ew-amc-custom-accordion .icon-Chevron-Down::before,
.ew-amc-details-comp .ew-amc-custom-accordion .icon-Chevron-Up::before {
  color: #383737;
  font-size: 40px;
}
.ew-amc-details-comp .ew-amc-custom-accordion.active .icon-Chevron-Down,
.ew-amc-details-comp .ew-amc-custom-accordion.active .icon-Chevron-Up {
  transform: rotate(180deg);
}
.ew-amc-details-comp .ew-amc-custom-panel {
  padding: 64px;
  background-color: #ffffff;
}
.ew-amc-details-comp .ew-amc-custom-panel .package-details,
.ew-amc-details-comp .ew-amc-custom-panel .warranty-upgrade-details {
  border-bottom: 1px solid #eaeaec;
}
.ew-amc-details-comp .ew-amc-custom-panel .warranty-upgrade-title {
  padding-bottom: 40px;
}
.ew-amc-details-comp .ew-amc-custom-panel .package-title {
  padding-bottom: 40px;
}
.ew-amc-details-comp .ew-amc-custom-panel .section-items {
  display: flex;
  padding-bottom: 40px;
}
.ew-amc-details-comp .ew-amc-custom-panel .section-items .list-items {
  display: block;
  width: 30.9%;
  margin-right: 40px;
}
.ew-amc-details-comp .ew-amc-custom-panel .section-items p {
  color: #7a8084;
  margin-bottom: 8px !important;
}
.ew-amc-details-comp .ew-amc-custom-panel .section-items .title-details {
  display: flex;
}
.ew-amc-details-comp .ew-amc-custom-panel .section-items .title-details .list-items {
  width: 41.2%;
  margin-right: 40px;
}
.ew-amc-details-comp .ew-amc-custom-panel .section-items .price {
  align-items: flex-end;
  display: flex;
}
.ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details {
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .your-vehicle-title {
  padding-top: 40px;
  padding-bottom: 24px;
}
.ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .car-details {
  width: 30.9%;
}
.ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .car-details .car-model-name {
  color: #7a8084;
  margin-bottom: 8px !important;
}
.ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .car-details .fuel-transmission {
  padding-bottom: 40px;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details {
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  --bs-gutter-x: 40px;
  margin-right: 0px;
  margin-left: 0px;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-row {
  --bs-gutter-x: 40px;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .show-in-desktop {
  display: block;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .hide-in-desktop {
  display: none;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-title {
  color: #383737;
  padding-bottom: 24px;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-section {
  padding-left: 0px;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-section p {
  color: #383737;
  margin-bottom: 8px;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-section .show-in-desktop {
  display: inline-block;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-section .dealer-name {
  display: inline-block;
  padding-right: 13px;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .map-section {
  padding-right: 0px;
}
.ew-amc-details-comp .ew-amc-custom-panel .dealer-details .map-section #ew-amc-info-map {
  width: 100%;
  height: 234px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ew-amc-details-comp .ew-amc-custom-accordion {
    padding: 24px 40px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel {
    padding: 24px 40px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .warranty-upgrade-title,
  .ew-amc-details-comp .ew-amc-custom-panel .package-title {
    padding-bottom: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .section-items {
    padding-bottom: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .section-items .list-items {
    width: 46.8%;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .section-items .list-items:nth-child(2) {
    margin-right: 0px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .tab-view {
    display: block;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .tab-view .title-details .list-items {
    width: 46.8% !important;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .tab-view .title-details .list-items:nth-child(2) {
    margin-right: 0px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .tab-view .price {
    padding-top: 24px;
    display: block;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details {
    padding-bottom: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .your-vehicle-title {
    padding-top: 24px;
    padding-bottom: 16px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .vechicle-details {
    display: flex;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .vechicle-details .car-details {
    order: 2;
    width: 46.8%;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .vechicle-details .car-image {
    order: 1;
    width: 46.8%;
    margin-right: 40px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details {
    padding-top: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .map-section {
    padding-left: 8px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .map-section #ew-amc-info-map {
    width: 100%;
    height: 215px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ew-amc-details-comp .ew-amc-custom-accordion {
    padding: 24px 16px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel {
    padding: 16px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .section-items {
    padding-bottom: 0px;
    display: block;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .section-items .list-items {
    width: 100%;
    padding-bottom: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .tab-view .title-details {
    display: block !important;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .tab-view .title-details .list-items {
    width: 100% !important;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .tab-view .price {
    padding-top: 0px !important;
    padding-bottom: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details {
    padding-bottom: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .your-vehicle-title {
    padding-top: 24px;
    padding-bottom: 16px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .vechicle-details {
    display: flex;
    flex-direction: column;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .vechicle-details .car-details {
    width: 100%;
    padding-bottom: 0px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .vechicle-details .car-details .fuel-transmission {
    padding-bottom: 0px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .your-vechicle-details .vechicle-details .car-image {
    width: 100%;
    padding-bottom: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details {
    padding: 0;
    --bs-gutter-x: 0;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .show-in-desktop {
    display: none !important;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .hide-in-desktop {
    display: block;
    padding-top: 24px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-section {
    order: 1;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-row {
    padding-top: 0;
    --bs-gutter-x: 0;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .dealer-row .dealer-section .dealer-pin {
    margin-bottom: 8px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .map-section {
    padding-left: 0px;
    order: 2;
    padding-bottom: 24px;
  }
  .ew-amc-details-comp .ew-amc-custom-panel .dealer-details .map-section #ew-amc-info-map {
    max-width: 100%;
    max-height: 159px;
  }
}

.event-counter-comp .event-counter-comp-container {
  width: 396px;
  border: 2px solid #eaeaec;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .event-counter-comp .event-counter-comp-container {
    width: 100%;
  }
}
.event-counter-comp .event-counter-comp-container .event-date {
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.event-counter-comp .event-counter-comp-container .date {
  color: #383737;
  text-align: center;
}
.event-counter-comp .event-counter-comp-container .month {
  color: #307fe2;
  text-align: center;
}
.event-counter-comp .event-counter-comp-container .date-month {
  display: flex;
  flex-direction: column;
  width: 80px;
  padding: 8px 0px;
  justify-content: center;
  align-items: center;
  border: 2px solid #eaeaec;
}
.event-counter-comp .event-counter-comp-container .date-time {
  padding-top: 16px;
  padding-bottom: 16px;
}
.event-counter-comp .event-counter-comp-container .full-date {
  color: #383737;
}
.event-counter-comp .event-counter-comp-container .time {
  color: #383737;
  margin-bottom: 0px;
  text-align: start;
}
.event-counter-comp .event-counter-comp-container .countdown {
  display: flex;
  padding: 24px 32px;
  flex-direction: row;
  background: #f8f8f8;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 0px;
}
.event-counter-comp .event-counter-comp-container .countdown .divider {
  border-right: solid 1px #eaeaec;
}
.event-counter-comp .event-counter-comp-container .countdown li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.event-counter-comp .event-counter-comp-container .countdown li h4 {
  color: #307fe2;
  margin-bottom: 0px;
}
.event-counter-comp .event-counter-comp-container .countdown .label {
  color: #383737;
  text-align: center;
  margin-bottom: 0px;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 300;
  line-height: 16.24px;
  word-wrap: break-word;
}
.event-counter-comp .event-counter-comp-container .count h4 {
  margin-bottom: 0px;
}
.event-counter-comp .event-counter-comp-container .count p,
.event-counter-comp .event-counter-comp-container .count-secs p {
  margin-bottom: 0px;
}
.event-counter-comp .event-counter-comp-container .date {
  margin-bottom: 4px;
}
.event-counter-comp .event-counter-comp-container .month {
  margin-bottom: 0px;
}
.event-counter-comp .event-counter-comp-container .event-end {
  display: none;
  color: #7a8084;
}

.estimated-saving * {
  outline: none;
}
.estimated-saving .estimated-saving-comp .slider-width {
  max-width: 602px;
}
.estimated-saving .estimated-saving-comp .disclaimer {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  max-width: 602px;
  color: #383737;
  padding-top: 25px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .estimated-saving .estimated-saving-comp .disclaimer {
    padding-top: 3px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .estimated-saving .estimated-saving-comp .disclaimer {
    color: #7a8084;
    padding-top: 40px;
  }
}
.estimated-saving .estimated-saving-comp h4 {
  color: #383737;
  white-space: nowrap;
  margin-bottom: 4px;
}
.estimated-saving .estimated-saving-comp h4 span {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .estimated-saving .estimated-saving-comp h4 span {
    font-size: 16px;
    line-height: 20px;
  }
}
.estimated-saving .estimated-saving-comp h6 {
  color: #383737;
  margin-bottom: 0px;
}
.estimated-saving .estimated-saving-comp .es_heading {
  padding-bottom: 24px !important;
  margin: 0px;
}
.estimated-saving .estimated-saving-comp p {
  color: #7a8084;
}
.estimated-saving .estimated-saving-comp .range_slider {
  margin-bottom: 50px;
}
.estimated-saving .estimated-saving-comp .range_slider span {
  color: #383737;
}
.estimated-saving .estimated-saving-comp .range_slider .range {
  position: relative;
  padding-top: 26px;
}
.estimated-saving .estimated-saving-comp .range_slider .range input {
  margin-top: 15px;
}
.estimated-saving .estimated-saving-comp .range_slider .range input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
.estimated-saving .estimated-saving-comp .range_slider .range input[type=range].distance_range:focus-visible {
  outline: 2px solid #4caab8;
}
.estimated-saving .estimated-saving-comp .range_slider .range .ui-widget-header {
  background: #4caab8;
}
.estimated-saving .estimated-saving-comp .range_slider .range .ui-widget-content {
  border: none;
}
.estimated-saving .estimated-saving-comp .range_slider .range input[type=range].price_range:focus-visible {
  outline: 2px solid #4caab8;
}
.estimated-saving .estimated-saving-comp .range_slider .range span.ui-slider-handle.ui-corner-all.ui-state-default {
  border: 2px solid #4caab8;
  height: 24px;
  width: 24px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -6px;
}
.estimated-saving .estimated-saving-comp .range_slider .range .ui-slider-horizontal {
  height: 4px;
  background: #eaeaec;
  cursor: pointer;
}
.estimated-saving .estimated-saving-comp .range_slider .range input[type="range"]:focus,
.estimated-saving .estimated-saving-comp .range_slider .range .ui-state-active:focus,
.estimated-saving .estimated-saving-comp .range_slider .range .ui-state-hover:focus {
  outline: none;
}
.estimated-saving .estimated-saving-comp .range_slider .range .ui-slider-handle:focus-visible {
  border: solid 1px #4caab8;
}
.estimated-saving .estimated-saving-comp .slider-info .es_icon_text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 48px;
  word-break: break-word;
}
.estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_text {
  width: 80%;
}
.estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_text span {
  font-size: 14px;
  color: #7a8084;
}
.estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_icon {
  padding-right: 40px;
}
.estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_icon img {
  width: 80px;
  height: 80px;
}
.estimated-saving .estimated-saving-comp .equivalent_CO2_reduction .es_icon_text {
  margin-bottom: 0px;
}
.estimated-saving .estimated-saving-comp .es_description {
  margin-bottom: 64px;
  word-break: break-word;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .estimated-saving .estimated-saving-comp h4 span {
    margin-top: 4px;
  }
  .estimated-saving .estimated-saving-comp .es_heading {
    padding-bottom: 12px !important;
    margin-bottom: 0px;
  }
  .estimated-saving .estimated-saving-comp .slider-width {
    max-width: 96.6%;
  }
  .estimated-saving .estimated-saving-comp .range_slider {
    margin-bottom: 32px;
  }
  .estimated-saving .estimated-saving-comp .range_slider .range {
    padding-top: 18px;
  }
  .estimated-saving .estimated-saving-comp .slider-info {
    max-width: 83%;
    margin-left: auto;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text {
    margin-bottom: 64px;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_text {
    width: 90%;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_text span {
    font-size: 14px;
    color: #7a8084;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_icon {
    padding-right: 28px;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_icon img {
    width: 64px;
    height: 64px;
  }
  .estimated-saving .estimated-saving-comp .slider-info .equivalent_CO2_reduction .es_icon_text {
    margin-bottom: 0px;
  }
  .estimated-saving .estimated-saving-comp .es_description {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .estimated-saving .estimated-saving-comp h4 span {
    margin-top: 4px;
  }
  .estimated-saving .estimated-saving-comp .es_heading {
    padding-bottom: 24px !important;
    margin-bottom: 0px;
  }
  .estimated-saving .estimated-saving-comp .slider-width {
    max-width: 100%;
  }
  .estimated-saving .estimated-saving-comp .slider-info {
    max-width: 100%;
  }
  .estimated-saving .estimated-saving-comp .slider-info .Cost_Saving {
    margin-top: 64px;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text {
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 42px;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text:first-child {
    margin-top: 0px;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_text {
    width: auto;
    padding-top: 20px;
    text-align: center;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_text h4 {
    margin-bottom: 0px;
    padding: 4px 0px;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_icon {
    padding-right: 0px;
  }
  .estimated-saving .estimated-saving-comp .slider-info .es_icon_text .es_icon img {
    width: 64px;
    height: 64px;
  }
  .estimated-saving .estimated-saving-comp .es_description {
    margin-bottom: 24px;
  }
}

.digital-showroom-comp {
  position: relative;
}
.digital-showroom-comp #one3d-canvas-container {
  width: 100vw;
  height: 100vh;
}
.digital-showroom-comp .modal {
  z-index: 9999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp #one3dcanvas {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp #one3dcanvas {
    max-width: 100% !important;
    max-height: 100% !important;
  }
}
.digital-showroom-comp .tml-player-ctn {
  max-height: 100vh;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .tml-player-ctn {
    height: 100vh !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .tml-player-ctn {
    height: 100vh !important;
  }
}
.digital-showroom-comp .tml-image {
  width: 56.5% !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .tml-image {
    width: 100% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .tml-image {
    width: 100% !important;
  }
}
.digital-showroom-comp .tml-image .cmp-image {
  max-height: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .tml-image .cmp-image {
    max-height: 680px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .tml-image .cmp-image {
    max-height: 360px;
    padding-top: 72px;
  }
}
.digital-showroom-comp .tml-image img {
  height: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .tml-image img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .tml-image img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .tile-comp {
    width: 100% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .tile-comp {
    width: 100% !important;
  }
}
.digital-showroom-comp .tile {
  width: 43.5% !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .tile {
    width: 100% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .tile {
    width: 100% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .tile.text-vpos-middle .tile-comp .tilesmaincontainer {
    justify-content: normal !important;
  }
}
.digital-showroom-comp .contact-row {
  padding: 0px !important;
  padding-left: 56px !important;
  padding-right: 72px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .contact-row {
    padding-left: 104px !important;
    padding-top: 0px !important;
    padding-right: 104px !important;
    justify-content: normal !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .contact-row {
    padding-left: 32px !important;
    padding-top: 0px !important;
    padding-right: 32px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .contact-row .tile-title {
    margin-bottom: 24px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .contact-row .tile-title {
    margin-bottom: 24px !important;
  }
}
.digital-showroom-comp .carousel-arrows {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  margin-top: 22%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .carousel-arrows {
    margin-top: 67%;
    z-index: 98;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .carousel-arrows {
    margin-top: 120%;
    z-index: 98;
  }
}
.digital-showroom-comp .carousel-arrows .next-button,
.digital-showroom-comp .carousel-arrows .prev-button {
  background-color: #ffffff;
  color: #383737;
  border-radius: 50%;
  border: 1px solid transparent;
  cursor: pointer;
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .carousel-arrows .next-button,
  .digital-showroom-comp .carousel-arrows .prev-button {
    width: 44px;
    height: 44px;
  }
}
.digital-showroom-comp .carousel-arrows .next-button {
  margin-right: 32px;
}
.digital-showroom-comp .carousel-arrows .prev-button {
  margin-left: 32px;
}
.digital-showroom-comp .carousel-arrows .disabled {
  pointer-events: none;
  color: #7a8084;
  opacity: 0.5;
}
.digital-showroom-comp .carousel-arrows .icon-Arrow-Left-24,
.digital-showroom-comp .carousel-arrows .icon-Arrow-Right-24 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.digital-showroom-comp .carousel-arrows .icon-Arrow-Left-24:before,
.digital-showroom-comp .carousel-arrows .icon-Arrow-Right-24:before {
  font-size: 24px;
}
.digital-showroom-comp .feature-icon-details {
  position: fixed;
  z-index: 99;
  margin-left: 30px;
  width: fit-content;
  border-radius: 32px;
  top: 30%;
  bottom: initial;
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  transition: transform 300ms ease;
  transform: translateX(0%);
}
.digital-showroom-comp .feature-icon-details.addAnimation {
  transform: translateX(-100%);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details {
    width: 100%;
    top: initial;
    bottom: 100px;
    margin-left: 0px;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details {
    width: 100%;
    top: initial;
    bottom: 131px !important;
    left: 0 !important;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details .feature-icon-list-details:first-child {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details .feature-icon-list-details:first-child {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details .feature-icon-list-details {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details .feature-icon-list-details {
    margin-right: 16px;
  }
}
.digital-showroom-comp .feature-icon-details .showroom-icons {
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-bottom: 8px;
}
.digital-showroom-comp .feature-icon-details .showroom-icons .tooltip-text {
  top: 5px !important;
  left: 100% !important;
  margin-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details .showroom-icons {
    width: 100%;
    border-radius: 32px;
    display: flex;
    margin-right: 16px;
    align-items: center;
    padding-left: 18px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details .showroom-icons {
    width: 100%;
    border-radius: 32px;
    display: flex;
    margin-right: 16px;
    align-items: center;
    padding-left: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details .showroom-icons .feature-label {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details .showroom-icons .feature-label {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.digital-showroom-comp .feature-icon-details .showroom-icons img {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  top: 12px;
  left: 14px;
  filter: none;
}
.digital-showroom-comp .feature-icon-details .showroom-icons img.active {
  filter: invert(49%) sepia(18%) saturate(2662%) hue-rotate(179deg) brightness(89%) contrast(99%);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details .showroom-icons img {
    top: 0px;
    left: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details .showroom-icons img {
    top: 0px;
    left: 0px;
  }
}
.digital-showroom-comp .feature-icon-details .moreLink-button {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-bottom: 8px;
  display: inline-block;
  text-align: center;
}
.digital-showroom-comp .feature-icon-details .moreLink-button .tooltip-text {
  top: 5px !important;
  left: 100% !important;
  margin-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details .moreLink-button .more-label-button {
    margin-left: 15px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details .moreLink-button .more-label-button {
    margin-left: 15px;
    margin-bottom: 0px;
  }
}
.digital-showroom-comp .feature-icon-details .moreLink-button.icon-DS-More-Vertical {
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details .moreLink-button.icon-DS-More-Vertical {
    display: flex;
    align-items: center;
    width: auto !important;
    padding: 0px 25px 0px 15px;
    border-radius: 25px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details .moreLink-button.icon-DS-More-Vertical {
    display: flex;
    align-items: center;
    width: auto !important;
    padding: 0px 25px 0px 15px;
    border-radius: 25px;
  }
}
.digital-showroom-comp .feature-icon-details .moreLink-button.icon-DS-More-Vertical:before {
  line-height: 48px;
  display: block;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-icon-details .ppl-icon-list-details {
    display: flex;
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-icon-details .ppl-icon-list-details {
    display: flex;
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
.digital-showroom-comp .feature-label,
.digital-showroom-comp .subfeature-label,
.digital-showroom-comp .more-label-button {
  display: none;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .feature-label,
  .digital-showroom-comp .subfeature-label,
  .digital-showroom-comp .more-label-button {
    display: block;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .feature-label,
  .digital-showroom-comp .subfeature-label,
  .digital-showroom-comp .more-label-button {
    display: block;
  }
}
.digital-showroom-comp .feature-label.active,
.digital-showroom-comp .subfeature-label.active,
.digital-showroom-comp .more-label-button.active {
  color: #307fe2;
}
.digital-showroom-comp .fuel-type-details {
  position: fixed;
  z-index: 99;
  left: 30px;
  top: 31%;
  bottom: initial;
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  transition: transform 300ms ease;
  transform: translateX(-100%);
}
.digital-showroom-comp .fuel-type-details.addAnimation {
  transform: translateX(0);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .fuel-type-details {
    display: flex;
    top: initial;
    bottom: 131px !important;
    left: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .fuel-type-details {
    display: flex;
    top: initial;
    bottom: 100px;
    left: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .fuel-type-details .feature-label {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .fuel-type-details .feature-label {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.digital-showroom-comp .fuel-type-details .fuel-type-list-details {
  width: 48px;
  background-color: #ffffff;
  border-radius: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .fuel-type-details .fuel-type-list-details {
    background-color: transparent;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .fuel-type-details .fuel-type-list-details {
    background-color: transparent;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
}
.digital-showroom-comp .fuel-type-details .fuel-list-details {
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .fuel-type-details .fuel-list-details {
    width: 100%;
    background-color: #ffffff;
    margin: 0px;
    margin-right: 8px;
    border-radius: 32px;
    padding: 14px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .fuel-type-details .fuel-list-details {
    width: 100%;
    background-color: #ffffff;
    margin: 0px;
    margin-right: 8px;
    border-radius: 32px;
    padding: 14px;
    display: flex;
    align-items: center;
  }
}
.digital-showroom-comp .fuel-type-details .fuel-list-details:first-child {
  padding-top: 12px;
}
.digital-showroom-comp .fuel-type-details .showroom-icons {
  margin-bottom: 8px;
  display: block;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .fuel-type-details .showroom-icons {
    margin-bottom: 0px;
    display: flex;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .fuel-type-details .showroom-icons {
    margin-bottom: 0px;
    display: flex;
  }
}
.digital-showroom-comp .fuel-type-details .showroom-icons .tooltip-text {
  top: -6px !important;
  left: 100% !important;
  margin-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .fuel-type-details .showroom-icons .feature-label {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .fuel-type-details .showroom-icons .feature-label {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.digital-showroom-comp .fuel-type-details .showroom-icons img {
  position: relative;
  width: 20px;
  height: 20px;
  left: 14px;
  filter: none;
}
.digital-showroom-comp .fuel-type-details .showroom-icons img.active {
  filter: invert(49%) sepia(18%) saturate(2662%) hue-rotate(179deg) brightness(89%) contrast(99%);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .fuel-type-details .showroom-icons img {
    top: 0px;
    left: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .fuel-type-details .showroom-icons img {
    top: 0px;
    left: 0px;
  }
}
.digital-showroom-comp .inner-sub-feature-icon-details {
  position: fixed;
  z-index: 99;
  padding-left: 30px;
  top: 31%;
  bottom: initial;
  width: fit-content;
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  transition: transform 300ms ease;
  transform: translateX(-100%);
}
.digital-showroom-comp .inner-sub-feature-icon-details.addAnimation {
  transform: translateX(0);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .inner-sub-feature-icon-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    top: initial;
    bottom: 131px !important;
    left: 0px;
    padding-left: 24px;
  }
  .digital-showroom-comp .inner-sub-feature-icon-details.size_comparison {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .inner-sub-feature-icon-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    top: initial;
    bottom: 100px;
    left: 0px;
    padding-left: 24px;
  }
  .digital-showroom-comp .inner-sub-feature-icon-details.size_comparison {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .subfeature-label {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .subfeature-label {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .subfeature-icon-list-details {
    display: flex;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .subfeature-icon-list-details {
    display: flex;
  }
}
.digital-showroom-comp .inner-sub-feature-icon-details .showroom-icons:first-child {
  padding-top: 14px;
}
.digital-showroom-comp .inner-sub-feature-icon-details .showroom-icons:first-child #right {
  top: 5px !important;
}
.digital-showroom-comp .inner-sub-feature-icon-details .ppl-icon-list-details {
  background-color: #ffffff;
  width: 48px;
  border-radius: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .ppl-icon-list-details {
    background-color: transparent;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    border-radius: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .ppl-icon-list-details {
    background-color: transparent;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    border-radius: 0px;
  }
}
.digital-showroom-comp .inner-sub-feature-icon-details .showroom-icons {
  margin-left: 14px;
  margin-right: 14px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .showroom-icons {
    background-color: #ffffff;
    margin: 0px;
    margin-right: 8px;
    border-radius: 32px;
    padding: 14px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .showroom-icons {
    background-color: #ffffff;
    margin: 0px;
    margin-right: 8px;
    border-radius: 32px;
    padding: 14px;
    display: flex;
    align-items: center;
  }
}
.digital-showroom-comp .inner-sub-feature-icon-details .showroom-icons img {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  filter: none;
}
.digital-showroom-comp .inner-sub-feature-icon-details .showroom-icons img.active {
  filter: invert(49%) sepia(18%) saturate(2662%) hue-rotate(179deg) brightness(89%) contrast(99%);
}
.digital-showroom-comp .inner-sub-feature-icon-details #right {
  left: 195% !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .feature-icon-list-details {
    width: auto;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .inner-sub-feature-icon-details .feature-icon-list-details {
    width: auto;
  }
}
.digital-showroom-comp .subfeature-icon-details {
  position: fixed;
  z-index: 99;
  padding-left: 30px;
  top: 31%;
  bottom: initial;
  width: fit-content;
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  transition: transform 300ms ease;
  transform: translateX(-100%);
}
.digital-showroom-comp .subfeature-icon-details.addAnimation {
  transform: translateX(0);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .subfeature-icon-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    top: initial;
    bottom: 131px !important;
    padding-left: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .subfeature-icon-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    top: initial;
    bottom: 100px;
    padding-left: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .subfeature-icon-details .subfeature-label {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .subfeature-icon-details .subfeature-label {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .subfeature-icon-details .subfeature-icon-list-details {
    background-color: #ffffff;
    border-radius: 32px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .subfeature-icon-details .subfeature-icon-list-details {
    background-color: #ffffff;
    border-radius: 32px;
    margin-right: 8px;
  }
}
.digital-showroom-comp .subfeature-icon-details .subfeature-icon-list-details:first-child {
  padding-top: 14px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .subfeature-icon-details .subfeature-icon-list-details:first-child {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .subfeature-icon-details .subfeature-icon-list-details:first-child {
    padding-top: 0px;
  }
}
.digital-showroom-comp .subfeature-icon-details .ppl-icon-list-details {
  background-color: #ffffff;
  width: 48px;
  border-radius: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .subfeature-icon-details .ppl-icon-list-details {
    background-color: transparent;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    border-radius: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .subfeature-icon-details .ppl-icon-list-details {
    background-color: transparent;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    border-radius: 0px;
  }
}
.digital-showroom-comp .subfeature-icon-details .showroom-icons {
  margin-left: 14px;
  margin-right: 14px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .subfeature-icon-details .showroom-icons {
    margin-top: 15px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .subfeature-icon-details .showroom-icons {
    margin-top: 15px;
    display: flex;
    align-items: center;
  }
}
.digital-showroom-comp .subfeature-icon-details .showroom-icons img {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  filter: none;
}
.digital-showroom-comp .subfeature-icon-details .showroom-icons img.active {
  filter: invert(49%) sepia(18%) saturate(2662%) hue-rotate(179deg) brightness(89%) contrast(99%);
}
.digital-showroom-comp .subfeature-icon-details .showroom-icons .dual-colors-details {
  margin-bottom: 0px !important;
  margin-left: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .subfeature-icon-details .showroom-icons .dual-colors-details {
    top: 0px;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .subfeature-icon-details .showroom-icons .dual-colors-details {
    top: 0px;
    margin-right: 0px;
  }
}
.digital-showroom-comp .subfeature-icon-details #right {
  left: 250% !important;
}
.digital-showroom-comp .subfeature-icon-details .feature-icon-list-details {
  max-height: 344px;
  overflow-y: scroll;
  width: 400px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .subfeature-icon-details .feature-icon-list-details {
    width: auto;
    display: flex;
    overflow-y: hidden;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .subfeature-icon-details .feature-icon-list-details {
    width: auto;
    display: flex;
    overflow-y: hidden;
  }
}
.digital-showroom-comp .tooltip-text {
  display: none;
  position: absolute;
  z-index: 1;
  color: #ffffff;
  white-space: nowrap;
  max-width: none;
  font-size: 12px;
  background-color: #7a8084;
  border-radius: 30px;
  padding: 8px 16px;
  text-align: center;
}
.digital-showroom-comp .hover-text:hover .tooltip-text {
  display: block;
  text-align: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .hover-text:hover .tooltip-text {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .hover-text:hover .tooltip-text {
    display: none;
  }
}
.digital-showroom-comp #right {
  top: -8px;
  left: 195%;
}
.digital-showroom-comp .hover-text {
  position: relative;
  display: inline-block;
}
.digital-showroom-comp .sub-feature-color-details {
  position: fixed;
  top: 28%;
  padding-left: 32px;
  bottom: initial;
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  transition: transform 300ms ease;
  transform: translateX(-100%);
}
.digital-showroom-comp .sub-feature-color-details.addAnimation {
  transform: translateX(0);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .sub-feature-color-details {
    display: grid;
    grid-template-columns: min-content auto;
    width: fit-content;
    gap: 0 !important;
    top: initial;
    bottom: 131px !important;
    padding-left: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .sub-feature-color-details {
    display: flex;
    width: fit-content;
    top: initial;
    bottom: 100px;
    padding-left: 24px;
  }
}
.digital-showroom-comp .sub-feature-color-details .color-list-container {
  width: 48px;
  border-radius: 32px;
  background: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container {
    width: 100%;
  }
}
.digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll {
  overflow: auto;
  width: 400px;
  max-height: 344px;
  border-radius: 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll {
    width: 100%;
  }
}
.digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details {
  width: 48px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details {
    width: 100%;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
    max-width: 272px;
    height: 48px;
    align-items: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details {
    width: 100%;
    height: 48px;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    min-width: auto;
    max-width: 256px;
    align-items: center;
  }
}
.digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .colors-details:first-child {
  margin-top: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .colors-details:first-child {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .colors-details:first-child {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .colors-details {
    margin-left: 22px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .colors-details {
    margin-left: 22px;
  }
}
.digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .colors-details:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .colors-details:last-child {
    margin-right: 22px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .colors-details:last-child {
    margin-right: 22px;
  }
}
.digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .dual-colors-details {
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .dual-colors-details {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .sub-feature-color-details .color-list-container .color-list-scroll .color-list-details .dual-colors-details {
    margin-bottom: 0px;
  }
}
.digital-showroom-comp .dual-colors-details {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 14px;
  margin-bottom: 22px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .dual-colors-details {
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .dual-colors-details {
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
.digital-showroom-comp .color-tooltip {
  white-space: nowrap;
  max-width: none;
  left: 170% !important;
}
.digital-showroom-comp .feature-color-tooltip {
  white-space: nowrap;
  max-width: none;
  margin-left: 8px;
}
.digital-showroom-comp .first {
  content: '';
  position: absolute;
  height: 100%;
  width: 50%;
}
.digital-showroom-comp .icon-Tick {
  position: absolute;
  z-index: 98;
  color: #383737;
  background-color: #ffffff;
  font-size: 10px;
  top: 5px;
  left: 5px;
  border-radius: 50%;
}
.digital-showroom-comp .single {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
}
.digital-showroom-comp .first:first-child {
  background: #383737;
  left: 0;
}
.digital-showroom-comp .first:last-child {
  background: #307fe2;
  right: 0;
}
.digital-showroom-comp .single:first-child {
  background: #383737;
  left: 0;
}
.digital-showroom-comp .single:last-child {
  background: #307fe2;
  right: 0;
}
.digital-showroom-comp .size-comparison-details {
  position: fixed;
  padding-left: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  top: 78%;
  left: 0px;
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  -o-transition: -o-transform 300ms ease;
  -ms-transition: -ms-transform 300ms ease;
  transition: transform 300ms ease;
  transform: translateX(-100%);
}
.digital-showroom-comp .size-comparison-details.addAnimation {
  transform: translateX(0);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .size-comparison-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    top: initial;
    bottom: 100px;
    left: 0px;
    padding-left: 96px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .size-comparison-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    top: initial;
    bottom: 131px !important;
    left: 0px;
    padding-left: 24px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
.digital-showroom-comp .size-comparison-details .range-slider {
  position: relative;
  top: -16px;
}
.digital-showroom-comp .size-comparison-details .range-slider .icon-DS-Exterior-CompareHeight,
.digital-showroom-comp .size-comparison-details .range-slider .icon-DS-Exterior-CompareWeight {
  position: relative;
  top: 6px;
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .size-comparison-details .range-slider .icon-DS-Exterior-CompareHeight,
  .digital-showroom-comp .size-comparison-details .range-slider .icon-DS-Exterior-CompareWeight {
    top: 5px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .size-comparison-details .range-slider .icon-DS-Exterior-CompareHeight,
  .digital-showroom-comp .size-comparison-details .range-slider .icon-DS-Exterior-CompareWeight {
    top: 4px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .size-comparison-details .range-slider {
    top: -16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .size-comparison-details .range-slider {
    top: -16px;
  }
}
.digital-showroom-comp .size-comparison-details .range-slider input[type="range"] {
  -webkit-appearance: none;
  height: 2px;
  width: 156px;
  border-radius: 5px;
  background: #eaeaec;
  outline: none;
  position: relative;
  margin-top: 40px;
  margin-bottom: 30px;
  transform: rotate(0deg);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .size-comparison-details .range-slider input[type="range"] {
    width: 185px;
    transform: rotate(0deg);
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .size-comparison-details .range-slider input[type="range"] {
    width: 156px;
    transform: rotate(0deg);
  }
}
.digital-showroom-comp .size-comparison-details .range-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 16px;
  height: 16px;
  background: #307fe2;
  border-radius: 50%;
  cursor: pointer;
}
.digital-showroom-comp .size-comparison-details .range-slider input[type="range"]::-webkit-slider-thumb:hover {
  background: #307fe2;
}
.digital-showroom-comp .size-comparison-details .height-comparison {
  margin-bottom: 8px;
  margin-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .size-comparison-details .height-comparison {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .size-comparison-details .height-comparison {
    margin-right: 8px;
  }
}
.digital-showroom-comp .size-comparison-details .height-comparison,
.digital-showroom-comp .size-comparison-details .weight-comparison {
  background-color: #ffffff;
  width: 100%;
  max-width: 268px;
  min-height: auto;
  height: 48px;
  border-radius: 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .size-comparison-details .height-comparison,
  .digital-showroom-comp .size-comparison-details .weight-comparison {
    width: 100%;
    min-height: auto;
    height: 48px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .size-comparison-details .height-comparison,
  .digital-showroom-comp .size-comparison-details .weight-comparison {
    width: 100%;
    min-height: auto;
    height: 48px;
    min-width: 268px;
  }
}
.digital-showroom-comp .go-back-icon {
  margin-bottom: 8px;
  background-color: #ffffff;
  border-radius: 50%;
  width: 48px;
  min-width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .go-back-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    position: relative;
    top: 7px;
    margin-right: 16px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .go-back-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    position: relative;
    top: 7px;
    margin-right: 16px;
    margin-bottom: 0px;
  }
}
.digital-showroom-comp .car-selection-details {
  position: fixed;
  margin-left: 46%;
  bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .car-selection-details {
    margin-left: 0;
    text-align: center;
    bottom: 60px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .car-selection-details {
    margin-left: 0;
    text-align: center;
    bottom: 60px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.digital-showroom-comp .car-selection-details .price-label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #282828;
  text-align: center;
}
.digital-showroom-comp .car-selection-details .car-price {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #282828;
  margin-bottom: 26px;
  margin-top: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .car-selection-details .car-price {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .car-selection-details .car-price {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.digital-showroom-comp .car-selection-details .explore-btn {
  display: block;
  margin: auto;
  color: #282828;
  border: 2px solid #282828;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  background-color: transparent;
  margin-bottom: 26px;
}
.digital-showroom-comp .redirection-details {
  z-index: 999;
  position: fixed;
  height: fit-content;
  bottom: 40px;
  right: 40px;
  border: none;
  background: transparent;
  width: fit-content;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .redirection-details {
    width: 100%;
    flex-direction: column-reverse;
    left: 0px;
    bottom: 0px;
    margin: auto;
    padding: 0 24px;
  }
}
.digital-showroom-comp .redirection-details .testdrive-details {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #282828;
}
.digital-showroom-comp .redirection-details .testdrive-details .icon-Arrow-Right {
  position: relative;
  top: 2px;
  left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .redirection-details .testdrive-details {
    padding: 30px 0px 24px 0px;
  }
}
.digital-showroom-comp .redirection-details .configure-details {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #282828;
  border: 2px solid #282828;
  margin-left: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .redirection-details .configure-details {
    width: 100%;
    margin-left: 0px;
    padding: 12px 0px;
    display: flex;
    justify-content: center;
  }
}
.digital-showroom-comp .all-model-details {
  z-index: 999;
  position: fixed;
  height: fit-content;
  bottom: 40px;
  right: 40px;
  border: none;
  background: transparent;
  width: fit-content;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .all-model-details {
    bottom: 20px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .all-model-details {
    bottom: 20px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.digital-showroom-comp .all-model-details h6 {
  margin: 0px 8px 0 0;
}
.digital-showroom-comp .detail-modal-popup {
  z-index: 9999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .detail-modal-popup .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .detail-modal-popup .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0px;
  }
}
.digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content {
  background-color: rgba(56, 55, 55, 0.8);
}
.digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body {
  min-height: 480px;
}
.digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .pplnamedata {
  padding: 140px 0px 140px 106px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .pplnamedata {
    padding: 140px 0px 140px 48px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .pplnamedata {
    padding: 140px 0px 140px 24px;
  }
}
.digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .pplnamedata ul {
  margin: 0px;
  padding: 0px;
}
.digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .pplnamedata ul li {
  display: block;
  margin-bottom: 40px;
}
.digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .pplnamedata ul li h4 {
  cursor: pointer;
  margin: 0px;
  color: #ffffff;
}
.digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .model-Details {
  float: right;
}
.digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .model-Details .icon-Cross {
  font-size: 38px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  position: fixed;
  right: 42px;
  top: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .model-Details .icon-Cross {
    font-size: 28px;
    position: absolute;
    right: 3%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .detail-modal-popup .modal-dialog .modal-content .modal-body .model-Details .icon-Cross {
    font-size: 28px;
    position: absolute;
    right: 3%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .showroom-modal-popup .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .showroom-modal-popup .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0px;
  }
}
.digital-showroom-comp .showroom-modal-popup .modal-dialog .modal-content .modal-body {
  min-height: 480px;
}
.digital-showroom-comp .showroom-modal-popup .modal-dialog .modal-content .modal-body .showroom-header {
  position: absolute;
  z-index: 98;
  right: 40px;
  top: 32px;
  float: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .showroom-modal-popup .modal-dialog .modal-content .modal-body .showroom-header {
    top: 24px;
    right: 14px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .showroom-modal-popup .modal-dialog .modal-content .modal-body .showroom-header {
    top: 24px;
    right: 14px;
  }
}
.digital-showroom-comp .showroom-modal-popup .modal-dialog .modal-content .modal-body .showroom-header .icon-Cross {
  font-size: 16px;
  color: #f8f8f8;
  cursor: pointer;
  background-color: rgba(56, 55, 55, 0.3);
  padding: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .showroom-modal-popup .modal-dialog .modal-content .modal-body .showroom-header .icon-Cross {
    position: absolute;
    right: -15%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .showroom-modal-popup .modal-dialog .modal-content .modal-body .showroom-header .icon-Cross {
    position: absolute;
    right: -3%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .moreButton-modal-popup .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .moreButton-modal-popup .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0px;
  }
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content {
  background-color: rgba(56, 55, 55, 0.8);
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body {
  min-height: 480px;
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details {
  padding: 140px 0px 140px 106px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details {
    padding: 140px 0px 140px 48px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details {
    padding: 140px 0px 140px 24px;
  }
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details ul {
  margin: 0px;
  padding: 0px;
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details ul li {
  display: block;
  margin-bottom: 40px;
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details ul li h4 {
  margin: 0px;
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer;
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details ul li h4 img {
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details ul li h4 img {
    width: 16px;
    height: 16px;
  }
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details ul li h4 a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details ul li h4 a img {
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-field-details ul li h4 a img {
    width: 16px;
    height: 16px;
  }
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-button-icon {
  float: right;
}
.digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-button-icon .icon-Cross {
  font-size: 38px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  position: fixed;
  right: 42px;
  top: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-button-icon .icon-Cross {
    font-size: 28px;
    position: absolute;
    right: 3%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .moreButton-modal-popup .modal-dialog .modal-content .modal-body .more-button-icon .icon-Cross {
    font-size: 28px;
    position: absolute;
    right: 3%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .qr-popup-modal .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .qr-popup-modal .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0px;
  }
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content {
  background-color: rgba(56, 55, 55, 0.8);
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body {
  min-height: 480px;
  overflow: hidden;
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cross-arrow {
  right: 42px;
  top: 30px;
  position: absolute;
  margin: 0px !important;
  float: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cross-arrow {
    right: 32px;
    top: 24px;
    position: absolute;
    margin: 0px !important;
    float: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cross-arrow {
    right: 17px;
    top: 18px;
    position: absolute;
    margin: 0px !important;
    float: none;
  }
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cta-modal-popup {
  padding: 0px;
  margin: 0px auto;
  overflow: hidden;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cta-modal-popup {
    padding: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cta-modal-popup {
    padding: 0px;
  }
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cta-modal-popup ul {
  margin: 0px;
  padding: 0px;
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cta-modal-popup ul li {
  display: block;
  margin-bottom: 40px;
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cta-modal-popup ul li h4 {
  margin: 0px;
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer;
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cta-modal-popup ul li h4 img {
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cross-arrow {
  margin-right: 42px;
  margin-top: 30px;
  float: right;
}
.digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cross-arrow .icon-Cross {
  font-size: 38px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cross-arrow .icon-Cross {
    font-size: 28px;
    position: absolute;
    right: 3%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-showroom-comp .qr-popup-modal .modal-dialog .modal-content .modal-body .cross-arrow .icon-Cross {
    font-size: 28px;
    position: absolute;
    right: 3%;
  }
}

.digital-header-comp {
  /* Animation */
}
.digital-header-comp .digital-navigation {
  position: relative;
}
.digital-header-comp .digital-navigation .digital-headers {
  position: fixed;
  top: 0;
  min-height: 90px;
  padding: 0px 30px;
  z-index: 999;
  pointer-events: none;
}
.digital-header-comp .digital-navigation .digital-headers.digital-header-position.digital-primary-header {
  position: absolute;
}
.digital-header-comp .digital-navigation .digital-headers.digital-header-position.digital-secondary-header {
  background: #ffffff;
  position: relative;
}
.digital-header-comp .digital-navigation .digital-headers.digital-secondary-header {
  position: relative;
}
.digital-header-comp .digital-navigation .digital-headers.digital-secondary-header .digital-hamburgerMenuButton .digital-menu-icon .digital-icon .digital-fa {
  color: #383737;
}
.digital-header-comp .digital-navigation .digital-headers.digital-secondary-header .digital-hamburgerMenuButton .cart_icon .cart_icon_img {
  color: #383737;
}
.digital-header-comp .digital-navigation .digital-headers.digital-secondary-header .logo .digital-logo-icon .digital-black-logo {
  display: block;
}
.digital-header-comp .digital-navigation .digital-headers.digital-secondary-header .logo .digital-logo-icon .digital-white-logo {
  display: none;
}
.digital-header-comp .digital-navigation .digital-headers.digital-secondary-header .digital-hamburgerMenuButton .cart_icon .cart_item_number {
  color: #ffffff;
}
.digital-header-comp .digital-navigation .digital-headers .logo {
  align-items: center;
}
.digital-header-comp .digital-navigation .digital-headers .logo .digital-logo-icon .digital-black-logo {
  pointer-events: auto;
  display: none;
}
.digital-header-comp .digital-navigation .digital-headers .logo .digital-logo-icon .digital-white-logo {
  pointer-events: auto;
  display: block;
}
.digital-header-comp .digital-navigation .digital-headers .logo .digital-back-button {
  display: none;
  text-decoration: none;
  pointer-events: auto;
  cursor: pointer;
}
.digital-header-comp .digital-navigation .digital-headers .logo .digital-back-button .icon-Arrow-Left {
  font-size: 20px;
  color: #383737;
  width: 19px;
  height: 19px;
}
.digital-header-comp .digital-navigation .digital-headers .logo .go-back-header {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  background: transparent;
  text-decoration: none;
  border: none;
  background: none;
  pointer-events: auto;
  padding: 0;
  margin-left: 24px;
  color: #ffffff;
  position: relative;
}
.digital-header-comp .digital-navigation .digital-headers .logo .go-back-header .icon-Arrow-Left {
  font-size: 12px;
}
.digital-header-comp .digital-navigation .digital-headers .logo .go-back-header .digital-go-back-text-header {
  padding-left: 8px;
}
.digital-header-comp .digital-navigation .digital-headers .logo .go-back-header-blue {
  color: #307fe2;
}
.digital-header-comp .digital-navigation .digital-headers .digital-mobile_subMenu {
  pointer-events: auto;
}
.digital-header-comp .digital-navigation .digital-headers .digital-mobile_subMenu h6 {
  display: none;
}
.digital-header-comp .digital-navigation .digital-headers .digital-hamburgerMenuButton {
  position: relative;
  align-items: center;
}
.digital-header-comp .digital-navigation .digital-headers .digital-hamburgerMenuButton a {
  pointer-events: auto;
  text-decoration: none;
}
.digital-header-comp .digital-navigation .digital-headers .digital-hamburgerMenuButton .digital-menu-icon .digital-icon .digital-fa {
  font-size: 48px;
  color: #ffffff;
  transition-property: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.digital-header-comp .digital-navigation .digital-headers .digital-hamburgerMenuButton .digital-menu-icon.btn-closes .digital-icon .digital-fa:before {
  font-family: "icomoon";
  content: "\e951";
  color: #ffffff;
}
.digital-header-comp .digital-navigation .digital-headers .digital-header-pos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1857px;
  margin: auto;
  width: 100%;
}
.digital-header-comp .digital-navigation .digital-headers .digital-header-pos .digital-secondary-nav {
  pointer-events: auto;
}
.digital-header-comp .digital-navigation .cursor-show {
  cursor: pointer;
}
.digital-header-comp .digital-navigation .cursor-hide {
  cursor: none;
}
.digital-header-comp .digital-navigation .header-scroll {
  background: #ffffff !important;
  position: fixed;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.digital-header-comp .digital-navigation .header-scroll .logo .digital-logo-icon .digital-black-logo {
  display: block;
}
.digital-header-comp .digital-navigation .header-scroll .logo .digital-logo-icon .digital-white-logo {
  display: none;
}
.digital-header-comp .digital-navigation .header-scroll .digital-hamburgerMenuButton .digital-menu-icon .digital-icon .digital-fa {
  color: #383737;
}
.digital-header-comp .digital-navigation .header-scroll .digital-secondary-nav .menubar li a {
  color: #7a8084 !important;
  text-decoration: none;
}
.digital-header-comp .digital-navigation .header-scroll .digital-secondary-nav .menubar li li a.active {
  color: #7a8084 !important;
}
.digital-header-comp .digital-navigation .header-scroll .digital-secondary-nav .menubar .nav-item a.active {
  color: #383737 !important;
  border-bottom: 2px solid #282828 !important;
}
.digital-header-comp .digital-navigation .overlay-digital {
  transition: 0.2s all;
  visibility: hidden;
  height: 100vh;
  width: 100%;
  z-index: 9999;
  scrollbar-width: none;
  top: 0;
  bottom: 0;
  position: fixed;
  opacity: 0.8;
}
.digital-header-comp .digital-navigation .overlay-digital::-webkit-scrollbar {
  display: none;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container {
  display: flex;
  flex-direction: row;
  background: #f8f8f8;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content {
  flex: 15.2%;
  background-color: rgba(56, 55, 55, 0.8);
  height: 100vh;
  scrollbar-width: none;
  z-index: 9;
  position: relative;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content::-webkit-scrollbar {
  display: none;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu {
  text-align: left;
  margin-top: 0%;
  overflow-y: scroll;
  scrollbar-width: none;
  position: absolute;
  height: auto;
  top: 40%;
  left: 106px;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu .digital-menu-nav {
  margin: 0;
  margin-bottom: 20px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  list-style: none;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li {
  padding: 20px 0px;
  margin: 0;
  width: 100%;
  height: auto;
  line-height: 1;
  text-align: left;
  color: #7a8084;
  padding-right: 31px;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li:first-child {
  padding-top: 0;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li a {
  font-family: Poppins;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  width: fit-content;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li a {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li a {
    font-size: 32px;
    line-height: 32px;
  }
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li a .icon-Chevron-Right {
  display: flex;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li .mobile_ourModels {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li .mobile_ourModels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li .mobile_ourModels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li .mobile_OurModels_Arrow {
  display: none;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu .digital-fa {
  font-size: 26px;
  padding-left: 16px;
  height: 17px;
  float: right;
  margin-top: -4px;
}
.digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu .hover-menu-list {
  color: #383737;
}
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.digital-header-comp .animated {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
}
.digital-header-comp .animated-fade-right {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}
.digital-header-comp .animatedFadeInUp {
  opacity: 0;
}
.digital-header-comp .fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.digital-header-comp .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-header-comp .digital-navigation .digital-headers {
    min-height: 72px;
    padding: 0px 25px;
  }
  .digital-header-comp .digital-navigation .digital-headers.overview-active {
    margin-bottom: 0px;
  }
  .digital-header-comp .digital-navigation .digital-headers .logo .go-back-header {
    padding: 0;
    margin-left: 24px;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-secondary-nav .sec-nav-comp .secodary-nav-active {
    position: absolute;
    top: 72px;
    left: 0;
    width: 100%;
    border: none;
    min-height: 72px;
    display: flex;
    justify-content: center;
    max-height: 338px;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-secondary-nav .sec-nav-comp .secodary-nav-active .navbar {
    padding: 0px;
    margin: 0px;
    max-height: 302px;
    margin-top: 32px;
    overflow-y: scroll;
    margin-bottom: 8px;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-secondary-nav .sec-nav-comp .secodary-nav-active .menubar .nav-item a.active {
    border-bottom: none !important;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-hamburgerMenuButton .digital-menu-icon .digital-icon .digital-fa {
    font-size: 40px;
    width: auto;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-hamburgerMenuButton .digital-menu-icon.btn-closes .digital-icon .digital-fa:before {
    width: auto;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content {
    flex: 47%;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu {
    top: 35%;
    left: 80px;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu .digital-menu-nav {
    padding: 0px;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .digital-header-comp .digital-navigation .digital-headers {
    min-height: 54px;
    padding: 0 16px;
  }
  .digital-header-comp .digital-navigation .digital-headers.overview-active {
    margin-bottom: 0px;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-mobile_subMenu h6 {
    justify-content: center;
    color: #383737;
    margin: 0px;
    padding-top: 6px;
  }
  .digital-header-comp .digital-navigation .digital-headers .logo .go-back-header {
    padding: 0;
    margin-left: 16px;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-secondary-nav .sec-nav-comp .secodary-nav-active {
    top: 54px;
    margin-top: 0px;
    min-height: 54px;
    max-height: 318px;
    padding-top: 24px;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-secondary-nav .sec-nav-comp .secodary-nav-active .navbar {
    padding: 0px;
    margin: 0px;
    max-height: 294px;
    overflow-y: scroll;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-secondary-nav .sec-nav-comp .secodary-nav-active .menubar .nav-item a.active {
    border-bottom: none !important;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-hamburgerMenuButton .digital-menu-icon .digital-icon .digital-fa {
    font-size: 24px;
    width: auto;
  }
  .digital-header-comp .digital-navigation .digital-headers .digital-hamburgerMenuButton .digital-menu-icon.btn-closes .digital-icon .digital-fa:before {
    width: auto;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .car-section {
    padding: 0px;
    text-align: center;
    padding-top: 32px;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .car-section .car-section-column {
    padding: 32px 24px;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .car-section .car-section-column .car-section-card .carsimage img {
    max-width: 100%;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .car-section .car-section-column .car-section-card .content_element {
    width: 100%;
    max-width: 195px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu {
    left: 24px;
    top: 35.5%;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu .digital-menu-nav {
    margin-bottom: 16px;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li {
    width: 100%;
    padding-right: 30px;
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li .mobile_ourModels {
    display: flex;
  }
  .digital-header-comp .digital-navigation .overlay-digital .digital-navigatio-container .digital-right-content .menu li .mobile_OurModels_Arrow {
    display: flex;
    text-decoration: none;
    color: #7a8084;
  }
}

.description-component-comp .container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.description-component-comp .description-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  align-self: stretch;
}
.description-component-comp .description-title {
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.description-component-comp .description-content {
  color: #383737;
  margin: 24px 0px;
}
.description-component-comp .description-content p {
  padding: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .description-component-comp .description-content {
    margin: 16px 0px 0px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .description-component-comp .description-content {
    margin: 8px 0px 0px 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .description-component-comp .description-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .description-component-comp .description-title {
    color: #383737;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    width: 688px;
  }
  .description-component-comp .description-content {
    color: #383737;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .description-component-comp .description-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .description-component-comp .description-title {
    color: #383737;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    width: 300px;
  }
  .description-component-comp .description-content {
    color: #383737;
    max-width: 100%;
  }
}

#day-night-effect {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
}
#day-night-effect .place-images div {
  width: 100%;
  height: 100%;
  display: inline;
}
#day-night-effect .place-images .lazy-images {
  display: none !important;
}
#day-night-effect .place-images .lazy-images.on {
  display: block !important;
}
#day-night-effect .place-images .lazy-images .loading {
  position: absolute;
  top: 45%;
  left: 45%;
}
#day-night-effect .place-images div img {
  display: none;
  width: 100%;
  height: 100%;
}
#day-night-effect .place-images div:first-child img:first-child {
  display: block;
}
#day-night-effect .place-button.active button {
  color: #ffffff;
  font-weight: 500;
}
#day-night-effect .image-slider {
  -moz-apperance: none;
  -webkit-appearance: none;
  background: linear-gradient(90deg, #ffffff 0%, rgba(122, 128, 132, 0.5) 0%);
  height: 4px;
  outline: none;
}
#day-night-effect .image-slider.show {
  display: flex;
}
#day-night-effect .image-slider.hide {
  display: none;
}
#day-night-effect .d-none {
  display: none !important;
  color: #ffffff;
  background-color: rgba(122, 128, 132, 0.5);
}
#day-night-effect input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
#day-night-effect span.ui-slider-handle.ui-corner-all.ui-state-default {
  height: 16px;
  width: 16px;
  border-radius: 25px;
  outline: none;
  background: #ffffff;
  cursor: pointer;
  border: none;
}
#day-night-effect .ui-slider-handle {
  top: -6px;
}
#day-night-effect .ui-widget-header {
  background: #ffffff;
}
#day-night-effect .ui-slider-horizontal {
  height: 4px;
  cursor: pointer;
}
#day-night-effect .ui-corner-all {
  border-radius: 0px;
}
#day-night-effect input[type="range"]:focus,
#day-night-effect .ui-state-active:focus,
#day-night-effect .ui-state-hover:focus {
  outline: none;
}
#day-night-effect .ui-state-active,
#day-night-effect .ui-slider-handle:focus-visible,
#day-night-effect .ui-state-active:hover {
  border: none;
}
#day-night-effect .ui-widget.ui-widget-content {
  border: none;
}
#day-night-effect .brightness-box {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 99;
  background: #282828;
}
#day-night-effect .brightness-box .range-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#day-night-effect .brightness-box .range-slider .day-icon {
  filter: brightness(100);
}
#day-night-effect .brightness-box i {
  color: #ffffff;
}
#day-night-effect .brightness-box button {
  outline: none;
  border: 0;
  color: #7a8084;
  padding: 0%;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  font-weight: 500;
}
#day-night-effect .place-images {
  width: 100%;
  height: 100%;
}
#day-night-effect .place-button.active button {
  color: #ffffff;
  font-weight: 500;
}
#day-night-effect .mobile-options {
  position: absolute;
}
#day-night-effect .mobile-options button {
  background: transparent;
  outline: none;
  border: 0;
  padding: 0;
  color: #7a8084;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  #day-night-effect .brightness-box {
    max-width: 80% !important;
  }
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  #day-night-effect {
    width: 100%;
    height: 696px !important;
  }
  #day-night-effect .place-images,
  #day-night-effect .place-images {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  #day-night-effect .place-images .location,
  #day-night-effect .place-images .location {
    width: 100%;
    height: 100%;
  }
  #day-night-effect .brightness-box {
    bottom: 48px;
    padding: 20px 36px;
    min-width: 66.1%;
    max-width: 100%;
    background: #282828;
  }
  #day-night-effect .brightness-box .place-button {
    margin-right: 28px;
  }
  #day-night-effect .brightness-box .range-slider {
    width: 584px;
    height: 40px;
  }
  #day-night-effect .brightness-box .range-slider .day-icon,
  #day-night-effect .brightness-box .range-slider .night-icon {
    font-size: 40px;
    color: #7a8084;
  }
  #day-night-effect .brightness-box .range-slider .image-slider {
    width: 78.1%;
  }
  #day-night-effect .mobile-options {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #day-night-effect {
    width: 100%;
    height: 400px !important;
  }
  #day-night-effect .place-images,
  #day-night-effect .place-images {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  #day-night-effect .place-images .location,
  #day-night-effect .place-images .location {
    width: 100%;
    height: 100%;
  }
  #day-night-effect .brightness-box {
    bottom: 24px;
    padding: 16px 32px;
    min-width: 74.7%;
    max-width: 80%;
  }
  #day-night-effect .brightness-box .place-button {
    margin-right: 28px;
  }
  #day-night-effect .brightness-box .range-slider {
    width: 294px;
    height: 32px;
  }
  #day-night-effect .brightness-box .range-slider .day-icon,
  #day-night-effect .brightness-box .range-slider .night-icon {
    font-size: 32px;
    color: #7a8084;
  }
  #day-night-effect .brightness-box .range-slider .image-slider {
    width: 67.5%;
  }
  #day-night-effect .mobile-options {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #day-night-effect {
    width: 100%;
    height: 265px !important;
  }
  #day-night-effect .place-images {
    width: 100%;
    height: 100%;
  }
  #day-night-effect .place-images div {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  #day-night-effect .place-images div .location {
    width: 100%;
    height: 100%;
  }
  #day-night-effect .place-images div img {
    height: auto;
  }
  #day-night-effect .brightness-box {
    bottom: 0;
    height: 64px;
    padding: 16px 17px;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
  }
  #day-night-effect .brightness-box .place-button {
    display: none;
  }
  #day-night-effect .brightness-box button {
    display: none;
  }
  #day-night-effect .brightness-box .range-slider {
    width: 100%;
    height: 16px;
  }
  #day-night-effect .brightness-box .range-slider .day-icon,
  #day-night-effect .brightness-box .range-slider .night-icon {
    font-size: 32px;
    color: #7a8084;
  }
  #day-night-effect .brightness-box .range-slider .image-slider {
    width: 66.22%;
  }
  #day-night-effect .mobile-options {
    width: auto;
    min-width: 45.6%;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 40px;
    row-gap: 16px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    top: 16px;
    max-width: 70%;
    background: rgba(40, 40, 40, 0.8);
    backdrop-filter: blur(4px);
  }
  #day-night-effect .mobile-options button {
    padding: 0%;
  }
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .day-night-banner-comp.paddingLeft104 {
    padding: 0 106px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .day-night-banner-comp.paddingLeft104 {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .day-night-banner-comp.paddingLeft104 {
    padding: 0;
  }
}


.corelated-article-comp {
  position: relative;
}
.corelated-article-comp .corelated_articles_title {
  color: #383737;
}
.corelated-article-comp .owl-carousel {
  display: flex;
  overflow-x: auto;
  overflow: visible;
}
@media only screen and (max-width: 991px) {
  .corelated-article-comp .owl-carousel {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .corelated-article-comp .owl-carousel {
    overflow-x: auto;
  }
}
.corelated-article-comp .corelated-cards {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 292px;
  height: 100%;
  margin-top: 40px;
}
.corelated-article-comp .corelated-cards .corelated-img {
  margin-bottom: 16px;
  width: 292px;
  height: 164px;
  display: block;
  object-fit: cover;
}
.corelated-article-comp .corelated-cards .corelated-desc p {
  color: #7a8084;
}
.corelated-article-comp .corelated-cards .corelated-teasersubtitle {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 120%;
  color: #7a8084;
  padding-bottom: 8px;
}
.corelated-article-comp .corelated-cards .corelated-teasertitle {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 8px;
  margin: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .corelated-article-comp .corelated-cards .corelated-teasertitle {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .corelated-article-comp .corelated-cards .corelated-teasertitle {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.corelated-article-comp .corelated-cards .corelated-path {
  padding-top: 8px;
}
.corelated-article-comp .corelated-cards .corelated-path .path {
  color: #307fe2 !important;
  display: inline;
  padding-right: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.corelated-article-comp .corelated-cards .corelated-path .icon-Arrow-Right {
  color: #307fe2;
  font-size: 12px;
}
.corelated-article-comp .owl-carousel .owl-stage-outer {
  margin-left: 0px;
}
.corelated-article-comp .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
  padding-left: 0px !important;
}
.corelated-article-comp .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  width: 396px !important;
}
.corelated-article-comp .owl-carousel .owl-nav {
  position: absolute;
  margin-top: 0px;
  right: 0px;
  top: -40px;
}
.corelated-article-comp .owl-carousel .owl-nav .owl-prev {
  outline: none;
}
.corelated-article-comp .owl-carousel .owl-nav .owl-prev .icon-Arrow-Left:before {
  color: #307fe2;
  border: 1px solid #307fe2;
  padding: 10px;
  display: block;
  font-size: 20px;
}
.corelated-article-comp .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left {
  cursor: default;
}
.corelated-article-comp .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left:before {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.corelated-article-comp .owl-carousel .owl-nav .owl-next {
  outline: none;
  margin-left: 12px;
}
.corelated-article-comp .owl-carousel .owl-nav .owl-next .icon-Arrow-Right:before {
  color: #307fe2;
  border: 1px solid #307fe2;
  padding: 10px;
  display: block;
  font-size: 20px;
}
.corelated-article-comp .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right {
  cursor: default;
}
.corelated-article-comp .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right:before {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.corelated-article-comp .owl-carousel .owl-dots {
  display: none;
}
.corelated-article-comp .pagination {
  position: absolute;
  top: -14px;
  right: 139px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: normal;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .corelated-article-comp {
    padding-left: 40px;
  }
  .corelated-article-comp .pagination {
    display: none;
  }
  .corelated-article-comp .corelated_articles_title {
    padding-right: 40px;
  }
  .corelated-article-comp .owl-carousel .owl-stage-outer {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .corelated-article-comp {
    padding-left: 30px;
  }
  .corelated-article-comp .pagination {
    display: none;
  }
  .corelated-article-comp .corelated_articles_title {
    padding-right: 30px;
  }
  .corelated-article-comp .corelated-cards .corelated-teasertitle {
    padding-bottom: 12px;
  }
  .corelated-article-comp .corelated-cards .corelated-description {
    padding-bottom: 26px;
  }
  .corelated-article-comp .owl-carousel .owl-stage-outer {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .corelated-article-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .corelated-article-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
}


.contact-us-sales .contactusSales-comp {
  padding-top: 0px;
}
.contact-us-sales .contactusSales-comp .contactFrame1 {
  display: none;
}
.contact-us-sales .contactusSales-comp .desk-model-ctn {
  max-width: 1100px;
  margin: auto;
  text-align: center;
}
.contact-us-sales .contactusSales-comp .desk-model-ctn .model-headline {
  margin-bottom: 20px;
  color: #383737;
}
.contact-us-sales .contactusSales-comp .desk-model-ctn .car-models-ctn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contact-us-sales .contactusSales-comp .desk-model-ctn .car-models-ctn .car-tile {
  margin: 20px 64px 0 0;
  cursor: pointer;
}
.contact-us-sales .contactusSales-comp .desk-model-ctn .car-models-ctn .car-tile .car-img img {
  max-width: 100%;
}
.contact-us-sales .contactusSales-comp .desk-model-ctn .car-models-ctn .car-tile .car-name {
  color: #383737;
  margin-bottom: 0;
}
.contact-us-sales .contactusSales-comp .desk-model-ctn .car-models-ctn .car-tile:nth-child(3n) {
  margin-right: 0;
}
.contact-us-sales .sales-list-reference {
  padding-top: 104px;
  display: none;
}
.contact-us-sales .sales-list-reference .list-comp .view1 {
  justify-content: center;
  gap: 20px;
}
.contact-us-sales .sales-list-reference .list-comp .view1 .img-card {
  max-width: 396px;
  background: #f8f8f8;
}
.contact-us-sales .sales-list-reference .list-comp .view1 .img-card .list-Gridinfo {
  height: 100%;
}
.contact-us-sales .sales-list-reference .list-comp .view1 .img-card .list-Gridinfo .overlay {
  height: 100%;
}
.contact-us-sales .sales-list-reference .list-comp .view1 .img-card .list-Gridinfo .overlay-container {
  background-color: #F8F8F8;
  padding: 40px 40px;
}
.contact-us-sales .sales-list-reference .list-comp .view1 .img-card .list-Gridinfo .overlay-container .btm-text p {
  padding-bottom: 46px;
}
.contact-us-sales .sales-list-reference .list-comp .view1 .img-card .list-Gridinfo .overlay-container .view-more {
  text-decoration: none;
  position: absolute;
  bottom: 45px;
}
.contact-us-sales .sales-list-reference .list-comp .view1 .img-card .list-Gridinfo .overlay-container .view-more .icon-Arrow-Right-20 {
  font-size: 12px;
  padding-left: 8px;
}
.contact-us-sales .sales-form-reference {
  padding-top: 104px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-sales .contactusSales-comp {
    padding-top: 0px;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 {
    display: none;
  }
  .contact-us-sales .contactusSales-comp .desk-model-ctn {
    text-align: center;
    padding: 0 40px;
  }
  .contact-us-sales .contactusSales-comp .desk-model-ctn .model-headline {
    margin-bottom: 8px;
    color: #383737;
  }
  .contact-us-sales .contactusSales-comp .desk-model-ctn .car-models-ctn .car-tile {
    margin: 16px 16px 0 0;
    cursor: pointer;
  }
  .contact-us-sales .contactusSales-comp .desk-model-ctn .car-models-ctn .car-tile .car-name {
    color: #383737;
  }
  .contact-us-sales .contactusSales-comp .desk-model-ctn .car-models-ctn .car-tile:nth-child(3n) {
    margin-right: 0;
  }
  .contact-us-sales .sales-list-reference {
    padding-top: 64px;
    display: none;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 {
    justify-content: center;
    gap: 20px;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card {
    max-width: 336px;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card .overlay-container {
    background-color: #F8F8F8;
    padding: 40px 40px;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card .overlay-container .btm-text p {
    padding-bottom: 46px;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card .overlay-container .view-more {
    text-decoration: none;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card .overlay-container .view-more .icon-Arrow-Right-20 {
    font-size: 12px;
    padding-left: 8px;
  }
  .contact-us-sales .sales-form-reference {
    padding-top: 64px;
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .contact-us-sales .contactusSales-comp .desk-model-ctn {
    display: none;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 {
    display: block;
    padding: 0 30px;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .back-button {
    display: flex;
    align-items: left;
    width: fit-content;
    cursor: pointer;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .back-button .fa-arrow-left {
    color: #307fe2;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .back-button .back-link {
    margin-bottom: 0;
    margin-left: 8px;
    color: #307fe2;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .mob--model-ctn {
    margin-top: 12px;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .mob--model-ctn .mob--model-headline {
    color: #383737;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .mob--model-ctn .mob--car-models-ctn .mob--car-tile {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 24px;
    cursor: pointer;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .mob--model-ctn .mob--car-models-ctn .mob--car-tile .mob--car-img img {
    max-width: 100%;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .mob--model-ctn .mob--car-models-ctn .mob--car-tile .mob--car-name {
    color: #383737;
    margin-left: 12px;
    margin-bottom: 0;
  }
  .contact-us-sales .contactusSales-comp .contactFrame1 .mob--model-ctn .mob--car-models-ctn .mob--car-tile .fa-angle-right {
    font-size: 24px;
    padding: 0 8px;
    position: absolute;
    right: 0;
    color: #383737;
  }
  .contact-us-sales .sales-list-reference {
    display: none;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 {
    justify-content: center;
    gap: 20px;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card {
    max-width: 396px;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card .overlay-container {
    background-color: #F8F8F8;
    padding: 40px 40px;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card .overlay-container .btm-text p {
    padding-bottom: 46px;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card .overlay-container .view-more {
    text-decoration: none;
  }
  .contact-us-sales .sales-list-reference .list-comp .view1 .img-card .overlay-container .view-more .icon-Arrow-Right-20 {
    font-size: 12px;
    padding-left: 8px;
  }
  .contact-us-sales .sales-form-reference {
    display: none;
  }
}


.contactUsOthersForm-comp .form-ctn {
  padding: 104px 0px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  align-items: center;
}
.contactUsOthersForm-comp .form-ctn .form-title {
  text-align: center;
  margin-bottom: 0px;
}
.contactUsOthersForm-comp .form-ctn .form-element {
  height: auto;
  background: #f8f8f8;
  border: 0;
}
.contactUsOthersForm-comp .form-ctn .form-element .contact-details-personal {
  gap: 20px;
  padding-top: 64px;
}
.contactUsOthersForm-comp .form-ctn .form-element .contact-details-personal,
.contactUsOthersForm-comp .form-ctn .form-element .contact-details-social,
.contactUsOthersForm-comp .form-ctn .form-element .details {
  display: flex;
  max-width: 785px;
  margin: auto;
}
.contactUsOthersForm-comp .form-ctn .form-element .contact-details-social,
.contactUsOthersForm-comp .form-ctn .form-element .details {
  flex-direction: column;
}
.contactUsOthersForm-comp .form-ctn .form-element .details .details-title {
  margin-bottom: 32px;
}
.contactUsOthersForm-comp .form-ctn .form-element .details .comment-section {
  padding-top: 40px;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  margin: 0 0 40px 0;
}
.contactUsOthersForm-comp .form-ctn .form-element .details .comment-section p {
  color: #7a8084;
}
.contactUsOthersForm-comp .form-ctn .form-element .details .comment-section .form-textarea {
  width: 100%;
  display: flow-root;
  padding: 24px;
  outline: #307fe2;
  background: #ffffff;
  border: none;
  resize: unset;
  word-break: auto;
}
.contactUsOthersForm-comp .form-ctn .form-element #form-input-firstname,
.contactUsOthersForm-comp .form-ctn .form-element #form-input-lastname {
  flex: 50%;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper {
  position: relative;
  margin-bottom: 40px;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper .form-input {
  padding: 30px 0 8px 0;
  background: transparent;
  border: 0;
  border-style: inset;
  border-bottom: 2px solid;
  border-bottom-color: #383737;
  display: block;
  outline-color: unset;
  color: #383737;
  width: 100%;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper .form-input:focus {
  border-color: #383737;
  outline: none;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper .form-input::placeholder {
  color: #7a8084;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  color: #7a8084;
  -webkit-transition: -webkit-transform 100ms ease;
  -moz-transition: -moz-transform 100ms ease;
  -o-transition: -o-transform 100ms ease;
  -ms-transition: -ms-transform 100ms ease;
  transition: transform 100ms ease;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper .mobileNumErrMsg,
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper .emailErrMsg {
  font-size: 16px;
  display: none;
  position: absolute;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper input:invalid + label {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper input:focus + label,
.contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper input:valid + label {
  font-size: 16px;
  font-weight: 300;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.form-input#emailAddressId:invalid + label .contactUsOthersForm-comp .form-ctn .form-element:focus + label {
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input.error {
  border-color: #383737;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-input--name {
  display: inline-block;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-submit {
  display: flex;
  margin: auto;
  width: 177px;
  padding-top: 24px;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-submit .form-submit-btn {
  width: 100%;
  display: block;
  border-style: inset;
  border: 2px solid #307fe2;
  padding: 16px 32px;
  text-align: center;
  background: #ffffff;
  color: #307fe2;
  text-transform: capitalize;
  text-decoration: none;
}
.contactUsOthersForm-comp .form-ctn .form-element .form-submit .form-submit-btn:disabled {
  color: rgba(122, 128, 132, 0.5);
  border-color: rgba(122, 128, 132, 0.5);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactUsOthersForm-comp .form-ctn {
    padding: 64px 0px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .contact-details-personal {
    gap: 16px;
    padding-top: 40px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .contact-details-personal,
  .contactUsOthersForm-comp .form-ctn .form-element .contact-details-social,
  .contactUsOthersForm-comp .form-ctn .form-element .location-details,
  .contactUsOthersForm-comp .form-ctn .form-element .details {
    max-width: 512px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .details .details-title {
    margin-bottom: 16px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .details .comment-section {
    padding-top: 24px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .details .comment-section .form-textarea {
    margin-top: 8px;
    padding: 24px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .form-submit {
    width: 109px;
    padding-top: 0px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contactUsOthersForm-comp .form-ctn {
    padding: 64px 0px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element {
    max-width: 300px;
    margin: auto;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .contact-details-personal {
    padding-top: 40px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .contact-details-personal,
  .contactUsOthersForm-comp .form-ctn .form-element .contact-details-social,
  .contactUsOthersForm-comp .form-ctn .form-element .location-details,
  .contactUsOthersForm-comp .form-ctn .form-element .details {
    display: flex;
    flex-direction: column;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .details {
    padding-top: 16px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .details .details-title {
    margin-bottom: 32px;
    text-align: center;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .details .comment-section {
    padding-top: 40px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .details .comment-section .form-textarea {
    padding: 16px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper {
    margin-bottom: 40px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .form-input-wrapper .form-input {
    padding: 30px 0 8px 0;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .form-submit {
    width: 299px;
    padding-top: 24px;
  }
  .contactUsOthersForm-comp .form-ctn .form-element .form-submit .form-submit-btn {
    padding: 12px 0px;
    margin: auto;
  }
}

.contactusFeedback-comp .contactusFeedback .mob-ctn {
  display: none;
}
.contactusFeedback-comp .contactusFeedback .back-button {
  display: none;
}
.contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback {
  max-width: 1100px;
  margin: auto;
}
.contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .desk-headline {
  text-align: center;
  color: #383737;
  margin-bottom: 0;
}
.contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .feedback-options {
  padding-bottom: 104px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .feedback-options .option {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  outline: none;
  margin-top: 40px;
  margin-right: 40px;
  transition: background-color 0.5s, color 0.5s;
}
.contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .feedback-options .option:last-child {
  margin-right: 0;
}
.contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .feedback-options .option-selected {
  border: 2px solid #307fe2;
  background-color: #307fe2;
  color: #ffffff;
  transition: background-color 0.5s, color 0.5s;
}
.contactusFeedback-comp .contactusFeedback .feedbackForm {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactusFeedback-comp .contactusFeedback .mob-ctn {
    display: none;
  }
  .contactusFeedback-comp .contactusFeedback .back-button {
    display: none;
  }
  .contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback {
    margin: 0 auto 0;
    padding: 0 40px;
  }
  .contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .desk-headline {
    text-align: center;
    color: #383737;
    margin-bottom: 9px;
  }
  .contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .feedback-options {
    padding-bottom: 64px;
    padding: 0;
  }
  .contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .feedback-options .option {
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    margin-top: 16px;
  }
  .contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback .feedback-options .option:last-child {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .contactusFeedback-comp .contactusFeedback .desk-model-ctn.feedback {
    display: none;
  }
  .contactusFeedback-comp .contactusFeedback .back-button {
    padding: 0 30px 40px 30px;
    width: fit-content;
    display: flex;
    align-items: center;
    text-align: left;
    color: #307fe2;
    cursor: pointer;
  }
  .contactusFeedback-comp .contactusFeedback .back-button i {
    font-size: 12px;
    margin: 0 8px 0 0;
  }
  .contactusFeedback-comp .contactusFeedback .back-button .back-link {
    display: inline;
    color: #307fe2;
    margin: 0;
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    font-weight: 400;
  }
  .contactusFeedback-comp .contactusFeedback .mob-ctn {
    padding: 0 30px;
    display: block;
    margin-top: 20px;
  }
  .contactusFeedback-comp .contactusFeedback .mob-ctn .mob-headline {
    color: #383737;
    margin-bottom: 24px;
  }
  .contactusFeedback-comp .contactusFeedback .mob-ctn .mob-item-tile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 24px;
    cursor: pointer;
  }
  .contactusFeedback-comp .contactusFeedback .mob-ctn .mob-item-tile:last-child {
    margin: 0;
  }
  .contactusFeedback-comp .contactusFeedback .mob-ctn .mob-item-tile .mob-tile-name {
    color: #383737;
    margin-bottom: 0;
  }
  .contactusFeedback-comp .contactusFeedback .mob-ctn .mob-item-tile .fa-angle-right {
    font-size: 24px;
    padding: 0 8px;
    color: #383737;
  }
}

.contactus-comp .contactFrame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  max-width: 1100px;
  margin: auto;
}
.contactus-comp .contactFrame .contact-us-title {
  margin-bottom: 24px;
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactus-comp .contactFrame .contact-us-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contactus-comp .contactFrame .contact-us-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.contactus-comp .contactFrame .contact-us-description {
  margin: 0;
  max-width: 812px !important;
  margin-left: 104px;
  margin-right: 104px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactus-comp .contactFrame .contact-us-description {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contactus-comp .contactFrame .contact-us-description {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.contactus-comp .contactFrame .contact-us-description b {
  color: #383737;
  font-weight: bold;
}
.contactus-comp .contactFrame .mobileTopics {
  display: none;
}
.contactus-comp .contactFrame .topics {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 104px;
  gap: 20px;
}
.contactus-comp .contactFrame .topics .Desktop-Feedback-Accolade {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  justify-content: center;
  width: 17.5%;
}
.contactus-comp .contactFrame .topics .Desktop-Feedback-Accolade .vector {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #307fe2;
  transition: background-color 0.5s;
}
.contactus-comp .contactFrame .topics .Desktop-Feedback-Accolade .vector .transparent-image img {
  max-width: 100%;
}
.contactus-comp .contactFrame .topics .Desktop-Feedback-Accolade .vector.selectedVector {
  background-color: #307fe2;
  transition: background-color 0.5s;
}
.contactus-comp .contactFrame .topics .Desktop-Feedback-Accolade .vector.selectedVector .transparent-image img {
  filter: brightness(0) invert(1);
}
.contactus-comp .contactFrame .topics .Desktop-Feedback-Accolade .vector.selectedVector + .button-regular {
  color: #307fe2;
  transition: color 0.5s;
}
.contactus-comp .contactFrame .topics .Desktop-Feedback-Accolade .button-regular {
  cursor: pointer;
  width: 100%;
  background: transparent;
  color: #383737;
  transition: color 0.5s;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  font-weight: 400;
  padding: 12px 0px 0px 0px;
}
.contactus-comp .contact-reference {
  display: none;
}
.contactus-comp .contactus_tiles {
  padding-top: 104px;
}
.contactus-comp .contactus_tiles .tiles-title {
  color: #383737;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contactus-comp .contactFrame {
    align-items: center;
    margin: auto;
    padding: 0 40px;
  }
  .contactus-comp .contactFrame .contact-us-title {
    margin-bottom: 24px;
  }
  .contactus-comp .contactFrame .contact-us-description {
    margin-right: 88px;
    margin-left: 88px;
  }
  .contactus-comp .contactFrame .topics {
    padding-top: 40px;
    padding-bottom: 64px;
  }
  .contactus-comp .contactFrame .topics .Desktop-Feedback-Accolade {
    width: 16.5%;
  }
  .contactus-comp .contactus_tiles {
    padding: 64px 0 0;
  }
  .contactus-comp .contactus_tiles .tiles-title {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .contactus-comp .contactFrame {
    padding: 0 30px;
  }
  .contactus-comp .contactFrame .mobileTopics {
    display: block;
    text-align: left;
    padding-top: 40px;
    width: 100%;
  }
  .contactus-comp .contactFrame .mobileTopics .select-label {
    padding-bottom: 24px;
    color: #383737;
  }
  .contactus-comp .contactFrame .mobileTopics .topicstree {
    display: flex;
    flex-direction: column;
  }
  .contactus-comp .contactFrame .mobileTopics .topiclist {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    padding-bottom: 24px;
    cursor: pointer;
  }
  .contactus-comp .contactFrame .mobileTopics .topiclist .Mobile-Feedback-Accolade {
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    justify-content: center;
    padding-right: 12px;
  }
  .contactus-comp .contactFrame .mobileTopics .topiclist .Mobile-Feedback-Accolade .vector {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #307fe2;
    cursor: pointer;
  }
  .contactus-comp .contactFrame .mobileTopics .topiclist .Mobile-Feedback-Accolade .vector .transparent-image img {
    max-width: 100%;
  }
  .contactus-comp .contactFrame .mobileTopics .topiclist .type-label {
    cursor: pointer;
    color: #383737;
    margin-bottom: 0;
  }
  .contactus-comp .contactFrame .mobileTopics .topiclist .right-arrow {
    position: absolute;
    right: 0;
  }
  .contactus-comp .contactFrame .mobileTopics .topiclist .right-arrow .fa-angle-right {
    padding: 0 8px;
    font-size: 24px;
    color: #383737;
  }
  .contactus-comp .contactFrame .contact-us-title {
    margin-bottom: 16px;
  }
  .contactus-comp .contactFrame .contact-us-description {
    text-align: left;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .contactus-comp .contactFrame .topics {
    display: none;
  }
  .contactus-comp .contactus_tiles {
    padding: 64px 12px 0;
  }
}

.contact-options-comp {
  background: #f8f8f8;
}
.contact-options-comp .contact-options-available {
  padding: 32px 0;
  max-width: 74.7222222%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 24px 0;
  justify-content: space-between;
}
.contact-options-comp .contact-options-available .modal {
  z-index: 9999999;
  background: rgba(56, 55, 55, 0.8);
}
.contact-options-comp .contact-options-available .modal.show {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-options-comp .contact-options-available .modal .modal-dialog {
  max-width: 812px;
  margin: 0 auto;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: fit-content;
}
.contact-options-comp .contact-options-available .modal .modal-dialog .modal-body-main {
  background: #ffffff;
  width: 100%;
  height: 100%;
  padding: 64px 106px 73px 104px;
  margin-top: 0px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-options-comp .contact-options-available .modal .modal-dialog .modal-body-main {
    padding: 30px 10px 30px 30px !important;
  }
}
.contact-options-comp .contact-options-available .modal .modal-dialog .modal-content {
  border: none;
  scrollbar-width: none;
  border-radius: 0;
  height: auto;
  height: fit-content;
}
.contact-options-comp .contact-options-available .modal .modal-dialog .modal-header {
  flex-direction: column;
  padding: 0%;
  align-items: unset;
  position: sticky;
  right: 0;
  z-index: 9;
  display: flex;
  top: 0;
  border-bottom: 0;
}
.contact-options-comp .contact-options-available .modal .modal-dialog .modal-header button {
  padding: 0;
  border: none;
  background: transparent;
  padding: 0%;
  outline: none !important;
  color: #383737;
}
.contact-options-comp .contact-options-available .modal .modal-dialog .modal-header button .icon-Cross {
  font-size: 40px;
  position: absolute;
  right: 0px;
}
.contact-options-comp .contact-options-available .modal .modal-dialog .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.contact-options-comp .contact-options-available .contact-option {
  display: flex;
  align-items: center;
  margin-right: auto;
}
.contact-options-comp .contact-options-available .contact-option .icon-round {
  width: 64px;
  height: 64px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
  flex-shrink: 0;
}
.contact-options-comp .contact-options-available .contact-option .icon-round i {
  font-size: 38.4px;
  color: #383737;
}
.contact-options-comp .contact-options-available .contact-option .icon-round i:before {
  color: #383737;
}
.contact-options-comp .contact-options-available .contact-option .link-to-redirect a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #307fe2;
}
.contact-options-comp .contact-options-available .contact-option .link-to-redirect a span.cta-link {
  max-width: 160px;
  margin-right: 8px;
}
.contact-options-comp .contact-options-available .contact-option .link-to-redirect a i {
  font-size: 10px;
}
.contact-options-comp .contact-options-available .contact-option:last-child {
  margin-right: 0% !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-options-comp .contact-options-available {
    max-width: 100%;
    padding: 24px 30px;
    gap: 24px 36px;
  }
  .contact-options-comp .contact-options-available .modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    bottom: 0;
    position: relative;
  }
  .contact-options-comp .contact-options-available .modal .modal-dialog .modal-body-main {
    padding: 64px 40px 60px 88px;
    height: auto;
    max-height: 90%;
    bottom: 0;
    margin-top: 83px;
    margin-bottom: 165px;
    margin-left: 40px;
    margin-right: 40px;
  }
  .contact-options-comp .contact-options-available .modal .modal-dialog .modal-body-main .modal-content {
    height: auto;
    max-height: 90%;
  }
  .contact-options-comp .contact-options-available .contact-option {
    margin-right: 0;
  }
  .contact-options-comp .contact-options-available .contact-option .icon-round {
    width: 46px;
    height: 46px;
    margin-right: 12px;
  }
  .contact-options-comp .contact-options-available .contact-option .icon-round i {
    font-size: 27.6px;
  }
  .contact-options-comp .contact-options-available .contact-option:last-child {
    margin-bottom: 0%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-options-comp .contact-options-available {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    padding: 24px;
  }
  .contact-options-comp .contact-options-available .modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    bottom: 0;
    position: relative;
  }
  .contact-options-comp .contact-options-available .modal .modal-dialog .modal-body-main {
    padding: 36px 30px 30px 30px;
    height: auto;
    width: 100%;
    max-height: 90%;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 14px;
    margin-right: 14px;
  }
  .contact-options-comp .contact-options-available .modal .modal-dialog .modal-body-main .modal-content {
    height: auto;
    max-height: 100%;
  }
  .contact-options-comp .contact-options-available .contact-option {
    margin-right: 0%;
    margin-bottom: 16px;
  }
  .contact-options-comp .contact-options-available .contact-option .icon-round {
    width: 64px;
    height: 64px;
    margin-right: 24px;
  }
  .contact-options-comp .contact-options-available .contact-option .icon-round i {
    font-size: 38.4px;
  }
  .contact-options-comp .contact-options-available .contact-option:last-child {
    margin-bottom: 0%;
  }
}

.white .cng-caluculator-comp .entered-fields .input-fields1 .border1 {
  pointer-events: none;
}
.white .cng-caluculator-comp .timeline-boxes .saving-boxes .daily-cost {
  background-color: #ffffff;
}
.white .cng-caluculator-comp .timeline-boxes .saving-boxes .monthly-cost {
  background-color: #ffffff;
}
.white .cng-caluculator-comp .timeline-boxes .saving-boxes .yearly-cost {
  background-color: #ffffff;
}
.white .cng-caluculator-comp .fa-star {
  color: #282828;
  font-size: 10px;
}
.white .cng-caluculator-comp .cng-caluculator .main-slider .slider-range2 .slider-value-sub #rangeValues2 {
  padding-left: 10px;
}
.white .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .border1 {
  background-color: #f8f8f8;
}
.white .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .border2 {
  background-color: #f8f8f8;
  pointer-events: none;
}
.white .cng-caluculator-comp .cng-caluculator .residence-type .model-dropdown::after {
  color: #282828;
}
.white .cng-caluculator-comp .cng-caluculator .milege-type .input-value {
  border-bottom: 2px solid #282828;
  color: #282828;
  font-weight: 500;
  font-size: 20px;
}
.white .updatedfuel-price {
  display: flex;
  color: #383737;
  font-size: 10px;
  padding-top: 24px;
}
.white .updatedfuel-price .updated-price {
  margin-bottom: 0px;
}
.black .cng-caluculator-comp {
  background-color: #282828;
}
.black .cng-caluculator-comp .cng-caluculator input[type='radio']:checked:before {
  background: #609f65;
}
.black .cng-caluculator-comp .cng-caluculator input[type='radio']:checked {
  border: 2px solid #609f65;
}
.black .cng-caluculator-comp .cng-caluculator input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .black .cng-caluculator-comp .cng-caluculator input[type='radio'] {
    width: 17px;
    height: 17px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .black .cng-caluculator-comp .cng-caluculator input[type='radio'] {
    width: 24px;
    height: 24px;
  }
}
.black .cng-caluculator-comp .cng-caluculator .residence-type .fa-star {
  color: #609f65;
  font-size: 10px;
}
.black .cng-caluculator-comp .cng-caluculator .residence-type .model-dropdown {
  border-bottom: 2px solid white;
  color: white;
}
.black .cng-caluculator-comp .cng-caluculator .residence-type .residence-label {
  color: #609f65;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .select-fuel {
  color: #ffffff;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .buttons {
  margin-top: 12px;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub {
  padding-bottom: 16px;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub .petrol-button {
  color: #ffffff;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-submain .diesel-button {
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .black .cng-caluculator-comp .cng-caluculator .fuel-price .buttons {
    margin-top: 0px;
  }
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 {
  color: #609f65;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 input {
  border: none;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 input:focus {
  box-shadow: none;
  outline: none;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 .border1 {
  border-bottom: 2px solid #ffffff !important;
  background-color: #282828;
  color: white;
  pointer-events: none;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 {
  color: #609f65;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 .border2 {
  border-bottom: 2px solid #ffffff !important;
  background-color: #282828 !important;
  color: white;
  pointer-events: none;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 input {
  border: none;
}
.black .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 input:focus {
  box-shadow: none;
  outline: none;
}
.black .cng-caluculator-comp .cng-caluculator .main-slider .slider-range .monthly-travel {
  color: #ffffff;
}
.black .cng-caluculator-comp .cng-caluculator .main-slider .slider-range .slider-value {
  color: #ffffff;
}
.black .cng-caluculator-comp .cng-caluculator .main-slider .slider-range2 .milege-travel {
  color: #ffffff;
}
.black .cng-caluculator-comp .cng-caluculator .main-slider .slider-range2 .slider-value-sub .value-sub {
  color: #ffffff;
  margin-bottom: 40px;
}
.black .cng-caluculator-comp .cng-caluculator .main-slider .slider-range2 .slider-value-sub #rangeValues2 {
  color: #ffffff;
  padding-left: 10px;
}
.black .cng-caluculator-comp .milege-type .milege-label {
  color: #ffffff;
}
.black .updatedfuel-price {
  display: flex;
  color: #383737;
  font-size: 10px;
  padding-top: 24px;
}
.black .updatedfuel-price .updated-price {
  margin-bottom: 0px;
}
.cng-caluculator-comp .cng-caluculator {
  padding: 64px 64px 64px 64px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator {
    padding: 64px 40px 64px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator {
    padding: 64px 14px 64px 14px;
  }
}
.cng-caluculator-comp .cng-caluculator .residence-type {
  margin-bottom: 40px;
}
.cng-caluculator-comp .cng-caluculator .slider-value {
  display: flex;
  padding-top: 8px;
}
.cng-caluculator-comp .cng-caluculator .slider-value .value {
  margin-bottom: 40px;
}
.cng-caluculator-comp .cng-caluculator .slider-value #rangeValue {
  padding-left: 10px;
}
.cng-caluculator-comp .cng-caluculator .main-slider {
  display: flex;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .main-slider {
    display: block;
  }
}
.cng-caluculator-comp .cng-caluculator .main-slider .slider-range {
  padding-right: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .main-slider .slider-range {
    padding-right: 0px;
  }
}
.cng-caluculator-comp .cng-caluculator .main-slider .slider-sub {
  width: 530px;
  height: 4px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .main-slider .slider-sub {
    width: 100%;
  }
}
.cng-caluculator-comp .cng-caluculator .main-slider .slider-range2 .slider-value-sub {
  display: flex;
  padding-top: 8px;
}
.cng-caluculator-comp .cng-caluculator input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator input[type='radio'] {
    width: 17px;
    height: 17px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator input[type='radio'] {
    width: 24px;
    height: 24px;
  }
}
.cng-caluculator-comp .cng-caluculator input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.cng-caluculator-comp .cng-caluculator input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.cng-caluculator-comp .cng-caluculator input[type='radio']:checked:before {
  background: #307fe2;
}
.cng-caluculator-comp .cng-caluculator .fuel-price {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price {
    display: block;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .buttons {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons {
    display: block;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub {
  display: flex;
  width: 174px;
}
.cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub .button-click {
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub {
    width: 49%;
    margin-right: 24px;
    padding-bottom: 40px;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub .petrol-button {
  padding-left: 24px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub .petrol-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub .petrol-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-sub .petrol-button {
    padding-left: 16px;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-submain {
  display: flex;
  width: 150px;
}
.cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-submain .button-click {
  cursor: pointer;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-submain {
    padding-bottom: 40px;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-submain .diesel-button {
  padding-left: 24px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-submain .diesel-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-submain .diesel-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .buttons .buttons-submain .diesel-button {
    padding-left: 16px;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .select-fuel {
  padding-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .select-fuel {
    padding-right: 0px;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .select-fuel .fuel {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 108px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .select-fuel .fuel {
    margin-top: 0px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .select-fuel .fuel {
    margin-bottom: 16px;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields {
  display: flex;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields {
    display: block;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .border1 {
  width: 292px;
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 {
  margin-left: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 .border1 {
    width: 100%;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 input {
  border: none !important;
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 input:focus {
  box-shadow: none;
  outline: none;
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields1 .border1 {
  border-bottom: 2px solid black !important;
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 {
  padding-left: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 {
    padding-left: 0px;
    padding-top: 40px;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 .border2 {
  width: 292px;
  border-bottom: 2px solid black !important;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 .border2 {
    width: 100%;
  }
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 input {
  border: none;
}
.cng-caluculator-comp .cng-caluculator .fuel-price .entered-fields .input-fields2 input:focus {
  box-shadow: none;
  outline: none;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown {
  position: relative;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  min-height: 31px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown::after {
  content: "\e994";
  font-family: 'icomoon' !important;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
  color: #ffffff;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown.active::after {
  transform: rotate(180deg);
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents {
  position: absolute;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding-right: 16px;
  top: 32px;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  z-index: 1;
  padding: 8px 0;
  width: 100%;
  cursor: pointer;
  max-height: 232px;
  overflow: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option {
  cursor: pointer;
  display: block !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 16px;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options .custom-option.disabled {
  color: #eaeaec;
  pointer-events: none !important;
  user-select: none;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown .dropdown-option-parents .dropdown-custom-options::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .residence-type .compare-dropdown {
    width: auto;
  }
}
.cng-caluculator-comp .cng-caluculator .milege-type {
  margin-bottom: 40px;
}
.cng-caluculator-comp .cng-caluculator .milege-type .input-value {
  padding-top: 8px;
  padding-bottom: 2px;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}
.cng-caluculator-comp .cng-caluculator .milege-type .input-fields1 input {
  border: none;
}
.cng-caluculator-comp .cng-caluculator .milege-type .input-fields1 input:focus {
  box-shadow: none;
  outline: none;
}
.cng-caluculator-comp .cng-caluculator .milege-type .input-fields1 .mileage-border {
  border: none;
  background-color: #282828;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  color: #ffffff;
}
.cng-caluculator-comp .cng-caluculator body {
  background: linear-gradient(to right, #ff0000, #ffff00);
}
.cng-caluculator-comp .cng-caluculator .slider {
  width: 530px;
  height: 4px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .slider {
    width: 100%;
  }
}
.cng-caluculator-comp .cng-caluculator .timeline-boxes {
  padding-top: 40px;
}
.cng-caluculator-comp .cng-caluculator .timeline-boxes .saving-boxes {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .saving-boxes {
    display: block;
  }
}
.cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost {
  text-align: center;
  padding: 24px 40px 24px 40px;
  margin-right: 40px;
  background-color: #609F65;
  width: 32%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost {
    margin-right: 16px;
    padding: 24px;
    height: 148px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 16px;
  }
}
.cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost .daily-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost .daily-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost .daily-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost .daily-title {
    padding-bottom: 8px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost .daily-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost .daily-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .daily-cost .savings-title {
    padding-bottom: 8px;
    width: 88%;
  }
}
.cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost {
  text-align: center;
  padding: 24px 40px 24px 40px;
  margin-right: 40px;
  background-color: #609F65;
  width: 32%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost {
    margin-right: 16px;
    padding: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 16px;
  }
}
.cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost .monthly-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost .monthly-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost .monthly-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost .monthly-title {
    padding-bottom: 8px;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost .monthly-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost .monthly-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .monthly-cost .savings-title {
    padding-bottom: 8px;
    width: 88%;
  }
}
.cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost {
  text-align: center;
  padding: 24px 40px 24px 40px;
  background-color: #609F65;
  width: 32%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost {
    padding: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost {
    width: 100%;
    margin-right: 0px;
  }
}
.cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost .yearly-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost .yearly-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost .yearly-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost .yearly-title {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost .yearly-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost .yearly-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cng-caluculator-comp .cng-caluculator .timeline-boxes .yearly-cost .savings-title {
    padding-bottom: 8px;
    width: 88%;
  }
}

.check-list-comp .check-list-section {
  background-color: #ffffff;
}
.check-list-comp .check-list-section .content-section {
  padding: 64px;
}
.check-list-comp .check-list-section .content-section .check-list-title {
  padding-bottom: 40px;
  color: #383737;
}
.check-list-comp .check-list-section .content-section .list-items-section {
  padding-left: 0;
  margin-bottom: 0;
}
.check-list-comp .check-list-section .content-section .list-items-section .list-item {
  margin-bottom: 40px;
}
.check-list-comp .check-list-section .content-section .list-items-section :last-child {
  margin-bottom: 0;
}
.check-list-comp .check-list-section .content-section .list-items-section .serialNumber {
  color: #7a8084;
  margin-right: 24px;
  font-weight: 600;
  min-width: 80px;
  max-height: 60px;
}
.check-list-comp .check-list-section .content-section .list-items-section .list-details .list-heading {
  color: #383737;
}
.check-list-comp .check-list-section .content-section .list-items-section .list-details .list-description {
  color: #7a8084;
}
.check-list-comp .check-list-section .image-section picture img {
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .check-list-comp .check-list-section .content-section {
    padding: 40px;
  }
  .check-list-comp .check-list-section .content-section .check-list-title {
    padding-bottom: 24px;
  }
  .check-list-comp .check-list-section .content-section .list-items-section .list-item {
    margin-bottom: 24px;
  }
  .check-list-comp .check-list-section .content-section .list-items-section :last-child {
    margin-bottom: 0;
  }
  .check-list-comp .check-list-section .content-section .list-items-section .serialNumber {
    min-width: 50px;
    margin-right: 24px;
    max-height: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .check-list-comp .check-list-section .image-section img {
    max-width: 100%;
    display: flex;
    margin: auto;
  }
  .check-list-comp .check-list-section .content-section {
    padding: 24px 16px;
  }
  .check-list-comp .check-list-section .content-section .list-items-section .list-item {
    margin-bottom: 24px;
  }
  .check-list-comp .check-list-section .content-section .list-items-section :last-child {
    margin-bottom: 0;
  }
  .check-list-comp .check-list-section .content-section .list-items-section .serialNumber {
    min-width: 40px !important;
    margin-right: 12px;
    max-height: 32px;
  }
}

.cmp-menu-articles {
  display: flex;
  flex-direction: row;
}
.cmp-menu-articles__cards-img {
  width: 396px;
  height: 224px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 24px;
  max-width: 100%;
}
.cmp-menu-articles__Articles-list {
  max-width: 816px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 15px;
  border-bottom: 1px solid #EAEAEC;
  padding-top: 0px;
}
@media only screen and (max-width: 991px) {
  .cmp-menu-articles__Articles-list {
    min-width: fit-content;
    flex-direction: column;
    padding-left: 28px;
    grid-template-columns: auto auto;
    display: grid;
    padding-left: 0px;
    padding-top: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cmp-menu-articles__Articles-list {
    flex-wrap: wrap;
    padding-top: 35px;
  }
}
.cmp-menu-articles__cards {
  padding-bottom: 36px;
  margin-right: 24px;
  width: 48%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cmp-menu-articles__cards {
    width: 336px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cmp-menu-articles__cards {
    width: 300px;
    margin-right: 30px;
  }
}
.cmp-menu-articles__cards:nth-child(even) {
  margin-right: 0px !important;
}
.cmp-menu-articles__menu-list {
  width: 30%;
}
.cmp-menu-articles__menu-Items {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.04em;
  text-decoration: none;
  color: #7a8084 !important;
}
.cmp-menu-articles__menu-Items .active {
  font-weight: 500 !important;
}
.cmp-menu-articles__menu-Items:hover {
  color: #383737 !important;
}
.cmp-menu-articles__cards-title {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
}
.cmp-menu-articles__cards-description {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
  color: #7a8084;
}
.cmp-menu-articles__cards-description p {
  margin: 0 !important;
  padding: 0 !important;
}
.cmp-menu-articles__cards-path {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  /* identical to box height, or 18px */
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  /* TML Blue */
  color: #307fe2;
  margin-top: 16px;
  padding: 0px;
}
.cmp-menu-articles__cards-path .icon-Arrow-Right {
  font-size: 12px;
}
.category-menu-comp .active {
  color: #383737 !important;
  border-bottom: 2px solid #383737;
}
.cmp-menu-articles__menus-ul {
  padding-left: 7px;
  list-style: none;
  width: 50%;
  min-width: fit-content;
}
@media only screen and (max-width: 991px) {
  .cmp-menu-articles__menus-ul {
    display: flex;
    justify-content: center;
    min-width: max-content;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cmp-menu-articles__menus-ul {
    display: flex;
    justify-content: center;
    padding-left: 0px;
  }
}
.cmp-menu-articles__menus-li {
  padding: 12px 0px;
}
@media only screen and (max-width: 991px) {
  .cmp-menu-articles__menus-li {
    display: flex;
    list-style: none;
    margin: 10px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cmp-menu-articles__menus-li {
    display: flex;
    justify-content: center;
  }
}
li.cmp-menu-articles__menus-li:first-child {
  margin-left: 0px !important;
}
.category-menu-comp {
  display: flex;
  padding-right: 103px;
}
.category-menu-comp .loadMoreLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 64px;
}
@media only screen and (max-width: 991px) {
  .category-menu-comp {
    display: flex !important;
    overflow-x: hidden;
    border: 1px solid #f8f8f8;
    max-height: fit-content;
    flex-direction: column;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .category-menu-comp {
    display: flex !important;
    overflow-x: hidden;
    border: 1px solid #f8f8f8;
    max-height: fit-content;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .category-menu-comp::-webkit-scrollbar {
    width: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .category-menu-comp::-webkit-scrollbar {
    width: 0;
  }
}
.cmp-menu-articles__cards-link {
  margin-right: 10px;
  color: #307fe2 !important;
  text-decoration: none !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cmp-menu-articles__cards-link {
    margin-bottom: 0px;
  }
}
.cmp-menu-articles__cards-link a {
  text-decoration: none !important;
  margin: 0px;
  padding-right: 8px;
  color: #307fe2 !important;
}
.cmp-menu-articles__cards-link .icon-Arrow-Right {
  font-size: 12px;
}
.cmp-menu-articles__menus-container {
  flex: 1 0 auto;
  padding-right: 124px;
  width: 417px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cmp-menu-articles__menus-container {
    width: 100%;
  }
}
.cmp-menu-articles__menus-container .cmp-menu-articles__menus-ul .cmp-menu-articles__menus-li .cmp-menu-articles__menu-Items {
  padding-bottom: 10px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cmp-menu-articles__menus-container .cmp-menu-articles__menus-ul .cmp-menu-articles__menus-li .cmp-menu-articles__menu-Items {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu-comp .cmp-menu-articles__Articles-list {
    margin-bottom: 40px;
  }
  .category-menu-comp .cmp-menu-articles__Articles-list .cmp-menu-articles__cards .cmp-menu-articles__cards-img {
    width: 100%;
    height: 190px;
  }
  .category-menu-comp .cmp-menu-articles__Articles-list .cmp-menu-articles__cards .cmp-menu-articles__cards-title {
    width: 336px;
  }
  .category-menu-comp .cmp-menu-articles__Articles-list .cmp-menu-articles__cards .cmp-menu-articles__cards-description {
    width: 336px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .category-menu-comp .cmp-menu-articles__Articles-list .cmp-menu-articles__cards .cmp-menu-articles__cards-img {
    width: 300px;
    height: 168px;
  }
  .category-menu-comp .cmp-menu-articles__Articles-list .cmp-menu-articles__cards .cmp-menu-articles__cards-title {
    width: 300px;
    min-height: 24px;
    line-height: 24.2px;
    font-size: 22px;
  }
  .category-menu-comp .cmp-menu-articles__Articles-list .cmp-menu-articles__cards .cmp-menu-articles__cards-description {
    width: 300px;
    font-size: 16px;
    line-height: 20px;
  }
}


@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-status-comp {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.booking-status-comp .booking-confirmation-screen .loading-spinner {
  min-height: 266px;
  padding: 64px;
  background-color: #ffffff;
}
.booking-status-comp .booking-confirmation-screen .loading-spinner h5 {
  width: 52.7272727%;
  color: #383737;
  margin: 0;
}
.booking-status-comp .booking-confirmation-screen .spinner {
  display: block;
  border: 8px solid #307fe2;
  /* Light grey */
  border-top: 8px solid #f8f8f8;
  /* Blue */
  border-radius: 50%;
  width: 84px;
  height: 84px;
  animation: loadingspinner 1s linear infinite;
  margin-bottom: 24px;
}
@keyframes loadingspinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-status-comp .booking-confirmation-screen .loading-spinner {
    min-height: 192px;
    padding: 40px;
  }
  .booking-status-comp .booking-confirmation-screen .loading-spinner .spinner {
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
  }
  .booking-status-comp .booking-confirmation-screen .loading-spinner h5 {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-status-comp .booking-confirmation-screen .loading-spinner {
    min-height: 120px;
    padding: 16px;
  }
  .booking-status-comp .booking-confirmation-screen .loading-spinner .spinner {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
  }
  .booking-status-comp .booking-confirmation-screen .loading-spinner h5 {
    width: 100%;
  }
}
.booking-status-comp .fallback-screen {
  display: none;
  padding: 64px;
  background: #ffffff;
}
.booking-status-comp .fallback-screen .dealer-title-mobile {
  display: none;
}
.booking-status-comp .fallback-screen hr {
  background-color: #eaeaec;
  height: 2px !important;
  margin: 64px 0;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc {
  width: 100%;
  margin-bottom: 40px;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .title-section {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .title-section {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .title-section {
    margin-bottom: 16px;
  }
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .title-section .icon-Warning-Solid {
  display: flex;
  position: relative;
  font-size: 40px !important;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .title-section .icon-Warning-Solid .path1:before {
  color: #f39b5b;
  position: absolute;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .title-section .icon-Warning-Solid .path2:before {
  position: absolute;
  margin-left: 0px;
  color: #ffffff;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .title-section .icon-Warning-Solid .path3:before {
  position: relative;
  margin-left: 0px;
  color: #ffffff;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .title-section .confirm-title {
  margin-bottom: 0px;
  color: #383737;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .reference-order-id-section {
  display: flex;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .reference-order-id-section {
    display: block;
  }
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .reference-order-id-section .reference-order-id-label {
  padding: 0px 20px 16px 0px !important;
  margin: 0px;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .confirm-desc {
  margin: 0;
  color: #383737;
  width: 56.727273%;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options {
  display: grid;
  grid-template-columns: 47.0909091% 47.0909091%;
  gap: 5.8181818%;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options {
  position: relative;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options h5.option-number {
  color: #7a8084;
  margin-bottom: 12px;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options h5.option-title {
  color: #383737;
  margin-bottom: 12px;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options .option-desc {
  color: #383737;
  margin-bottom: 24px;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options .option-desc p {
  margin: 0;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options button.cta-btn {
  background: #ffffff;
  border: 2px solid #307fe2;
  outline: none;
  color: #307fe2;
  transition-duration: 0.4s;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options button:hover:enabled {
  background-color: #307fe2;
  color: #ffffff;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options .cta-link {
  text-decoration: none;
  color: #307fe2;
  word-break: break-word;
}
.booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options .options .cta-link .icon-Arrow-Right {
  font-size: 12px;
  padding-left: 8px;
}
.booking-status-comp .fallback-screen .dealership-section {
  display: grid;
  grid-template-columns: 32.1818182% 64.1818182%;
  gap: 3.6363636%;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section h5.dealer-title {
  width: fit-content;
  color: #383737;
  margin-bottom: 24px;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section .address-details p {
  color: #383737;
  margin-bottom: 8px;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section .address-details p.pincode {
  margin-bottom: 0px;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section .dealer-title-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section .dealer-title-details .rating {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section .dealer-title-details .rating i {
  font-size: 20px;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section .dealer-title-details .ratingValue.metadata {
  color: #307fe2;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section .dealer-title-details .review.metadata {
  color: #7a8084;
}
.booking-status-comp .fallback-screen .dealership-section .dealership-details-section .dealer-title-details h6.dealership-title {
  color: #383737;
  margin-right: 12px;
  margin-bottom: 0px;
}
.booking-status-comp .fallback-screen .dealership-section .map-section {
  position: relative;
  display: flex;
}
.booking-status-comp .fallback-screen .dealership-section .map-section #dealer-map-section {
  height: 234px;
  flex-basis: 0;
  flex-grow: 4;
}
.booking-status-comp .fallback-screen .dealership-section .map-section .gps-button {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 12%;
  margin-bottom: 24px;
  background: #ffffff;
  right: 10px;
  cursor: pointer;
}
.booking-status-comp .fallback-screen .dealership-section .map-section .icon-Locatoricon::before {
  font-size: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .booking-status-comp .fallback-screen {
    padding: 40px;
  }
  .booking-status-comp .fallback-screen hr {
    margin: 40px 0;
  }
  .booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc {
    width: 100%;
    margin-bottom: 40px;
  }
  .booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .confirm-desc {
    margin: 0;
    color: #383737;
    width: 100%;
  }
  .booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options {
    grid-template-columns: 46.7105263% 46.7105263%;
    gap: 6.5789474%;
  }
  .booking-status-comp .fallback-screen .dealership-section {
    grid-template-columns: 46.7105263% 46.7105263%;
    gap: 6.5789474%;
  }
  .booking-status-comp .fallback-screen .dealership-section h5.dealer-title {
    margin-bottom: 22px;
  }
  .booking-status-comp .fallback-screen .dealership-section .dealer-title-details {
    margin-bottom: 8px;
  }
  .booking-status-comp .fallback-screen .dealership-section .dealer-title-details h6.dealership-title {
    margin-right: 8px;
  }
  .booking-status-comp .fallback-screen .dealership-section .address-details p {
    margin-bottom: 8px;
  }
  .booking-status-comp .fallback-screen .dealership-section .address-details p.pincode {
    margin-bottom: 0px;
  }
  .booking-status-comp .fallback-screen .dealership-section .map-section #dealer-map-section {
    height: 159px;
    margin-top: 46px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .booking-status-comp .fallback-screen {
    padding: 16px;
  }
  .booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc {
    width: 100%;
    margin-bottom: 16px;
  }
  .booking-status-comp .fallback-screen .unable-to-confirm-section .title-and-desc .confirm-desc {
    width: 100%;
  }
  .booking-status-comp .fallback-screen .unable-to-confirm-section .booking-options {
    grid-template-columns: auto;
    gap: 24px;
  }
  .booking-status-comp .fallback-screen .dealer-title-mobile {
    display: block;
    margin-bottom: 22px;
  }
  .booking-status-comp .fallback-screen .dealership-section {
    display: flex;
    height: auto;
    flex-direction: column-reverse;
    gap: 24px;
  }
  .booking-status-comp .fallback-screen .dealership-section h5.dealer-title {
    display: none;
    margin-bottom: 22px;
  }
  .booking-status-comp .fallback-screen .dealership-section .dealer-title-details {
    margin-bottom: 8px;
  }
  .booking-status-comp .fallback-screen .dealership-section .dealer-title-details h6.dealership-title {
    margin-right: 8px;
  }
  .booking-status-comp .fallback-screen .dealership-section .address-details p {
    margin-bottom: 8px;
  }
  .booking-status-comp .fallback-screen .dealership-section .address-details p.pincode {
    margin-bottom: 0px;
  }
  .booking-status-comp .fallback-screen .dealership-section .map-section {
    height: 159px;
  }
  .booking-status-comp .fallback-screen .dealership-section .map-section #dealer-map-section {
    margin-bottom: 24px;
    grid-row: 1;
    height: 159px;
    margin-top: 0;
  }
}

.benefits-list-comp .blc-main-section {
  background: #ffffff;
  padding: 64px;
  display: grid;
  grid-template-columns: 39.34859% 49.119718%;
  gap: 11.531692%;
}
.benefits-list-comp .blc-main-section .blc-left-content {
  color: #282828;
  height: fit-content;
}
.benefits-list-comp .blc-main-section .blc-left-content .blc-title {
  margin-bottom: 24px;
  color: #383737;
}
.benefits-list-comp .blc-main-section .blc-left-content .blc-desc {
  margin: 0;
}
.benefits-list-comp .blc-main-section .blc-left-content p {
  color: #7a8084;
}
.benefits-list-comp .blc-main-section .blc-benefits-list {
  display: grid;
  gap: 40px;
}
.benefits-list-comp .blc-main-section .blc-benefits-list .blc-list-item {
  display: flex;
}
.benefits-list-comp .blc-main-section .blc-benefits-list .blc-list-item .blc-icon {
  width: 56px;
  height: 56px;
  margin-right: 24px;
}
.benefits-list-comp .blc-main-section .blc-benefits-list .blc-list-item .blc-item-content .blc-item-desc {
  margin: 0;
  color: #383737;
}
.benefits-list-comp .blc-main-section .blc-benefits-list .blc-list-item .blc-item-content .blc-item-title {
  color: #383737;
}
.benefits-list-comp .blc-main-section .blc-benefits-list .blc-list-item .blc-item-content p {
  margin: 0;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .benefits-list-comp .blc-main-section {
    grid-template-columns: unset;
    gap: 40px;
  }
  .benefits-list-comp .blc-main-section .blc-left-content {
    width: 79.8214%;
  }
  .benefits-list-comp .blc-main-section .blc-benefits-list {
    width: 97.58928%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .benefits-list-comp .blc-main-section {
    padding: 24px 30px;
  }
  .benefits-list-comp .blc-main-section .blc-benefits-list {
    width: 100%;
  }
  .benefits-list-comp .blc-main-section .blc-benefits-list .blc-list-item .blc-icon {
    width: 48px;
    height: 48px;
  }
  .benefits-list-comp .blc-main-section .blc-benefits-list .blc-list-item .blc-icon img {
    width: 48px;
    height: 48px;
  }
}

.ar-mode-comp .main {
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  height: 100vh;
}
.ar-mode-comp .main .main-sub {
  text-align: center;
}
.ar-mode-comp .main .main-sub .title {
  color: #ffffff;
  margin-bottom: 40px;
  width: 30%;
  display: inline-block;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ar-mode-comp .main .main-sub .title {
    width: 56% !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ar-mode-comp .main .main-sub .title {
    width: 37%;
  }
}
.ar-mode-comp .main .description {
  color: #ffffff;
  text-align: center;
  padding-bottom: 47px;
}
.ar-mode-comp .main .description .text-decoration {
  width: 29%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ar-mode-comp .main .description .text-decoration {
    width: 49%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ar-mode-comp .main .description .text-decoration {
    width: 81%;
  }
}
.ar-mode-comp .main .image {
  margin-bottom: 47px;
  align-items: center;
}
.ar-mode-comp .main .image .qr-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  text-align: center;
}
.ar-mode-comp .main .link {
  text-align: center;
  text-decoration: none;
}
.ar-mode-comp .main .link .link-style {
  text-decoration: none;
  padding-right: 8px;
}
.ar-mode-comp .main .link .fa-arrow-right {
  color: cornflowerblue;
  font-size: 15px;
}
.ar-mode-comp .main .link .link-label {
  color: #ffffff;
  text-decoration: none;
}
.ar-mode-comp .main .link .link-label .fa-arrow-right {
  padding-left: 8px;
  color: #ffffff;
}

.amc-package-Info .card-deck {
  margin-right: 0;
  margin-left: 0;
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: column;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  overflow: auto;
}
.amc-package-Info .card-deck ::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.amc-package-Info .card-deck .card {
  margin-right: 0;
  margin-left: 0;
  border: none;
  border-radius: 0;
  border-bottom: none;
  background-color: transparent;
}
.amc-package-Info .card-deck .card .most-popular {
  min-height: 40px;
  padding: 8px 24px;
  background-color: #ffffff;
}
.amc-package-Info .card-deck .card .most-popular.visibility-hidden {
  visibility: hidden;
}
.amc-package-Info .card-deck .card .most-popular .star {
  display: flex;
  align-items: center;
}
.amc-package-Info .card-deck .card .most-popular .star i {
  color: #307fe2;
}
.amc-package-Info .card-deck .card .most-popular .star h6 {
  color: #307fe2;
  margin-left: 8px;
  margin-bottom: 0;
}
.amc-package-Info .card-deck .card .card-header {
  border-radius: 0;
  border-bottom: none;
  padding: 40px 24px;
  min-height: 150px;
}
.amc-package-Info .card-deck .card .card-header h4 {
  color: #ffffff;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-package-Info .card-deck .card .card-header h4 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-package-Info .card-deck .card .card-header h4 {
    font-size: 32px;
    line-height: 32px;
  }
}
.amc-package-Info .card-deck .card .card-header p {
  color: #ffffff;
  margin: 0;
}
.amc-package-Info .card-deck .card .card-header.silver {
  background: #eaeaec;
}
.amc-package-Info .card-deck .card .card-header.silver h4,
.amc-package-Info .card-deck .card .card-header.silver p {
  color: #383737;
}
.amc-package-Info .card-deck .card .card-header.gold {
  background: #c3aa74;
}
.amc-package-Info .card-deck .card .card-header.platinum {
  background: #7a8084;
}
.amc-package-Info .card-deck .card .card-header.p2p {
  background: #307fe2;
}
.amc-package-Info .card-deck .card .card-body {
  padding: 40px 24px;
  background: #ffffff;
}
.amc-package-Info .card-deck .card .card-body .price-billable p {
  margin-bottom: 8px;
}
.amc-package-Info .card-deck .card .card-body .price-billable .price {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.amc-package-Info .card-deck .card .card-body .price-billable .price p,
.amc-package-Info .card-deck .card .card-body .price-billable .price h5 {
  margin: 0;
  word-break: break-word;
}
.amc-package-Info .card-deck .card .card-body .price-billable .price h5 {
  margin-right: 8px;
}
.amc-package-Info .card-deck .card .card-body a {
  color: #307fe2;
  display: flex;
  text-decoration: none;
  width: fit-content;
  align-items: center;
}
.amc-package-Info .card-deck .card .card-body a i {
  margin-left: 8px;
}
.amc-package-Info .card-deck .card .card-body a img {
  margin-left: 8px;
  width: 12px;
  height: 12px;
}
.amc-package-Info .card-deck .card .card-body .plan-desc {
  min-height: 220px;
}
.amc-package-Info .card-deck .card .card-body .plan-desc .card-text {
  min-height: inherit;
  color: #383737;
}
.amc-package-Info .card-deck .card .card-body .plan-desc .card-text p {
  margin: 0%;
}
.amc-package-Info .card-deck .card .card-body .includes-section {
  border-top: 1px solid #eaeaec;
  border-bottom: 1px solid #eaeaec;
  margin-top: 39px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 39px;
  min-height: 363px;
}
.amc-package-Info .card-deck .card .card-body .includes-section h6 {
  color: #7a8084;
  margin-bottom: 16px;
}
.amc-package-Info .card-deck .card .card-body .includes-section .features {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 24px;
}
.amc-package-Info .card-deck .card .card-body .includes-section .features .available-features {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 8px;
  text-align: left;
  justify-content: flex-start;
}
.amc-package-Info .card-deck .card .card-body .includes-section .features .available-features .tick i::before {
  width: 17.5px;
  height: 14.6px;
  color: #7a8084;
}
.amc-package-Info .card-deck .card .card-body .includes-section .features .available-features p {
  margin: 0%;
  color: #7a8084;
}
@media only screen and (min-width: 1200px) {
  .amc-package-Info {
    margin: auto;
  }
  .amc-package-Info .card-deck .card {
    width: 100%;
  }
  .amc-package-Info .card-deck .card .card-body .plan-desc {
    min-height: 220px !important;
  }
  .amc-package-Info .card-deck .card .card-body .includes-section {
    min-height: 363px !important;
  }
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .amc-package-Info .card-deck .card {
    width: 100%;
  }
  .amc-package-Info .card-deck .card .card-header h4 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
  }
  .amc-package-Info .card-deck .card .card-body .plan-desc {
    min-height: 273px;
  }
}
@media only screen and (min-width: 992px) and only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (max-width: 991px), only screen and (min-width: 992px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-package-Info .card-deck .card .card-header h4 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (min-width: 992px) and only screen and (max-width: 576px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (max-width: 576px), only screen and (min-width: 992px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-package-Info .card-deck .card .card-header h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-package-Info {
    margin: 0 40px;
  }
  .amc-package-Info .card-deck {
    grid-gap: 16px;
    grid-auto-columns: 46.155%;
    margin-right: -40px;
  }
  .amc-package-Info .card-deck .card {
    width: 100%;
  }
  .amc-package-Info .card-deck .card .plan-desc {
    min-height: 140px !important;
  }
  .amc-package-Info .card-deck .card .includes-section {
    min-height: 310px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-package-Info {
    margin: 0;
  }
  .amc-package-Info .card-deck {
    grid-gap: 8px;
    grid-auto-columns: 83.334%;
    margin-right: 0px;
  }
  .amc-package-Info .card-deck .card {
    width: 100%;
    margin-bottom: 0%;
  }
  .amc-package-Info .card-deck .card .card-header {
    min-height: 104px !important;
    padding: 24px;
  }
  .amc-package-Info .card-deck .card .card-header h4 {
    margin-bottom: 4px;
  }
  .amc-package-Info .card-deck .card .card-body {
    padding: 24px 24px 40px 24px;
  }
  .amc-package-Info .card-deck .card .card-body .plan-desc {
    min-height: 180px !important;
  }
  .amc-package-Info .card-deck .card .card-body .includes-section {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
    min-height: 236px;
  }
  .amc-package-Info .card-deck .card .card-body .includes-section .features {
    grid-gap: 12px;
  }
}

.amc-packages-comparison-comp .amc-type {
  border-bottom: 1px solid #eaeaec;
}
.amc-packages-comparison-comp .amc-type .amc-pckg-name {
  width: 37.2%;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 8px;
}
.amc-packages-comparison-comp .amc-type .amc-pckg-name .amc-pckg-type {
  margin-bottom: 10px;
}
.amc-packages-comparison-comp .amc-type .first-amc {
  width: 23.7%;
  background-color: #ffffff;
}
.amc-packages-comparison-comp .amc-type .second-amc {
  margin-right: 20px;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name {
  display: flex;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .amc-item {
  word-break: keep-all;
  width: 23.7%;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 24px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  align-self: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .amc-item {
    font-size: 16px;
    line-height: 20px;
  }
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .amc-total {
  display: none;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .total-count {
  padding-top: 40px;
  padding-bottom: 37px;
  width: 37.2%;
  text-align: center;
  margin-bottom: 0px !important;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available {
  display: flex;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-available-list {
  word-break: keep-all;
  width: 23.7%;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 24px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  align-self: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-available-list {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-available-list {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-availability {
  padding: 18px 0px;
  width: 37.2%;
  text-align: center;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-availability .amc-icon {
  font-size: 35px;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-availability .icon-Cross {
  color: #7a8084;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-availability .icon-Tick {
  color: #383737;
}
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name h4:nth-child(3),
.amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available div:nth-child(2) {
  margin-right: 20px;
}
.amc-packages-comparison-comp .amc-table .amc-available:nth-of-type(odd) {
  background-color: #ffffff;
}
.amc-packages-comparison-comp .amc-table .amc-available:nth-of-type(even) {
  background-color: #f8f8f8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .amc-packages-comparison-comp .amc-type .second-amc {
    margin-right: 18px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-packages-comparison-comp .amc-type {
    border-bottom: 1px solid #eaeaec;
  }
  .amc-packages-comparison-comp .amc-type .amc-pckg-name {
    width: 36.6%;
  }
  .amc-packages-comparison-comp .amc-type .amc-pckg-name .amc-pckg-type {
    margin-bottom: 10px;
  }
  .amc-packages-comparison-comp .amc-type .first-amc {
    width: 25.58%;
  }
  .amc-packages-comparison-comp .amc-type .second-amc {
    margin-right: 8px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .amc-item {
    width: 25.58%;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .total-count {
    width: 36.6%;
    padding-top: 59px;
    padding-bottom: 44px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-available-list {
    width: 25.58%;
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-availability {
    padding: 16px 0px;
    width: 36.6%;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-availability .amc-icon {
    font-size: 30px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name h4:nth-child(3),
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available div:nth-child(2) {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-packages-comparison-comp .amc-type {
    border-bottom: 1px solid #eaeaec;
  }
  .amc-packages-comparison-comp .amc-type .amc-pckg-name {
    width: 50%;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .amc-packages-comparison-comp .amc-type .first-amc {
    display: none;
  }
  .amc-packages-comparison-comp .amc-type .second-amc {
    margin-right: 0px !important;
  }
  .amc-packages-comparison-comp .amc-table {
    padding: 0px 14px 0px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name {
    display: block;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .amc-item {
    width: 100%;
    padding: 40px 16px 16px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .amc-total {
    padding-top: 16px;
    padding-bottom: 20px;
    display: block;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .total-count {
    display: inline-flex;
    justify-content: center;
    width: 42%;
    padding-top: 0px;
    padding-bottom: 24px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name h4:nth-child(3) {
    margin-left: 15px;
    margin-right: 12px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name h4:nth-child(4) {
    margin-right: 15px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available {
    display: block;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-available-list {
    width: 100%;
    text-align: center;
    padding: 16px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-availability {
    padding-top: 0px;
    padding-bottom: 23px;
    display: inline-flex;
    justify-content: center;
    width: 42%;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available .amc-availability .amc-icon {
    font-size: 30px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available div:nth-child(2) {
    margin-left: 15px;
    margin-right: 12px;
  }
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-available div:nth-child(3) {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .amc-total {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .amc-packages-comparison-comp .amc-table .amc-pckg-content .amc-pckg-list-name .amc-total {
    font-size: 18px;
    line-height: 19.8px;
  }
}




.vehicle-interior-comp .eyebrow {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-top: 42px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-interior-comp .eyebrow {
    font-size: 16px;
    line-height: 20px;
  }
}
.vehicle-interior-comp .title {
  margin-bottom: 0px;
  padding-top: 12px;
  padding-bottom: 44px;
}
.vehicle-interior-comp .inner-view-content {
  width: 40.7%;
  padding-left: 106px;
  padding-top: 127px;
}
.vehicle-interior-comp .inner-view-content .interiorbutton button {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 28px;
  border: 1px solid #383737;
  border-radius: 50%;
  outline: none;
}
.vehicle-interior-comp .inner-view-content .interiorbutton .fa_custom {
  background-color: transparent;
  color: #ffffff;
  font-size: 14px;
  right: 3px;
  bottom: 4px;
  position: relative;
}
.vehicle-interior-comp .inner-view-content .color-label {
  position: relative;
  bottom: 15px;
  padding-left: 20px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-interior-comp .inner-view-content .color-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-interior-comp .inner-view-content .color-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.vehicle-interior-comp .vehicle-carousel-arrows {
  color: black !important;
  padding-top: 57px;
}
.vehicle-interior-comp .vehicle-carousel-arrows .fa-arrow-left {
  height: 16px;
  width: 16px;
}
.vehicle-interior-comp .vehicle-carousel-arrows .fa-arrow-right {
  height: 16px;
  width: 16px;
}
.vehicle-interior-comp .vehicle-carousel-arrows .slide-info {
  height: 18px;
  width: 22px;
  padding: 0px 19px 0px 19px;
}
.vehicle-interior-comp .vehicle-carousel-arrows .arrow-disabled {
  color: #7a8084;
}
.vehicle-interior-comp .in-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.vehicle-interior-comp .vehicle-inner-view {
  width: 59.3%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .vehicle-interior-comp .inner-view-content {
    padding-left: 40px;
    padding-top: 44px;
  }
  .vehicle-interior-comp .eyebrow {
    padding-top: 24px;
  }
  .vehicle-interior-comp .title {
    padding-top: 8px;
    padding-bottom: 27.33px;
  }
  .vehicle-interior-comp .vehicle-carousel-arrows {
    padding-top: 29.42px;
  }
  .vehicle-interior-comp .vehicle-carousel-arrows .slide-info {
    height: 18px;
    width: 22px;
    padding: 0px 18px 0px 17px;
  }
  .vehicle-interior-comp .in-button {
    width: 33.33px;
    height: 33.33px;
  }
  .vehicle-interior-comp .vehicle-inner-view {
    width: 51.4%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .vehicle-interior-comp .vehicle-inner-view {
    width: 91.7%;
  }
  .vehicle-interior-comp .inner-view {
    padding-left: 30.25px;
  }
  .vehicle-interior-comp .in-button {
    width: 40px;
    height: 40px;
  }
  .vehicle-interior-comp .inner-view-content {
    padding-left: 30.25px;
    padding-top: 34px;
    width: 91.7%;
  }
  .vehicle-interior-comp .title {
    margin-bottom: 0px;
    padding-top: 8px;
    padding-bottom: 28px;
  }
  .vehicle-interior-comp .vehicle-carousel-arrows {
    padding-top: 30.5px;
    display: flex;
  }
  .vehicle-interior-comp .vehicle-carousel-arrows .fa-arrow-left {
    Width: 19.23px;
    Height: 19.29px;
    margin-right: auto;
  }
  .vehicle-interior-comp .vehicle-carousel-arrows .slide-info {
    margin: auto;
    Width: auto;
    Height: 20px;
  }
  .vehicle-interior-comp .vehicle-carousel-arrows .fa-arrow-right {
    margin-left: auto;
    Width: 19.41px;
    Height: 20.41px;
  }
}


.trade-in-section-comp .tradein-title {
  margin-bottom: 16px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .trade-in-section-comp .tradein-title {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .trade-in-section-comp .tradein-title {
    margin-bottom: 14px;
  }
}
.trade-in-section-comp .exchange-section {
  padding: 24px;
  background-color: #ffffff;
}
.trade-in-section-comp .exchange-section h6 {
  margin-bottom: 18px;
  color: #414040;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .trade-in-section-comp .exchange-section h6 {
    margin-bottom: 8px;
  }
}
.trade-in-section-comp .exchange-section .exchange-link {
  text-decoration: none;
}
.trade-in-section-comp .exchange-section .exchange-link p {
  font-weight: 400;
  font-size: 16px;
  line-height: 17.6px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .trade-in-section-comp .exchange-section .exchange-link p {
    margin-bottom: 0px;
  }
}
.trade-in-section-comp .exchange-section .exchange-link p .icon-Arrow-Right {
  margin-left: 8px;
  font-size: 12px;
}

.summary-configurator-edit-mode .banner-top-section .banner-top-section-container .exterior-img {
  height: max-content !important;
}
.summary-configurator-comp .banner-top-section {
  position: relative;
  min-height: 560px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section {
    min-height: 952px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section {
    min-height: 586px;
  }
}
.summary-configurator-comp .banner-top-section .three-sixty-height {
  height: calc(87vh);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .three-sixty-height {
    height: calc(93vh);
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .three-sixty-height {
    height: calc(94vh);
    background-color: black;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .three-sixty-height #canvasContainer {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .three-sixty-height #one3dcanvas {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .three-sixty-height #one3dcanvas {
    max-height: 202px !important;
  }
}
.summary-configurator-comp .banner-top-section .overlay-btn {
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 40px;
  top: 30px;
  z-index: 999;
  background: #7a8084;
  border: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .overlay-btn {
    top: 94%;
    right: 44px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .overlay-btn {
    width: 32px;
    height: 32px;
    top: 5%;
    right: 0px;
    z-index: 1;
    padding: 7px;
    margin-right: 24px;
    margin-bottom: 24px;
  }
}
.summary-configurator-comp .banner-top-section .overlay-btn .collapsable-icon .icon-Collapse {
  color: #ffffff;
  font-size: 25px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .overlay-btn .collapsable-icon .icon-Collapse {
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.summary-configurator-comp .banner-top-section .views {
  display: none;
  position: absolute;
  width: 100%;
  text-align: center;
  height: 82px;
  background-color: rgba(0, 0, 0, 0.3);
  align-items: center;
  bottom: 0px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views {
    background-color: black;
  }
}
.summary-configurator-comp .banner-top-section .views .img-key {
  color: #ffffff;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  margin-right: 24px;
  padding-bottom: 8px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .views .img-key {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views .img-key {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views .img-key {
    width: 63px;
    font-size: 16px;
    font-weight: 400;
    margin-right: 16px;
  }
}
.summary-configurator-comp .banner-top-section .views .img-key:first-child {
  margin-left: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views .img-key:first-child {
    margin-left: 14px;
  }
}
.summary-configurator-comp .banner-top-section .views .img-key.active {
  border-bottom: 2px solid #ffffff;
}
.summary-configurator-comp .banner-top-section .views .img-key.white-active {
  border-bottom: 2px solid #ffffff;
}
.summary-configurator-comp .banner-top-section .views .vertical-line {
  border-left: 1px solid #ffffff;
  height: 14px;
  margin-right: 24px;
  margin-top: 4px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views .vertical-line {
    height: 18px;
    margin-right: 16px;
  }
}
.summary-configurator-comp .banner-top-section .views .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views .switch {
    height: 20px;
  }
}
.summary-configurator-comp .banner-top-section .views .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.summary-configurator-comp .banner-top-section .views .slider {
  border: 2px solid #ffffff;
  display: block !important;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  -webkit-transition: .4s;
  transition: .4s;
}
.summary-configurator-comp .banner-top-section .views .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  top: 3px;
  left: 4px;
  bottom: 4px;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views .slider:before {
    height: 12px;
    width: 12px;
  }
}
.summary-configurator-comp .banner-top-section .views .slider.changed:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  top: 3px;
  left: 4px;
  bottom: 4px;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}
.summary-configurator-comp .banner-top-section .views input:checked + .slider {
  background: transparent;
  border: 2px solid #ffffff;
}
.summary-configurator-comp .banner-top-section .views input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.summary-configurator-comp .banner-top-section .views input:checked + .slider:before {
  background-color: #ffffff;
  left: -12px;
  right: 2px;
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.summary-configurator-comp .banner-top-section .views .environment {
  margin-left: 24px !important;
  margin-right: 0px;
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views .environment {
    margin-left: 16px !important;
    width: 94% !important;
  }
}
.summary-configurator-comp .banner-top-section .views .studio {
  margin-left: 24px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .views .studio {
    margin-left: 16px !important;
    width: 66% !important;
  }
}
.summary-configurator-comp .banner-top-section .banner-top-section-container .eyebrow-text {
  position: absolute;
  top: 35px;
  color: #ffffff;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .eyebrow-text {
    top: 48px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .eyebrow-text {
    top: 24px;
  }
}
.summary-configurator-comp .banner-top-section .banner-top-section-container .title {
  position: absolute;
  top: 90px;
  color: #ffffff;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .title {
    top: 65px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .title {
    top: 48px;
  }
}
.summary-configurator-comp .banner-top-section .banner-top-section-container .exterior-img {
  max-width: 100%;
  position: relative;
  width: 100%;
}
.summary-configurator-comp .banner-top-section .banner-top-section-container .go-back-button {
  color: #ffffff;
  position: absolute;
  top: 90%;
  left: 80px;
  text-decoration: none;
  bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .go-back-button {
    left: 40px;
    top: 95%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .go-back-button {
    top: 93%;
    left: 37.5%;
  }
}
.summary-configurator-comp .banner-top-section .banner-top-section-container .go-back-button .icon-Arrow-Left {
  color: #ffffff;
  font-size: 12px;
  margin-right: 8px;
}
.summary-configurator-comp .banner-top-section .banner-top-section-container .three-sixty-button {
  position: absolute;
  top: 88%;
  left: 45%;
  right: 0px;
  text-align: center;
  color: #ffffff;
  width: 152px;
  height: 42px;
  background: transparent;
  border: 2px solid #ffffff;
  font-size: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .three-sixty-button {
    top: 93.5%;
    left: 42%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .three-sixty-button {
    top: 80.5%;
    width: 300px;
    left: 8.3%;
    width: 83.5%;
  }
}
.summary-configurator-comp .banner-top-section .banner-top-section-container .vl {
  position: absolute;
  left: 50%;
  right: 50%;
  top: 96%;
  bottom: 89.75%;
  border-left: 1px solid #ffffff;
  height: 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-top-section .banner-top-section-container .vl {
    display: none !important;
  }
}
.summary-configurator-comp .dark .eyebrow-text {
  color: #383737 !important;
}
.summary-configurator-comp .dark .title {
  color: #383737 !important;
}
.summary-configurator-comp .dark .go-back-button {
  color: #383737 !important;
}
.summary-configurator-comp .dark .go-back-button .icon-Arrow-Left {
  color: #383737 !important;
}
.summary-configurator-comp .dark .three-sixty-button {
  color: #383737 !important;
  border: 2px solid #383737 !important;
}
.summary-configurator-comp .dark .vl {
  border-left: 1px solid #383737 !important;
  height: 26px;
}
.summary-configurator-comp .summary-info-modal-popup .modal-dialog {
  max-width: 57%;
}
.summary-configurator-comp .summary-info-modal-popup .modal-dialog .summary-info-popup-details {
  display: flex;
  flex-direction: row-reverse;
}
.summary-configurator-comp .summary-info-modal-popup .modal-dialog .summary-info-popup-details .summary-info-header {
  padding: 104px 80px;
}
.summary-configurator-comp .summary-info-modal-popup .modal-dialog .summary-info-popup-details .summary-info-header .icon-Cross {
  cursor: pointer;
  font-size: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-info-modal-popup .modal-dialog .summary-info-popup-details .summary-info-header {
    padding: 64px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-info-modal-popup .modal-dialog .summary-info-popup-details .summary-info-header {
    padding: 64px 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-info-modal-popup .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-info-modal-popup .modal-dialog {
    max-width: 100%;
  }
}
.summary-configurator-comp .summary-details-main-container {
  background-color: #ffffff;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container {
  padding: 104px 64px 104px 106px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container {
    padding: 64px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container {
    padding: 32px 30px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-details {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-details {
    margin-bottom: 24px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices {
  color: #307fe2;
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices {
    margin-bottom: 24px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .btn-link {
  text-decoration: none;
  padding: 0px;
  background-color: #ffffff;
  border: none;
  font-weight: 300;
  font-size: 16px;
  color: #307fe2;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .icon-Arrow-Right {
  font-size: 10px;
  margin-left: 9px;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .updatedcity {
  font-weight: 400;
  margin-left: 6px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog-centered {
    align-items: center;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog {
  max-width: 60%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog {
    margin: 0px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content {
  border: 0px;
  border-radius: 0;
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content {
    padding: 32px 30px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  position: absolute;
  top: 4px;
  right: 24px;
  padding: 0px;
  border-radius: 0px;
  opacity: 1;
  font-size: 28px;
  font-weight: 600;
  color: #383737;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross {
  display: flex;
  justify-content: space-between;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross .poptitle {
  width: 77.9%;
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross .poptitle {
    width: 93.7%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross .poptitle {
    width: 84%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross .popcross {
    width: 32px;
    height: 32px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross .popcross .icon-Cross {
  font-size: 40px;
  color: #383737;
  cursor: pointer;
  padding: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .cross .popcross .icon-Cross {
    font-size: 24px;
    padding: 6px;
    margin-left: 0px;
    font-weight: 600;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .popdesc {
  margin: 24px 17% 24px 0px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .popdesc {
    margin: 16px 17% 40px 0px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options {
  max-width: 83%;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down {
  width: 100%;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down p {
  padding-bottom: 8px;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .selected a span h6 {
  width: 94%;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  overflow-y: scroll;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down p {
  color: #7a8084;
  margin: 0%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down {
    min-width: 300px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .confirm-btn {
  padding-top: 40px;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-prices .pc-image-panel .modal-dialog .modal-content .modal-body .confirm-btn button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  background: transparent;
  padding: 12px 24px;
  border: 2px solid #307fe2;
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .row {
    justify-content: space-between;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-estd-container {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-estd-container {
    width: 48.4%;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-estd-container {
    width: 100%;
    margin-bottom: 24px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-estd-container .summary-estd {
  color: #7a8084;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-estd-container .summary-estd {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-estd-container .summary-estd {
    margin-bottom: 8px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-estd-container .summary-estd-mon-val {
  margin-bottom: 0px;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-mon-estd {
  display: flex;
  align-items: center;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .row .summary-mon-estd .icon-DS-Info {
  margin-left: 8px;
  font-size: 24px;
  cursor: pointer;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-estd-container {
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-estd-container {
    margin-bottom: 24px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-estd-container .summary-estd {
  color: #7a8084;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-estd-container .summary-estd {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-estd-container .summary-estd {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons {
    display: block;
    align-items: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons {
    display: flex;
    flex-direction: column-reverse;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .book-now {
  width: 130px;
  height: 42px;
  background-color: #ffffff;
  border: 2px solid #307fe2;
  color: #307fe2;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .book-now {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .book-now {
    width: 300px;
    margin-bottom: 0px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container {
    width: 100%;
    margin-bottom: 16px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .save-config,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .share-config,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-delete-config,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-update-config {
  padding: 0px;
  background-color: #ffffff;
  border: none;
  color: #307fe2;
  margin-right: 41px;
  font-size: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .save-config,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .share-config,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-delete-config,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-update-config {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .save-config,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .share-config,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-delete-config,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-update-config {
    margin-left: 0px !important;
    margin-bottom: 24px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .save-config .icon-Arrow-Right,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .share-config .icon-Arrow-Right,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-delete-config .icon-Arrow-Right,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-update-config .icon-Arrow-Right {
  font-size: 10px;
  margin-left: 9px;
  align-items: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .save-config .icon-Arrow-Right,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .share-config .icon-Arrow-Right,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-delete-config .icon-Arrow-Right,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-buttons-container .summary-update-config .icon-Arrow-Right {
    margin-left: 8px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-delete-config {
  display: none;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .summary-update-config {
  display: none;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .share-config {
  margin-right: 0px !important;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog {
  max-width: 56.4%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog {
    margin: 0px !important;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content {
  border: 0px;
  border-radius: 0;
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content {
    padding: 32px 30px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .btn-close,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  position: absolute;
  top: 4px;
  right: 24px;
  padding: 0px;
  border-radius: 0px;
  opacity: 1;
  font-size: 28px;
  font-weight: 600;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .btn-close,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .btn-close {
    font-size: 14px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross {
  display: flex;
  justify-content: space-between;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross .poptitle,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross .poptitle {
  width: 84.1%;
  color: #383737;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross .poptitle,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross .poptitle,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross .poptitle,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross .poptitle {
    width: 78%;
    font-size: 28px;
    line-height: 110%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross .poptitle,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross .poptitle {
    width: 84%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross .popcross,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross .popcross {
    width: 32px;
    height: 32px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross .popcross .icon-Cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross .popcross .icon-Cross {
  font-size: 40px;
  color: #383737;
  cursor: pointer;
  padding: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .cross .popcross .icon-Cross,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .cross .popcross .icon-Cross {
    font-size: 24px;
    padding: 6px;
    margin-left: 0px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .popscroll,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .popscroll {
    overflow-y: scroll;
  }
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .popscroll::-webkit-scrollbar,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .popscroll::-webkit-scrollbar {
    display: block !important;
    width: 4px;
  }
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .popscroll::-webkit-scrollbar-thumb,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .popscroll::-webkit-scrollbar-thumb {
    background-color: #7a8084;
  }
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .popscroll::-webkit-scrollbar-track,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .popscroll::-webkit-scrollbar-track {
    background-color: #eaeaec;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .popscroll::-webkit-scrollbar-track,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .popscroll::-webkit-scrollbar-track {
    margin-left: 16px;
    margin-bottom: 85px !important;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .popdesc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .popdesc {
  margin: 24px 15.9% 24px 0px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .popdesc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .popdesc {
    width: 78%;
    margin: 16px 15.9% 16px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .popdesc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .popdesc {
    width: 94%;
    margin: 24px 16px 24px 0px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .confirm-btn button,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .confirm-btn button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  background: transparent;
  padding: 12px 24px;
  border: 2px solid #307fe2;
  color: #307fe2;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .config-link-label,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .config-link-label {
  color: #7a8084;
  padding-bottom: 8px;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link {
  max-width: 90%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link {
    max-width: 68%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link {
    max-width: 100%;
    display: flex;
    flex-direction: row-reverse;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .copyIcon,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .copyIcon {
  color: #307fe2;
  position: absolute;
  right: 70px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding-left: 10px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .copyIcon,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .copyIcon {
    right: 261px;
    padding-left: 5px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .copyIcon,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .copyIcon {
    right: 24px;
    padding-left: 0px;
    position: sticky;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .copyIcon .icon-Copy::before,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .copyIcon .icon-Copy::before {
  font-size: 24px;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link *:focus,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link *:focus {
  outline: none;
  background-color: #ffffff !important;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link {
  border: none;
  border-bottom: 2px solid #383737 !important;
  padding: 0 20px 8px 0px;
  background-color: #ffffff !important;
  width: 100%;
  pointer-events: none;
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link {
    width: 90%;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-link-section .copy-link .config-link {
    width: 100%;
    padding-right: 25px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-save-config .modal-dialog .modal-content .modal-body .config-code,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .modal-dialog .modal-content .modal-body .config-code {
  padding-top: 16px;
  width: 84.1%;
  color: #7a8084;
  padding-bottom: 24px;
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .popdesc {
  width: 548px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .popdesc {
    margin-bottom: 24px !important;
    max-width: 536px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .pc-share-config .popdesc {
    max-width: 300px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog {
  max-width: 812px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog {
    max-width: 768px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog {
    max-width: 100%;
    margin: 0px !important;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content {
  border: 0px;
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content {
    padding: 32px 30px 32px 30px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .cross {
  right: 0px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .cross .icon-Cross {
  font-size: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .cross .icon-Cross {
    font-size: 14px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title {
  max-width: 548px;
  margin-right: 72px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title {
    max-width: 536px;
    margin-right: 124px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title {
    max-width: 252px;
    margin-right: 16px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title {
    padding-bottom: 24px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc {
  padding-bottom: 24px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc {
    padding-bottom: 16px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
.summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .update-success-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .delete-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
  .summary-configurator-comp .summary-details-main-container .summary-details-container .summary-buttons .save-success-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn {
    width: 100%;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .almost-there-section {
  padding-top: 40PX;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .almost-there-section {
    padding-right: 162px;
    padding-top: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .almost-there-section {
    padding-right: 0px;
    padding-top: 40px;
  }
}
.summary-configurator-comp .summary-details-main-container .summary-details-container .almost-there-section .almost-there-section-comp .progress-line {
  width: 87%;
}
@media tablet, only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .almost-there-section .almost-there-section-comp .progress-line {
    width: 76.1%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-details-main-container .summary-details-container .almost-there-section .almost-there-section-comp .progress-line {
    width: 100%;
  }
}
.summary-configurator-comp .summary-breakdown-main-container {
  background-color: #f8f8f8;
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container {
  padding: 104px 106px 104px 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container {
    padding: 64px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container {
    padding: 64px 30px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container h4,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container h6 {
    width: 43.7%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container h4,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container h6 {
    width: 100%;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-container {
  margin-bottom: 16px;
  margin-top: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-container {
    justify-content: space-between;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-container .base-model {
  width: 77.9%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-container .base-model {
    width: 15.6%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-container .base-model {
    width: 48%;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-container .base-model-val {
  width: 32.2%;
  text-align: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-container .base-model-val {
    width: 23.4%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-container .base-model-val {
    width: 48%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-specs-container {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-direction: column;
    border-bottom: 1px solid #eaeaec;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-specs-container .model-specs {
  width: 53.4%;
  color: #7a8084;
  margin-right: 24px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-specs-container .model-specs {
    width: 23.7%;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-specs-container .model-specs {
    width: 100%;
    margin-bottom: 4px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-specs-container .model-specs-val {
  width: 74.2%;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-specs-container .model-specs-val {
    width: 48.9%;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-specs-container .model-specs-val {
    width: 100%;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container {
  margin-top: 32px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container {
    justify-content: space-between;
    margin-top: 28px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container {
    margin-top: 40px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container .upgrades-model {
  width: 77.9%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container .upgrades-model {
    width: 13%;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container .upgrades-model {
    width: 100%;
    margin-bottom: 4px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container .upgrades-model-val {
  width: 32.2%;
  text-align: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container .upgrades-model-val {
    width: 23.4%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .upgrades-model-container .upgrades-model-val {
    width: 100%;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container {
    flex-direction: column;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades,
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades {
  width: 40.1%;
  margin-right: 24px;
  margin-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades {
    width: 23.4%;
    margin-right: 16px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-container,
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-container {
  width: 55%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-container,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-container {
    width: 74%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-container,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-container {
    width: 100%;
    border-bottom: 1px solid #eaeaec;
    margin-bottom: 12px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-val,
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-val {
  width: 53.1%;
  margin-right: 24px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-val,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-val {
    width: 86%;
    margin-right: 16px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-val,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-val {
    width: 73%;
    margin-right: 12px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-price,
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-price {
  width: 72%;
  text-align: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-price,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-price {
    width: 38.5%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-feature-container .model-upgrades-price,
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .model-upgrades-extra-container .model-upgrades-price {
    width: 34.5%;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block {
  margin-top: 34px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block {
    margin-top: 30px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .discount-block-container h6 {
  cursor: pointer;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .discount-block-container h6 {
    margin-bottom: 14px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .discount-block-container h6.show:after {
  content: "\e956";
  font-size: 24px;
  font-family: icomoon !important;
  z-index: 0;
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .discount-block-container h6::after {
  cursor: pointer;
  content: "\e958";
  font-size: 24px;
  font-family: icomoon !important;
  z-index: 0;
  position: absolute;
  right: 102px;
  font-weight: 100;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .discount-block-container h6::after {
    right: 34px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .discount-block-container h6::after {
    right: 24px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .content_slide {
  display: none;
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .content_slide .discount-list {
  margin-bottom: 24px;
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .content_slide .discount-list .discount-heading {
  margin-bottom: 24px;
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .content_slide .discount-list .discount-heading:first-child {
  margin-top: 30px;
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .content_slide .discount-list .discount-heading .discount-type {
  max-height: 49px;
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .discount-label {
  color: #7a8084;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .discount-block .discount-label {
    margin-bottom: 0px;
    font-size: 16px;
  }
}
.summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .trade-in-section {
  padding-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .trade-in-section {
    padding-top: 26px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .summary-breakdown-main-container .summary-breakdown-container .trade-in-section {
    padding-top: 14px;
  }
}
.summary-configurator-comp .banner-bottom-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.summary-configurator-comp .banner-bottom-section .backgroundimg {
  position: relative;
  max-width: 100%;
  height: 100%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-bottom-section .backgroundimg {
    min-height: 414px;
  }
}
.summary-configurator-comp .banner-bottom-section .eyebrow-text {
  position: absolute;
  top: 103px;
  left: 0px;
  right: 0px;
  text-align: center;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-bottom-section .eyebrow-text {
    top: 48px;
    font-weight: 300;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-bottom-section .eyebrow-text {
    top: 60px;
    font-weight: 300;
  }
}
.summary-configurator-comp .banner-bottom-section .title {
  position: absolute;
  text-align: center;
  top: 123px;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .summary-configurator-comp .banner-bottom-section .title {
    top: 75px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .summary-configurator-comp .banner-bottom-section .title {
    top: 86px;
    width: 64%;
    text-align: center;
  }
}

.saved-configurations-comp {
  display: none;
}
.saved-configurations-comp .no-configurations {
  background-color: #ffffff;
  padding: 104px 80px 110px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .no-configurations {
    padding: 64px 80px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .no-configurations {
    padding: 40px 16px;
  }
}
.saved-configurations-comp .no-configurations .noConfigurationsTitle {
  margin-bottom: 24px;
  color: #383737;
}
.saved-configurations-comp .no-configurations .noConfigDesc {
  color: #383737;
}
.saved-configurations-comp .no-configurations .noConfigDesc p {
  margin-bottom: 0px;
}
.saved-configurations-comp .modal .btn-close {
  background-image: none;
}
.saved-configurations-comp .icon-right-arrow {
  font-size: 12px;
  margin-left: 8px;
}
.saved-configurations-comp .cross {
  background-color: #ffffff;
  right: 0px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
.saved-configurations-comp .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
}
.saved-configurations-comp .tradein-saved-config {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 40px;
}
.saved-configurations-comp .tradein-saved-config .tradeInLink {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.saved-configurations-comp .tradein-saved-config .tradeInLabel {
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .tradein-saved-config {
    margin-bottom: 24px;
    align-items: center;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .tradein-saved-config {
    display: block;
  }
  .saved-configurations-comp .tradein-saved-config .tradeInLabel {
    margin-bottom: 24px;
  }
}
.saved-configurations-comp .account-cards .saved-config-model {
  padding-top: 80px;
  color: #383737;
  max-width: 792px;
}
.saved-configurations-comp .account-cards #accountCarddetails0 .saved-config-model {
  padding-top: 0px;
}
.saved-configurations-comp .account-cards .saved-links {
  border-bottom: 1px solid #eaeaec;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
.saved-configurations-comp .account-cards .saved-links .saved-config-links {
  display: flex;
}
.saved-configurations-comp .account-cards .saved-links .saved-config-links .vehicle-details,
.saved-configurations-comp .account-cards .saved-links .saved-config-links .new-config {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  padding: 0px;
  display: flex;
  align-items: center;
  padding-top: 0px;
  margin-bottom: 24px;
}
.saved-configurations-comp .account-cards .saved-links .saved-config-links .vehicle-details .icon-Arrow-Right,
.saved-configurations-comp .account-cards .saved-links .saved-config-links .new-config .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.saved-configurations-comp .account-cards .saved-links .saved-config-links .vehicle-details {
  margin-right: 40px;
}
.saved-configurations-comp .account-cards .saved-links .noOfConfigurations {
  color: #7a8084;
  min-width: 396px;
  text-align: right;
}
.saved-configurations-comp .account-cards .see-more {
  text-align: center;
  color: #307fe2;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .account-cards .see-more {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .account-cards .see-more {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-configurations-comp .account-cards .see-more .morecards {
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .account-cards .see-more .morecards {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .account-cards .see-more .morecards {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-configurations-comp .account-cards .see-more .morecards .icon-Chevron-Down {
  padding-left: 8px;
}
.saved-configurations-comp .account-cards .see-more .morecards .icon-Chevron-Down:before {
  font-size: 13.61px;
}
.saved-configurations-comp .account-cards .see-more .lesscards {
  cursor: pointer;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .account-cards .see-more .lesscards {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .account-cards .see-more .lesscards {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-configurations-comp .account-cards .see-more .lesscards .icon-Chevron-Up {
  padding-left: 8px;
}
.saved-configurations-comp .account-cards .see-more .lesscards .icon-Chevron-Up:before {
  font-size: 13.61px;
}
.saved-configurations-comp .saved-config-label {
  display: none;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 24px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .saved-config-label {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .saved-config-label {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.saved-configurations-comp .saved-config-desc {
  display: none;
  text-align: center;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .saved-config-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.saved-configurations-comp .saved-config-desc p {
  margin: 0px;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .left-section {
  width: 30.7%;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .left-section .car-img {
  max-width: 100%;
  text-align: center;
  padding-bottom: 56px;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .left-section .car-img img {
  max-width: 100% !important;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section {
  padding: 40px;
  background-color: #ffffff;
  width: 69.3%;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details {
  border-bottom: 1px solid #eaeaec;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  width: fit-content;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .price {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .price {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .price {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn {
  padding-top: 4px;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .configurebutton {
  margin-right: 40px;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .config-btn,
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .delete-btn {
  padding-right: 0px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  align-items: center;
  cursor: pointer;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .config-btn .icon-Arrow-Right,
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .delete-btn .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
  cursor: pointer;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .configurebutton {
  margin-right: 40px;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .last-updated-date {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .account-btns {
  flex-direction: column-reverse;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .account-btns .last-updated-date {
  max-width: 653px;
  margin-bottom: 12px;
  margin-top: 4px;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .body-details .toggle-body .colordiv .filtersapply {
  border: 1px solid #7a8084;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .body-details .toggle-body .accessories0 {
  display: flex;
  align-items: center;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .body-details .toggle-body .accessories0 .accessoriesimg {
  max-width: 100%;
}
.saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .body-details .toggle-body .accessories0 .accessoriesname {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-left: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .body-details .toggle-body .accessories0 .accessoriesname {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .body-details .toggle-body .accessories0 .accessoriesname {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-configurations-comp .pc-image-panel .modal-dialog .modal-content .modal-body .cross {
  top: 24px;
  right: 24px;
}
.saved-configurations-comp #learnmore .modal-dialog .modal-content .modal-body .cross {
  top: 0px;
}
.saved-configurations-comp .delete-config .modal-dialog,
.saved-configurations-comp .save-config .modal-dialog,
.saved-configurations-comp .delete-success-config .modal-dialog {
  max-width: 812px;
  margin-left: 318px;
  margin-right: 310px;
}
.saved-configurations-comp .delete-config .modal-dialog .modal-content,
.saved-configurations-comp .save-config .modal-dialog .modal-content,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content {
  border: 0px;
  padding: 80px;
  border-radius: 0px;
}
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .delete-labels,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels,
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .sucess-title,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title {
  max-width: 548px;
}
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 24px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc {
  padding-bottom: 24px;
  color: #7a8084;
}
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc p,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc p,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc p,
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc p,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc p,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc p {
  margin: 0px;
}
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
.saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
.saved-configurations-comp .save-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
.saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
.saved-configurations-comp .view-all-configurations {
  display: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .view-all-configurations {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .view-all-configurations {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.saved-configurations-comp .view-all-configurations a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .saved-configurations-comp .account-cards .saved-config-model {
    padding-top: 64px;
    margin-bottom: 12px;
    width: fit-content;
  }
  .saved-configurations-comp .account-cards #accountCarddetails0 .saved-config-model {
    padding-top: 0px;
  }
  .saved-configurations-comp .account-cards .saved-links .noOfConfigurations {
    min-width: 0px;
    width: fit-content;
  }
  .saved-configurations-comp .account-cards .see-more .morecards .icon-Chevron-Up {
    padding-left: 8px;
  }
  .saved-configurations-comp .account-cards .see-more .morecards .icon-Chevron-Up:before {
    font-size: 11.91px;
  }
  .saved-configurations-comp .account-cards .see-more .lesscards {
    font-weight: 400;
  }
  .saved-configurations-comp .account-cards .see-more .lesscards .icon-Chevron-Down {
    padding-left: 8px;
  }
  .saved-configurations-comp .account-cards .see-more .lesscards .icon-Chevron-Down:before {
    font-size: 11.91px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .left-section {
    width: 32.5%;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .left-section .car-img {
    padding-top: 48px;
    padding-bottom: 56px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section {
    width: 67.3%;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 24px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn {
    padding-top: 0px !important;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .config-btn,
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .delete-btn {
    margin-right: 0px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .configurebutton {
    margin-right: 24px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .last-updated-date {
    max-width: 273px;
    margin-bottom: 8px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .body-details .toggle-body .accessories0 .accessoriesname {
    padding-right: 16px;
  }
  .saved-configurations-comp .delete-config .modal-dialog,
  .saved-configurations-comp .delete-success-config .modal-dialog {
    max-width: 768px;
    margin: 0px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content {
    border: 0px;
    padding: 40px;
    margin: 0px 40px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .cross,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .cross {
    cursor: pointer;
    padding: 6px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .cross .icon-Cross {
    font-size: 19px;
    font-weight: 600;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels {
    max-width: 536px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title {
    max-width: 536px;
    padding-bottom: 16px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc {
    padding-bottom: 16px;
    max-width: 536px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .saved-configurations-comp .saved-config-label {
    padding-bottom: 16px;
  }
  .saved-configurations-comp .saved-config-desc {
    padding-bottom: 64px;
  }
  .saved-configurations-comp .account-cards .saved-config-model {
    float: left;
    margin-bottom: 24px;
    padding-top: 0px;
  }
  .saved-configurations-comp .account-cards .see-more {
    padding-bottom: 16px;
  }
  .saved-configurations-comp .account-cards .mobile-config {
    display: block !important;
    float: right;
    color: #7a8084;
    position: relative;
    top: 3px;
  }
  .saved-configurations-comp .account-cards .desktop-config {
    display: none;
  }
  .saved-configurations-comp .account-cards .saved-links {
    display: block;
    clear: both;
    margin-bottom: 24px;
  }
  .saved-configurations-comp .account-cards .saved-links .saved-config-links {
    display: block;
  }
  .saved-configurations-comp .account-cards #accountCarddetails0 .saved-config-model {
    padding-top: 0px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .left-section {
    width: 100%;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section {
    width: 100%;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details {
    display: block !important;
    padding-bottom: 4px !important;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
    padding-bottom: 8px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date {
    padding-bottom: 16px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn {
    padding-top: 8px !important;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .config-btn,
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .delete-btn {
    margin-right: 0px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .config-delete-btn .configurebutton {
    margin-right: 24px;
  }
  .saved-configurations-comp .configurator-cards-comp .vehicle-section .right-section .head-details .buttons-updated-date .last-updated-date {
    max-width: 300px;
  }
  .saved-configurations-comp .delete-config .modal-dialog,
  .saved-configurations-comp .delete-success-config .modal-dialog {
    max-width: 360px;
    margin: 0px;
    align-items: end;
    bottom: 0px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content {
    border: 0px;
    padding: 32px 30px 32px 30px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .cross,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .cross {
    padding: 0px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .cross .icon-Cross,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .cross .icon-Cross {
    font-size: 24px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels {
    max-width: 252px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title {
    padding-bottom: 24px;
    max-width: 252px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc {
    padding-bottom: 16px;
    min-width: 300px;
  }
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .sucess-title #remove-btn,
  .saved-configurations-comp .delete-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn,
  .saved-configurations-comp .delete-success-config .modal-dialog .modal-content .modal-body .delete-labels #remove-btn {
    min-width: 300px;
  }
  .saved-configurations-comp #learnmore .modal-dialog {
    max-width: 100%;
  }
  .saved-configurations-comp #learnmore .modal-dialog .modal-content {
    padding: 20px;
  }
  .saved-configurations-comp #learnmore .modal-dialog .modal-content .modal-body .cross {
    padding-top: 0px;
  }
}

.quick-buys-comp .confirm-btn {
  padding-top: 40px;
}
.quick-buys-comp .confirm-btn button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  background: transparent;
  padding: 12px 24px;
  border: 2px solid #307fe2;
  color: #307fe2;
}
.quick-buys-comp .no-configurations {
  text-align: center;
  padding-top: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .no-configurations {
    padding-top: 16px;
  }
}
.quick-buys-comp .no-configurations .noConfigurationsTitle {
  margin-bottom: 24px;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .no-configurations .noConfigurationsTitle {
    margin-bottom: 16px;
  }
}
.quick-buys-comp .no-configurations .noConfigDesc {
  color: #7a8084;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .no-configurations .noConfigDesc {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .no-configurations .noConfigDesc {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-buys-comp .no-configurations .noConfigDesc p {
  margin-bottom: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .no-configurations .noConfigDesc p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .no-configurations .noConfigDesc p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-buys-comp .no-configurations .noConfigCta {
  padding-top: 24px;
}
.quick-buys-comp .no-configurations .noConfigCta a {
  cursor: pointer;
  color: #307fe2;
}
.quick-buys-comp .no-configurations .noConfigCta .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.quick-buys-comp .icon-right-arrow {
  font-size: 12px;
  margin-left: 8px;
}
.quick-buys-comp .cross {
  background-color: #ffffff;
  right: 0px;
  padding: 8px;
  position: absolute;
  cursor: pointer;
}
.quick-buys-comp .cross .icon-Cross {
  font-size: 24px;
  color: #383737;
  font-weight: 600;
}
.quick-buys-comp .quick-buys-label {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 24px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .quick-buys-label {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .quick-buys-label {
    font-size: 24px;
    line-height: 24px;
  }
}
.quick-buys-comp .quick-buys-desc {
  text-align: center;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .quick-buys-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.quick-buys-comp .quick-buys-desc p {
  margin: 0px;
}
.quick-buys-comp .cityBased {
  display: flex;
  justify-content: center;
}
.quick-buys-comp .cityBased .cityChange {
  cursor: pointer;
  color: #307fe2;
}
.quick-buys-comp .cityBased .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.quick-buys-comp .cityBased .city-list-options {
  max-width: 100%;
}
.quick-buys-comp .cityBased .city-list-options .drop-down {
  width: 100%;
}
.quick-buys-comp .cityBased .city-list-options .drop-down p {
  padding-bottom: 8px;
}
.quick-buys-comp .cityBased .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.quick-buys-comp .cityBased .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.quick-buys-comp .cityBased .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.quick-buys-comp .cityBased .city-list-options .drop-down .selected a span h6 {
  width: 91%;
}
.quick-buys-comp .cityBased .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.quick-buys-comp .cityBased .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  overflow-y: scroll;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.quick-buys-comp .cityBased .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .cityBased .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .cityBased .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-buys-comp .cityBased .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.quick-buys-comp .cityBased .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.quick-buys-comp .cityBased .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.quick-buys-comp .cityBased .city-list-options .drop-down p {
  color: #7a8084;
  margin: 0%;
}
.quick-buys-comp .getNotify,
.quick-buys-comp .action-cta {
  color: #307fe2;
  width: fit-content;
  cursor: pointer;
  margin-bottom: 24px;
}
.quick-buys-comp .getNotify .icon-Arrow-Right,
.quick-buys-comp .action-cta .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .getNotify,
  .quick-buys-comp .action-cta {
    margin-bottom: 16px;
  }
}
.quick-buys-comp .notifyError {
  color: #ed454f;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  padding-bottom: 24px;
}
.quick-buys-comp .dealer-details {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .dealer-details {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .dealer-details {
    padding-bottom: 16px;
  }
}
.quick-buys-comp .notifySent {
  padding-bottom: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .notifySent {
    padding-bottom: 16px;
  }
}
.quick-buys-comp .notifySent .sent-Icon {
  color: #609f65;
  padding-left: 8px;
}
.quick-buys-comp .notifySent .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.quick-buys-comp .configurator-cards-comp {
  padding-top: 64px;
}
.quick-buys-comp .configurator-cards-comp .vehicle-section .left-section {
  width: 30.7%;
}
.quick-buys-comp .configurator-cards-comp .vehicle-section .left-section .car-img {
  max-width: 100%;
  text-align: center;
  padding-bottom: 56px;
}
.quick-buys-comp .configurator-cards-comp .vehicle-section .left-section .car-img img {
  max-width: 100% !important;
}
.quick-buys-comp .configurator-cards-comp .vehicle-section .right-section {
  padding: 40px;
  background-color: #ffffff;
  width: 69.3%;
}
.quick-buys-comp .configurator-cards-comp .vehicle-section .right-section .head-details {
  border-bottom: 1px solid #eaeaec;
}
.quick-buys-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.quick-buys-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  width: fit-content;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.quick-buys-comp .configurator-cards-comp .vehicle-section .right-section .body-details .toggle-body .colordiv .filtersapply {
  border: 1px solid #7a8084;
}
.quick-buys-comp .pc-image-panel .modal-dialog {
  max-width: 812px;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content {
  border: 0px;
  border-radius: 0;
  padding: 80px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .pc-image-panel .modal-dialog .modal-content {
    margin-bottom: 50%;
  }
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  position: absolute;
  top: 4px;
  right: 24px;
  padding: 0px;
  border-radius: 0px;
  opacity: 1;
  font-size: 24px;
  font-weight: 600;
  color: #383737;
  background-image: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .btn-close {
    right: 0px;
  }
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .cross {
  top: 24px;
  right: 24px;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
  width: 83%;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .poptitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .popdesc {
  margin: 24px 17% 24px 0px;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options {
  max-width: 548px;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down {
  width: 100%;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down p {
  padding-bottom: 8px;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .selected a span h6 {
  width: 94%;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  overflow-y: scroll;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .city-list-options .drop-down p {
  color: #7a8084;
  margin: 0%;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .confirm-btn {
  padding-top: 40px;
}
.quick-buys-comp .pc-image-panel .modal-dialog .modal-content .modal-body .confirm-btn button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  background: transparent;
  padding: 12px 24px;
  border: 2px solid #307fe2;
  color: #307fe2;
}
.quick-buys-comp #learnmore .modal-dialog .modal-content .modal-body .cross {
  top: 0px;
}
.quick-buys-comp .browse-all {
  display: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .browse-all {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .browse-all {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.quick-buys-comp .browse-all a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-buys-comp .configurator-cards-comp .vehicle-section .left-section {
    width: 32.5%;
  }
  .quick-buys-comp .configurator-cards-comp .vehicle-section .left-section .car-img {
    padding-top: 48px;
    padding-bottom: 56px;
  }
  .quick-buys-comp .configurator-cards-comp .vehicle-section .right-section {
    width: 67.3%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quick-buys-comp .quick-buys-label {
    padding-bottom: 16px;
  }
  .quick-buys-comp .quick-buys-desc {
    padding-bottom: 16px;
  }
  .quick-buys-comp .configurator-cards-comp .vehicle-section .left-section {
    width: 100%;
  }
  .quick-buys-comp .configurator-cards-comp .vehicle-section .right-section {
    width: 100%;
  }
  .quick-buys-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details {
    display: block !important;
    padding-bottom: 4px !important;
  }
  .quick-buys-comp .configurator-cards-comp .vehicle-section .right-section .head-details .configure-details .vehicle-name {
    padding-bottom: 8px;
  }
  .quick-buys-comp #learnmore .modal-dialog {
    max-width: 100%;
  }
  .quick-buys-comp #learnmore .modal-dialog .modal-content {
    padding: 20px;
  }
  .quick-buys-comp #learnmore .modal-dialog .modal-content .modal-body .cross {
    padding-top: 0px;
  }
}

.processStepTooltip {
  cursor: pointer;
  z-index: 996;
}
.processStepTooltip .tooltip-inner {
  background-color: #ffffff;
  color: #383737;
  box-shadow: 0px 0px 4px #383737;
  margin-bottom: 8px !important;
}
.processStepTooltip .tooltip-arrow {
  margin-bottom: 8px !important;
}
.processStepTooltip .tooltip-arrow::before {
  border-bottom-color: #ffffff !important;
  border-top-color: #ffffff !important;
}
.process-step-comp {
  display: flex;
  overflow: hidden;
  min-height: 534px;
}
.process-step-comp .left-side-section {
  width: 71%;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .left-side-section #one3d #canvasContainer #one3dcanvas {
    height: 432px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .left-side-section #one3d #canvasContainer #one3dcanvas {
    max-height: 202px !important;
  }
}
.process-step-comp .left-side-section .expandable-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 998;
  background: #7a8084;
  border: none;
}
.process-step-comp .left-side-section .expandable-icon .icon-Expand {
  color: #ffffff;
  font-size: 25px;
}
.process-step-comp .left-side-section .collapse-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 998;
  background: #7a8084;
  border: none;
}
.process-step-comp .left-side-section .collapse-icon .icon-Collapse {
  color: #ffffff;
  font-size: 25px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .left-side-section .collapse-icon {
    top: 32%;
  }
}
.process-step-comp .left-side-section .views {
  position: absolute;
  bottom: 0px !important;
  text-align: center;
  width: 100%;
  height: 82px;
  background-color: rgba(0, 0, 0, 0.3);
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .left-side-section .views {
    height: 80px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .left-side-section .views {
    height: 55px;
  }
}
.process-step-comp .left-side-section .views .vertical-line {
  border-left: 1px solid #ffffff;
  height: 14px;
  margin-right: 24px;
  margin-top: -7px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .left-side-section .views .vertical-line {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .left-side-section .views .vertical-line {
    height: 18px;
  }
}
.process-step-comp .left-side-section .views .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 24px;
}
.process-step-comp .left-side-section .views .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.process-step-comp .left-side-section .views .slider {
  border: 2px solid #ffffff;
  display: block !important;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  -webkit-transition: .4s;
  transition: .4s;
}
.process-step-comp .left-side-section .views .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}
.process-step-comp .left-side-section .views input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.process-step-comp .left-side-section .views .img-key {
  color: #ffffff;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  margin-right: 24px;
  padding-bottom: 8px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .left-side-section .views .img-key {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .left-side-section .views .img-key {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .left-side-section .views .img-key {
    margin-right: 16px;
  }
}
.process-step-comp .left-side-section .views .img-key:first-child {
  margin-left: 40px;
}
.process-step-comp .left-side-section .views .img-key.active {
  border-bottom: 2px solid #ffffff;
}
.process-step-comp .left-side-section .views .environment {
  margin-left: 12px !important;
  margin-right: 0px;
  display: none;
}
.process-step-comp .left-side-section .views .studio {
  margin-left: 12px !important;
}
.process-step-comp .right-side-section {
  padding-left: 40px;
  position: relative;
  width: 29%;
  top: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section {
    top: 0px;
    padding-left: 32px;
    padding-top: 16px !important;
  }
}
.process-step-comp .right-side-section .config-bars-main {
  margin-bottom: 10%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .config-bars-main {
    margin-bottom: 0%;
  }
}
.process-step-comp .right-side-section .config-bar-title {
  padding-bottom: 8px;
  color: #383737;
}
.process-step-comp .right-side-section .top-section .processstep-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  padding-right: 3px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .top-section .processstep-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .top-section .processstep-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.process-step-comp .right-side-section .top-section .title-change {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .top-section .title-change {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .top-section .title-change {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.process-step-comp .right-side-section .top-section .price-section {
  padding-bottom: 16px;
  padding-top: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .top-section .price-section {
    padding-top: 0px;
    padding-right: 38px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .top-section .price-section {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.process-step-comp .right-side-section .top-section .price-section .total-price {
  padding-right: 4px;
  margin: 0;
  color: #383737;
}
.process-step-comp .right-side-section .top-section .price-section .monthly-price {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  margin: 0;
  margin-top: 2px;
  color: #7a8084;
}
.process-step-comp .right-side-section .config-bars-main {
  position: relative;
}
.process-step-comp .right-side-section .config-bars-main .nav-pills .nav-item .nav-link {
  border-radius: 0px;
}
.process-step-comp .right-side-section .config-bars-main .config-bars {
  border: 2px solid #eaeaec;
  margin-right: 4px;
  cursor: pointer;
}
.process-step-comp .right-side-section .config-bars-main .config-bars.active {
  border: 2px solid #307fe2;
}
.process-step-comp .right-side-section .config-bars-main .nav-main .nav-item {
  width: 18%;
  margin-right: 1%;
}
.process-step-comp .right-side-section .config-bars-main .nav-main .nav-item .config-bars {
  width: 100%;
}
.process-step-comp .right-side-section .config-bars-main .nav-main .nav-item:last-child {
  margin-right: 0%;
}
.process-step-comp .right-side-section .nav {
  margin-bottom: 0px !important;
}
.process-step-comp .right-side-section .nav-main {
  padding-bottom: 16px;
}
.process-step-comp .right-side-section .divider-line {
  border-bottom: 1px solid #eaeaec;
  min-width: 418px;
  position: absolute;
  right: 0px;
  left: -40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .divider-line {
    min-width: 768px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .divider-line {
    min-width: 360px;
  }
}
.process-step-comp .right-side-section .nav-pills {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.process-step-comp .right-side-section .nav-pills .nav-item .nav-link {
  background-color: transparent;
  padding: 0 24px;
}
@media only screen and (max-width: 991px) {
  .process-step-comp .right-side-section .nav-pills .nav-item .nav-link {
    padding: 0 12px;
  }
}
.process-step-comp .right-side-section .nav-pills .nav-item .nav-link.active .baseStep-tabs,
.process-step-comp .right-side-section .nav-pills .nav-item .nav-link.active h6 {
  border-bottom: 2px solid #282828;
  padding-bottom: 4px !important;
  color: #383737;
}
.process-step-comp .right-side-section .nav-pills .nav-item .nav-link .baseStep-tabs,
.process-step-comp .right-side-section .nav-pills .nav-item .nav-link h6 {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px !important;
  color: #7a8084;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
  .process-step-comp .right-side-section .nav-pills .nav-item:last-child .nav-link {
    padding-right: 0px;
  }
}
.process-step-comp .right-side-section .base-tabcontent {
  width: 100%;
  min-height: 320px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .base-tabcontent {
    width: 100%;
    min-height: 0px;
  }
}
.process-step-comp .right-side-section .base-tabcontent .base-tab-details {
  margin-right: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .base-tabcontent {
    width: 296px;
    min-height: 400px;
  }
}
.process-step-comp .right-side-section .base-tabcontent::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.process-step-comp .right-side-section .base-tabcontent::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.process-step-comp .right-side-section .base-tabcontent::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin-bottom: 44px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .base-tabcontent::-webkit-scrollbar-track {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .base-tabcontent::-webkit-scrollbar-track {
    margin-bottom: 85px !important;
  }
}
.process-step-comp .right-side-section .tab-content {
  margin-top: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content {
    margin-top: 32px;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }
}
.process-step-comp .right-side-section .tab-content .main-tabs {
  margin-right: 16px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .main-tabs {
    padding-bottom: 0px;
  }
}
.process-step-comp .right-side-section .tab-content .tab-title {
  padding-bottom: 16px;
  color: #383737;
}
.process-step-comp .right-side-section .tab-content .tab-content-vals {
  border: 1px solid #eaeaec;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 18px 16px !important;
  margin-bottom: 8px;
  cursor: pointer;
  color: #383737;
  max-height: 54px;
}
.process-step-comp .right-side-section .tab-content .tab-content-vals.active {
  border: 1px solid #307fe2;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 18px 16px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .tab-content-vals {
    max-width: 100%;
  }
}
.process-step-comp .right-side-section .tab-content .persona-tab {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 10px;
}
.process-step-comp .right-side-section .tab-content .persona-tab .browse-all-cta {
  padding-bottom: 16px;
}
.process-step-comp .right-side-section .tab-content .cta-link {
  color: #307fe2;
}
.process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals {
  border: 1px solid #eaeaec;
  padding: 16px;
  margin-bottom: 8px;
  display: none;
  cursor: pointer;
  color: #383737;
  width: 100%;
}
.process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals.hasdemoval {
  display: block;
}
.process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals.active {
  border: 1px solid #307fe2;
  padding: 16px;
  margin-bottom: 8px;
}
.process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals .trimgroup-desc {
  max-width: 100%;
}
.process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals .trimgroup-desc p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals .trimgroup-desc p {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals .cta-link {
  color: #307fe2;
  padding-right: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals {
    max-width: 224px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .persona-tab-main .persona-tab-content-vals {
    max-width: 100%;
  }
}
.process-step-comp .right-side-section .tab-content .specs-tab {
  width: 100%;
  min-height: 293px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .specs-tab {
    width: 100%;
    min-height: 0px;
  }
}
.process-step-comp .right-side-section .tab-content .specs-tab::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.process-step-comp .right-side-section .tab-content .specs-tab::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.process-step-comp .right-side-section .tab-content .specs-tab::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin-bottom: 42px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .specs-tab::-webkit-scrollbar-track {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .specs-tab::-webkit-scrollbar-track {
    margin-bottom: 85px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .specs-tab {
    width: 100%;
    min-height: 400px;
    margin-bottom: 8px !important;
  }
}
.process-step-comp .right-side-section .tab-content .specs-tab .fuel-tab,
.process-step-comp .right-side-section .tab-content .specs-tab .battery-tab {
  margin-right: 16px;
}
.process-step-comp .right-side-section .tab-content .specs-tab .specs-tab-title {
  padding-bottom: 16px;
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .specs-tab .specs-tab-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.process-step-comp .right-side-section .tab-content .specs-tab .specs-tab-content {
  max-width: 370px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .specs-tab .specs-tab-content {
    max-width: 100%;
  }
}
.process-step-comp .right-side-section .tab-content .specs-tab .transmission-tab .specs-tab-title {
  padding-top: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .specs-tab .transmission-tab .specs-tab-title {
    padding-top: 32px !important;
  }
}
.process-step-comp .right-side-section .tab-content .specs-tab .engine-tab-values {
  max-height: 64px !important;
}
.process-step-comp .right-side-section .tab-content .EV-specs .motor-tab .specs-tab-title {
  padding-top: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .EV-specs .motor-tab .specs-tab-title {
    padding-top: 32px !important;
  }
}
.process-step-comp .right-side-section .tab-content .EV-specs .tab-content-vals {
  max-height: 64px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .EV-specs .charger-tab-values {
    width: 296px;
  }
}
.process-step-comp .right-side-section .tab-content .disabled {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid #eaeaec;
  pointer-events: none;
  opacity: 0.5;
  background-color: #ffffff;
}
.process-step-comp .right-side-section .tab-content .design-tab {
  width: 100%;
  min-height: 350px;
  overflow-y: auto;
}
.process-step-comp .right-side-section .tab-content .design-tab::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.process-step-comp .right-side-section .tab-content .design-tab::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.process-step-comp .right-side-section .tab-content .design-tab::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin-bottom: 85px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .design-tab::-webkit-scrollbar-track {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .design-tab::-webkit-scrollbar-track {
    margin-bottom: 85px !important;
  }
}
.process-step-comp .right-side-section .tab-content .design-tab .design-tab-details {
  margin-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .design-tab {
    width: 100%;
    min-height: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .design-tab {
    width: 100%;
    padding-right: 0px;
    min-height: 400px;
  }
}
.process-step-comp .right-side-section .tab-content .design-tab .color-text {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 16px 0 16px 0 !important;
  color: #646464;
}
.process-step-comp .right-side-section .tab-content .design-tab .color-dot {
  position: static;
  top: 5px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
}
.process-step-comp .right-side-section .tab-content .design-tab .dual-colors {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.process-step-comp .right-side-section .tab-content .design-tab .first {
  content: '';
  position: absolute;
  height: 100%;
  width: 50%;
}
.process-step-comp .right-side-section .tab-content .design-tab .single {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
}
.process-step-comp .right-side-section .tab-content .design-tab .first:first-child {
  background: #383737;
  left: 0;
}
.process-step-comp .right-side-section .tab-content .design-tab .first:last-child {
  background: #307fe2;
  right: 0;
}
.process-step-comp .right-side-section .tab-content .design-tab .single:first-child {
  background: #383737;
  left: 0;
}
.process-step-comp .right-side-section .tab-content .design-tab .single:last-child {
  background: #307fe2;
  right: 0;
}
.process-step-comp .right-side-section .tab-content .design-tab .design-type {
  padding-top: 32px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .design-tab .design-type {
    padding-top: 24px;
  }
}
.process-step-comp .right-side-section .tab-content .design-tab .design-type .feature-list .feature-label {
  margin-bottom: 16px;
}
.process-step-comp .right-side-section .tab-content .design-tab .design-tab-title,
.process-step-comp .right-side-section .tab-content .design-tab .exterior-tab-title {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .design-tab .design-tab-title,
  .process-step-comp .right-side-section .tab-content .design-tab .exterior-tab-title {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .design-tab .design-tab-title,
  .process-step-comp .right-side-section .tab-content .design-tab .exterior-tab-title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .design-tab .design-tab-title,
  .process-step-comp .right-side-section .tab-content .design-tab .exterior-tab-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.process-step-comp .right-side-section .tab-content .design-tab .design-content-vals {
  align-items: center !important;
  display: flex;
}
.process-step-comp .right-side-section .tab-content .design-tab .interior-list {
  margin-top: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .design-tab .interior-list {
    margin-top: 32px;
  }
}
.process-step-comp .right-side-section .tab-content .design-tab .interior-list .design-tab-title {
  margin-bottom: 16px;
}
.process-step-comp .right-side-section .tab-content .design-tab .interior-list .interior-desc {
  color: #646464;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px !important;
  max-width: 370px;
}
.process-step-comp .right-side-section .tab-content .design-tab .featurelist-content {
  margin-top: 8px;
}
.process-step-comp .right-side-section .tab-content .design-tab .featurelist-content .feature-list .feature-value {
  margin-top: 8px;
  margin-bottom: 24px;
}
.process-step-comp .right-side-section .tab-content .design-tab .feature-list .feature-label {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0px !important;
  max-width: 370px;
  color: #7a8084;
}
.process-step-comp .right-side-section .tab-content .design-tab .feature-list .feature-value {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 370px;
  color: #383737;
  padding: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .design-tab .feature-list .feature-value {
    max-width: 107px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .design-tab .feature-list .feature-value {
    max-width: 370px;
  }
}
.process-step-comp .right-side-section .tab-content .features-nav .nav-link {
  padding: 0 24px 0 0;
}
.process-step-comp .right-side-section .tab-content .standard-tab-details {
  width: 100%;
  min-height: 300px;
  overflow-y: auto;
}
.process-step-comp .right-side-section .tab-content .standard-tab-details::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.process-step-comp .right-side-section .tab-content .standard-tab-details::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.process-step-comp .right-side-section .tab-content .standard-tab-details::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin-bottom: 100px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .standard-tab-details::-webkit-scrollbar-track {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .standard-tab-details::-webkit-scrollbar-track {
    margin-bottom: 85px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .standard-tab-details {
    width: 100%;
    min-height: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .standard-tab-details {
    width: 100%;
    min-height: 400px;
  }
}
.process-step-comp .right-side-section .tab-content .standard-tab-details .packs-tab,
.process-step-comp .right-side-section .tab-content .standard-tab-details .standard-tab {
  margin-right: 16px;
}
.process-step-comp .right-side-section .tab-content .tab-title {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .tab-title {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .packs-tabContent {
    margin-right: 6px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .packs-tabContent {
    max-width: 100%;
    margin-right: 0px;
  }
}
.process-step-comp .right-side-section .tab-content .pack-tab-vals {
  border: 1px solid #eaeaec;
  padding: 19px 16px 23px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  color: #383737;
}
.process-step-comp .right-side-section .tab-content .pack-tab-vals.active {
  border: 1px solid #307fe2;
  padding: 19px 16px 23px 16px;
  margin-bottom: 8px;
}
.process-step-comp .right-side-section .tab-content .pack-tab-vals .icon-Trees:before {
  color: #383737;
  font-size: 16px;
  padding-right: 5px;
}
.process-step-comp .right-side-section .tab-content .pack-tab-vals .pack-details {
  display: flex;
  justify-content: space-between;
}
.process-step-comp .right-side-section .tab-content .pack-tab-vals .pack-details .pack-title {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #383737;
  padding: 0px !important;
}
.process-step-comp .right-side-section .tab-content .pack-tab-vals .pack-desc {
  padding-top: 11px;
  padding-bottom: 23px;
  color: #383737;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .pack-tab-vals .pack-desc {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.process-step-comp .right-side-section .tab-content .pack-tab-vals .cta-link {
  padding: 0px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .pack-tab-vals {
    min-height: 144px;
  }
}
.process-step-comp .right-side-section .tab-content .standard-tab .standard-details {
  margin-bottom: 8px;
  border: 1px solid #eaeaec;
}
.process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-image {
  padding: 16px 16px 0 16px;
}
.process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-image img {
  width: 100%;
  height: 160px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-image img {
    height: 170px;
  }
}
.process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-content {
  padding-left: 16px;
  padding-right: 16px;
}
.process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-content .standard-title {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 17px 0px 9px 0px !important;
  color: #383737;
}
.process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-content .standard-desc {
  padding-bottom: 16px;
  color: #383737;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-content .standard-desc {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-content .standard-desc {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-content .standard-desc {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .standard-tab .standard-details .standard-content .standard-desc {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .search {
  padding-bottom: 8px;
  border-bottom: 2px solid #383737;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
  margin-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .search {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .search {
    max-width: 100%;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .search .icon-Search {
  font-size: 20px;
  padding-right: 8px;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .search .searchItem {
  border: none;
  background: none;
  outline: none;
  width: 100%;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .search .searchItem {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .search .searchItem {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .search .searchItem {
    position: absolute;
    left: 19px;
    right: 32px;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item {
  min-height: 300px;
  overflow: auto;
  padding-right: 16px;
  background-color: transparent;
  border: 0;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin-bottom: 100px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item::-webkit-scrollbar-track {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item::-webkit-scrollbar-track {
    margin-bottom: 85px !important;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item:last-child {
  border-bottom: none;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .accordian-part {
  overflow: hidden;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header:first-child .accordion-button {
  padding-top: 0px !important;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  color: #383737;
  box-shadow: none !important;
  margin-bottom: 26px;
  padding: 0px 0px 0px 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .accordion-button {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .accordion-button {
    max-width: 100%;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .card-data {
  max-width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .card-data {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .card-data {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .card-data {
    display: block;
  }
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .card-data .accordion-collapse {
    float: left;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "\e956";
  font-size: 24px;
  font-family: 'icomoon' !important;
  background-image: none;
  color: #383737;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .collapsed::after {
  content: "\e958";
  font-size: 24px;
  font-family: 'icomoon' !important;
  background-image: none;
  color: #383737;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: none;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .price:focus {
  box-shadow: none !important;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header .price .collapsed .value-selected {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header {
    min-height: 400px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-header {
    min-height: 325px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse {
    width: 100%;
    padding-right: 0px !important;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 0px !important;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card {
  border-radius: 0px;
  margin-bottom: 8px;
  border: 1px solid #eaeaec;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card {
    width: 100%;
    min-width: 100%;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .img1 {
  width: 100%;
  padding: 16px;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .cards-image {
  margin: 16px 16px 17px 16px;
  flex-grow: 1;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .cards-image img {
  width: 100%;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body {
  margin: 0px 16px 16px 16px;
  padding: 0px;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .card-details .cards-content {
  display: flex;
  justify-content: space-between;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .card-details .card1-left {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0 !important;
  color: #383737;
  width: 72%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .card-details .card1-left {
    width: 178px;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .card-details .card1-right {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  word-break: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .card-details .card1-right {
    font-size: 16px;
    line-height: 20px;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .card1-desc {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 8px;
  padding-top: 9px;
  width: 100%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .card1-desc {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .card1-desc {
    width: 264px;
  }
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .learnmore-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .learnmore-part .learnmore-link {
  cursor: pointer;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .learnmore-part .learnmore-link .cta-link {
  padding-right: 0px;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .learnmore-part .learnmore-link .cta-link .icon-Arrow-Right {
  font-size: 12px;
  top: 0px;
  left: 8px;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .learnmore-part .plus-icon {
  background-color: #ffffff;
  border: 1px solid #307fe2;
  padding: 6px;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .learnmore-part .icon-Add {
  font-size: 20px;
  display: block;
  color: #307fe2;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card .card-body .learnmore-part .icon-Minus {
  font-size: 20px;
  display: none;
  color: #307fe2;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .accordion-collapse .accordion-body .card.active {
  border: 1px solid #307fe2;
}
.process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item .acc-collapse {
  display: block !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item {
    min-height: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .tab-content .accessories-tab .accordion .accordion-item {
    min-height: 400px;
  }
}
.process-step-comp .right-side-section .icon-Arrow-Right {
  position: relative;
  top: 2px;
  left: 5px;
}
.process-step-comp .right-side-section .bottom-section {
  display: flex;
  justify-content: space-between;
  height: 82px;
  position: absolute;
  bottom: 20px !important;
  width: 100%;
  background: #ffffff;
  opacity: 0.9;
  padding-right: 40px;
  align-items: center;
}
.process-step-comp .right-side-section .bottom-section .prev-steplink {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin-top: 24px;
  margin-bottom: 40px;
  padding: 0px !important;
}
.process-step-comp .right-side-section .bottom-section .prev-steplink .icon-Arrow-Left::before {
  position: relative;
  top: 2px;
  right: 5px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .bottom-section .prev-steplink {
    margin-bottom: 0px !important;
  }
}
.process-step-comp .right-side-section .bottom-section .next-steplink {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin-right: 40px !important;
  margin-top: 24px;
  margin-bottom: 40px;
  padding: 0px !important;
  margin-left: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .bottom-section .next-steplink {
    margin-right: 39px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .bottom-section .next-steplink {
    margin-right: 32px !important;
    margin-bottom: 0px !important;
  }
}
.process-step-comp .right-side-section .bottom-section .summary-link {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin-right: 40px !important;
  margin-top: 24px;
  margin-bottom: 40px;
  padding: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .bottom-section .summary-link {
    margin-right: 39px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .bottom-section .summary-link {
    margin-right: 32px !important;
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .bottom-section {
    padding-right: 39px;
    bottom: 36px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .bottom-section {
    bottom: 0px !important;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore {
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore {
    width: 100%;
    padding-right: 0px;
    padding-left: 80px;
    padding-top: 32px;
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore {
    width: 100%;
    padding-left: 0px !important;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 0px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content {
  border: 0px;
  padding: 0px 0px 36px 0px;
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header {
  padding-bottom: 40px;
  padding-right: 40px;
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .product-name {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  width: 293px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .product-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .product-name {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .product-name {
    padding-top: 0px;
    width: 424px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .product-name {
    width: auto;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .cross .icon-Cross {
  margin: 8px;
  border: none;
  background: #ffffff;
  float: right;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
  color: #383737;
  z-index: 999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .cross .icon-Cross {
    left: 90px;
    position: relative;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .cross .icon-Cross {
    font-size: 19px !important;
    margin: 6px;
    left: 37px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header .cross {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header {
    display: flex;
    padding-right: 136px;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-header {
    padding-bottom: 24px;
    padding-right: 37px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data {
  box-sizing: border-box;
  background: #ffffff;
  height: 360px;
  overflow-y: scroll;
  scrollbar-color: #7A8084;
  scrollbar-width: thin;
  padding-right: 20px;
  margin-right: 20px;
  /* width */
  /* Handle */
  /* Handle on hover */
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data::-webkit-scrollbar {
  display: unset;
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data::-webkit-scrollbar {
  width: 4px;
  height: 100px;
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data::-webkit-scrollbar-thumb {
  background: #7a8084;
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data::-webkit-scrollbar-thumb:hover {
  background: #7A8084;
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .product-name {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-top: 24px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .product-name {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .product-name {
    font-size: 24px;
    line-height: 24px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .popup-cards-image img {
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .popup-cards-image img {
    min-height: 289px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .popup-cards-image img {
    min-height: 168px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .product-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 40px;
  margin-bottom: 12px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .product-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .product-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .product-title {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .product-title {
    padding-top: 24px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .card-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .card-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .card-desc {
    padding-bottom: 24px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .key-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 12px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .key-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .key-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .key-body {
  margin-bottom: 40px;
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .key-body .key-data {
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .key-body .key-data {
    font-size: 16px;
    line-height: 20px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .key-body .key-data:last-child {
  padding-bottom: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .key-body {
    margin-bottom: 24px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .includes-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 12px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .includes-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .includes-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .includes-body .includes-data {
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .includes-body .includes-data {
    font-size: 16px;
    line-height: 20px;
  }
}
.process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data .includes-body .includes-data:last-child {
  padding-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data {
    padding-right: 116px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content .learnmore-body .popup-data {
    padding-right: 20px;
    margin-right: 10px;
    height: 530px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore .learnmore .learnmore-content {
    padding: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .right-side-section .accessories-learnmore {
    margin-bottom: 101px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .right-side-section .accessories-learnmore {
    margin-bottom: 24px;
  }
}
.process-step-comp .modal-packs-popup {
  position: relative;
  padding-left: 40px;
  width: 29%;
  padding-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup {
    width: 100%;
    padding-left: 120px;
    padding-top: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup {
    width: 100%;
    padding-left: 30px;
    padding-top: 16px;
  }
}
.process-step-comp .modal-packs-popup .icon-Cross {
  cursor: pointer;
  border: none;
  background: white;
  float: right;
  font-size: 40px;
  font-weight: 600;
  padding: 0px !important;
  z-index: 999;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .icon-Cross {
    position: absolute;
    right: 40px;
    top: -10px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .icon-Cross {
    position: absolute;
    left: 285px;
    font-size: 24px;
    top: -10px;
  }
}
.process-step-comp .modal-packs-popup .popup-content {
  padding-right: 40px;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .popup-content {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .popup-content {
    padding-right: 30px;
  }
}
.process-step-comp .modal-packs-popup .pack-name {
  padding-top: 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .pack-name {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .pack-name {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .packs-priceContent {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-top: 12px;
  }
}
.process-step-comp .modal-packs-popup .packs-priceContent .packs-len {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-top: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-priceContent .packs-len {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-priceContent .packs-len {
    padding-top: 12px;
  }
}
.process-step-comp .modal-packs-popup .packs-priceContent .pack-price {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #282828;
  padding-top: 16px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-priceContent .pack-price {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-priceContent .pack-price {
    padding-top: 12px;
    color: #383737;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .packs-priceContent .pack-price {
    padding-bottom: 0px;
    color: #383737;
    position: absolute;
    right: -16px;
  }
}
.process-step-comp .modal-packs-popup .packs-content {
  min-height: 343px;
  overflow-y: scroll;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-content {
    min-height: 400px;
  }
}
.process-step-comp .modal-packs-popup .packs-content .packs-list {
  border: 1px solid #eaeaec;
  padding: 16px;
  margin-bottom: 8px;
  margin-right: 0px;
}
.process-step-comp .modal-packs-popup .packs-content .packs-list:last-child {
  margin-bottom: 40%;
}
.process-step-comp .modal-packs-popup .packs-content .packs-list .packs-image {
  padding-bottom: 16px;
}
.process-step-comp .modal-packs-popup .packs-content .packs-list .packs-image img {
  width: 100%;
  max-height: 148px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-content .packs-list .packs-image img {
    min-width: 104px;
    max-height: 80px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .packs-content .packs-list .packs-image img {
    min-width: 64px;
    max-height: 50px;
  }
}
.process-step-comp .modal-packs-popup .packs-content .packs-list .packs-title {
  padding-bottom: 16px;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0 0 !important;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-content .packs-list .packs-title {
    margin-left: 16px;
    position: absolute;
    left: 100px;
    bottom: 35px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .packs-content .packs-list .packs-title {
    bottom: 31px !important;
    left: 65px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-content .packs-list {
    border: none;
    display: flex;
    padding: 0;
    position: relative;
  }
}
.process-step-comp .modal-packs-popup .packs-bottom-section {
  height: 122px;
  position: sticky;
  bottom: 0px !important;
  width: 100%;
  background: #ffffff;
  opacity: 0.8;
  display: flex;
  justify-content: end;
  flex-direction: column;
}
.process-step-comp .modal-packs-popup .packs-bottom-section .addPack-label,
.process-step-comp .modal-packs-popup .packs-bottom-section .removePack-label {
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  padding: 12px 24px;
  height: fit-content;
  width: fit-content;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .packs-bottom-section .addPack-label,
  .process-step-comp .modal-packs-popup .packs-bottom-section .removePack-label {
    padding: 12px 114px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp .modal-packs-popup .packs-bottom-section {
    position: absolute;
    bottom: 5% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp .modal-packs-popup .packs-bottom-section {
    position: absolute;
    bottom: 0% !important;
    max-width: 360px;
    display: block;
    height: fit-content;
    bottom: 2% !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .process-step-comp {
    flex-direction: column;
    position: relative;
  }
  .process-step-comp .left-side-section {
    width: 100%;
  }
  .process-step-comp .left-side-section .expandable-icon .icon-Expand {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .process-step-comp .left-side-section .collapse-icon .icon-Collapse {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .process-step-comp .left-side-section #one3d #canvasContainer #one3dcanvas {
    position: relative !important;
    max-width: 100% !important;
  }
  .process-step-comp .left-side-section #one3d #canvasContainer #one3dcanvas.expand-view {
    position: absolute !important;
    top: 30%;
  }
  .process-step-comp .left-side-section #one3d #cameraFade {
    max-width: 100%;
  }
  .process-step-comp .left-side-section #one3d #LoaderBG {
    max-width: 100%;
  }
  .process-step-comp .left-side-section .views {
    position: absolute;
    padding-bottom: 0px;
    text-align: center;
    width: 100%;
    bottom: 4px !important;
  }
  .process-step-comp .left-side-section .views.full-views {
    bottom: 0% !important;
  }
  .process-step-comp .right-side-section {
    padding-top: 24px;
    width: 100%;
  }
  .process-step-comp .right-side-section .top-section {
    display: flex;
    justify-content: space-between;
  }
  .process-step-comp .base-tab-details {
    position: sticky;
  }
  .process-step-comp .base-tab-details .persona-tab .cta-link {
    display: none;
  }
  .process-step-comp .base-tab-details .edition-tab-main {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
  }
  .process-step-comp .base-tab-details .edition-tab-main .col-md-4 {
    width: 30%;
    min-width: 224px;
  }
  .process-step-comp .base-tab-details .persona-tab-main {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
  }
  .process-step-comp .base-tab-details .persona-tab-main .col-md-4 {
    width: 30%;
    min-width: 224px;
  }
  .process-step-comp .specs-tab {
    padding-right: 0px;
  }
  .process-step-comp .fuel-tabContent,
  .process-step-comp .transmission-tabContent,
  .process-step-comp .engine-tabContent,
  .process-step-comp .seats-tabContent {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
  }
  .process-step-comp .fuel-tabContent .col-md-4,
  .process-step-comp .transmission-tabContent .col-md-4,
  .process-step-comp .engine-tabContent .col-md-4,
  .process-step-comp .seats-tabContent .col-md-4 {
    width: 30%;
  }
  .process-step-comp .battery-tabContent,
  .process-step-comp .motor-tabContent,
  .process-step-comp .charger-tabContent,
  .process-step-comp .drive-train-tabContent,
  .process-step-comp .seats-tabContent {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
  }
  .process-step-comp .battery-tabContent .col-md-4,
  .process-step-comp .motor-tabContent .col-md-4,
  .process-step-comp .charger-tabContent .col-md-4,
  .process-step-comp .drive-train-tabContent .col-md-4,
  .process-step-comp .seats-tabContent .col-md-4 {
    width: 30%;
  }
  .process-step-comp .exterior-tabContent {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
  }
  .process-step-comp .exterior-tabContent .col-md-4 {
    width: 30%;
    min-width: 224px;
  }
  .process-step-comp .featurelist-content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 8px;
  }
  .process-step-comp .featurelist-content .feature-list {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-step-comp {
    flex-direction: column;
  }
  .process-step-comp .left-side-section {
    width: 100%;
  }
  .process-step-comp .left-side-section .expandable-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    background: #7a8084;
    padding: 7px;
    margin: 24px;
    border: 2px solid #ffffff;
  }
  .process-step-comp .left-side-section .expandable-icon .icon-Expand {
    color: #ffffff;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .process-step-comp .left-side-section .collapse-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 0%;
    z-index: 1;
    margin: 24px;
    padding: 7px;
    background: #7a8084;
    border: 2px solid #ffffff;
  }
  .process-step-comp .left-side-section .collapse-icon .icon-Collapse {
    color: #ffffff;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .process-step-comp .left-side-section #one3d #canvasContainer #one3dcanvas {
    position: relative !important;
  }
  .process-step-comp .left-side-section #one3d #canvasContainer #one3dcanvas.expand-view {
    position: absolute !important;
    top: 28%;
  }
  .process-step-comp .left-side-section .views {
    position: absolute;
    padding-bottom: 0px !important;
    text-align: center;
    width: 100%;
    bottom: 5px !important;
  }
  .process-step-comp .left-side-section .views.full-views {
    bottom: 0% !important;
  }
  .process-step-comp .left-side-section .views .img-key {
    color: #ffffff;
    font-family: Poppins !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 17.6px !important;
    letter-spacing: 0.64px !important;
    border: none !important;
    background: transparent !important;
    text-decoration: none !important;
    margin-right: 16px !important;
    padding: 0 0 8px 0 !important;
    padding-bottom: 8px !important;
    cursor: pointer;
  }
  .process-step-comp .left-side-section .views .img-key:first-child {
    margin-left: 14px !important;
  }
  .process-step-comp .left-side-section .views .img-key.active {
    border-bottom: 2px solid #ffffff !important;
  }
  .process-step-comp .left-side-section .views .environment {
    padding: 0 0 0 3px !important;
    margin: 0px !important;
    margin-left: 15px !important;
    display: none;
  }
  .process-step-comp .left-side-section .views .studio {
    padding: 0 0 0 3px !important;
    margin: 0px !important;
    margin-left: 15px !important;
  }
  .process-step-comp .right-side-section .top-section {
    display: block !important;
  }
  .process-step-comp .right-side-section .config-bars-main .nav-main {
    padding-right: 32px;
  }
  .process-step-comp .right-side-section .config-bars-main .nav-main .nav-item {
    width: 19%;
    margin-right: 1%;
  }
  .process-step-comp .right-side-section .config-bars-main .nav-main .nav-item:last-child {
    margin-right: 0%;
  }
  .process-step-comp .right-side-section .config-bars-main .config-bars {
    border: 1px solid #eaeaec !important;
    width: 100% !important;
  }
  .process-step-comp .right-side-section .config-bars-main .config-bars.active {
    border: 1px solid #307fe2 !important;
    width: 100% !important;
  }
  .process-step-comp .right-side-section .nav-pills {
    padding-left: 0 !important;
  }
  .process-step-comp .base-tab-details .persona-tab .cta-link {
    display: none;
  }
  .process-step-comp .base-tab-details .edition-tab-main {
    flex-direction: column;
  }
  .process-step-comp .base-tab-details .persona-tab-main {
    flex-direction: column;
  }
  .process-step-comp .fuel-tabContent,
  .process-step-comp .transmission-tabContent,
  .process-step-comp .engine-tabContent,
  .process-step-comp .seats-tabContent {
    flex-direction: column;
  }
  .process-step-comp .exterior-tabContent {
    flex-direction: column;
  }
  .process-step-comp .featurelist-content {
    flex-direction: column;
  }
}

.price-info-comp .price-container .pricelabel {
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  color: #7a8084;
  letter-spacing: normal;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-info-comp .price-container .pricelabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.price-info-comp .price-container .pricecurrency {
  text-align: center;
  margin-bottom: 40px;
}
.price-info-comp .price-container .pricecurrency .currencylabel {
  text-align: center;
}
.price-info-comp .price-container .startedlabel {
  text-align: center;
}
.price-info-comp .price-container .startedlabel a {
  text-decoration: underline;
}
.price-info-comp .price-container .startedlabel a .cta-btn {
  padding: 12px 24px;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
.price-info-comp .price-container .startedlabel a .cta-btn:focus {
  outline: none;
}
.price-info-comp .price-container .startedlabel a .cta-btn.disabled {
  color: #7a8084;
  border: 2px solid #7a8084;
  opacity: 0.5;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .price-info-comp .price-container .pricelabel {
    margin-bottom: 8px;
  }
  .price-info-comp .price-container .pricecurrency {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .price-info-comp .price-container .pricelabel {
    margin-bottom: 8px;
  }
  .price-info-comp .price-container .pricecurrency {
    margin-bottom: 16px;
  }
  .price-info-comp .price-container .startedlabel a .cta-btn {
    padding: 12px 101px;
  }
}

.pre-populate-tiles-comp .accessories-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 47px;
}
.pre-populate-tiles-comp .accessories-header .arrow-buttons {
  border: 2px solid #307fe2;
  color: #307fe2;
}
.pre-populate-tiles-comp .accessories-tiles {
  display: flex;
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content {
  background: #ffffff;
  width: 396px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content {
    width: 320px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content {
    width: 248px;
  }
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items {
  padding: 24px;
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .accessories-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737 !important;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .accessories-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .accessories-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .accessories-price {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084 !important;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .accessories-price {
    font-size: 16px;
    line-height: 20px;
  }
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .accessories-desc {
  word-break: break-word;
  color: #7a8084 !important;
  margin-bottom: 40px;
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .cta-button {
  padding: 15px 60px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  border: 2px solid #307fe2;
  color: #307fe2;
  width: 100%;
  background-color: #ffffff !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .cta-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .cta-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .success-button {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .success-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .success-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .success-button .icon-Delete {
  color: #307fe2 !important;
  padding-left: 36% !important;
}
.pre-populate-tiles-comp .accessories-tiles .tiles-content .accessories-items .success-button .icon-Tick {
  color: #609f65;
  padding-right: 11px;
}
.pre-populate-tiles-comp .owl-next,
.pre-populate-tiles-comp .owl-prev {
  padding: 15px;
  border: solid 1px #307fe2;
  background-color: #ffffff;
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-populate-tiles-comp .owl-next,
  .pre-populate-tiles-comp .owl-prev {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pre-populate-tiles-comp .owl-next,
  .pre-populate-tiles-comp .owl-prev {
    display: none;
  }
}

.enhance-vehicle-comp .cmp-tabs {
  margin: auto;
  width: 100%;
}
.enhance-vehicle-comp .cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .cmp-tabs__tablist {
    margin-bottom: 40px;
  }
}
.enhance-vehicle-comp .cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: 0px;
  margin-left: 20px;
  margin-right: 20px;
  cursor: pointer;
  text-align: center;
}
.enhance-vehicle-comp .cmp-tabs__tab.first {
  margin-left: 0px;
  margin-right: 20px;
}
.enhance-vehicle-comp .cmp-tabs__tab.last {
  margin-left: 20px;
  margin-right: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .enhance-vehicle-comp .cmp-tabs__tab {
    margin-left: 32px;
    margin-right: 32px;
  }
  .enhance-vehicle-comp .cmp-tabs__tab.first {
    margin-left: 0px;
    margin-right: 32px;
  }
  .enhance-vehicle-comp .cmp-tabs__tab.last {
    margin-left: 32px;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .cmp-tabs__tab {
    margin-left: 6px;
    margin-right: 6px;
  }
  .enhance-vehicle-comp .cmp-tabs__tab.first {
    margin-left: 0px;
    margin-right: 6px;
  }
  .enhance-vehicle-comp .cmp-tabs__tab.last {
    margin-left: 6px;
    margin-right: 0px;
  }
}
.enhance-vehicle-comp .cmp-tabs__tab--active {
  border-color: none;
}
.enhance-vehicle-comp .cmp-tabs__tab--active .cmp-tabs__image-wrapper {
  background-color: #307fe2;
}
.enhance-vehicle-comp .cmp-tabs__tab--active .cmp-tabs__image {
  filter: brightness(0) invert(1);
}
.enhance-vehicle-comp .cmp-tabs__tab--active .cmp-tabs__title {
  color: #307fe2;
}
.enhance-vehicle-comp .cmp-tabs__image-wrapper {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #f8f8f8;
  padding: 19px;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .enhance-vehicle-comp .cmp-tabs__image-wrapper {
    margin-left: 9px;
    margin-right: 9px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .cmp-tabs__image-wrapper {
    width: 64px;
    height: 64px;
    padding: 18px;
    margin-left: 14px;
    margin-right: 14px;
  }
}
.enhance-vehicle-comp .cmp-tabs__image {
  width: 41.33px;
  height: 42.46px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .cmp-tabs__image {
    width: 27px;
    height: 27px;
  }
}
.enhance-vehicle-comp .cmp-tabs__title {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-top: 12px;
}
.enhance-vehicle-comp .cmp-tabs__tabpanel {
  display: none;
}
.enhance-vehicle-comp .cmp-tabs__tabpanel--active {
  display: block;
}
.enhance-vehicle-comp .ttil-view .image-section img {
  width: 500px;
  height: 520px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .enhance-vehicle-comp .ttil-view .image-section img {
    width: 336px;
    height: 252px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .ttil-view .image-section img {
    width: 300px;
    height: 168px;
  }
}
.enhance-vehicle-comp .ttil-view .text-container {
  padding-left: 124px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .enhance-vehicle-comp .ttil-view .text-container {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .ttil-view .text-container {
    padding-left: 0px;
  }
}
.enhance-vehicle-comp .ttil-view .text-container .eyebrow-text {
  padding: 152px 0px 12px 0px;
  color: #383737;
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .enhance-vehicle-comp .ttil-view .text-container .eyebrow-text {
    padding: 12px 0px 8px 0px;
    max-width: 312px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .ttil-view .text-container .eyebrow-text {
    padding: 12px 0px 8px 0px;
  }
}
.enhance-vehicle-comp .ttil-view .text-container .ttil-title {
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .enhance-vehicle-comp .ttil-view .text-container .ttil-title {
    padding-bottom: 0px !important;
    max-width: 312px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .ttil-view .text-container .ttil-title {
    padding-bottom: 8px !important;
  }
}
.enhance-vehicle-comp .ttil-view .text-container .ctn-wrap .ttil-description {
  padding-bottom: 43px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .enhance-vehicle-comp .ttil-view .text-container .ctn-wrap .ttil-description {
    padding-bottom: 35px !important;
    max-width: 312px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .ttil-view .text-container .ctn-wrap .ttil-description {
    padding-bottom: 25px !important;
  }
}
.enhance-vehicle-comp .ttil-view .text-container .ttil-carousel-arrows .arrow {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
}
.enhance-vehicle-comp .ttil-view .text-container .ttil-carousel-arrows .slide-info {
  margin: 0px 18px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .ttil-view .text-container .ttil-carousel-arrows .slide-info {
    margin: 0px 117px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .enhance-vehicle-comp .ttil-view .image-section,
  .enhance-vehicle-comp .ttil-view .text-wrapper {
    display: flex;
    justify-content: center;
  }
}

.configurator-vehicle-hero-comp .configurator-body .configurator-details {
  width: 100%;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list {
  display: flex;
  flex-direction: row;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left {
  width: 50%;
  padding-bottom: 64px;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .image-section img {
  padding: 64px 40px 24px 40px;
  width: 100%;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-label {
  text-align: center;
  margin-left: 42%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-label {
    margin-left: 37%;
  }
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-dots {
  text-align: center;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-dots .color-button {
  display: inline-flex;
  margin: 4px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #383737;
  margin-right: 40px;
  position: relative;
  justify-content: center;
  align-items: center;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-dots .color-button:last-child {
  margin-right: 0px;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-dots .color-button .selected-color {
  display: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin: 4px;
  position: absolute;
  background-color: #ffffff;
  color: #ffffff;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-dots .color-button .icon-Tick {
  color: #646464 !important;
  position: static;
  font-size: 16px;
  z-index: 9;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data {
  width: 50%;
  padding-top: 172px;
  min-width: 500px;
  padding-left: 106px;
  padding-right: 106px;
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .eyebrow-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .eyebrow-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .configurator-details-right .color-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .configurator-details-right .color-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .configurator-details-right .color-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .configurator-details-right .desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .configurator-details-right .desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left {
    padding-bottom: 32px;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left img {
    padding: 76px 0px 12px 0px !important;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-dots .color-button {
    margin: 2px;
    width: 32px;
    height: 32px;
    margin-right: 24px;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left .color-dots .color-button .icon-Tick {
    font-size: 10px;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data {
    padding-top: 69.5px;
    min-width: 384px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .eyebrow-text {
    padding-bottom: 8px;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .configurator-details-right .color-title {
    padding-bottom: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list {
    flex-direction: column;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left {
    width: 100% !important;
    padding-bottom: 24px;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .configurator-details-left img {
    padding: 24px 0px 8px 0px !important;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data {
    min-width: 100% !important;
    padding: 60px 30px 32px 30px !important;
  }
  .configurator-vehicle-hero-comp .configurator-body .configurator-details .car-details-list .right-data .configurator-details-right .color-title {
    padding-bottom: 16px;
  }
}

.configurator-locator-comp h4 {
  margin-bottom: 24px;
}
.configurator-locator-comp .details .left-section p {
  color: #7a8084;
  margin: 0px;
}
.configurator-locator-comp .details .right-section {
  padding-left: 124px;
}
.configurator-locator-comp .details .right-section .city-list-options {
  max-width: 100%;
}
.configurator-locator-comp .details .right-section .city-list-options .cities {
  z-index: 100;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down {
  width: 100%;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down p {
  padding-bottom: 8px;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .selected a span h6 {
  width: 91%;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-locator-comp .details .right-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-locator-comp .details .right-section .city-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .cities ul li {
  width: fit-content;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.configurator-locator-comp .details .right-section .city-list-options .drop-down p {
  color: #7a8084;
  margin: 0%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-locator-comp .details {
    display: flex;
    flex-direction: column-reverse;
  }
  .configurator-locator-comp .details .left-section {
    width: 100%;
  }
  .configurator-locator-comp .details .right-section {
    width: 100%;
    padding-left: 0px !important;
  }
  .configurator-locator-comp .details .right-section .city-list-options {
    max-width: 48.84% !important;
  }
  .configurator-locator-comp .details .right-section .city-list-options .drop-down {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-locator-comp .details .right-section .city-list-options {
    max-width: 100% !important;
  }
}

.configurator-banner-comp .banner-images-main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.configurator-banner-comp .banner-images-main .backgroundimg {
  position: relative;
  max-width: 100%;
  height: 100%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-banner-comp .banner-images-main .backgroundimg {
    min-height: 414px;
  }
}
.configurator-banner-comp .banner-images-main .eyebrow-text {
  position: absolute;
  top: 119px;
  left: 0px;
  right: 0px;
  text-align: center;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-banner-comp .banner-images-main .eyebrow-text {
    top: 48px;
    font-weight: 300;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-banner-comp .banner-images-main .eyebrow-text {
    top: 60px;
    font-weight: 300;
  }
}
.configurator-banner-comp .banner-images-main .title {
  position: absolute;
  text-align: center;
  top: 154px;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-banner-comp .banner-images-main .title {
    top: 75px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-banner-comp .banner-images-main .title {
    top: 86px;
    width: 64%;
    text-align: center;
  }
}
.configurator-banner-comp .carleftimg {
  position: absolute;
  top: 119px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  max-width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .configurator-banner-comp .carleftimg {
    margin-left: auto;
    margin-right: auto;
    max-width: 660px;
    top: 23px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .configurator-banner-comp .carleftimg {
    max-width: 360px;
    top: 105px;
    bottom: 0px;
  }
}

.build-budget-comp .parent {
  position: relative;
}
.build-budget-comp .image {
  width: 100%;
  height: 490px;
}
.build-budget-comp .model {
  width: 436px;
  height: 362px;
  position: absolute;
  left: 64px;
  background-color: white;
  padding: 40px;
  top: 64px;
}
.build-budget-comp .model .title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .build-budget-comp .model .title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .build-budget-comp .model .title {
    font-size: 24px;
    line-height: 24px;
  }
}
.build-budget-comp .model .desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .build-budget-comp .model .desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.build-budget-comp .model .tabs {
  padding-bottom: 24px;
}
.build-budget-comp .model .tabs #tabs-nav {
  display: flex;
  padding-left: 0px;
  margin-bottom: 0px;
}
.build-budget-comp .model .tabs #tabs-nav .total {
  list-style: none;
}
.build-budget-comp .model .tabs #tabs-nav .total a button {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 12px 0px;
  width: 178px;
  height: 42px;
  border: solid 2px #307fe2;
  color: #307fe2;
  outline: none;
  background-color: #ffffff;
}
.build-budget-comp .model .tabs #tabs-nav .total a button.active {
  background-color: #307fe2;
  border: solid 2px #307fe2;
  outline: none;
  color: #ffffff;
}
.build-budget-comp .model .label {
  padding-top: 24px;
}
.build-budget-comp .model .label a {
  text-decoration: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .build-budget-comp .model .label a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .build-budget-comp .model .label a {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.build-budget-comp .model .label a .link-label .icon-Arrow-Right::before {
  font-family: icomoon !important;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: rgba(122, 128, 132, 0.5);
  padding-left: 8px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .build-budget-comp .model .label a .link-label .icon-Arrow-Right::before {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.build-budget-comp .model .label .disabled {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5) !important;
}
.build-budget-comp .model .label .active {
  color: #307fe2 !important;
}
.build-budget-comp .model .label .active .icon-Arrow-Right::before {
  color: #307fe2 !important;
}
.build-budget-comp .model .dropdown {
  border-bottom: 2px solid #383737;
  display: block;
}
.build-budget-comp .model .dropdown #tab1 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.build-budget-comp .model .dropdown #tab2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.build-budget-comp .model .dropdown .dropdown-menu {
  display: none;
  width: 100%;
}
.build-budget-comp .model .btn {
  background-color: transparent;
  color: #383737;
  border: none;
  padding: 0px 0px 8px 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .build-budget-comp .model .btn {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .build-budget-comp .model .btn {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.build-budget-comp .model .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.build-budget-comp .dropdown-toggle::after {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .build-budget-comp .image {
    width: 688px;
    height: 436px;
  }
  .build-budget-comp .model {
    padding: 24px;
    width: 304px;
    height: 372px;
    left: 32px;
    top: 32px;
  }
  .build-budget-comp .model .desc p {
    margin-bottom: 0px;
  }
  .build-budget-comp .model .tabs #tabs-nav .total {
    width: 100%;
  }
  .build-budget-comp .model .tabs #tabs-nav .total a button {
    padding: 12px 0px;
    width: 100%;
  }
  .build-budget-comp .model .btn::after {
    margin-left: 3.1em;
  }
  .build-budget-comp .model .label {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .build-budget-comp .parent {
    width: 100%;
    background: #fff;
    padding-left: 16px;
    padding-right: 16px;
  }
  .build-budget-comp .parent .image {
    width: 100%;
    height: auto;
    position: static;
    margin-top: 16px;
  }
  .build-budget-comp .parent .model {
    position: relative;
    left: 0px;
    top: 37%;
    padding: 0px;
    height: 313px;
    width: 100%;
  }
  .build-budget-comp .parent .model .title {
    padding-top: 24px;
    padding-bottom: 16px;
  }
  .build-budget-comp .parent .model .label {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .build-budget-comp .parent .model .tabs {
    padding-bottom: 26px;
  }
  .build-budget-comp .parent .model .tabs #tabs-nav .total {
    width: 100%;
  }
  .build-budget-comp .parent .model .tabs #tabs-nav .total a button {
    width: 100%;
  }
}

.almost-there-section-comp .almost-there-title {
  color: #383737;
}
.almost-there-section-comp .almost-there-desc {
  margin-top: 16px;
  color: #7a8084;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .almost-there-section-comp .almost-there-desc {
    margin-bottom: 24px;
  }
}
.almost-there-section-comp .progress-line {
  background: linear-gradient(to right, #307fe2 75%, #eaeaec 25%);
  height: 8px;
  margin-top: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .almost-there-section-comp .progress-line {
    margin-top: 0px !important;
  }
}

.news-and-events-tiles-comp {
  position: relative;
}
.news-and-events-tiles-comp .new_event_title {
  color: #383737;
}
.news-and-events-tiles-comp .view-all {
  padding-top: 8px;
}
.news-and-events-tiles-comp .view-all .view-all-cards {
  color: #307fe2 !important;
  display: inline;
  padding-right: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.news-and-events-tiles-comp .view-all .icon-Arrow-Right {
  color: #307fe2;
  font-size: 12px;
}
.news-and-events-tiles-comp .owl-carousel {
  display: flex;
  overflow-x: auto;
  overflow: visible;
}
@media only screen and (max-width: 991px) {
  .news-and-events-tiles-comp .owl-carousel {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .news-and-events-tiles-comp .owl-carousel {
    overflow-x: auto;
  }
}
.news-and-events-tiles-comp .cards-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-top: 40px;
}
.news-and-events-tiles-comp .cards-container .cards-container-img {
  margin-bottom: 16px;
  height: auto;
  display: block;
  object-fit: cover;
}
.news-and-events-tiles-comp .cards-container .cards-container-desc {
  height: 63px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .news-and-events-tiles-comp .cards-container .cards-container-desc {
    height: 75px;
    -webkit-line-clamp: 3;
  }
}
.news-and-events-tiles-comp .cards-container .cards-container-teasersubtitle {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 120%;
  color: #7a8084;
  padding-bottom: 8px;
}
.news-and-events-tiles-comp .cards-container .cards-container-teasertitle {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 8px;
  margin: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .news-and-events-tiles-comp .cards-container .cards-container-teasertitle {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .news-and-events-tiles-comp .cards-container .cards-container-teasertitle {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.news-and-events-tiles-comp .cards-container .cards-container-path {
  padding-top: 8px;
}
.news-and-events-tiles-comp .cards-container .cards-container-path .path {
  color: #307fe2 !important;
  display: inline;
  padding-right: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.news-and-events-tiles-comp .cards-container .cards-container-path .icon-Arrow-Right {
  color: #307fe2;
  font-size: 12px;
}
.news-and-events-tiles-comp .owl-carousel .owl-stage-outer {
  margin-left: 0px;
}
.news-and-events-tiles-comp .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
  padding-left: 0px !important;
  align-items: flex-end;
}
.news-and-events-tiles-comp .owl-carousel .owl-nav {
  position: absolute;
  margin-top: 0px;
  top: -70px;
  right: 106px;
}
.news-and-events-tiles-comp .owl-carousel .owl-nav .owl-prev {
  outline: none;
}
.news-and-events-tiles-comp .owl-carousel .owl-nav .owl-prev .icon-Arrow-Left:before {
  color: #307fe2;
  border: 1px solid #307fe2;
  padding: 10px;
  display: block;
}
.news-and-events-tiles-comp .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left {
  cursor: default;
}
.news-and-events-tiles-comp .owl-carousel .owl-nav .owl-prev.disabled .icon-Arrow-Left:before {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.news-and-events-tiles-comp .owl-carousel .owl-nav .owl-next {
  outline: none;
  margin-left: 12px;
}
.news-and-events-tiles-comp .owl-carousel .owl-nav .owl-next .icon-Arrow-Right:before {
  color: #307fe2;
  border: 1px solid #307fe2;
  padding: 10px;
  display: block;
}
.news-and-events-tiles-comp .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right {
  cursor: default;
}
.news-and-events-tiles-comp .owl-carousel .owl-nav .owl-next.disabled .icon-Arrow-Right:before {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.news-and-events-tiles-comp .owl-carousel .owl-dots {
  display: none;
}
.news-and-events-tiles-comp .pagination {
  position: absolute;
  top: -14px;
  right: 139px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: normal;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .corelated-article-comp {
    padding-left: 40px;
  }
  .corelated-article-comp .pagination {
    display: none;
  }
  .corelated-article-comp .corelated_articles_title {
    padding-right: 40px;
  }
  .corelated-article-comp .owl-carousel .owl-stage-outer {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .corelated-article-comp {
    padding-left: 30px;
  }
  .corelated-article-comp .pagination {
    display: none;
  }
  .corelated-article-comp .corelated_articles_title {
    padding-right: 30px;
  }
  .corelated-article-comp .corelated-cards .corelated-teasertitle {
    padding-bottom: 12px;
  }
  .corelated-article-comp .corelated-cards .corelated-description {
    padding-bottom: 26px;
  }
  .corelated-article-comp .owl-carousel .owl-stage-outer {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .corelated-article-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .corelated-article-comp .owl-carousel .owl-stage-outer {
    overflow-x: auto;
  }
}

.concept-design-comp .concept-design-details {
  display: flex;
  padding-left: 110px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .concept-design-comp .concept-design-details {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .concept-design-comp .concept-design-details {
    padding-left: 0px;
    flex-direction: column;
  }
}
.concept-design-comp .concept-design-details .left-side-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 110px;
  max-height: 278px;
  margin: auto;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .concept-design-comp .concept-design-details .left-side-section {
    width: 100%;
    order: 2;
    padding-left: 30px;
    max-height: none;
    padding-bottom: 40px;
    padding-right: 30px;
  }
}
.concept-design-comp .concept-design-details .left-side-section .design-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .concept-design-comp .concept-design-details .left-side-section .design-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .concept-design-comp .concept-design-details .left-side-section .design-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .concept-design-comp .concept-design-details .left-side-section .design-title {
    margin-top: 24px;
  }
}
.concept-design-comp .concept-design-details .left-side-section .concept-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .concept-design-comp .concept-design-details .left-side-section .concept-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .concept-design-comp .concept-design-details .left-side-section .concept-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .concept-design-comp .concept-design-details .left-side-section .concept-title {
    margin-top: 60px;
    margin-bottom: 24px;
  }
}
.concept-design-comp .concept-design-details .left-side-section .concept-text {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .concept-design-comp .concept-design-details .left-side-section .concept-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.concept-design-comp .concept-design-details .left-side-section .disclaimer-title {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  margin-top: 64px;
}
.concept-design-comp .concept-design-details .left-side-section .range {
  position: relative;
}
.concept-design-comp .concept-design-details .left-side-section .range .image-slider {
  width: 100%;
  border: none;
  border-bottom: 4px solid #eaeaec;
}
.concept-design-comp .concept-design-details .left-side-section .range input {
  margin-top: 15px;
}
.concept-design-comp .concept-design-details .left-side-section .range input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
.concept-design-comp .concept-design-details .left-side-section .range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid #307fe2;
  height: 16px;
  width: 16px;
  border-radius: 25px;
  background: #ffffff;
  cursor: pointer;
}
.concept-design-comp .concept-design-details .left-side-section .range input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
}
.concept-design-comp .concept-design-details .left-side-section .image-step-details {
  display: flex;
  position: absolute;
  width: 100%;
  justify-content: space-between;
  bottom: -10px;
  align-items: center;
}
.concept-design-comp .concept-design-details .left-side-section .image-step-details:before {
  content: "";
  position: absolute;
  width: var(--width, '');
  left: 0;
  height: 4px;
  background: #307fe2;
  top: 9px;
  z-index: 0;
}
.concept-design-comp .concept-design-details .left-side-section .step-details {
  width: 16px;
  height: 16px;
  background-color: #eaeaec;
  border: 2px solid #eaeaec;
  border-radius: 16px;
  cursor: pointer;
  position: relative;
  z-index: 9;
}
.concept-design-comp .concept-design-details .left-side-section .active {
  width: 16px;
  height: 16px;
  background-color: #307fe2;
  border: 2px solid #307fe2;
  border-radius: 16px;
}
.concept-design-comp .concept-design-details .left-side-section .initial-default-step {
  width: 16px;
  height: 16px;
  background-color: #307fe2;
  border: 2px solid #307fe2;
  border-radius: 16px;
  position: absolute;
  bottom: -5px;
  cursor: pointer;
}
.concept-design-comp .concept-design-details .left-side-section .default-step {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 16px;
  border: 2px solid #307fe2;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .concept-design-comp .concept-design-details .right-side-section {
    order: 1;
  }
}
.concept-design-comp .concept-design-details .right-side-section .images-section .image-element img {
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .concept-design-comp .concept-design-details .right-side-section .images-section .image-element img {
    width: 100%;
  }
}
.concept-design-comp .concept-design-details .right-side-section .images-section .image-element img:first-child {
  display: block;
}

.charging-stations-comp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .charging-stations-comp {
    flex-direction: column-reverse;
    padding: 64px 30px;
  }
}
.charging-stations-comp .charging-station-stepper {
  max-width: 630px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .charging-stations-comp .charging-station-stepper {
    max-width: 336px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .charging-stations-comp .charging-station-stepper {
    max-width: 300px;
    flex-direction: column-reverse;
  }
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container {
  margin-bottom: 64px;
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps {
  display: flex;
  width: 74.9%;
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps .charging-station-step {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps .charging-station-step .charging-station-button {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps .charging-station-step .charging-station-button .steps-button {
  height: 24px;
  border-radius: 50%;
  width: 24px;
  background-color: transparent;
  border: 2px solid rgba(122, 128, 132, 0.5);
  cursor: pointer;
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps .charging-station-step .charging-station-button .year-label {
  width: max-content;
  margin-top: 8px;
  margin-bottom: 0px;
  color: #383737;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.64px;
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps .charging-station-step hr {
  align-items: baseline;
  margin: 0px;
  width: 84px;
  border: 2px solid #eaeaec;
  opacity: 1;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps .charging-station-step hr {
    width: 33.6px;
  }
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps .charging-station-step.active .steps-button {
  background-color: #4caab8;
  border: 0px;
}
.charging-stations-comp .charging-station-stepper .charging-station-steps-container .charging-station-steps .charging-station-step.active .year-label {
  color: #4caab8;
}
.charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-station-steppers .locations-count {
  color: #383737;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #383737;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-station-steppers .locations-count {
    margin-bottom: 4px;
    -webkit-text-stroke-width: 1px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-station-steppers .locations-count {
    margin-top: 11px;
  }
}
.charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-station-steppers.active {
  display: block;
}
.charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-title {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-title {
    margin-bottom: 13px;
  }
}
.charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-desc {
  color: #7a8084;
  width: 83.1%;
  margin-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-desc {
    width: 99.6%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .charging-stations-comp .charging-station-stepper .charging-station-stepper-container .charging-desc {
    margin-bottom: 32px;
  }
}
.charging-stations-comp .charging-station-image .image-section.active {
  display: block;
}
.charging-stations-comp .charging-station-image .image-section img {
  max-width: 720px;
  max-height: 800px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .charging-stations-comp .charging-station-image .image-section img {
    max-width: 336px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .charging-stations-comp .charging-station-image .image-section img {
    max-width: 300px;
  }
}

.brand-feature-list .row {
  position: relative;
}
.brand-feature-list .row .left_block {
  position: absolute;
  width: 56%;
  height: auto;
  padding-left: 106px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-feature-list .row .left_block {
    padding-left: 40px !important;
    width: 100%;
    position: absolute;
    bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .brand-feature-list .row .left_block {
    padding-left: 40px !important;
    width: 100%;
    position: absolute;
    bottom: 0px;
  }
}
.brand-feature-list .row .left_block .brand-feature-description {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-right: 135px !important;
  width: 100% !important;
  color: #ffffff;
  padding-top: 97px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-feature-list .row .left_block .brand-feature-description {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .brand-feature-list .row .left_block .brand-feature-description {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-feature-list .row .left_block .brand-feature-description {
    padding-right: 0px !important;
    max-width: 332px;
  }
}
.brand-feature-list .row .left_block ul.product_feature {
  list-style-type: none;
  padding: 0;
  margin-top: 40px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-feature-list .row .left_block ul.product_feature {
    display: flex;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .brand-feature-list .row .left_block ul.product_feature {
    display: flex;
    overflow: auto;
    margin-top: 32px;
  }
}
.brand-feature-list .row .left_block ul.product_feature li {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #ffffff;
  width: fit-content;
  text-align: left;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-feature-list .row .left_block ul.product_feature li {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .brand-feature-list .row .left_block ul.product_feature li {
    margin-right: 24px;
  }
}
.brand-feature-list .row .left_block ul.product_feature li:hover {
  color: #ffffff;
  width: fit-content;
}
.brand-feature-list .row .left_block ul.product_feature li.cta-btn {
  margin-bottom: 24px !important;
  padding: 0 0 8px !important;
  font-weight: 400 !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-feature-list .row .left_block ul.product_feature li.cta-btn {
    padding: 0 0 10px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .brand-feature-list .row .left_block ul.product_feature li.cta-btn {
    padding-bottom: 8px !important;
    white-space: nowrap;
  }
}
.brand-feature-list .row .left_block ul.product_feature li.active {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #ffffff !important;
  width: fit-content;
  border-bottom: 2px solid #307fe2;
  padding: 0 0 8px;
}
.brand-feature-list .row .left_block ul.product_feature li.active.cta-btn {
  font-weight: 500 !important;
}
.brand-feature-list .row .right_block img {
  width: 100%;
}
.brand-feature-list .row .right_block .tml-player {
  position: static;
}
.brand-feature-list .row .right_block .tml-player--thumbnail {
  position: static;
}
.brand-feature-list .row .right_block .tml-player-controls {
  position: static;
}

.your-vehicle-service-comp .vehicle-service {
  background-color: #ffffff;
}
.your-vehicle-service-comp .vehicle-service .serviceTitle {
  color: #383737;
  padding: 80px 0px 41px 80px;
  margin-bottom: 0px;
}
.your-vehicle-service-comp .vehicle-service .headline {
  border-bottom: solid 1px #eaeaec;
}
.your-vehicle-service-comp .vehicle-service .service-banner {
  margin: 80px 80px 0px 80px;
}
.your-vehicle-service-comp .vehicle-service .service-banner .color-indicator {
  max-width: 8px;
  background: #f39b5b;
}
.your-vehicle-service-comp .vehicle-service .service-banner .service-text {
  background: #383737;
  color: #ffffff;
}
.your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-left-container .service-title {
  padding: 24px 0px 8px 32px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-left-container .service-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-left-container .service-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-left-container .service-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding: 0px 0px 24px 32px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-left-container .service-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-left-container .service-desc p {
  margin: 0px;
}
.your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-right-container .button {
  padding-top: 28px;
  margin-left: 64px;
  cursor: pointer;
}
.your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-right-container .button a {
  text-decoration: none;
}
.your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-right-container .button a .book-now-button {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #ffffff;
  border: 1px Solid #ffffff !important;
  background-color: transparent;
}
.your-vehicle-service-comp .vehicle-service .current-package {
  margin: 0px 80px 0px 90px;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  padding-top: 40px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .current-package {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .current-package {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.your-vehicle-service-comp .vehicle-service .package {
  margin: 0px 80px 0px 80px;
  background: #f8f8f8;
}
.your-vehicle-service-comp .vehicle-service .package .package-left-container .package-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding: 40px 0px 16px 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .package .package-left-container .package-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .package .package-left-container .package-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.your-vehicle-service-comp .vehicle-service .package .package-left-container .package-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .package .package-left-container .package-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container {
  padding-left: 40px;
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .package-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding: 40px 0px 16px 0px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .package-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .key-features .keyFeaturesLabel {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 8px;
  color: #383737;
}
@media only screen and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .key-features .keyFeaturesLabel {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .key-features .features li {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  padding-bottom: 4px;
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .features {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 4px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .features {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .add-more {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 16px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .add-more {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .button-more-info {
  padding-top: 16px;
  padding-bottom: 40px;
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .button-more-info a {
  text-decoration: none;
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .button-more-info a .more-info-button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin: 0px;
  padding: 0px;
}
.your-vehicle-service-comp .vehicle-service .package .package-right-container .button-more-info a .icon-Arrow-Right {
  font-size: 12px;
  color: #307fe2;
  padding-left: 8px;
}
.your-vehicle-service-comp .vehicle-service .line {
  border-bottom: solid 1px #eaeaec;
  margin: 40px 80px 0px 80px;
}
.your-vehicle-service-comp .vehicle-service .my-services-title {
  margin: 40px 80px 0px 80px;
  color: #383737;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .my-services-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .my-services-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.your-vehicle-service-comp .vehicle-service .my-services-desc {
  margin: 0px 80px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding: 0px 0px 42px 0px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .my-services-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .my-services-desc p {
  margin: 0px;
}
.your-vehicle-service-comp .vehicle-service .tabs {
  margin: 0px 80px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab {
  border-bottom: none;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection {
  width: auto;
  margin-left: auto;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .select2 .selection {
  display: flex;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .select2 .selection .select2-selection {
  border: 2px solid #307fe2;
  padding: 12px 24px;
  margin: 0;
  height: auto;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .select2 .selection .select2-selection .select2-selection__rendered {
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .select2 .selection .select2-selection .select2-selection__rendered {
    bottom: -2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .select2 .selection .select2-selection .select2-selection__rendered {
    padding-right: 8px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .select2 .selection .select2-selection .select2-selection__arrow {
  color: #307fe2;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .select2 .selection .select2-selection .select2-selection__arrow b {
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .select2 .selection .select2-selection {
    padding: 12px 110px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection #year-dropdown_ddParent .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option--selected {
  background-color: #307fe2;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .dropdowmYear {
  border: 2px Solid #307fe2;
  padding: 10px 24px;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .dropdownSelection .dropdowmYear {
    padding: 12px 142px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .nav-link {
  color: #7a8084;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  font-weight: 500;
  padding: 0;
  margin-right: 23px;
  padding-bottom: 8px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .nav-link#completed-tab {
  margin-right: 0px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .nav-link.active {
  border: none;
  border-bottom: 2px solid #383737 !important;
  color: #383737;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .nav-link.active:focus,
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .nav-link.active:active {
  border-bottom: 2px solid #383737 !important;
  outline: none;
  color: #383737;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .nav-link:hover {
  border: none;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab .nav-item .nav-link:focus {
  border: none;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab li:last-child {
  margin-left: auto;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn #myServicesTab li:last-child {
    margin-left: 0;
    margin-top: 24px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content {
  margin-top: 40px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing {
  background: #f8f8f8;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data {
  padding: 24px 0px 24px 40px;
  border-bottom: 2px Solid #eaeaec;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .left-container .banner-title {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .left-container .banner-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .left-container .banner-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .left-container .date {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .left-container .date {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .service-tag {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 9px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .service-tag {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .service-tag {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .view-details-button a {
  text-decoration: none;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .view-details-button a .viewdetails-button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin: 0px;
  padding: 12px 0px 0px 0px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .view-details-button a .icon-Arrow-Right {
  font-size: 12px;
  color: #307fe2;
  padding-left: 5px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .report-issue-button a {
  text-decoration: none;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .report-issue-button a .reportissue-button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin: 0px;
  padding: 12px 0px 0px 0px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data .right-container .report-issue-button a .icon-Arrow-Right {
  font-size: 12px;
  color: #307fe2;
  padding-left: 5px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data {
    padding: 24px 0px 24px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .ongoing .banner_data {
    padding: 24px 0px 24px 24px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming {
  background: #f8f8f8;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data {
  padding: 24px 0px 24px 40px;
  border-bottom: 2px Solid #eaeaec;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .left-container .banner-title {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .left-container .banner-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .left-container .banner-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .left-container .date {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .left-container .date {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .service-tag {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 9px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .service-tag {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .service-tag {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .edit-booking-button a {
  text-decoration: none;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .edit-booking-button a .editbooking-button {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin: 0px;
  padding: 12px 0px 0px 0px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .edit-booking-button a .icon-Arrow-Right {
  font-size: 12px;
  color: #307fe2;
  padding-left: 5px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .cancel-button a {
  text-decoration: none;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .cancel-button a .cancelbutton {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin: 0px;
  padding: 12px 0px 0px 0px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .cancel-button a .icon-Arrow-Right {
  font-size: 12px;
  color: #307fe2;
  padding-left: 5px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data .right-container .cancel-button {
    min-width: 160px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data {
    padding: 24px 0px 24px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .upcoming .banner_data {
    padding: 24px 0px 24px 24px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed {
  background: #f8f8f8;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data {
  padding: 24px 0px 24px 40px;
  border-bottom: 2px Solid #eaeaec;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .left-container {
  margin-right: 40px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .left-container .banner-title {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .left-container .banner-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .left-container .banner-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .left-container .date {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .left-container .date {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .price {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 9px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .price {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .price {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button {
  text-decoration: none;
  float: right;
  padding-right: 30px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button .payNow-button {
  border: 2px solid #307fe2;
  padding: 12px 24px;
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  font-weight: 500;
  line-height: 17.6px;
}
@media only screen and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button .payNow-button {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button .payNow-button.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #7a8084;
  border: 2px solid #7a8084;
  opacity: 0.5;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button .payNow-button {
    border: 2px solid #307fe2;
    padding: 12px 24px;
    color: #307fe2;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    font-weight: 500;
    line-height: 17.6px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button .payNow-button {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button {
    margin-top: 10px;
    padding-right: 25px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button .payNow-button {
    padding: 12px 90px;
    white-space: nowrap;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .pay-now-button .pay-button.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button a {
  text-decoration: none;
  float: right;
  padding-right: 30px;
  padding-top: 10px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button a .downloadbutton {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  margin: 0px;
  padding: 0px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button a .downloadbutton.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #7a8084;
  opacity: 0.5;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button a .icon-Arrow-Down {
  font-size: 12px;
  color: #307fe2;
  padding-left: 5px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button a .icon-Arrow-Down.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #7a8084;
  opacity: 0.5;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button a {
    padding-right: 34px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button a {
    padding-top: 24px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button a.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .download-button {
    margin-left: 0px;
    margin-right: 2px;
    width: 78%;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .cancelledText {
  float: right;
  padding-right: 30px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .cancelledText .cancel-status {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  font-style: normal;
  line-height: 100%;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .cancelledText .cancel-status {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .cancelledText .cancel-status {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .service-feedback-nav {
  float: right;
  padding-right: 30px;
  padding-top: 12px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .service-feedback-nav .icon-Arrow-Right-24 {
  padding-left: 5px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data .right-container .service-feedback-nav {
    float: left;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data {
    padding: 24px 0px 24px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .completed .banner_data {
    padding: 24px 0px 24px 24px;
  }
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .noServiceAvailable {
  background: #f8f8f8;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tab-content .tab-pane .noServiceAvailable .noServiceMsg {
  padding: 24px 0px 24px 40px;
}
.your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .active {
  border-bottom: none;
}
.your-vehicle-service-comp .vehicle-service .service-line {
  margin: 0px 80px;
  border-bottom: solid 1px #eaeaec;
  margin-top: 40px;
  margin-bottom: 40px;
}
.your-vehicle-service-comp .vehicle-service .book-service-title {
  margin: 0px 80px;
  color: #383737;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .book-service-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .book-service-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.your-vehicle-service-comp .vehicle-service .desc-btn .book-service-desc {
  margin: 0px 80px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding: 0px 0px 24px 0px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .desc-btn .book-service-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-vehicle-service-comp .vehicle-service .desc-btn .book-service-desc p {
  margin: 0px;
}
.your-vehicle-service-comp .vehicle-service .desc-btn .button-service {
  padding: 0px 80px 80px 80px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .desc-btn .button-service {
    padding: 12px 12px;
    width: 100%;
    text-align: center;
  }
}
.your-vehicle-service-comp .vehicle-service .desc-btn .button-service a {
  text-decoration: none;
}
.your-vehicle-service-comp .vehicle-service .desc-btn .button-service a .book-now-service-button {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
.your-vehicle-service-comp .vehicle-service .addPaddings {
  padding: 24px 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-vehicle-service-comp .vehicle-service .serviceTitle {
    padding: 40px 40px 23px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .service-banner {
    margin: 40px 40px 0px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-right-container .button {
    padding-top: 27px;
    margin-left: 32px;
  }
  .your-vehicle-service-comp .vehicle-service .current-package {
    padding-bottom: 24px;
    margin: 0px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .package {
    margin: 0px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-left-container .package-title {
    padding-bottom: 8px;
  }
  .your-vehicle-service-comp .vehicle-service .line {
    margin: 32px 40px 0px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .my-services-title {
    padding-bottom: 8px;
    margin: 32px 40px 0px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .my-services-desc {
    padding: 0px 0px 44px 0px;
    margin: 0px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs {
    margin: 0px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head {
    margin-bottom: 44px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tabs-tgl-btn {
    padding-bottom: 10px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .all-btn {
    margin-left: 0px;
    width: 33%;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .all-btn i {
    left: 190px;
  }
  .your-vehicle-service-comp .vehicle-service .service-line {
    margin: 32px 40px;
  }
  .your-vehicle-service-comp .vehicle-service .book-service-title {
    margin: 0px 40px;
    padding-bottom: 8px;
  }
  .your-vehicle-service-comp .vehicle-service .desc-btn {
    display: flex;
  }
  .your-vehicle-service-comp .vehicle-service .desc-btn .book-service-desc {
    margin: 0px 40px 0px 40px;
    width: 60%;
  }
  .your-vehicle-service-comp .vehicle-service .desc-btn .button-service {
    padding: 12px 24px 12px 0px;
    width: 28%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-vehicle-service-comp .vehicle-service .serviceTitle {
    padding: 32px 16px 19px 16px;
  }
  .your-vehicle-service-comp .vehicle-service .service-banner {
    margin: 24px 16px 0px 16px;
  }
  .your-vehicle-service-comp .vehicle-service .service-banner .color-indicator {
    max-width: 4px;
  }
  .your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-left-container .service-title {
    padding: 16px 0px 8px 12px;
  }
  .your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-left-container .service-desc {
    padding: 0px 0px 8px 12px;
  }
  .your-vehicle-service-comp .vehicle-service .service-banner .service-text .service-right-container .button {
    margin-left: 0px;
    padding: 0px 0px 16px 12px;
  }
  .your-vehicle-service-comp .vehicle-service .current-package {
    padding-bottom: 24px;
    margin: 0px 16px;
  }
  .your-vehicle-service-comp .vehicle-service .package {
    margin: 0px 16px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-left-container .package-title {
    padding: 24px 0px 8px 24px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-left-container .package-desc {
    padding-left: 24px;
    margin-bottom: 24px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-right-container {
    padding-left: 24px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .package-text {
    padding: 24px 0px 32px 0px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .key-features {
    padding-bottom: 12px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .features {
    padding-bottom: 12px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .add-more {
    padding-bottom: 32px;
  }
  .your-vehicle-service-comp .vehicle-service .package .package-right-container .button-more-info {
    padding-bottom: 24px;
  }
  .your-vehicle-service-comp .vehicle-service .line {
    margin: 24px 16px 0px 16px;
  }
  .your-vehicle-service-comp .vehicle-service .my-services-title {
    margin: 24px 16px 0px 16px;
    padding-bottom: 12px;
  }
  .your-vehicle-service-comp .vehicle-service .my-services-desc {
    margin: 0px 16px;
    padding: 0px 0px 24px 0px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs {
    margin: 0px 16px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head {
    margin-bottom: 24px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn {
    padding-bottom: 34px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .tabs-btn .tabs-tgl-btn {
    padding-bottom: 8px;
    margin-right: 15px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .all-btn {
    margin-left: 0px;
    width: 100%;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .all-btn select.dropdown {
    padding: 12px 133px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .all-btn .icon-Chevron-Down {
    left: -35%;
    top: 31px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .all-btn .icon-Chevron-Up {
    left: -35%;
    top: 31px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .head .all-btn i {
    left: 190px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .ongoing .banner-data {
    padding: 24px 0px 24px 24px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .ongoing .banner-data .left-container .banner-title {
    padding-bottom: 8px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .ongoing .banner-data .left-container .date {
    padding-bottom: 24px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .ongoing .banner-data .right-container .service-tag {
    padding-bottom: 12px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .upcoming .banner-data {
    padding: 24px 0px 24px 24px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .upcoming .banner-data .left-container .banner-title {
    padding-bottom: 8px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .upcoming .banner-data .left-container .date {
    padding-bottom: 24px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .upcoming .banner-data .right-container .service-tag {
    padding-bottom: 12px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .completed .banner-data {
    padding: 24px 0px 24px 24px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .completed .banner-data .left-container .banner-title {
    padding-bottom: 8px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .completed .banner-data .left-container .date {
    padding-bottom: 24px;
  }
  .your-vehicle-service-comp .vehicle-service .tabs .body .completed .banner-data .right-container .price {
    padding-bottom: 12px;
  }
  .your-vehicle-service-comp .vehicle-service .service-line {
    margin: 0px 16px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .your-vehicle-service-comp .vehicle-service .book-service-title {
    margin: 0px 16px;
  }
  .your-vehicle-service-comp .vehicle-service .desc-btn {
    width: 100%;
    display: block;
  }
  .your-vehicle-service-comp .vehicle-service .desc-btn .book-service-desc {
    margin: 0;
    width: 332px;
    padding: 0 16px 24px 16px;
  }
  .your-vehicle-service-comp .vehicle-service .desc-btn .button-service {
    margin: 0px 0px 0px 9px;
    padding: 0px 0px 24px 0px;
    width: 95%;
  }
  .your-vehicle-service-comp .vehicle-service .desc-btn .button-service a .book-now-service-button {
    margin-left: 0px;
    padding: 12px 109px;
  }
}

.your-reviews-comp {
  background-color: #ffffff;
}
.your-reviews-comp .your-reviews-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding: 80px 64px 40px 64px ;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .your-reviews-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .your-reviews-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.your-reviews-comp .headline {
  width: 100%;
  border-bottom: 1px solid #eaeaec;
}
.your-reviews-comp .data-container {
  padding: 0px 64px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details {
  padding: 40px 0px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews {
  display: flex;
  flex-direction: row;
  align-items: end;
  padding-bottom: 8px ;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .star-rating-details {
  height: 16px;
  bottom: 18px;
  display: inline-block;
  unicode-bidi: bidi-override;
  color: #ccc;
  font-size: 64px;
  position: relative;
  margin: 0;
  padding: 0;
  width: 75%;
  padding-right: 24px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .star-rating-details span {
  font-size: 16px;
  padding-right: 5px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .star-rating-details span:last-child {
  padding-right: 0px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .star-rating-details .fill-ratings {
  color: #e7711b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .star-rating-details .fill-ratings span {
  display: inline-block;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .star-rating-details .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete {
  display: flex;
  flex-direction: row;
  width: 25%;
  align-items: center;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete.disabled {
  pointer-events: none;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete.disabled .update.cta-btn {
  color: rgba(56, 55, 55, 0.8);
  padding: 0px;
  cursor: pointer;
  pointer-events: none;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete.disabled .update.cta-btn.space {
  padding-right: 24px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete.disabled .delete.cta-btn {
  color: rgba(56, 55, 55, 0.8);
  padding: 0px;
  cursor: pointer;
  pointer-events: none;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete .update {
  font-weight: 400;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete .update.cta-btn {
  color: #307fe2;
  padding: 0px;
  cursor: pointer;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete .update.cta-btn.space {
  padding-right: 24px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete .update .icon-Arrow-Right {
  position: relative;
  top: 2px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete .delete {
  font-weight: 400;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete .delete.cta-btn {
  color: #307fe2;
  padding: 0px;
  cursor: pointer;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete .delete .icon-Arrow-Right {
  position: relative;
  top: 2px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .review-comment {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding: 0px 24px 8px 0px;
  margin-bottom: 0px;
  width: 75%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .review-comment {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .review-comment {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .modal-name {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  margin-bottom: 0px;
  width: 75%;
  padding: 0px 24px 8px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .modal-name {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .posted-date {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  padding: 0px 24px 8px 0px;
  margin-bottom: 0px;
  width: 75%;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .read-button {
  width: 75%;
  padding-right: 24px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .read-button .cta-btn {
  font-weight: 400;
  padding: 0px;
  cursor: pointer;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .read-button .cta-btn .icon-Arrow-Right {
  padding-left: 8px;
  position: relative;
  top: 2px;
}
.your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .read-button .cta-btn:hover {
  color: #307fe2;
}
.your-reviews-comp .data-container .customer-reviews-list .divider-line {
  border-top: 1px solid #eaeaec;
  width: 100%;
}
.your-reviews-comp .loadmore-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 40px 0px 80px 0px;
}
.your-reviews-comp .loadmore-link .cta-link {
  font-weight: 500;
  color: #307fe2;
  cursor: pointer;
}
.your-reviews-comp .loadmore-link .cta-link .icon-Arrow-Down {
  padding-left: 8px;
}
.your-reviews-comp .delete-popup .modal-dialog {
  max-width: 60%;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content {
  border-radius: 0px;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content {
  padding: 80px;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header {
  display: flex;
  flex-direction: row;
  padding-bottom: 40px;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header .icon-Cross {
  font-size: 32px;
  font-weight: bold;
  color: #383737;
  cursor: pointer;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header .delete-popup-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  width: 95%;
  color: #383737;
  padding-right: 220px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header .delete-popup-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header .delete-popup-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-description {
  padding-bottom: 40px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .confirm-cancel {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .confirm-cancel .confirm-btn {
  padding: 12px 24px !important;
  color: #307fe2;
  border: 1px;
  font-weight: 500;
  border: 2px solid #307fe2;
  cursor: pointer;
  text-decoration: none;
  margin-right: 24px;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .confirm-cancel .cancel-btn {
  color: #307fe2;
  font-weight: 400;
  cursor: pointer;
}
.your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .confirm-cancel .cancel-btn .cta-btn {
  padding: 0px 8px 0px 0px;
}
.your-reviews-comp .delete-success-popup .modal-dialog {
  max-width: 60%;
  margin: auto;
}
.your-reviews-comp .delete-success-popup .modal-dialog .modal-content {
  border-radius: 0px;
}
.your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content {
  padding: 80px;
}
.your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header {
  padding-bottom: 40px;
  display: inline-flex;
}
.your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header .delete-success-popup-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  padding-right: 220px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header .delete-success-popup-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header .delete-success-popup-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header .icon-Cross {
  font-size: 32px;
  font-weight: bold;
  background-color: #7a8084;
  color: #ffffff;
}
.your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-description {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-description {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.your-reviews-comp .modal-your-review-popup {
  left: 6%;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog {
  width: 100%;
  margin: 0px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content {
  top: 40px;
  border: 0px;
  width: 1228px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body {
  background-color: #f8f8f8;
  width: 1228px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data {
  background-color: #f8f8f8;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup {
  padding: 40px 80px 52px 80px;
  background-color: #f8f8f8;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up {
  display: flex;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
  padding-bottom: 36px;
  color: #383737;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  width: 911px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
    width: 592px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .main-title {
    width: 100%;
    padding-bottom: 24px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .cross {
  background-color: #7a8084;
  padding: 9px;
  margin-left: 125px;
  max-height: 32px;
  cursor: pointer;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .cross .icon-Cross {
  font-size: 14px;
  color: #ffffff;
  top: -3px;
  position: relative;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .cross {
    margin-left: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .pop-up .cross {
    margin-left: 24px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons {
  display: flex;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .popup-your-review-button {
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  padding: 12px 24px;
  outline: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .popup-your-review-button {
    width: 100%;
    display: block;
    margin-bottom: 24px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .disabled {
  color: rgba(56, 55, 55, 0.8);
  pointer-events: none;
  border-color: rgba(56, 55, 55, 0.8);
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .delete-review {
  margin-left: 40px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .delete-review .delete {
  text-decoration: none;
  color: #307fe2;
  cursor: pointer;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .delete-review .delete .icon-Arrow-Right {
  min-width: 12px;
  font-size: 12px;
  margin: 0 0 0 5px;
  display: inline-block;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .delete-review .delete .icon-Arrow-Right {
    margin: 0 0 0 8px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .delete-review .delete .disabled {
  color: rgba(56, 55, 55, 0.8);
  pointer-events: none;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .delete-review .disabled {
  color: rgba(56, 55, 55, 0.8);
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .delete-review {
    text-align: center;
    margin-left: 0px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons .disabled {
  color: rgba(56, 55, 55, 0.8);
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup .popup-buttons {
    display: block;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup {
    padding: 40px 40px 42px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .preview-popup {
    padding: 30px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data {
  background-color: #ffffff;
  padding: 80px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-name {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-name {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-title {
    padding-bottom: 0px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating {
  margin-bottom: 40px !important;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating {
    margin-bottom: 12px !important;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fa {
  color: #307fe2;
  font-size: 40px;
  padding: 0 8px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fa .fa-star-o {
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fa {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fa {
    padding: 0 2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating :first-child {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating :first-child {
    padding-left: 0px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating {
  unicode-bidi: bidi-override;
  color: #ffffff;
  font-size: 64px;
  position: relative;
  margin: 0;
  padding: 0;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fill-ratings {
  color: #307fe2;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .fill-ratings span {
  display: inline-block;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .reviewer-rating .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .review-tab-date {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .review-tab-date {
    display: block !important;
    padding-bottom: 24px;
    color: #7a8084;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review .review-tab-date {
    display: block !important;
    padding-bottom: 24px;
    color: #7a8084;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image img {
  text-align: end;
  width: 482px;
  height: 272px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image img {
    width: 248px;
    height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image img {
    width: 100%;
    height: 169px;
    margin-bottom: 24px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image video {
  text-align: end;
  width: 482px;
  height: 272px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image video {
    width: 248px;
    height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image video {
    width: 100%;
    height: 169px;
    margin-bottom: 24px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Play,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Pause {
  position: absolute;
  top: 63%;
  right: 24%;
  font-size: 24px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Play,
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Pause {
    top: 49%;
    right: 27%;
    padding: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Play,
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-image .icon-Pause {
    right: 42%;
    top: 40%;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details {
    margin-bottom: 0px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left {
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left {
    padding-bottom: 0px !important;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details {
  display: flex;
  padding-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details {
    padding-bottom: 52px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details {
    padding-bottom: 24px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-name {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .varient-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .accessories-label {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-right: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .accessories-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .accessories-name {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .accessories-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .accessories-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating {
  margin-bottom: 40px !important;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating {
    margin-bottom: 12px !important;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fa {
  color: #307fe2;
  font-size: 40px;
  padding: 0 8px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fa .fa-star-o {
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fa {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fa {
    padding: 0 2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating :first-child {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating :first-child {
    padding-left: 0px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating {
  unicode-bidi: bidi-override;
  color: #ffffff;
  font-size: 64px;
  position: relative;
  margin: 0;
  padding: 0;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fill-ratings {
  color: #307fe2;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .fill-ratings span {
  display: inline-block;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .reviewer-rating .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .review-tab-date {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .review-tab-date {
    display: block !important;
    padding-bottom: 24px !important;
    color: #7a8084;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .varient-details .review-tab-date {
    display: block !important;
    padding-bottom: 24px;
    color: #7a8084;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .accessory-details .accessory-label {
  color: #7a8084;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .accessory-details .accessory-name {
  color: #383737;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc {
  margin-bottom: 12px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  max-width: 482px;
  max-height: 154px;
  overflow: hidden;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc {
    max-height: 100px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc {
    max-height: 200px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .reviewer-desc.extra_desc {
  max-height: 100%;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less {
  margin-bottom: 24px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readMore,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readMore,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readLess,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readLess {
  color: #307fe2;
  margin-right: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readMore .icon-Chevron-Down,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readMore .icon-Chevron-Down,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readLess .icon-Chevron-Down,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readLess .icon-Chevron-Down,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readMore .icon-Chevron-Up,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readMore .icon-Chevron-Up,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-more .readLess .icon-Chevron-Up,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less .readLess .icon-Chevron-Up {
  min-width: 12px;
  font-size: 12px;
  color: #307fe2;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .read-less {
  display: none;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores {
  max-width: 457px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .experience-label {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .experience-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .experience-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback {
  display: flex;
  width: 457px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-scoreLabels {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  padding-right: 23px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-scoreLabels {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-scoreLabels {
    width: 112px;
    padding-right: 10px;
    font-size: 14px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-score {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .reviewer-score {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6:nth-child(2n) {
  padding-left: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6:nth-child(2n) {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6 .review-score {
    justify-content: normal;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6:nth-child(2n+1) {
  padding-right: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback .col-md-6:nth-child(2n+1) {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores .reviewer-feedback {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-left .scores {
    max-width: 100% !important;
    margin-bottom: 24px !important;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image img {
  text-align: end;
  width: 482px;
  height: 272px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image img {
    width: 248px;
    height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image img {
    width: 100%;
    height: 169px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image video {
  text-align: end;
  width: 482px;
  height: 272px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image video {
    width: 248px;
    height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image video {
    width: 100%;
    height: 169px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Play,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Pause {
  position: absolute;
  top: 63%;
  right: 24%;
  font-size: 24px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Play,
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Pause {
    top: 49%;
    right: 27%;
    padding: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Play,
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .reviewer-details .reviewer-details-right .reviewer-image .icon-Pause {
    right: 42%;
    top: 40%;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc {
  margin-bottom: 12px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  max-width: 482px;
  max-height: 154px;
  overflow: hidden;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc {
    max-height: 100px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc {
    max-height: 200px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .reviewer-desc.extra_desc {
  max-height: 100%;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less {
  margin-bottom: 24px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readMore,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readMore,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readLess,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readLess {
  color: #307fe2;
  margin-right: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readMore .icon-Chevron-Down,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readMore .icon-Chevron-Down,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readLess .icon-Chevron-Down,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readLess .icon-Chevron-Down,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readMore .icon-Chevron-Up,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readMore .icon-Chevron-Up,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-more .readLess .icon-Chevron-Up,
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less .readLess .icon-Chevron-Up {
  min-width: 12px;
  font-size: 12px;
  color: #307fe2;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .read-less {
  display: none;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores {
  max-width: 457px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .experience-label {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .experience-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .experience-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback {
  display: flex;
  width: 457px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-scoreLabels {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  padding-right: 23px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-scoreLabels {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-scoreLabels {
    width: 112px;
    padding-right: 10px;
    font-size: 14px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-score {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .reviewer-score {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .col-md-6:nth-child(2n) {
  padding-left: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .col-md-6:nth-child(2n) {
    padding-left: 8px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .col-md-6:nth-child(2n+1) {
  padding-right: 24px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores .reviewer-feedback .col-md-6:nth-child(2n+1) {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .txtPart .scores {
    max-width: 100% !important;
    margin-bottom: 24px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data {
    width: 688px;
    padding: 64px;
    margin: 0 40px 40px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data {
    width: 332px;
    padding: 16px 16px 32px 16px;
    margin: 0 14px 14px 14px;
  }
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review {
    flex-direction: column;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .socialMediaLink {
  display: flex;
  flex-direction: row;
  padding-bottom: 0px;
  position: relative;
  row-gap: 10px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .socialMediaLink {
    margin-top: 10px;
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .socialMediaLink {
    flex-wrap: wrap;
    padding-bottom: 40px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .socialMediaLink .social-nav-link.py-2 {
  display: flex;
  align-items: center;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  color: #307fe2;
  margin-right: 24px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .socialMediaLink .social-nav-link .social_media_icon {
  background-color: #307fe2;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .socialMediaLink .social-nav-link .social_media_icon {
    width: 32px;
    height: 32px;
    margin-right: 0px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .socialMediaLink .social-nav-link .link-secondary {
  color: #307fe2 !important;
  font-size: 16px !important;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .link-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .helpfulVotes-link {
  cursor: default;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .helpfulVotes-link .helpful-votescount {
  color: #307fe2;
  margin-right: 4px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .helpfulVotes-link .fa-thumbs-up {
  margin-left: 5px;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .copiedlink-label {
  display: none;
  color: #282828;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  margin-bottom: 16px;
  padding: 8px;
  position: absolute;
  bottom: 32px;
  background-color: #ffffff;
  align-items: center;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .copiedlink-label .icon-Tick-24 {
  color: #609f65;
  font-size: 14px;
  margin-right: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .copiedlink-label {
    bottom: 124px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .copiedlink-label {
    bottom: 80px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel {
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel {
    align-items: start;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .copyIcon {
  font-size: 12px;
  margin-right: 10.5px;
  color: #307fe2;
  cursor: pointer;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .copyIcon {
    font-size: 32px;
    margin-right: 24px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .copyIcon .fa.fa-clone {
  height: 100% !important;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .copyLink {
  color: #307fe2;
  font-size: 16px;
  margin-right: 24px;
  font-weight: normal;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .copyLink {
    margin-right: 0px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .helpful-count {
  color: #7a8084;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .fa-thumbs-up {
  margin-right: 8px;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #307fe2;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .fa-thumbs-up.active {
  color: #307fe2;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .linkLabel .disabled {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
  opacity: 0.5;
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review-date {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  margin-left: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review-date {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .review-date {
    display: none;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .hr-divider {
  background: #EAEAEC;
  height: 1px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .hr-divider {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .hr-divider {
    margin-bottom: 24px;
  }
}
.your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data .reviewed-data .share-reviews-section {
  justify-content: space-between;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body .preview-data {
    height: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body {
    width: 768px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content .modal-body {
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content {
    width: 768px;
    top: auto !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog .modal-content {
    width: 100%;
    top: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog {
    height: 100%;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp .modal-your-review-popup .modal-dialog {
    height: auto !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .modal-your-review-popup {
    left: 0%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-reviews-comp .your-reviews-title {
    padding: 40px 40px 22px 40px;
  }
  .your-reviews-comp .data-container {
    padding: 0px 40px;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .star-rating-details {
    width: 57%;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete {
    width: 43%;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .review-comment {
    width: 57%;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .modal-name {
    width: 57%;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .posted-date {
    width: 57%;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .read-button {
    width: 57%;
  }
  .your-reviews-comp .loadmore-link {
    padding: 40px 0px 40px 0px;
  }
  .your-reviews-comp .delete-popup .modal-dialog {
    max-width: 100%;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content {
    padding: 40px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header {
    padding-bottom: 24px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header .delete-popup-title {
    width: 100%;
    padding-right: 56px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .confirm-cancel .confirm-btn {
    padding-right: 40px;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog {
    border-radius: 0px;
    max-width: 100%;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content {
    padding: 40px;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header {
    padding-bottom: 24px;
    display: flex !important;
    flex-direction: row ;
    justify-content: center;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header .delete-success-popup-title {
    width: 100%;
    padding-right: 56px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-reviews-comp {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  .your-reviews-comp .your-reviews-title {
    padding: 24px 16px 26px 16px;
  }
  .your-reviews-comp .data-container {
    padding: 0px 16px;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details {
    padding: 24px 0px;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .star-rating-details {
    width: 40%;
    padding-right: 0px !important;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete {
    width: 60%;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .customer-reviews .update-delete .update.cta-btn.space {
    padding-right: 16px !important;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .review-comment {
    width: 100%;
    padding: 0px 0px 8px 0px;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .modal-name {
    width: 100%;
    padding: 0px 0px 8px 0px;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .posted-date {
    width: 100%;
    padding: 0px 0px 8px 0px;
  }
  .your-reviews-comp .data-container .customer-reviews-list .customer-reviews-list-details .read-button {
    width: 100%;
    padding: 0px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content {
    padding: 30px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header {
    padding-bottom: 32px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header .delete-popup-title {
    padding-right: 20px;
    font-size: 22px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-header .icon-Cross {
    background-color: #7a8084;
    color: #ffffff;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .delete-popup-description {
    padding-bottom: 32px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .confirm-cancel {
    display: block;
    text-align: center;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .confirm-cancel .confirm-btn {
    padding-right: 0px;
    margin-right: 0px;
  }
  .your-reviews-comp .delete-popup .modal-dialog .modal-content .modal-body .delete-popup-content .confirm-cancel .cancel-btn {
    padding-top: 32px;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog {
    margin: 0px;
    border-radius: 0px;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content {
    padding: 30px 14px;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header {
    padding: 0px 16px 24px 16px;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-header .delete-success-popup-title {
    padding-right: 20px;
  }
  .your-reviews-comp .delete-success-popup .modal-dialog .modal-content .modal-body .delete-success-popup-content .delete-success-popup-description {
    padding: 0px 16px;
  }
  .your-reviews-comp .loadmore-link {
    width: 100%;
    padding: 40px 0px 24px 0px;
  }
}

.your-accessories-comp .accessoriesList {
  background-color: #ffffff;
}
.your-accessories-comp span[class*="icon"] {
  padding-left: 5px;
  top: 1px;
  position: relative;
}
.your-accessories-comp .mobile-space {
  padding: 80px 41px 41px 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-accessories-comp .mobile-space {
    padding: 40px 0px 23px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-accessories-comp .mobile-space {
    padding: 0px !important;
    padding-top: 32px !important;
    padding-bottom: 19px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
.your-accessories-comp hr {
  margin: 0px;
}
.your-accessories-comp .owl-nav.custom-nav .owl-next {
  margin-left: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-accessories-comp .owl-nav.custom-nav {
    display: none !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-accessories-comp .owl-nav.custom-nav {
    display: none !important;
  }
  .your-accessories-comp .owl-nav.custom-nav .accessoriesTitle {
    display: none;
  }
}
.your-accessories-comp .ya-carousel-inner {
  padding: 80px 0px 80px 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-accessories-comp .ya-carousel-inner {
    padding: 40px 0px 40px 41px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-accessories-comp .ya-carousel-inner {
    padding: 24px 0px 24px 16px;
  }
}
.your-accessories-comp .ya-carousel-inner .owl-dots {
  display: none;
}
.your-accessories-comp .data-link {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #307fe2;
  text-decoration: none;
  padding-right: 5px;
  position: absolute;
  bottom: 0;
}
.your-accessories-comp .owl-stage {
  padding-left: 0px !important;
  display: flex;
  height: 100%;
}
.your-accessories-comp .owl-stage .owl-item {
  width: auto;
  margin-right: 40px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-accessories-comp .owl-stage .owl-item {
    margin-right: 16px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-accessories-comp .owl-stage .owl-item {
    margin-right: 12px !important;
  }
}
.your-accessories-comp .owl-carousel .owl-stage {
  padding-left: 0 !important;
}
.your-accessories-comp .custom-nav button {
  border-radius: 0;
  color: #307FE2;
  border: 1px solid #307FE2;
  padding: 10px;
  background: transparent;
}
.your-accessories-comp .custom-nav button.disabled {
  color: #7A8084;
  opacity: 0.5;
  border: 1px solid #7A8084;
  pointer-events: none;
}
@media (min-width: 768px) {
  .your-accessories-comp .carousel-inner {
    display: flex;
  }
  .your-accessories-comp .carousel-item {
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
  }
}
.your-accessories-comp .carousel-inner {
  padding: 1em;
}
.your-accessories-comp .card {
  margin: 0px;
  display: flex;
  height: 100%;
  border-radius: 0%;
  border: none;
}
.your-accessories-comp .p-0 {
  position: relative;
}
.your-accessories-comp .carousel-control-prev,
.your-accessories-comp .carousel-control-next {
  background-color: transparent;
  width: 40px;
  height: 40px;
  border-radius: 0;
  transform: none;
  border: 1px solid #307fe2;
  position: relative !important;
  display: inline-block !important;
  color: #307fe2;
}
.your-accessories-comp .disable {
  color: rgba(122, 128, 132, 0.5);
}
.your-accessories-comp .card-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  margin-top: 16px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-accessories-comp .card-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-accessories-comp .card-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.your-accessories-comp .card-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-accessories-comp .card-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.your-accessories-comp a.btn.btn-primary {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  color: #307FE2;
  background: none;
  border: none;
  border-radius: 0%;
}
.your-accessories-comp a.btn.btn-primary::after {
  top: 2px;
  position: relative;
  content: "\e949";
  width: 16px;
  height: 13px;
  margin: 0 5px 0 5px;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .your-accessories-comp .accessoriesTitle {
    max-width: 261px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .your-accessories-comp .accessoriesTitle {
    max-width: 300px;
  }
}

.warranty-card {
  background-color: #ffffff;
  width: 100%;
  max-width: 916px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card {
    max-width: 688px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card {
    max-width: 332px;
  }
}
.warranty-card .warranty-title {
  width: 100%;
  border-bottom: 1px solid #f8f8f8;
  padding: 80px 80px 41px 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card .warranty-title {
    padding: 40px 40px 23px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .warranty-title {
    padding: 32px 16px 19px 16px;
  }
}
.warranty-card .warranty-details {
  width: 100%;
  max-width: 756px;
  margin: 80px 80px 0px 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card .warranty-details {
    max-width: 608px;
    margin: 40px 40px 0px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .warranty-details {
    max-width: 300px;
    margin: 24px 16px 0px 16px;
  }
}
.warranty-card .warranty-details .description {
  display: inline-block;
  width: 426.67px;
  margin-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card .warranty-details .description {
    width: 372px;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .warranty-details .description {
    width: 300px;
    margin-top: 12px;
  }
}
.warranty-card .warranty-details .warranty-length {
  display: inline-block;
  background-color: #f8f8f8;
  width: 225.33px;
  float: right;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card .warranty-details .warranty-length {
    width: 172px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .warranty-details .warranty-length {
    width: 300px;
    float: left;
    margin-top: 24px;
  }
}
.warranty-card .warranty-details .warranty-length .length-label {
  margin: 0px;
  color: #7a8084;
}
.warranty-card .warranty-details .warranty-length .length-days {
  margin-top: 8px;
  margin-bottom: 8px;
}
.warranty-card .warranty-details .warranty-length .length-kms {
  margin: 0px;
  color: #7a8084;
}
.warranty-card .warranty-details .benefits {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card .warranty-details .benefits {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .warranty-details .benefits {
    display: inline-block;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.warranty-card .warranty-details .benefits .benefit-title {
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card .warranty-details .benefits .benefit-title {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .warranty-details .benefits .benefit-title {
    margin-bottom: 12px;
  }
}
.warranty-card .warranty-details hr {
  color: #f8f8f8;
}
.warranty-card .recommended-policy {
  width: 100%;
  max-width: 756px;
  padding-left: 80px;
  padding-bottom: 80px;
  display: inline-block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card .recommended-policy {
    margin: 32px 0px 40px 40px;
    padding: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .recommended-policy {
    margin: 24px 0px 24px 16px;
    padding: 0px;
  }
}
.warranty-card .recommended-policy .recommended-policy-details {
  display: inline-block;
  width: 318px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .recommended-policy .recommended-policy-details {
    width: 259px;
  }
}
.warranty-card .recommended-policy .recommended-policy-details .length-years {
  display: inline;
}
.warranty-card .recommended-policy .recommended-policy-details .length-kms {
  display: inline;
}
.warranty-card .recommended-policy .recommended-policy-details .recommended-policy-description {
  margin-top: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .recommended-policy .recommended-policy-details .recommended-policy-description {
    margin-top: 8px;
  }
}
.warranty-card .recommended-policy .recommended-policy-cta {
  display: flex;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .recommended-policy .recommended-policy-cta {
    width: 252px;
  }
}
.warranty-card .recommended-policy .recommended-policy-price {
  display: inline-block;
  float: right;
  width: 318px;
  text-align: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .warranty-card .recommended-policy .recommended-policy-price {
    width: 259px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .recommended-policy .recommended-policy-price {
    width: 259px;
    float: unset;
    text-align: left;
    margin-top: 24px;
  }
}
.warranty-card .recommended-policy .recommended-policy-price .price-label {
  color: #7a8084;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .warranty-card .recommended-policy .recommended-policy-price .price-label {
    margin-bottom: 8px;
  }
}




.sign-up-personal-details-comp {
  visibility: hidden;
  margin-top: 114px;
}
.sign-up-personal-details-comp .selection,
.sign-up-personal-details-comp .select2-selection {
  position: relative;
}
.sign-up-personal-details-comp .form {
  padding-left: 104px;
  padding-right: 105px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form {
    padding-left: 88px;
    padding-right: 88px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form {
    padding: 0px;
  }
}
.sign-up-personal-details-comp form#new_form0 .tml-container:nth-of-type(3) .text {
  padding-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp form#new_form0 .tml-container:nth-of-type(3) .text {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp form#new_form0 .tml-container:nth-of-type(3) .text {
    padding-bottom: 24px;
  }
}
.sign-up-personal-details-comp form#new_form0 .tml-container:nth-of-type(5) .cmp-form-text {
  margin-top: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp form#new_form0 .tml-container:nth-of-type(5) .cmp-form-text {
    margin-top: 36px;
  }
}
.sign-up-personal-details-comp .sign-up-personal-details-comp .sign-up-form input[type="text"]:focus {
  border-bottom: 2px solid #307fe2;
}
.sign-up-personal-details-comp .sign-up-personal-details-comp .tml-container .cmp-form-text input[name="optional"] {
  color: #7A8084;
}
.sign-up-personal-details-comp .sign-up-personal-details-comp .tml-container .cmp-form-text input[type="email"][readonly] {
  background: transparent;
  color: #7A8084;
  pointer-events: none;
}
.sign-up-personal-details-comp .sign-up-personal-details-comp .tml-container .cmp-form-options {
  margin-bottom: 0px;
}
.sign-up-personal-details-comp .active-flex-container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .active-flex-container {
    flex-direction: column;
  }
}
.sign-up-personal-details-comp .img-wrapper h2 {
  display: none;
}
.sign-up-personal-details-comp .img-wrapper .login-or-signup-personal-image .personal-login-sub .per_link {
  text-decoration: none;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .img-wrapper .login-or-signup-personal-image .personal-login-sub .per_link {
    line-height: 17.6px;
    font-weight: 400;
  }
}
.sign-up-personal-details-comp .img-wrapper .login-or-signup-personal-image .personal-login-sub .personal-title {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .img-wrapper .login-or-signup-personal-image .personal-login-sub {
    position: absolute;
    bottom: 40px;
    left: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .img-wrapper .login-or-signup-personal-image .personal-login-sub .personal-title {
    font-weight: 600;
    max-width: 300px;
  }
}
.sign-up-personal-details-comp img {
  max-width: 100%;
  background: linear-gradient(68.13deg, rgba(0, 0, 0, 0.4) 36.45%, rgba(0, 0, 0, 0) 73.44%);
  background-blend-mode: multiply;
}
.sign-up-personal-details-comp .title-desc {
  position: relative;
  padding-top: 80px;
  min-width: 85%;
  max-height: 180px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .title-desc {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .title-desc {
    padding: 24px 30px 0px 30px;
  }
}
.sign-up-personal-details-comp .title-desc h4 {
  margin-bottom: 0px;
  padding-bottom: 16px;
  line-height: 40px !important;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .title-desc h4 {
    font-size: 52px;
    line-height: 110%;
    position: absolute;
    top: -81px;
    padding-bottom: 40px;
    color: #ffffff;
    z-index: 1;
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .title-desc h4 {
    font-size: 32px !important;
    top: -30px;
    padding: 0px 0px 30px 0px;
    top: -70px;
    color: #ffffff;
    z-index: 1;
    display: block;
  }
}
.sign-up-personal-details-comp .title-desc p {
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .title-desc p {
    width: 406px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .title-desc p {
    width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .rev-col-sm {
    display: flex;
    flex-flow: column-reverse;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .rev-col-sm {
    display: flex;
    flex-flow: column-reverse;
    width: 100%;
  }
}
.sign-up-personal-details-comp .rev-col-sm .consent-check #consent-checkbox-form1 {
  display: flex;
  margin-top: 24px;
  align-items: center;
}
.sign-up-personal-details-comp .rev-col-sm .consent-check #consent-checkbox-form1 .consent-check-input {
  margin-right: 15px;
  width: 30px;
  height: 30px;
}
.sign-up-personal-details-comp .rev-col-sm .consent-check #consent-checkbox-form1 .desc p {
  margin-bottom: 0px;
}
.sign-up-personal-details-comp .rev-col-sm .consent-check .termsAndConditions {
  padding-bottom: 8px;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .rev-col-sm .consent-check .termsAndConditions {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component {
    padding: 0px 30px 20px 30px;
    margin-top: 68px !important;
  }
}
.sign-up-personal-details-comp .form-component .text {
  display: inline-block;
  width: 49%;
  padding-bottom: 0px;
}
.sign-up-personal-details-comp .form-component .text input {
  width: 100%;
  min-width: 99%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .text {
    width: 100%;
  }
}
.sign-up-personal-details-comp .form-component .text:last-child {
  padding-right: 0px;
  padding-left: 12px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .text:last-child {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .text:last-child {
    padding-left: 0px;
  }
}
.sign-up-personal-details-comp .form-component .text:first-child {
  padding-right: 12px;
  padding-left: 0px;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .text:first-child {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .text:first-child {
    padding-right: 0px;
  }
}
.sign-up-personal-details-comp .form-component .text:only-child {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.sign-up-personal-details-comp .form-component .tml-text p {
  color: #7a8084;
  min-width: 80%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .tml-text p {
    min-width: 100% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .tml-text p {
    min-width: 100% !important;
  }
}
.sign-up-personal-details-comp .form-component .options {
  max-width: 191px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .options {
    max-width: 231px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .options {
    max-width: 100%;
  }
}
.sign-up-personal-details-comp .form-component .options .select2-container {
  background: transparent;
}
.sign-up-personal-details-comp .form-component .options .select2-container .select2-selection.select2-selection--single {
  background-color: transparent;
}
.sign-up-personal-details-comp .form-component .options .cmp-form-options label:not(.error) {
  font-size: 20px !important;
  line-height: 120%;
  max-width: 47%;
  display: block;
  top: auto;
  bottom: 7px;
  padding: 7px 0 0 0;
  transition: all 300ms;
  opacity: 0.5;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .options .cmp-form-options label:not(.error) {
    max-width: 100%;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .options .cmp-form-options label:not(.error) {
    font-size: 16px !important;
    line-height: 100%;
    max-width: 100%;
  }
}
.sign-up-personal-details-comp .form-component .options .cmp-form-options .float-label:not(.error) {
  font-size: 80% !important;
  transform: translate3d(0px, -100%, 0px) !important;
  opacity: 1 !important;
  font-size: 18px !important;
}
.sign-up-personal-details-comp .form-component .options .cmp-form-options select {
  min-width: 47%;
}
.sign-up-personal-details-comp .form-component .options .cmp-form-options select .border-b {
  border-bottom: 2px solid #383737 !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .options .cmp-form-options select {
    font-size: 18px;
    min-width: 46% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .options .cmp-form-options select {
    width: 100%;
  }
}
.sign-up-personal-details-comp .form-component .options .cmp-form-options select option {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .options .cmp-form-options select option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .options .cmp-form-options select option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.sign-up-personal-details-comp .form-component .cmp-form-text {
  margin-top: 70px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .cmp-form-text {
    margin-top: 70px;
    min-width: 87.9%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .form-component .cmp-form-text {
    margin-top: 68px;
  }
}
.sign-up-personal-details-comp .form-component .cmp-form-text label {
  font-size: 20px;
  line-height: 101%;
  min-width: 84%;
  white-space: pre;
  overflow: hidden;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .cmp-form-text label {
    font-size: 16px !important;
    min-width: 87.9%;
  }
}
.sign-up-personal-details-comp .form-component .cmp-form-text label.error,
.sign-up-personal-details-comp .form-component .cmp-form-text span.error {
  font-size: 14px !important;
  line-height: 116%;
  min-width: 84%;
  white-space: initial;
  overflow: initial;
  text-overflow: clip;
  max-width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .cmp-form-text input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.sign-up-personal-details-comp .form-component .cmp-form-text input[type='email'] {
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .form-component .cmp-form-text input[type='email'] {
    font-size: 18px;
  }
}
.sign-up-personal-details-comp .mt-5 {
  margin-top: 0px !important;
}
.sign-up-personal-details-comp .btn-wrapper {
  margin-top: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .btn-wrapper {
    background-color: #ffffff;
    margin-top: 0px;
    padding: 0px 88px 65px;
    padding-top: 40px;
    top: -16px;
    position: relative;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .btn-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 24px;
    padding-bottom: 40px;
    top: 0px;
    background-color: transparent;
  }
}
.sign-up-personal-details-comp .btn-wrapper button {
  border-radius: 0px;
  width: 100%;
  font-family: Poppins;
  padding: 16px 32px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  font-size: 16px;
  padding: 0px !important;
  text-align: center !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .btn-wrapper button {
    font-size: 16px;
    line-height: 110%;
    padding: 12px 22px;
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .btn-wrapper button {
    font-size: 16px;
    width: 100%;
  }
}
.sign-up-personal-details-comp .btn-wrapper button:active,
.sign-up-personal-details-comp .btn-wrapper button:focus {
  outline: none;
  box-shadow: none;
}
.sign-up-personal-details-comp .btn-wrapper button.disabled {
  color: #7A8084;
  border: 2px solid #7A8084;
}
.sign-up-personal-details-comp .modal .modal-content {
  min-width: 812px;
  border-radius: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .modal .modal-content {
    min-width: 688px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .modal .modal-content {
    min-width: 332px;
  }
}
.sign-up-personal-details-comp .modal .modal-content .modal-header {
  /* .close{
                    background: rgba(0, 0, 0, 0.3);
                    border: none;
                    color: #FFFFFF;
                }
                */
}
.sign-up-personal-details-comp .modal .modal-content .modal-body .row .modal-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  color: #383737 !important;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .modal .modal-content .modal-body .row .modal-title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    color: #383737;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .modal .modal-content .modal-body .row .modal-title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #383737;
    line-height: 24px;
  }
}
.sign-up-personal-details-comp .modal .modal-content .modal-body .row p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .modal .modal-content .modal-body .row p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .modal .modal-content .modal-body .row p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    color: #7A8084;
  }
}
.sign-up-personal-details-comp .form-component .tml-container span.error,
.sign-up-personal-details-comp .form-component .tml-container label.error {
  position: initial;
  opacity: 1;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #ed454f;
}
.sign-up-personal-details-comp .form-component .tml-container .cmp-form-text input.error {
  border-bottom: 2px solid #ed454f;
}
.sign-up-personal-details-comp .form-component .tml-container .cmp-form-options select.error {
  border-bottom: 2px solid #ed454f;
}
.sign-up-personal-details-comp .select2 .select2-selection.select2-selection--single {
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
  font-family: "Poppins";
}
.sign-up-personal-details-comp .select2 .select2-selection.select2-selection--single .select2-selection__arrow {
  margin-left: 17px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .select2 .select2-selection.select2-selection--single .select2-selection__arrow {
    margin-left: 19px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .select2 .select2-selection.select2-selection--single .select2-selection__arrow {
    margin-left: 25px;
  }
}
.sign-up-personal-details-comp .select2 .select2-selection.select2-selection--single .select2-selection__arrow .arrow-down,
.sign-up-personal-details-comp .select2 .select2-selection.select2-selection--single .select2-selection__arrow b {
  border-color: none;
  border-style: none;
  border-width: 0px;
  height: initial;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 24%;
  width: initial;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sign-up-personal-details-comp .select2 .select2-selection.select2-selection--single .select2-selection__arrow .arrow-down::before,
.sign-up-personal-details-comp .select2 .select2-selection.select2-selection--single .select2-selection__arrow b::before {
  content: "\e994";
}
.sign-up-personal-details-comp .select2.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow b::before {
  content: "\e991";
}
.sign-up-personal-details-comp form:first-child {
  position: relative;
  margin-top: 70px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp form:first-child {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp form:first-child {
    margin-top: 68px;
  }
}
#pd-signup-form .modal-dialog {
  max-width: 56.5%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #pd-signup-form .modal-dialog {
    max-width: 89.6%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #pd-signup-form .modal-dialog {
    max-width: 92.6%;
    margin: 14px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #pd-signup-form .modal-dialog .modal-content {
    margin: 509px 0px;
    position: fixed;
    max-width: 688px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #pd-signup-form .modal-dialog .modal-content {
    margin: 255px 0px;
    max-width: 332px;
  }
}
#pd-signup-form .modal-dialog .modal-content .modal-body {
  padding: 5rem;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body {
    padding: 2rem;
    margin: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body {
    padding: 14px;
    margin: 14px;
  }
}
#pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-left {
  width: 84%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-left {
    width: 95%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-left {
    width: 83%;
  }
}
#pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-left p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #7A8084;
  margin-top: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-left p {
    min-width: 272px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-left p {
    font-size: 16px !important;
    margin-top: 24px;
  }
}
#pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-right {
  text-align: right;
  width: 13%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-right {
    width: 2%;
  }
}
#pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-right .btn-close {
  color: #383737;
  background: transparent;
  font-size: 32px;
  font-weight: 600;
  opacity: 1 !important;
  padding: 0px;
  margin: 8px;
}
#pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-right .btn-close:active,
#pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-right .btn-close:focus {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-right .btn-close {
    color: #383737;
    width: 32px;
    height: 32px;
    position: relative;
    top: -5px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #pd-signup-form .modal-dialog .modal-content .modal-body .pd-modal-right .btn-close {
    background: none;
    color: #383737;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-left: 20px;
    position: relative;
    top: -13px;
  }
}
.modal-backdrop.show {
  display: block !important;
  z-index: 999;
}
.sign-up-personal-details-comp #change-email-otp,
.personal-details-comp #change-email-otp,
.contact-details-comp #change-email-otp {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
}
.sign-up-personal-details-comp #change-email-otp a,
.personal-details-comp #change-email-otp a,
.contact-details-comp #change-email-otp a {
  border: none !important;
}
.sign-up-personal-details-comp #change-email-otp button.disabled,
.personal-details-comp #change-email-otp button.disabled,
.contact-details-comp #change-email-otp button.disabled {
  color: #7a8084;
  border: 2px solid #7a8084;
  pointer-events: none;
  opacity: .65;
}
.sign-up-personal-details-comp #change-email-otp a.disable_link,
.personal-details-comp #change-email-otp a.disable_link,
.contact-details-comp #change-email-otp a.disable_link {
  pointer-events: none;
  color: #7a8084;
}
.sign-up-personal-details-comp #change-email-otp .otp-error,
.personal-details-comp #change-email-otp .otp-error,
.contact-details-comp #change-email-otp .otp-error {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #ed454f;
  padding-top: 5px;
}
.sign-up-personal-details-comp #change-email-otp .change-email-otp,
.personal-details-comp #change-email-otp .change-email-otp,
.contact-details-comp #change-email-otp .change-email-otp {
  padding: 104px;
  padding-top: 80px;
  padding-bottom: 168px;
}
.sign-up-personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container form:first-child,
.personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container form:first-child,
.contact-details-comp #change-email-otp .change-email-otp .otp-email-form-container form:first-child {
  margin-top: 40px;
}
.sign-up-personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control,
.personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control,
.contact-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control {
  padding-top: 30px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  line-height: 20px;
}
.sign-up-personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control:focus,
.personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control:focus,
.contact-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control:focus {
  border-bottom: 2px solid #307fe2;
}
.sign-up-personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control.error:focus,
.personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control.error:focus,
.contact-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control.error:focus {
  border-bottom: 2px solid #ed454f;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control,
  .personal-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control,
  .contact-details-comp #change-email-otp .change-email-otp .otp-email-form-container .form-floating input.form-control {
    line-height: 19.8px;
    font-size: 18px;
  }
}
.sign-up-personal-details-comp #change-email-otp .change-email-otp .email-otp-header .per_link,
.personal-details-comp #change-email-otp .change-email-otp .email-otp-header .per_link,
.contact-details-comp #change-email-otp .change-email-otp .email-otp-header .per_link {
  margin-bottom: 24px;
  display: inline-block;
  position: relative;
}
.sign-up-personal-details-comp #change-email-otp .change-email-otp .email-otp-header .title-content,
.personal-details-comp #change-email-otp .change-email-otp .email-otp-header .title-content,
.contact-details-comp #change-email-otp .change-email-otp .email-otp-header .title-content {
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp #change-email-otp .change-email-otp .email-otp-header,
  .personal-details-comp #change-email-otp .change-email-otp .email-otp-header,
  .contact-details-comp #change-email-otp .change-email-otp .email-otp-header {
    display: none;
  }
}
.sign-up-personal-details-comp #change-email-otp .change-email-otp button,
.personal-details-comp #change-email-otp .change-email-otp button,
.contact-details-comp #change-email-otp .change-email-otp button {
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp #change-email-otp .change-email-otp,
  .personal-details-comp #change-email-otp .change-email-otp,
  .contact-details-comp #change-email-otp .change-email-otp {
    padding: 40px 88px 120px 88px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp #change-email-otp .change-email-otp,
  .personal-details-comp #change-email-otp .change-email-otp,
  .contact-details-comp #change-email-otp .change-email-otp {
    padding: 24px 30px 70px 30px;
  }
}
.sign-up-personal-details-comp #change-email-otp .data_link,
.personal-details-comp #change-email-otp .data_link,
.contact-details-comp #change-email-otp .data_link {
  word-break: break-word;
  line-height: 17.6px;
}
.sign-up-personal-details-comp #change-email-otp .data_link .right-arr,
.personal-details-comp #change-email-otp .data_link .right-arr,
.contact-details-comp #change-email-otp .data_link .right-arr {
  font-size: 13px;
  margin-left: 5px;
}
.sign-up-personal-details-comp #change-email-otp select,
.personal-details-comp #change-email-otp select,
.contact-details-comp #change-email-otp select,
.sign-up-personal-details-comp #change-email-otp input:not([type='checkbox']).form-control,
.personal-details-comp #change-email-otp input:not([type='checkbox']).form-control,
.contact-details-comp #change-email-otp input:not([type='checkbox']).form-control {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #383737;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
}
.sign-up-personal-details-comp #change-email-otp select:active,
.personal-details-comp #change-email-otp select:active,
.contact-details-comp #change-email-otp select:active,
.sign-up-personal-details-comp #change-email-otp input:not([type='checkbox']).form-control:active,
.personal-details-comp #change-email-otp input:not([type='checkbox']).form-control:active,
.contact-details-comp #change-email-otp input:not([type='checkbox']).form-control:active,
.sign-up-personal-details-comp #change-email-otp select:focus,
.personal-details-comp #change-email-otp select:focus,
.contact-details-comp #change-email-otp select:focus,
.sign-up-personal-details-comp #change-email-otp input:not([type='checkbox']).form-control:focus,
.personal-details-comp #change-email-otp input:not([type='checkbox']).form-control:focus,
.contact-details-comp #change-email-otp input:not([type='checkbox']).form-control:focus {
  outline: none;
  box-shadow: none;
}
.sign-up-personal-details-comp #change-email-otp select.error,
.personal-details-comp #change-email-otp select.error,
.contact-details-comp #change-email-otp select.error,
.sign-up-personal-details-comp #change-email-otp input:not([type='checkbox']).form-control.error,
.personal-details-comp #change-email-otp input:not([type='checkbox']).form-control.error,
.contact-details-comp #change-email-otp input:not([type='checkbox']).form-control.error {
  border-bottom: 2px solid #ed454f;
}
.sign-up-personal-details-comp #change-email-otp label,
.personal-details-comp #change-email-otp label,
.contact-details-comp #change-email-otp label,
.sign-up-personal-details-comp #change-email-otp .form-label,
.personal-details-comp #change-email-otp .form-label,
.contact-details-comp #change-email-otp .form-label {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #7A8084;
  line-height: 120%;
  display: inline-block;
  width: 100%;
}
.sign-up-personal-details-comp #change-email-otp .email-otp-label,
.personal-details-comp #change-email-otp .email-otp-label,
.contact-details-comp #change-email-otp .email-otp-label {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 8px;
  padding-top: 32px;
}
.sign-up-personal-details-comp #change-email-otp select,
.personal-details-comp #change-email-otp select,
.contact-details-comp #change-email-otp select,
.sign-up-personal-details-comp #change-email-otp input:not([type='checkbox']),
.personal-details-comp #change-email-otp input:not([type='checkbox']),
.contact-details-comp #change-email-otp input:not([type='checkbox']) {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #383737;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
  padding-bottom: 5px;
}
.sign-up-personal-details-comp #change-email-otp select:active,
.personal-details-comp #change-email-otp select:active,
.contact-details-comp #change-email-otp select:active,
.sign-up-personal-details-comp #change-email-otp input:not([type='checkbox']):active,
.personal-details-comp #change-email-otp input:not([type='checkbox']):active,
.contact-details-comp #change-email-otp input:not([type='checkbox']):active,
.sign-up-personal-details-comp #change-email-otp select:focus,
.personal-details-comp #change-email-otp select:focus,
.contact-details-comp #change-email-otp select:focus,
.sign-up-personal-details-comp #change-email-otp input:not([type='checkbox']):focus,
.personal-details-comp #change-email-otp input:not([type='checkbox']):focus,
.contact-details-comp #change-email-otp input:not([type='checkbox']):focus {
  outline: none;
  box-shadow: none;
}
.sign-up-personal-details-comp #change-email-otp select.error,
.personal-details-comp #change-email-otp select.error,
.contact-details-comp #change-email-otp select.error,
.sign-up-personal-details-comp #change-email-otp input:not([type='checkbox']).error,
.personal-details-comp #change-email-otp input:not([type='checkbox']).error,
.contact-details-comp #change-email-otp input:not([type='checkbox']).error {
  border-bottom: 2px solid #ed454f;
}
.sign-up-personal-details-comp #change-email-otp .text,
.personal-details-comp #change-email-otp .text,
.contact-details-comp #change-email-otp .text {
  display: inline-block;
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp #change-email-otp .text,
  .personal-details-comp #change-email-otp .text,
  .contact-details-comp #change-email-otp .text {
    max-width: 43.5%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp #change-email-otp .text,
  .personal-details-comp #change-email-otp .text,
  .contact-details-comp #change-email-otp .text {
    max-width: 100%;
  }
}
.sign-up-personal-details-comp #change-email-otp .text:only-child,
.personal-details-comp #change-email-otp .text:only-child,
.contact-details-comp #change-email-otp .text:only-child {
  width: 100%;
  max-width: 100%;
}
.sign-up-personal-details-comp #change-email-otp .tml-text p,
.personal-details-comp #change-email-otp .tml-text p,
.contact-details-comp #change-email-otp .tml-text p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #7A8084;
  width: 406px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp #change-email-otp .tml-text p,
  .personal-details-comp #change-email-otp .tml-text p,
  .contact-details-comp #change-email-otp .tml-text p {
    font-size: 16px;
  }
}
.sign-up-personal-details-comp #change-email-otp button,
.personal-details-comp #change-email-otp button,
.contact-details-comp #change-email-otp button {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 17.6px;
  text-align: center;
  color: #307fe2;
  padding: 15px;
  border: 2px solid #307fe2;
  background: transparent;
  border-radius: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp #change-email-otp button,
  .personal-details-comp #change-email-otp button,
  .contact-details-comp #change-email-otp button {
    line-height: 17.6px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp #change-email-otp button,
  .personal-details-comp #change-email-otp button,
  .contact-details-comp #change-email-otp button {
    font-size: 16px;
  }
}
.sign-up-personal-details-comp #change-email-otp button.btn-resent,
.personal-details-comp #change-email-otp button.btn-resent,
.contact-details-comp #change-email-otp button.btn-resent {
  display: none;
  border: none;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #282828;
  margin-bottom: 10px;
  cursor: default;
  display: inline-block;
  width: auto;
}
.sign-up-personal-details-comp #change-email-otp button.btn-resent span,
.personal-details-comp #change-email-otp button.btn-resent span,
.contact-details-comp #change-email-otp button.btn-resent span {
  color: #609f65;
}
.sign-up-personal-details-comp #change-email-otp .error.error-message,
.personal-details-comp #change-email-otp .error.error-message,
.contact-details-comp #change-email-otp .error.error-message,
.sign-up-personal-details-comp #change-email-otp label.error,
.personal-details-comp #change-email-otp label.error,
.contact-details-comp #change-email-otp label.error,
.sign-up-personal-details-comp #change-email-otp span.error,
.personal-details-comp #change-email-otp span.error,
.contact-details-comp #change-email-otp span.error {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #ed454f;
  padding: 0px;
  padding-top: 0px;
}
.sign-up-personal-details-comp #change-email-otp .cmp-form-text,
.personal-details-comp #change-email-otp .cmp-form-text,
.contact-details-comp #change-email-otp .cmp-form-text,
.sign-up-personal-details-comp #change-email-otp .cmp-form-options,
.personal-details-comp #change-email-otp .cmp-form-options,
.contact-details-comp #change-email-otp .cmp-form-options {
  position: relative;
  margin-bottom: 1.5rem;
}
.sign-up-personal-details-comp #change-email-otp .sd-btn-container,
.personal-details-comp #change-email-otp .sd-btn-container,
.contact-details-comp #change-email-otp .sd-btn-container {
  margin-top: 16px;
  font-size: 16px;
}
.sign-up-personal-details-comp #change-email-otp a,
.personal-details-comp #change-email-otp a,
.contact-details-comp #change-email-otp a {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 17.6px;
  color: #307fe2;
  text-decoration: none;
}
.sign-up-personal-details-comp #change-email-otp .title-content .title,
.personal-details-comp #change-email-otp .title-content .title,
.contact-details-comp #change-email-otp .title-content .title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  color: #383737;
}
.sign-up-personal-details-comp #change-email-otp .ceo-desc,
.personal-details-comp #change-email-otp .ceo-desc,
.contact-details-comp #change-email-otp .ceo-desc {
  margin-bottom: 16px;
}
.sign-up-personal-details-comp #change-email-otp .ceo-desc p,
.personal-details-comp #change-email-otp .ceo-desc p,
.contact-details-comp #change-email-otp .ceo-desc p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #7a8084;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp #change-email-otp .ceo-desc,
  .personal-details-comp #change-email-otp .ceo-desc,
  .contact-details-comp #change-email-otp .ceo-desc {
    max-width: 442px;
  }
}
.sign-up-personal-details-comp #change-email-otp .form-floating label.error,
.personal-details-comp #change-email-otp .form-floating label.error,
.contact-details-comp #change-email-otp .form-floating label.error {
  position: relative;
  transform: none;
  opacity: 1;
}
.err-msg-wrap .error-msg {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #ed454f;
}
.form {
  padding-left: 84px;
  padding-right: 85px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .form {
    padding-left: inherit;
    padding-right: inherit;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp {
    margin-top: 112px;
  }
  .sign-up-personal-details-comp .img-wrapper {
    position: relative;
  }
  .sign-up-personal-details-comp .img-wrapper h2 {
    max-width: 100%;
    display: block;
    color: #ffffff;
    max-width: 424px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp {
    margin-top: 0px;
  }
  .sign-up-personal-details-comp .img-wrapper h2 {
    min-width: 84% !important;
    bottom: 30px;
    left: 30px;
    font-size: 32px;
    line-height: 32px;
  }
}
.border-b {
  border-bottom: 2px solid #383737 !important;
}
.border-b.error ~ label.error,
.border-b.error ~ span.error {
  display: none !important;
}
.sign-up-personal-details-comp select[aria-invalid="true"] ~ .select2 .selection .select2-selection {
  border-bottom: 2px solid #ed454f !important;
}
.sign-up-personal-details-comp input:not([type="checkbox"])[aria-invalid="true"] {
  border-bottom: 2px solid #ed454f !important;
}
.sign-up-personal-details-comp .sign-up-form .field-wrap {
  max-width: 191px;
}
.sign-up-personal-details-comp .sign-up-form .field-wrap.email-wrap {
  max-width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .sign-up-form .field-wrap {
    max-width: 236px;
  }
  .sign-up-personal-details-comp .sign-up-form .field-wrap.email-wrap {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .field-wrap {
    margin-top: 68px;
    max-width: 100%;
  }
}
.sign-up-personal-details-comp .sign-up-form .alingn-flex-end {
  padding-left: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .sign-up-form .alingn-flex-end {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .alingn-flex-end {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form {
    padding: 0px 30px;
    margin-top: 0px !important;
  }
}
.sign-up-personal-details-comp .sign-up-form input:not([type='checkbox']),
.sign-up-personal-details-comp .sign-up-form select {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #383737;
  border: none;
  line-height: 100%;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
  padding-bottom: 5px;
  padding-left: 0px;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: auto;
}
.sign-up-personal-details-comp .sign-up-form input:not([type='checkbox']):active,
.sign-up-personal-details-comp .sign-up-form select:active,
.sign-up-personal-details-comp .sign-up-form input:not([type='checkbox']):focus,
.sign-up-personal-details-comp .sign-up-form select:focus {
  outline: none;
  box-shadow: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
.sign-up-personal-details-comp .sign-up-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.sign-up-personal-details-comp .sign-up-form input:active ~ label,
.sign-up-personal-details-comp .sign-up-form input:focus ~ label {
  opacity: 1;
  transform: translate3d(0px, -30%, 0px) !important;
  font-size: 80%;
  padding-bottom: 35px;
}
.sign-up-personal-details-comp .sign-up-form .form-floating > .form-control:focus,
.sign-up-personal-details-comp .sign-up-form .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 0px;
  padding-bottom: 0px;
}
.sign-up-personal-details-comp .sign-up-form label:not(.error) {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 7px 0px 0px;
  transition: all 300ms ease 0s;
  opacity: 0.5;
  font-size: 20px;
  display: block;
  align-items: center;
  transform: none;
  height: auto;
  padding-top: 0px;
  margin-bottom: 8px;
}
.sign-up-personal-details-comp .sign-up-form .error.error-message,
.sign-up-personal-details-comp .sign-up-form label.error,
.sign-up-personal-details-comp .sign-up-form span.error {
  opacity: 1;
  position: relative;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #ed454f;
  padding: 0px;
}
.sign-up-personal-details-comp .sign-up-form .form-floating.field-wrap.email-wrap label.error.label-err {
  padding-bottom: 0px;
  padding-top: 0px !important;
  transform: none !important;
  opacity: 1 !important;
}
.sign-up-personal-details-comp .sign-up-form .text-container p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #7A8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .sign-up-form .text-container p {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .text-container p {
    max-width: 100%;
  }
}
.sign-up-personal-details-comp .sign-up-form .form-floating.salutation {
  max-width: 191px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .sign-up-form .form-floating.salutation {
    max-width: 236px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .form-floating.salutation {
    max-width: 100%;
  }
}
.sign-up-personal-details-comp .sign-up-form .form-floating.salutation .select-float-label.float-label {
  opacity: 1;
  font-size: 80%;
  transform: translate3d(0px, -30%, 0px) !important;
  padding-bottom: 40px;
}
.sign-up-personal-details-comp .sign-up-form .form-floating.salutation .select2 {
  max-width: 191px;
  position: relative;
  top: 4px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details-comp .sign-up-form .form-floating.salutation .select2 {
    max-width: 236px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .form-floating.salutation .select2 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .input-wrapper .text-fname,
  .sign-up-personal-details-comp .sign-up-form .input-wrapper .text-lname {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .input-wrapper .text-fname {
    max-width: 100%;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .input-wrapper .text-lname {
    margin-left: 0px;
  }
}
.sign-up-personal-details-comp .sign-up-form .form-check-input[type=checkbox] {
  width: 24px;
  height: 24px;
  border-radius: 0px;
  background-image: none;
  border: 2px solid #383737;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}
.sign-up-personal-details-comp .sign-up-form .form-check-input[type=checkbox]:focus {
  box-shadow: none;
}
.sign-up-personal-details-comp .sign-up-form .form-check-input:checked[type=checkbox]::after {
  content: "\e9b3";
  color: #FFFFFF;
}
.sign-up-personal-details-comp .sign-up-form .consentcheckbox {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
  color: #383737;
}
.sign-up-personal-details-comp .sign-up-form .form-check p {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
  color: #383737;
  padding-left: 24px;
}
.sign-up-personal-details-comp .sign-up-form .consent-check {
  margin-top: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .consent-check {
    padding-bottom: 0px;
  }
}
.sign-up-personal-details-comp .sign-up-form .consent-check .termsAndConditions {
  padding-bottom: 8px;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .sign-up-form .consent-check .termsAndConditions {
    padding-bottom: 8px;
  }
}
.sign-up-personal-details-comp .input-wrapper,
.sign-up-personal-details-comp .email-container {
  margin-top: 70px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details-comp .input-wrapper,
  .sign-up-personal-details-comp .email-container {
    margin-top: 0px;
  }
}
.sign-up-personal-details-comp .optional-container {
  margin-top: 70px;
}
.sign-up-personal-details-comp .text-container {
  margin-top: 12px;
}
.sign-up-personal-details-comp .h-line hr {
  margin-top: 40px;
  margin-bottom: 0px;
}
.sign-up-personal-details-comp #title-error {
  top: 3px;
}
.sign-up-personal-details-comp a.disable_link {
  pointer-events: none;
  color: #7a8084;
}
.sign-up-personal-details-comp .form-floating > .form-control-plaintext ~ label::after,
.sign-up-personal-details-comp .form-floating > .form-control:focus ~ label::after,
.sign-up-personal-details-comp .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.sign-up-personal-details-comp .form-floating > .form-select ~ label::after {
  background-color: transparent;
}
.sign-up-form input[type="text"]:focus,
.sign-up-form input[type="email"]:focus {
  border-bottom: 2px solid #307fe2;
}
.sign-up-form input[type="email"][readonly] {
  border-bottom: 2px solid #383737;
  pointer-events: none;
}
.sign-up-form .consent-check-input {
  text-decoration: none;
  color: #383737;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  padding-left: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-form .consent-check-input {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-form .consent-check-input {
    padding-top: 0px;
  }
}
.sign-up-form .terms-condition-text {
  color: #307fe2;
  text-decoration: none;
}
.sign-up-form .consent-check-input.form-check-label.desc {
  padding-right: 3px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-form .consent-check-input.form-check-label.desc {
    max-width: 262px;
  }
}
.sign-up-form .consent-check-input.form-check-label.desc p {
  margin-bottom: 0px;
  margin-top: 5px;
  display: inline-block;
}
.sign-up-form .consent-check-input.form-check-label.desc.error-msg-padd {
  margin-top: 0px;
}
.sign-up-form .form-salutation {
  align-items: flex-start;
  visibility: hidden;
}
.sign-up-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-bottom: 0px;
}
.sign-up-form .tnc-check-container .tnc-check {
  width: 100%;
  display: block;
}
.sign-up-form .tnc-check-container .tnc-check .terms-condition-text {
  margin: 0px;
}
.sign-up-form .tnc-check-container .tnc-check .terms-condition-text::after {
  content: "";
}
.sign-up-form .tnc-check-container .tnc-check .error {
  padding-left: 24px;
  padding-top: 7px;
}
.sign-up-form .tnc-check-container .tnc-text {
  margin-top: 0px;
}
.sign-up-form .tnc-check-container .desc {
  margin-top: 0px;
}
.sign-up-form .tnc-check-container .consent-check-input {
  margin-top: 0px;
}
.sign-up-form .tncCheckbox-error {
  display: inline-block;
  width: 100%;
}
.sign-up-personal-details .signup-otp-img {
  object-fit: cover;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details .signup-otp-img {
    max-width: 55%;
    min-height: 300px;
    float: right;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details .signup-otp-img {
    max-width: 55%;
    min-height: 196px;
    float: right;
  }
}
.sign-up-personal-details .personal-login-sub {
  display: none !important;
}
.sign-up-personal-details .sign-up-personal-details-comp .base-align {
  align-items: baseline !important;
}
.sign-up-personal-details .sign-up-personal-details-comp .select-top-5 {
  position: relative;
  top: 5px;
}
.sign-up-personal-details .sign-up-personal-details-comp .form-floating > .form-control:not(:placeholder-shown) ~ label {
  padding-top: 0px !important;
}
.sign-up-personal-details .sign-up-personal-details-comp .form-floating > .form-control:focus ~ label {
  padding-top: 0px !important;
}
.sign-up-personal-details .sign-up-personal-details-comp .form-floating > .form-control:active ~ label {
  padding-top: 0px !important;
}
.sign-up-personal-details .sign-up-personal-details-comp .otp-img-wrapper-show .personal-login-sub {
  display: none !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-personal-details .sign-up-personal-details-comp .otp-img-wrapper-show .personal-login-sub {
    display: block !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details .sign-up-personal-details-comp .otp-img-wrapper-show .personal-login-sub {
    display: block !important;
  }
}
.sign-up-personal-details .sign-up-personal-details-comp #change-email-otp button.btn-resent {
  display: inline;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
}
.sign-up-personal-details .sign-up-personal-details-comp #change-email-otp a {
  border: none;
}
.sign-up-personal-details .sign-up-personal-details-comp #change-email-otp .change-email-otp .form-control:focus {
  border-bottom: 2px solid #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details .sign-up-personal-details-comp #change-email-otp .change-email-otp {
    padding-bottom: 98px !important;
  }
}
.sign-up-personal-details .sign-up-personal-details-comp #change-email-otp .form-floating > .form-control:not(:placeholder-shown) ~ label {
  padding-top: 0px !important;
}
.sign-up-personal-details .sign-up-personal-details-comp #change-email-otp .form-floating > .form-control:focus ~ label {
  padding-top: 0px !important;
}
.sign-up-personal-details .sign-up-personal-details-comp #change-email-otp .form-floating > .form-control:active ~ label {
  padding-top: 0px !important;
}
.sign-up-personal-details .salutation-title {
  position: relative !important;
}
.sign-up-personal-details .salutation-title.safari-browser .select2-container.select2-container--open > .select2-dropdown {
  width: 95% !important;
  position: absolute;
  top: 28px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-personal-details .salutation-title.safari-browser .select2-container.select2-container--open > .select2-dropdown {
    width: 100% !important;
  }
}
.sign-up-personal-details .salutation-title.safari-browser .select2-selection--single {
  outline: none !important;
}

.rewards-points-comp .rewards-main .rewards-eyebrowText {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-points-comp .rewards-main .rewards-eyebrowText {
    font-size: 16px;
    line-height: 20px;
  }
}
.rewards-points-comp .rewards-main .rewards-pointsCount {
  color: #383737;
  padding-top: 24px;
  align-items: baseline;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-points-comp .rewards-main .rewards-pointsCount {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-points-comp .rewards-main .rewards-pointsCount {
    font-size: 24px;
    line-height: 24px;
  }
}
.rewards-points-comp .rewards-main .rewards-pointsCount .rewardspointsText {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-points-comp .rewards-main .rewards-pointsCount .rewardspointsText {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-points-comp .rewards-main .rewards-pointsCount .rewardspointsText {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.rewards-points-comp .rewards-main .rewards-links a {
  color: #307fe2;
  text-decoration: none;
}
.rewards-points-comp .rewards-main .rewards-links a .link-label {
  font-size: 16px;
  line-height: 17.6px;
  font-weight: 400;
  padding-right: 9px;
}
.rewards-points-comp .rewards-main .rewards-links a .link-label .icon-Arrow-Right::before {
  font-family: icomoon !important;
  font-size: 10px;
  color: #307fe2;
  padding: 0px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: inline-block;
}
.rewards-points-comp .rewards-main .divider {
  border-bottom: 1px solid #7a8084;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-points-comp .rewards-main .rewards-pointsCount {
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .rewards-points-comp .rewards-main .rewards-links {
    padding-bottom: 24px;
  }
  .rewards-points-comp .rewards-main .divider {
    border-bottom: 1px solid #7a8084;
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-points-comp .rewards-main .rewards-pointsCount {
    padding-top: 12px;
    padding-bottom: 16px;
  }
  .rewards-points-comp .rewards-main .rewards-links {
    padding-bottom: 24px;
  }
  .rewards-points-comp .rewards-main .divider {
    border-bottom: 1px solid #7a8084;
    display: block;
  }
}

.rewards-loyalty-comp .modal .modal-dialog {
  max-width: 100%;
}
.rewards-loyalty-comp .modal .modal-dialog .modal-content {
  border: none;
  border-radius: 0 !important;
}
.rewards-loyalty-comp .modal .modal-dialog .modal-content .loyalty-container {
  padding: 80px 314px;
}
.rewards-loyalty-comp .referral-loyalty-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  background-color: #f8f8f8;
  padding-left: 24px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-loyalty-comp .referral-loyalty-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-loyalty-comp .referral-loyalty-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-loyalty-comp .referral-loyalty-title {
    padding-left: 16px;
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-loyalty-comp .referral-loyalty-title {
    padding-bottom: 16px;
  }
}
.rewards-loyalty-comp .loyalty-container {
  padding: 80px 64px;
  background-color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-loyalty-comp .loyalty-container {
    padding: 64px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-loyalty-comp .loyalty-container {
    padding: 64px 16px;
  }
}
.rewards-loyalty-comp .loyalty-container h4,
.rewards-loyalty-comp .loyalty-container p {
  margin-bottom: 0px;
}
.rewards-loyalty-comp .loyalty-container .loyalty-title {
  padding-bottom: 24px;
  color: #383737;
}
.rewards-loyalty-comp .loyalty-container .loyalty-description {
  color: #7a8084;
}
.rewards-loyalty-comp .loyalty-container .chekbox-container {
  padding-top: 41px;
  padding-bottom: 40px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #7a8084;
}
.rewards-loyalty-comp .loyalty-container .chekbox-container .checkbox-text {
  margin-right: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.rewards-loyalty-comp .loyalty-container .otp-container {
  width: 600px;
  text-align: left;
  margin: auto;
}
.rewards-loyalty-comp .loyalty-container .otp-container .err-container .error-message {
  color: #ed454f;
  padding-bottom: 16px;
}
.rewards-loyalty-comp .loyalty-container .otp-container .otp-input {
  padding: 30px 0px 0px;
  width: 100%;
  outline: none;
  border: none;
  color: #383737;
  border-bottom: 2px solid #383737;
  margin-bottom: 16px;
  border-radius: 0px;
  padding-left: 0px;
  background-color: transparent;
}
.rewards-loyalty-comp .loyalty-container .otp-container .otp-input.error,
.rewards-loyalty-comp .loyalty-container .otp-container .otp-input.error:focus {
  border-bottom: 2px solid #ed454f;
}
.rewards-loyalty-comp .loyalty-container .otp-container .otp-input:focus {
  box-shadow: none;
  border-bottom: 2px solid #307fe2;
}
.rewards-loyalty-comp .loyalty-container .otp-container .otp-input:active {
  box-shadow: none;
}
.rewards-loyalty-comp .loyalty-container .otp-container label {
  padding-left: 0px;
  background: transparent;
}
.rewards-loyalty-comp .loyalty-container .otp-container label::after {
  background: transparent;
}
.rewards-loyalty-comp .loyalty-container .otp-container label.error {
  position: relative;
  color: #ed454f;
  padding: 0px;
  transform: none !important;
}
.rewards-loyalty-comp .loyalty-container .otp-container .otp-desc {
  width: 100%;
  display: block;
  text-align: left;
  color: #7a8084;
}
.rewards-loyalty-comp .loyalty-container .otp-container .resend-link {
  padding: 16px 0px 40px;
  cursor: pointer;
  color: #307fe2;
  text-align: left;
  display: block;
  width: fit-content;
  text-decoration: none;
}
.rewards-loyalty-comp .loyalty-container .otp-container .resend-link .icon-Arrow-Right {
  font-size: 12px;
}
.rewards-loyalty-comp .loyalty-container .otp-container .resend-link.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5) !important;
}
.rewards-loyalty-comp .loyalty-container .otp-container .ln-sd-resent {
  display: inline-block;
  margin-top: 16px;
  padding: 8px;
  border: none;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #282828;
  margin-bottom: 10px;
  cursor: default;
  width: auto;
}
.rewards-loyalty-comp .loyalty-container .otp-container .ln-sd-resent span {
  color: #609f65;
}
.rewards-loyalty-comp .loyalty-container .loyalty-confirm-btn,
.rewards-loyalty-comp .loyalty-container .loyalty-submit-btn {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  outline: 0;
  border: 2px solid #307fe2;
  color: #307fe2;
  background: none;
}
.rewards-loyalty-comp .loyalty-container .loyalty-confirm-btn.disabled,
.rewards-loyalty-comp .loyalty-container .loyalty-submit-btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  border: 2px solid rgba(122, 128, 132, 0.5) !important;
  color: rgba(122, 128, 132, 0.5) !important;
}
.rewards-loyalty-comp .loyalty-container .loyalty-cancel-btn {
  display: block;
  margin: auto;
  padding-top: 16px;
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-loyalty-comp .modal .modal-dialog .modal-content .loyalty-container {
    padding: 64px 0px;
  }
  .rewards-loyalty-comp .loyalty-container .loyalty-title {
    padding: 0px 65px 16px;
  }
  .rewards-loyalty-comp .loyalty-container .loyalty-description {
    padding: 0px 65px;
  }
  .rewards-loyalty-comp .loyalty-container .chekbox-container {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .rewards-loyalty-comp .loyalty-container .otp-container {
    width: 512px;
  }
  .rewards-loyalty-comp .loyalty-container .otp-container .resend-link {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-loyalty-comp .modal .modal-dialog {
    margin: 0px !important;
  }
  .rewards-loyalty-comp .modal .modal-dialog .modal-content .loyalty-container {
    padding: 64px 30px;
  }
  .rewards-loyalty-comp .loyalty-container {
    text-align: left;
  }
  .rewards-loyalty-comp .loyalty-container .loyalty-title {
    padding: 0px 0px 16px;
  }
  .rewards-loyalty-comp .loyalty-container .loyalty-description {
    padding: 0px;
  }
  .rewards-loyalty-comp .loyalty-container .chekbox-container {
    padding-top: 16px;
    padding-bottom: 36px;
    align-items: center;
  }
  .rewards-loyalty-comp .loyalty-container .chekbox-container .checkbox-text {
    margin-right: 16px;
    width: 48px;
    height: 24px;
  }
  .rewards-loyalty-comp .loyalty-container .otp-container {
    width: 100%;
  }
  .rewards-loyalty-comp .loyalty-container .otp-container .resend-link {
    padding-bottom: 36px;
  }
  .rewards-loyalty-comp .loyalty-container .loyalty-confirm-btn,
  .rewards-loyalty-comp .loyalty-container .loyalty-submit-btn {
    width: 100%;
  }
}
.grey1 .rewards-loyalty-comp .referral-loyalty-title {
  background-color: #f8f8f8;
}
.grey2 .rewards-loyalty-comp .referral-loyalty-title {
  background-color: #eaeaec !important;
}

.rewards-benefits-comp .benfits-list {
  background-color: #ffffff;
  padding: 64px;
  display: flex;
}
.rewards-benefits-comp .benfits-list h6,
.rewards-benefits-comp .benfits-list h4,
.rewards-benefits-comp .benfits-list p {
  margin-bottom: 0px !important;
}
.rewards-benefits-comp .benfits-list .benefits-list-details {
  width: 58.5%;
}
.rewards-benefits-comp .benfits-list .benefits-list-details .benefits-title {
  color: #7a8084;
  padding-bottom: 24px;
}
.rewards-benefits-comp .benfits-list .benefits-list-details .benefits-label {
  color: #383737;
  padding-bottom: 12px;
}
.rewards-benefits-comp .benfits-list .benefits-list-details .benefits-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-benefits-comp .benfits-list .benefits-list-details .benefits-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.rewards-benefits-comp .benfits-list .benefits-list-details.order-1 {
  margin-right: 80px;
}
.rewards-benefits-comp .benfits-list .benefits-list-image {
  display: inline-block;
}
.rewards-benefits-comp .benfits-list .benefits-list-image .benefits-item {
  width: 29%;
  padding: 0px;
  margin-bottom: 20px;
  margin-right: 20px;
  border: none;
  background-color: #ffffff;
}
.rewards-benefits-comp .benfits-list .benefits-list-image .benefits-item .benefits-image-details .image-desc {
  padding: 16px !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
}
.rewards-benefits-comp .benfits-list .benefits-list-image .benefits-item .benefits-image-details .img-responsive {
  padding-top: 20px;
}
.rewards-benefits-comp .benfits-list .benefits-list-image .benefits-item.active {
  background-color: #f8f8f8;
  border-bottom: 4px solid #307fe2;
}
.rewards-benefits-comp .benfits-list .benefits-list-image .benefits-item:nth-child(3n) {
  margin-right: 0px;
}
.rewards-benefits-comp .benfits-list .benefits-list-image.order-1 {
  margin-right: 80px;
}
.rewards-benefits-comp .mobile-view {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-benefits-comp .benfits-list {
    padding: 40px 40px 0px;
    display: block;
  }
  .rewards-benefits-comp .benfits-list .benefits-list-details {
    width: 100%;
    padding-bottom: 40px;
  }
  .rewards-benefits-comp .benfits-list .benefits-list-details .benefits-label {
    padding-bottom: 16px;
  }
  .rewards-benefits-comp .benfits-list .benefits-list-image .benefits-item {
    width: 31%;
    margin-bottom: 40px;
    margin-right: 16px;
  }
  .rewards-benefits-comp .benfits-list .benefits-list-image .benefits-item .benefits-image-details .image-desc {
    padding: 16px 12px !important;
  }
  .rewards-benefits-comp .benfits-list .benefits-list-image .benefits-item .benefits-image-details .img-responsive {
    padding-top: 12px;
  }
  .rewards-benefits-comp .benfits-list .benefits-list-image.order-1 {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-benefits-comp .benfits-list {
    display: none;
  }
  .rewards-benefits-comp .mobile-view {
    display: block;
  }
  .rewards-benefits-comp .mobile-view h6,
  .rewards-benefits-comp .mobile-view h4,
  .rewards-benefits-comp .mobile-view p {
    margin-bottom: 0px !important;
  }
  .rewards-benefits-comp .mobile-view .benefits-container {
    background-color: #ffffff;
    padding: 24px 16px;
  }
  .rewards-benefits-comp .mobile-view .benefits-container .benefits-list-details .img-responsive {
    padding-bottom: 24px;
  }
  .rewards-benefits-comp .mobile-view .benefits-container .benefits-list-details .benefits-title {
    color: #7a8084;
    padding-bottom: 8px;
  }
  .rewards-benefits-comp .mobile-view .benefits-container .benefits-list-details .benefits-label {
    color: #383737;
    padding-bottom: 8px;
  }
  .rewards-benefits-comp .mobile-view .benefits-container .benefits-list-details .benefits-desc {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    color: #7a8084;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider {
    padding-top: 25px;
    display: flex;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .prev {
    color: #383737;
    font-size: 24px;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .prev::before {
    content: "\e99a";
    font-family: "icomoon";
    cursor: pointer;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .prev.inactive {
    color: rgba(122, 128, 132, 0.5);
    cursor: not-allowed;
    pointer-events: none;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .prev.inactive::before {
    color: rgba(122, 128, 132, 0.5);
    cursor: not-allowed;
    pointer-events: none;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .prev.inactive .cta-link {
    color: rgba(122, 128, 132, 0.5) !important;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .slider-container {
    display: flex;
    align-items: center;
    padding: 0px !important;
    margin: auto;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .next {
    color: #383737;
    font-size: 24px;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .next::after {
    content: "\e9a0";
    font-family: "icomoon";
    cursor: pointer;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .next.inactive {
    color: rgba(122, 128, 132, 0.5);
    cursor: not-allowed;
    pointer-events: none;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .next.inactive::after {
    color: rgba(122, 128, 132, 0.5);
    cursor: not-allowed;
    pointer-events: none;
  }
  .rewards-benefits-comp .mobile-view .benefits-slider .next.inactive .cta-link {
    color: rgba(122, 128, 132, 0.5) !important;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .rewards-benefits-comp .mobile-view .benefits-container .benefits-list-details .benefits-desc {
    font-size: 16px;
    line-height: 20px;
  }
}

.account-activity-comp .account-activity {
  background-color: #ffffff;
  padding: 64px 64px 42px;
  display: flex;
  border-bottom: 2px solid #eaeaec;
}
.account-activity-comp .account-activity .activity-title {
  width: 47.9%;
  margin-right: 10px;
}
.account-activity-comp .account-activity .activity-title h4 {
  margin-bottom: 0px;
}
.account-activity-comp .account-activity .search-bar-activity {
  width: 50.7%;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
}
.account-activity-comp .account-activity .search-bar-activity .activity-search {
  display: flex;
  align-items: center;
}
.account-activity-comp .account-activity .search-bar-activity .activity-search .searchicon {
  font-size: 20px;
  padding-right: 14px;
}
.account-activity-comp .account-activity .search-bar-activity .activity-search .rewards-search {
  padding: 0px;
  border: none;
  width: 91%;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-activity-comp .account-activity .search-bar-activity .activity-search .rewards-search {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-activity-comp .account-activity .search-bar-activity .activity-search .rewards-search {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.account-activity-comp .reward-table {
  background-color: #ffffff;
  padding: 40px 64px 67px;
}
.account-activity-comp .reward-table .container .rewards-header-main {
  display: flex;
  position: relative;
  right: 0;
  justify-content: end;
  padding-bottom: 16px;
}
.account-activity-comp .reward-table .container .rewards-header-main .rewards-main {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  width: 28.5%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-activity-comp .reward-table .container .rewards-header-main .rewards-main {
    font-size: 16px;
    line-height: 20px;
  }
}
.account-activity-comp .reward-table .container .rewards-content {
  padding-bottom: 43px;
}
.account-activity-comp .reward-table .container .rewards-content .rewards-list {
  padding: 24px 40px;
  display: none;
}
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-date {
  padding-bottom: 8px;
}
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details {
  display: flex;
}
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-product {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 70.65%;
  margin-right: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-product {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-product {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-points {
  display: flex;
}
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-points .reward-coins {
  margin-bottom: 0px;
}
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-points .icon-Add,
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-points .active-coins {
  color: #609f65;
}
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-points .icon-Minus,
.account-activity-comp .reward-table .container .rewards-content .rewards-list .reward-details .reward-points .inactive-coins {
  color: #383737;
}
.account-activity-comp .reward-table .container .rewards-pagination {
  display: flex;
}
.account-activity-comp .reward-table .container .rewards-pagination .prev {
  color: #383737;
  font-size: 24px;
}
.account-activity-comp .reward-table .container .rewards-pagination .prev::before {
  content: "\e99a";
  font-family: "icomoon";
  cursor: pointer;
}
.account-activity-comp .reward-table .container .rewards-pagination .prev.inactive {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.account-activity-comp .reward-table .container .rewards-pagination .prev.inactive::before {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.account-activity-comp .reward-table .container .rewards-pagination .prev.inactive .cta-link {
  color: rgba(122, 128, 132, 0.5) !important;
}
.account-activity-comp .reward-table .container .rewards-pagination .pagination-value {
  display: flex;
  align-items: center;
  padding: 0px !important;
  margin: auto;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
}
.account-activity-comp .reward-table .container .rewards-pagination .pagination-value .initial-page {
  padding: 0px 8px;
}
.account-activity-comp .reward-table .container .rewards-pagination .pagination-value .total-pages {
  padding-left: 8px;
}
.account-activity-comp .reward-table .container .rewards-pagination .next {
  color: #383737;
  font-size: 24px;
}
.account-activity-comp .reward-table .container .rewards-pagination .next::after {
  content: "\e9a0";
  font-family: "icomoon";
  cursor: pointer;
}
.account-activity-comp .reward-table .container .rewards-pagination .next.inactive {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.account-activity-comp .reward-table .container .rewards-pagination .next.inactive::after {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.account-activity-comp .reward-table .container .rewards-pagination .next.inactive .cta-link {
  color: rgba(122, 128, 132, 0.5) !important;
}
.account-activity-comp .reward-table .container .rewards-errormsg {
  display: none;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-activity-comp .account-activity {
    padding: 40px;
  }
  .account-activity-comp .account-activity .activity-title {
    margin-right: 0px;
  }
  .account-activity-comp .account-activity .search-bar-activity {
    width: 39%;
    padding-bottom: 10px;
  }
  .account-activity-comp .account-activity .search-bar-activity .activity-search {
    display: flex;
  }
  .account-activity-comp .account-activity .search-bar-activity .searchicon {
    font-size: 24px;
    padding-right: 15px;
  }
  .account-activity-comp .reward-table {
    padding: 40px 40px 43px;
  }
  .account-activity-comp .reward-table .rewards-main {
    width: 28.5%;
  }
  .account-activity-comp .reward-table .reward-product {
    margin-right: 0px !important;
  }
  .account-activity-comp .reward-table .rewards-content .rewards-list {
    padding: 24px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-activity-comp .account-activity {
    padding: 32px 16px 24px;
    display: block;
  }
  .account-activity-comp .account-activity .activity-title {
    padding-bottom: 26px;
    display: inline-block;
  }
  .account-activity-comp .account-activity .search-bar-activity {
    width: 100%;
  }
  .account-activity-comp .account-activity .search-bar-activity .searchicon {
    font-size: 20px;
    padding-right: 19px;
  }
  .account-activity-comp .reward-table {
    padding: 12px 16px 27px;
  }
  .account-activity-comp .reward-table .rewards-content .rewards-list {
    padding: 24px 16px !important;
  }
  .account-activity-comp .reward-table .rewards-content .rewards-list .reward-date {
    padding-bottom: 12px;
  }
}

.remove-vehicle-comp .remove-vehicle {
  background-color: #ffffff;
  padding: 80px;
}
.remove-vehicle-comp .remove-vehicle .line {
  margin: 40px 0 40px 0;
  border-bottom: 2px solid #eaeaec;
}
.remove-vehicle-comp .remove-vehicle .remove {
  padding-top: 24px;
}
.remove-vehicle-comp .remove-vehicle .remove .remove-btn {
  border: solid 2px #307fe2;
  display: inline-block;
  color: #307fe2;
  cursor: pointer;
}
.remove-vehicle-comp #removevehicle .modal-dialog {
  max-width: 59.44%;
  min-height: 647px;
  margin: 77px 314px auto;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content {
  border-radius: 0px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body {
  padding: 80px 104px 80px 104px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading {
  display: flex;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading .modal-title {
  max-width: 534px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
  opacity: 1;
  border: none;
  background: transparent;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding: 0px;
  margin-left: auto;
  font-size: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
    font-size: 24px;
    line-height: 24px;
  }
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf {
  margin-top: 40px;
  display: flex;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-detail {
  max-width: 270px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-detail .modal-number {
  color: #7a8084;
  padding-bottom: 8px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-detail .modal-name {
  color: #383737;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-img {
  margin-left: auto;
  width: 282px;
  height: 80px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .line {
  margin: 40px 0;
  border-bottom: 2px solid #eaeaec;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first {
  display: flex;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .name {
  width: 282px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .name .name-label {
  color: #7a8084;
  padding-bottom: 8px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .name .name-title {
  color: #383737;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .color {
  width: 282px;
  padding-left: 40px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .color .color-label {
  color: #7a8084;
  padding-bottom: 8px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .color .color-title {
  color: #383737;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second {
  padding-top: 24px;
  display: flex;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .transmission {
  width: 282px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .transmission .transmission-label {
  color: #7a8084;
  padding-bottom: 8px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .transmission .transmission-title {
  color: #383737;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .fuel {
  width: 282px;
  padding-left: 40px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .fuel .fuel-label {
  color: #7a8084;
  padding-bottom: 8px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .fuel .fuel-title {
  color: #383737;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-lastshelf {
  margin-top: 80px;
}
.remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-lastshelf .otp-btn {
  display: inline-block;
  border: 2px solid #307fe2;
  color: #307fe2;
  cursor: pointer;
}
.remove-vehicle-comp #otpscreen .modal-dialog {
  max-width: 59.44%;
  margin: 123px 314px auto;
  min-height: 554px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content {
  border-radius: 0px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body {
  padding: 80px 104px 80px 104px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading {
  display: flex;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading .title {
  max-width: 534px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
  opacity: 1;
  border: none;
  background: transparent;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding: 0px;
  margin-left: auto;
  font-size: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 24px;
    line-height: 24px;
  }
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .topshelf {
  padding-top: 40px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf {
  padding-top: 70px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input {
  font-weight: 500;
  color: #383737;
  border: 0;
  width: 100%;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating input:focus {
  box-shadow: none;
  outline: none;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating label[for=emailOtp] {
  color: #7a8084;
  font-weight: 500;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .form-floating label.error {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #ed454f;
  padding: 2px;
  position: initial;
  opacity: 1;
  transform: none;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-email-form-container .err-container {
  color: #ed454f;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .description {
  padding-top: 16px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf {
  display: flex;
  padding-top: 80px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .resend-otp-email {
  color: #307fe2;
  margin-left: 42px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .resend-otp-email.disabled {
  color: #7a8084 !important;
  opacity: 1;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .resend-otp-email:focus {
  box-shadow: none;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .resend-otp-email .right-arr {
  margin-left: 4px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .btn-resent {
  margin-left: 42px;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf button {
  border-radius: 0px;
  width: 100%;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
.remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf button.disabled {
  color: #7A8084;
  border: 2px solid #7A8084;
}
.remove-vehicle-comp #submitscreen .modal-dialog {
  max-width: 59.44% !important;
  margin: 238px 314px auto;
  min-height: 324px;
}
.remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body {
  padding: 80px 104px;
}
.remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body .head {
  display: flex;
  padding-bottom: 40px;
}
.remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body .head .icon-Cross {
  opacity: 1;
  border: none;
  background: transparent;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  display: flex;
  padding: 0px;
  margin-left: auto;
  font-size: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body .head .icon-Cross {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body .head .icon-Cross {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .remove-vehicle-comp .remove-vehicle {
    padding: 40px;
  }
  .remove-vehicle-comp .remove-vehicle .line {
    margin: 23px 0 40px 0 !important;
    height: 2px;
    color: #eaeaec;
  }
  .remove-vehicle-comp .remove-vehicle .description-button {
    display: flex;
  }
  .remove-vehicle-comp .remove-vehicle .description {
    width: 60%;
    margin-right: 40px;
  }
  .remove-vehicle-comp .remove-vehicle .remove {
    margin-left: auto;
    padding-top: 20px;
  }
  .remove-vehicle-comp .remove-vehicle .remove .remove-btn {
    border: 2px solid #307fe2;
    display: inline-block;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog {
    max-width: 100%;
    margin: 0px;
    align-items: flex-end;
    min-height: 513px;
    position: fixed;
    bottom: 0px;
    width: 100%;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body {
    padding: 40px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading {
    display: flex;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading .modal-title {
    max-width: 640px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading .icon-Cross {
    font-size: 24px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf {
    margin-top: 56px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-detail {
    max-width: 474px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-img {
    margin-left: auto;
    min-width: 174px;
    height: 84px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .name {
    width: 324px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .color {
    width: 324px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second {
    padding-top: 16px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .transmission {
    width: 324px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .fuel {
    width: 324px;
    padding-left: 40px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-lastshelf {
    margin-top: 40px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog {
    max-width: 100% !important;
    margin: 0px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    position: fixed;
    bottom: 0px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body {
    padding: 40px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading {
    display: flex;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading .title {
    max-width: 640px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading .icon-Cross {
    font-size: 24px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .topshelf {
    padding-top: 40px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf {
    padding-top: 68px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-holder {
    border: 0;
    width: 100%;
    border-bottom: 2px solid #383737;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .description {
    padding-top: 24px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf {
    display: flex;
    padding-top: 40px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .resenf {
    padding-top: 12px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .submit .submit-btn {
    display: inline-block;
    border: 2px solid #307fe2;
  }
  .remove-vehicle-comp #submitscreen .modal-dialog {
    max-width: 90% !important;
    margin: 430px 40px auto;
    min-height: 165px;
  }
  .remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body {
    padding: 40px;
  }
  .remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body .head {
    display: flex;
    padding-bottom: 12px;
  }
  .remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body .head .icon-Cross {
    border: 0;
    background-color: transparent;
    font-size: 32px;
    margin-left: auto;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .remove-vehicle-comp .remove-vehicle {
    padding: 32px 16px;
  }
  .remove-vehicle-comp .remove-vehicle .line {
    margin: 19px 0 24px 0 !important;
  }
  .remove-vehicle-comp .remove-vehicle .description-button {
    display: block;
  }
  .remove-vehicle-comp .remove-vehicle .description-button .description {
    width: 100% !important;
  }
  .remove-vehicle-comp .remove-vehicle .remove {
    margin-left: auto;
    padding-top: 20px;
  }
  .remove-vehicle-comp .remove-vehicle .remove .remove-btn {
    border: solid 2px #307fe2;
    display: flex;
    justify-content: center;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog {
    margin: 0px;
    width: 100%;
    position: fixed;
    bottom: 0px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body {
    padding: 24px 30px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading {
    display: flex;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-heading .modal-title {
    max-width: 300px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf {
    margin-top: 24px;
    display: flex;
    flex-direction: column-reverse;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-detail {
    max-width: 300px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-detail .modal-number {
    font-size: 16px;
    padding-bottom: 8px;
    padding-top: 24px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-detail .modal-name {
    font-size: 18px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-topshelf .modal-img {
    margin-left: auto;
    width: 300px;
    height: 120px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body hr {
    margin: 24px 0;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .name {
    width: 130px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .name .name-label {
    padding-bottom: 8px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .color {
    width: 130px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-first .color .color-label {
    padding-bottom: 8px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second {
    padding-top: 16px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .transmission {
    width: 130px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .transmission .transmission-label {
    padding-bottom: 8px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .fuel {
    width: 130px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-middleshelf .modal-second .fuel .fuel-label {
    padding-bottom: 8px;
  }
  .remove-vehicle-comp #removevehicle .modal-dialog .modal-content .modal-body .modal-lastshelf {
    margin-top: 24px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog {
    margin: 0px;
    width: 100%;
    position: fixed;
    bottom: 0px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body {
    padding: 24px 30px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading {
    display: flex;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .heading .title {
    max-width: 300px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .topshelf {
    padding-top: 24px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf {
    padding-top: 40px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .enter-otp .otp-holder {
    border: 0;
    width: 100%;
    border-bottom: 2px solid #383737;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .middleshelf .description {
    padding-top: 12px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf {
    display: flex;
    padding-top: 24px;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .submit .submit-btn {
    display: inline-block;
    border: 2px solid #307fe2;
  }
  .remove-vehicle-comp #otpscreen .modal-dialog .modal-content .modal-body .bottomshelf .resend-otp-email {
    margin: 0px;
  }
  .remove-vehicle-comp #submitscreen .modal-dialog {
    margin: 0px;
    max-width: 100% !important;
    display: flex;
    align-items: flex-end;
    position: fixed;
    bottom: 0px;
  }
  .remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body {
    padding: 24px 30px;
  }
  .remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body .head {
    display: flex;
    padding-bottom: 16px;
  }
  .remove-vehicle-comp #submitscreen .modal-dialog .modal-content .modal-body .head .icon-Cross {
    font-size: 32px;
  }
}

.referrals-earnpoints-comp .earnpointsTitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referrals-earnpoints-comp .earnpointsTitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referrals-earnpoints-comp .earnpointsTitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.referrals-earnpoints-comp .earnpointsDesc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  padding: 24px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referrals-earnpoints-comp .earnpointsDesc {
    font-size: 16px;
    line-height: 20px;
  }
}
.referrals-earnpoints-comp .earnpointsDesc p {
  margin-bottom: 0px;
}
.referrals-earnpoints-comp .earnpointsLink {
  color: #307fe2;
}
.referrals-earnpoints-comp .earnpointsLink a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.referrals-earnpoints-comp .earnpointsLink a .icon-Arrow-Right {
  font-size: 12px;
  padding-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referrals-earnpoints-comp .earnpointsTitle {
    font-size: 30px;
    line-height: 33px;
  }
  .referrals-earnpoints-comp .earnpointsDesc {
    padding: 16px 0px 32px 0px;
  }
}

.referrals-banner-comp .ref-header {
  padding: 40px 40px 40px 40px;
  background-color: #383737;
}
.referrals-banner-comp .ref-header .owl-nav {
  padding-bottom: 24px;
}
.referrals-banner-comp .ref-header .owl-nav .owl-prev {
  border: 1px solid #ffffff;
  background-color: transparent;
  padding: 15px;
  font-size: 24px;
  margin-right: 7px;
}
.referrals-banner-comp .ref-header .owl-nav .owl-prev .icon-Arrow-Left {
  color: #ffffff;
}
.referrals-banner-comp .ref-header .owl-nav .owl-prev:active,
.referrals-banner-comp .ref-header .owl-nav .owl-prev:focus {
  border-color: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.referrals-banner-comp .ref-header .owl-nav .owl-next {
  border: 1px solid #ffffff;
  background-color: transparent;
  padding: 15px;
  font-size: 24px;
}
.referrals-banner-comp .ref-header .owl-nav .owl-next .icon-Arrow-Right {
  color: #ffffff;
}
.referrals-banner-comp .ref-header .owl-nav .owl-next:active,
.referrals-banner-comp .ref-header .owl-nav .owl-next:focus {
  border-color: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.referrals-banner-comp .ref-header .owl-nav .disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.referrals-banner-comp .ref-header .owl-nav .disabled .icon-Arrow-Left {
  color: rgba(122, 128, 132, 0.5);
}
.referrals-banner-comp .ref-header .owl-nav .disabled .icon-Arrow-Right {
  color: rgba(122, 128, 132, 0.5);
}
.referrals-banner-comp .ref-header .owl-stage-outer {
  width: 100% !important;
}
.referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text {
  padding-left: 40px;
  background-color: #282828;
}
.referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-text-title {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 94.39%;
  color: #ffffff;
  padding-top: 40px;
  margin-right: 40px;
  padding-bottom: 54px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-text-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-text-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-termslink {
  padding-bottom: 40px;
}
.referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-termslink .terms-link {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  text-decoration: none;
  color: #307fe2;
}
.referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-termslink .staricon {
  color: #eaeaec;
}
.referrals-banner-comp .ref-header .owl-dots {
  display: none !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referrals-banner-comp .ref-header .owl-nav {
    display: none !important;
  }
  .referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-text-title {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referrals-banner-comp .ref-header {
    padding: 20px;
  }
  .referrals-banner-comp .ref-header .owl-nav {
    display: none !important;
  }
  .referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text {
    padding-left: 20px;
  }
  .referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-text-title {
    padding: 14px 0px 15px 0px;
  }
  .referrals-banner-comp .ref-header .owl-stage-outer .owl-item .ref-text .ref-termslink {
    padding: 0px 0px 16px 0px;
  }
}

.referrals-activity-comp h6,
.referrals-activity-comp h4 {
  margin-bottom: 0px;
}
.referrals-activity-comp .referrals-activity {
  background-color: #ffffff;
  padding: 64px 64px 42px;
  display: flex;
  border-bottom: 2px solid #eaeaec;
}
.referrals-activity-comp .referrals-activity .activity-title {
  width: 47.9%;
  margin-right: 10px;
}
.referrals-activity-comp .referrals-activity .referrals-search {
  width: 50.7%;
  border-bottom: 2px solid #383737;
  padding-bottom: 10px;
}
.referrals-activity-comp .referrals-activity .referrals-search .activity-search {
  display: flex;
  align-items: center;
}
.referrals-activity-comp .referrals-activity .referrals-search .activity-search .searchicon {
  font-size: 24px;
  padding-right: 14px;
}
.referrals-activity-comp .referrals-activity .referrals-search .activity-search .search-term {
  padding: 0px;
  border: none;
  width: 91%;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referrals-activity-comp .referrals-activity .referrals-search .activity-search .search-term {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referrals-activity-comp .referrals-activity .referrals-search .activity-search .search-term {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.referrals-activity-comp .referrals-table {
  background-color: #ffffff;
  padding: 40px 64px 67px;
}
.referrals-activity-comp .referrals-table .referrals-submit-title {
  color: #383737;
  width: 30.7%;
}
.referrals-activity-comp .referrals-table .referrals-header {
  padding: 40px 40px 16px;
  display: flex;
  color: #7a8084;
}
.referrals-activity-comp .referrals-table .referrals-header .details-section {
  width: 47%;
}
.referrals-activity-comp .referrals-table .referrals-header .details-section,
.referrals-activity-comp .referrals-table .referrals-header .date-section {
  padding-right: 20px;
}
.referrals-activity-comp .referrals-table .referrals-header .date-section,
.referrals-activity-comp .referrals-table .referrals-header .status-section {
  width: 33%;
}
.referrals-activity-comp .referrals-table .referrals-content {
  padding-bottom: 43px;
}
.referrals-activity-comp .referrals-table .referrals-content .referrals-data {
  padding: 24px 40px;
  display: flex;
}
.referrals-activity-comp .referrals-table .referrals-content .referrals-data .details-section {
  width: 47%;
  display: block;
}
.referrals-activity-comp .referrals-table .referrals-content .referrals-data .details-section .referral-name {
  padding-bottom: 8px;
}
.referrals-activity-comp .referrals-table .referrals-content .referrals-data .details-section .referral-number {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.referrals-activity-comp .referrals-table .referrals-content .referrals-data .details-section,
.referrals-activity-comp .referrals-table .referrals-content .referrals-data .date-section {
  padding-right: 20px;
}
.referrals-activity-comp .referrals-table .referrals-content .referrals-data .date-section,
.referrals-activity-comp .referrals-table .referrals-content .referrals-data .status-section {
  width: 33%;
}
.referrals-activity-comp .referrals-table .mob-view {
  display: none;
}
.referrals-activity-comp .referrals-table .referrals-pagination {
  display: flex;
}
.referrals-activity-comp .referrals-table .referrals-pagination .prev {
  color: #383737;
  font-size: 24px;
}
.referrals-activity-comp .referrals-table .referrals-pagination .prev::before {
  content: "\e99a";
  font-family: "icomoon";
  cursor: pointer;
}
.referrals-activity-comp .referrals-table .referrals-pagination .prev.inactive {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.referrals-activity-comp .referrals-table .referrals-pagination .prev.inactive::before {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.referrals-activity-comp .referrals-table .referrals-pagination .prev.inactive .cta-link {
  color: rgba(122, 128, 132, 0.5) !important;
}
.referrals-activity-comp .referrals-table .referrals-pagination .pagination-value {
  display: flex;
  align-items: center;
  padding: 0px !important;
  margin: auto;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
}
.referrals-activity-comp .referrals-table .referrals-pagination .pagination-value .initial-page {
  padding: 0px 8px;
}
.referrals-activity-comp .referrals-table .referrals-pagination .pagination-value .total-pages {
  padding-left: 8px;
}
.referrals-activity-comp .referrals-table .referrals-pagination .next {
  color: #383737;
  font-size: 24px;
}
.referrals-activity-comp .referrals-table .referrals-pagination .next::after {
  content: "\e9a0";
  font-family: "icomoon";
  cursor: pointer;
}
.referrals-activity-comp .referrals-table .referrals-pagination .next.inactive {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.referrals-activity-comp .referrals-table .referrals-pagination .next.inactive::after {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.referrals-activity-comp .referrals-table .referrals-pagination .next.inactive .cta-link {
  color: rgba(122, 128, 132, 0.5) !important;
}
.referrals-activity-comp .referrals-table .referrals-errormsg {
  display: none;
  text-align: center;
}
.referrals-activity-comp .referrals-table .ref-reminder-text {
  margin-top: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  letter-spacing: 0.64px;
}
.referrals-activity-comp .referrals-table .ref-reminder-text.status-send a {
  color: #307fe2;
  text-decoration: none;
}
.referrals-activity-comp .referrals-table .ref-reminder-text.status-sent span {
  color: #383737;
}
.referrals-activity-comp .referrals-table .ref-reminder-text.status-sent span [class^="icon-"] {
  color: #609f65;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referrals-activity-comp .referrals-activity {
    padding: 40px;
  }
  .referrals-activity-comp .referrals-activity .activity-title {
    width: fit-content;
    margin-right: 36.6%;
  }
  .referrals-activity-comp .referrals-activity .referrals-search {
    width: 44.2%;
  }
  .referrals-activity-comp .referrals-table {
    padding: 40px 40px 43px;
  }
  .referrals-activity-comp .referrals-table .referrals-submit-title {
    width: fit-content;
  }
  .referrals-activity-comp .referrals-table .referrals-header {
    padding: 40px 0px 16px 24px;
  }
  .referrals-activity-comp .referrals-table .referrals-header .details-section {
    width: 44.5%;
  }
  .referrals-activity-comp .referrals-table .referrals-header .details-section,
  .referrals-activity-comp .referrals-table .referrals-header .date-section {
    padding-right: 0px;
  }
  .referrals-activity-comp .referrals-table .referrals-header .date-section {
    width: 30.5%;
  }
  .referrals-activity-comp .referrals-table .referrals-header .status-section {
    width: 35%;
  }
  .referrals-activity-comp .referrals-table .referrals-content {
    padding-bottom: 43px;
  }
  .referrals-activity-comp .referrals-table .referrals-content .referrals-data {
    padding: 24px;
  }
  .referrals-activity-comp .referrals-table .referrals-content .referrals-data .details-section {
    width: 42.8%;
  }
  .referrals-activity-comp .referrals-table .referrals-content .referrals-data .details-section,
  .referrals-activity-comp .referrals-table .referrals-content .referrals-data .date-section {
    padding-right: 43px;
  }
  .referrals-activity-comp .referrals-table .referrals-content .referrals-data .date-section,
  .referrals-activity-comp .referrals-table .referrals-content .referrals-data .status-section {
    width: 30%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referrals-activity-comp .referrals-activity {
    padding: 32px 16px 26px;
    display: block;
  }
  .referrals-activity-comp .referrals-activity .activity-title {
    padding-bottom: 26px;
    display: inline-block;
  }
  .referrals-activity-comp .referrals-activity .referrals-search {
    width: 100%;
  }
  .referrals-activity-comp .referrals-activity .referrals-search .activity-search .searchicon {
    font-size: 20px;
    padding-right: 19px;
  }
  .referrals-activity-comp .referrals-table {
    padding: 24px 16px 27px;
  }
  .referrals-activity-comp .referrals-table .referrals-submit-title {
    padding-bottom: 24px;
  }
  .referrals-activity-comp .referrals-table .referrals-header {
    display: none;
  }
  .referrals-activity-comp .referrals-table .referrals-content {
    display: none;
  }
  .referrals-activity-comp .referrals-table .mob-view {
    display: block;
    margin-bottom: 27px !important;
  }
  .referrals-activity-comp .referrals-table .mob-view .referrals-data {
    padding: 24px 16px;
  }
  .referrals-activity-comp .referrals-table .mob-view .referrals-data .details-data {
    display: flex;
    padding-bottom: 24px;
  }
  .referrals-activity-comp .referrals-table .mob-view .referrals-data .details-data .details-section {
    padding-right: 16px !important;
    width: 50%;
  }
  .referrals-activity-comp .referrals-table .mob-view .referrals-data .details-data .details-section .referral-number {
    padding-top: 8px;
    color: #7a8084;
  }
  .referrals-activity-comp .referrals-table .mob-view .referrals-data .status-section {
    width: 50%;
  }
  .referrals-activity-comp .referrals-table .mob-view .referrals-data .header-title {
    padding-bottom: 12px;
    color: #7a8084;
  }
}

.referral-friend-comp .referralFriendTitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendTitle {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-friend-comp .referralFriendTitle {
    font-size: 24px;
    line-height: 24px;
  }
}
.referral-friend-comp .referralFriendBody {
  padding: 64px;
  background-color: #ffffff;
}
.referral-friend-comp .referralFriendBody .rfDropdown .dropdownLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendBody .rfDropdown .dropdownLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  position: relative;
  color: #383737;
  border-bottom: 2px solid #383737;
  min-height: 30px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .icon-Chevron-Down {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 20px;
  pointer-events: none;
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent {
  position: absolute;
  top: 33px;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding: 16px;
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  max-height: 224px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option {
  padding: 8px 12px 8px 0;
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.referral-friend-comp .referralFriendBody .rfDropdown .referrals-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.referral-friend-comp .referralFriendBody .rfCodeInput {
  padding-top: 40px;
}
.referral-friend-comp .referralFriendBody .rfCodeInput .code-valid {
  visibility: hidden;
}
.referral-friend-comp .referralFriendBody .rfCodeInput .error {
  display: none;
}
.referral-friend-comp .referralFriendBody .rfCodeInput .rfCodeLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendBody .rfCodeInput .rfCodeLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.referral-friend-comp .referralFriendBody .rfCodeInput .rfInput {
  width: 100%;
}
.referral-friend-comp .referralFriendBody .rfCodeInput .rfInput input {
  font-weight: 500;
  color: #383737;
  border: 0;
  width: 100%;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
  padding: 0px;
  height: 100% !important;
  min-height: fit-content;
}
.referral-friend-comp .referralFriendBody .rfCodeInput .rfInput input:focus {
  box-shadow: none;
  outline: none;
}
.referral-friend-comp .referralFriendBody .rfCodeInput .rfInput label {
  top: 15px;
}
.referral-friend-comp .referralFriendBody .rfNumberInput {
  padding-top: 40px;
}
.referral-friend-comp .referralFriendBody .rfNumberInput .number-valid {
  visibility: hidden;
}
.referral-friend-comp .referralFriendBody .rfNumberInput .error {
  display: none;
}
.referral-friend-comp .referralFriendBody .rfNumberInput .rfNumberLabel {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendBody .rfNumberInput .rfNumberLabel {
    font-size: 16px;
    line-height: 20px;
  }
}
.referral-friend-comp .referralFriendBody .rfNumberInput .rfNumberValue {
  width: 100%;
}
.referral-friend-comp .referralFriendBody .rfNumberInput .rfNumberValue input {
  font-weight: 500;
  color: #383737;
  border: 0;
  width: 100%;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
  padding: 0px;
  height: 100% !important;
  min-height: fit-content;
}
.referral-friend-comp .referralFriendBody .rfNumberInput .rfNumberValue input:focus {
  box-shadow: none;
  outline: none;
}
.referral-friend-comp .referralFriendBody .rfNumberInput .rfNumberValue label {
  top: 15px;
}
.referral-friend-comp .referralFriendBody .validate {
  cursor: pointer;
  width: 88%;
}
.referral-friend-comp .referralFriendBody .validate .referral-validate {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  color: #307fe2;
  opacity: 1;
  background-color: transparent;
  border-radius: 0px;
}
.referral-friend-comp .referralFriendBody .validate.disabled {
  pointer-events: none;
}
.referral-friend-comp .referralFriendBody .validate.disabled .referral-validate {
  color: #7a8084;
  opacity: 1;
  background-color: transparent;
  border: 2px solid #7a8084;
  border-radius: 0px;
}
.referral-friend-comp .referralFriendBody .validateDataError {
  padding-top: 15px;
}
.referral-friend-comp .referralFriendBody .validateDataError .error-message {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #ed454f;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendBody .validateDataError .error-message {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-friend-comp .referralFriendBody .validateDataError .error-message {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.referral-friend-comp .referralFriendBody .validateSuccessMsg {
  padding-top: 15px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #609f65;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendBody .validateSuccessMsg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-friend-comp .referralFriendBody .validateSuccessMsg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-friend-comp .referralFriendTitle {
    margin-bottom: 24px;
  }
  .referral-friend-comp .referralFriendBody {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-friend-comp .referralFriendTitle {
    margin-bottom: 0px;
    margin-left: 16px;
  }
  .referral-friend-comp .referralFriendBody {
    padding: 16px;
  }
}

.referral-cards .referrals-main-class {
  gap: 40px;
  display: grid;
  grid-template-columns: auto auto auto;
}
.referral-cards .referrals-main-class .cards {
  background-color: #FFF;
  justify-content: center;
  width: 278.66px;
  height: 128px;
  padding: 32px;
}
.referral-cards .referrals-main-class .cards .cards-body .card-ref-main,
.referral-cards .referrals-main-class .cards .cards-body .card-sales-main,
.referral-cards .referrals-main-class .cards .cards-body .card-points-main {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.referral-cards .referrals-main-class .cards .cards-body .card-ref-main .icon img,
.referral-cards .referrals-main-class .cards .cards-body .card-sales-main .icon img,
.referral-cards .referrals-main-class .cards .cards-body .card-points-main .icon img {
  width: 64px;
  height: 64px;
}
.referral-cards .referrals-main-class .cards .cards-body .ref-sub-sec {
  margin-left: 0px;
}
.referral-cards .referrals-main-class .cards .cards-body .ref-sub-sec .earn-points {
  margin-bottom: 0px !important;
  padding-bottom: 4px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-cards .referrals-main-class .cards .cards-body .ref-sub-sec .earn-points {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-cards .referrals-main-class .cards .cards-body .ref-sub-sec .earn-points {
    font-size: 24px;
    line-height: 24px;
  }
}
.referral-cards .referrals-main-class .cards .cards-body .ref-sub-sec .earn-text {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  width: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .referral-cards .referrals-main-class {
    gap: 16px;
  }
  .referral-cards .referrals-main-class .cards {
    width: 218.666px;
    height: 118px;
    padding: 32px 12px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-ref-main,
  .referral-cards .referrals-main-class .cards .cards-body .card-sales-main,
  .referral-cards .referrals-main-class .cards .cards-body .card-points-main {
    gap: 8px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-ref-main .icon img,
  .referral-cards .referrals-main-class .cards .cards-body .card-sales-main .icon img,
  .referral-cards .referrals-main-class .cards .cards-body .card-points-main .icon img {
    width: 54px;
    height: 54px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .referral-cards .referrals-main-class {
    gap: 8px;
    display: grid;
    grid-template-columns: auto auto;
  }
  .referral-cards .referrals-main-class .cards {
    width: 162px;
    height: 124px;
    background-color: #FFF;
    justify-content: center;
    padding: 32px 24px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-ref-main {
    display: flex;
    flex-direction: row;
    row-gap: 8px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-ref-main .icon {
    width: 44px;
    height: 44px;
    padding-right: 8px;
    padding-top: 8px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-ref-main .icon img {
    width: 44px;
    height: 44px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-sales-main {
    display: flex;
    flex-direction: row;
    row-gap: 8px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-sales-main .icon {
    width: 44px;
    height: 44px;
    padding-right: 8px;
    padding-top: 8px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-sales-main .icon img {
    width: 44px;
    height: 44px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-points-main {
    display: flex;
    flex-direction: row;
    row-gap: 8px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-points-main .icon {
    width: 44px;
    height: 44px;
    padding-right: 8px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .card-points-main .icon img {
    width: 44px;
    height: 44px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .ref-sub-sec .earn-points {
    width: auto;
    padding-bottom: 4px;
  }
  .referral-cards .referrals-main-class .cards .cards-body .ref-sub-sec .earn-text {
    width: 64px;
  }
  .referral-cards .referrals-main-class .cards-points {
    display: grid;
    grid-column-end: span 2;
    width: 332px;
    height: 108px;
  }
  .referral-cards .referrals-main-class .cards-points .cards-body .card-points-main .ref-sub-sec .earn-text {
    width: max-content;
  }
}

.redeem-neucoins-comp .header {
  display: grid;
  grid-template-columns: 292px 292px 292px;
  gap: 20px;
}
.redeem-neucoins-comp .header .main .content {
  background-color: #ffffff;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.redeem-neucoins-comp .header .main .content .description {
  padding-top: 24px;
  padding-bottom: 24px;
  color: #7a8084;
}
.redeem-neucoins-comp .header .main .content .description P {
  margin-bottom: 0px;
  height: 45px;
}
.redeem-neucoins-comp .header .main .content .label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 12px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .redeem-neucoins-comp .header .main .content .label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .redeem-neucoins-comp .header .main .content .label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.redeem-neucoins-comp .header .main .content .subText {
  color: #383737;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  height: 16px;
  padding-bottom: 138px;
}
.redeem-neucoins-comp .header .main .content .btn {
  border-radius: 0px;
  width: 100%;
  background-color: transparent;
  color: #307fe2;
  padding: 12px 24px;
  border: 2px solid #307fe2;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .redeem-neucoins-comp .header {
    display: grid;
    grid-template-columns: 336px 336px;
    gap: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .redeem-neucoins-comp .header {
    display: flex;
    overflow-x: scroll;
    width: 100%;
  }
  .redeem-neucoins-comp .header .main .content {
    width: 292px;
    background-color: #ffffff;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
  }
  .redeem-neucoins-comp .header .main .content .description {
    padding-top: 24px;
    padding-bottom: 24px;
    color: #7a8084;
  }
  .redeem-neucoins-comp .header .main .content .description P {
    margin-bottom: 0px;
  }
  .redeem-neucoins-comp .header .main .content .label {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 12px;
    color: #383737;
  }
  .redeem-neucoins-comp .header .main .content .subText {
    color: #383737;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.24px;
    letter-spacing: normal;
    padding-bottom: 138px;
  }
  .redeem-neucoins-comp .header .main .content .btn {
    border-radius: 0px;
    width: 100%;
    background-color: transparent;
    color: #307fe2;
    padding: 12px 24px;
    border: 2px solid #307fe2;
    cursor: pointer;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .redeem-neucoins-comp .header .main .content .label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .redeem-neucoins-comp .header .main .content .label {
    font-size: 18px;
    line-height: 19.8px;
  }
}



.profile-vehicle-overview-comp .profile-vehicle-overview {
  display: flex;
  background-color: #ffffff;
}
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section {
  padding: 80px 0px 80px 80px;
  flex-basis: 55%;
}
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .title {
  margin-bottom: 40px;
  color: #383737;
  max-width: 398px;
}
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .selected-vehicle .wrapper {
  display: flex;
  margin-bottom: 16px;
}
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .selected-vehicle .wrapper .key,
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .selected-vehicle .wrapper .value {
  display: inline-block;
  width: 40%;
}
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .selected-vehicle .wrapper .key {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  margin-right: 20px;
  min-width: 200px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .selected-vehicle .wrapper .key {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .selected-vehicle .wrapper .value {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  line-height: 25px;
  min-width: 200px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .selected-vehicle .wrapper .value {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-deatils-section .selected-vehicle .wrapper .value {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.profile-vehicle-overview-comp .profile-vehicle-overview .owners-btn {
  margin-top: 24px;
  padding: 5px 20px;
}
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-image-section {
  background: linear-gradient(90deg, #ffffff 30%, #4b5c51 30%);
  flex-basis: 45%;
}
.profile-vehicle-overview-comp .profile-vehicle-overview .vechicle-image-section .image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet {
  background-color: #ffffff;
  display: none;
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-image-section {
  background-color: #4b5c51;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-image-section .title {
  margin: 0px 80px 0px 40px;
  color: #ffffff;
  margin-left: 40px;
  min-width: 304px;
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section {
  padding: 40px;
  display: flex;
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section .selected-vehicle .wrapper {
  float: left;
  width: 46.6%;
  padding-bottom: 24px;
  min-width: 284px;
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section .selected-vehicle .wrapper .key {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  max-width: 284px;
  padding-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section .selected-vehicle .wrapper .key {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section .selected-vehicle .wrapper .value {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  max-width: 284px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section .selected-vehicle .wrapper .value {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section .selected-vehicle .wrapper .value {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section .selected-vehicle .wrapper:nth-child(odd) {
  margin-right: 40px;
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .owners-btn {
  clear: both;
  display: block;
  margin-left: 40px;
  padding: 5px 20px;
}
.profile-vehicle-overview-comp .profile-vehicle-overview-tablet .owners-btn .cta-link {
  font-weight: 500;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-overview-comp .profile-vehicle-overview {
    display: none;
  }
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet {
    display: block;
    padding-bottom: 40px;
  }
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet {
    padding-bottom: 24px;
  }
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-image-section .title {
    margin: 0px 0px 0px 16px;
    min-width: 156px;
  }
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-image-section .image img {
    width: 160px;
  }
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section {
    padding: 24px 16px 8px;
  }
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .vechicle-deatils-section .selected-vehicle .wrapper {
    float: none;
    width: 100%;
    padding-bottom: 24px;
  }
  .profile-vehicle-overview-comp .profile-vehicle-overview-tablet .owners-btn {
    width: 90%;
    margin-left: 16px;
    margin-right: 16px;
    padding: 5px 20px;
  }
}

.profileVehicleTooltip {
  z-index: 9999999;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
  opacity: 1 !important;
}
.profileVehicleTooltip .tooltip-arrow::before {
  border-right-color: #ffffff;
}
.profileVehicleTooltip .tooltip-inner {
  background-color: #ffffff;
  color: #383737;
  box-shadow: none;
  padding: 16px;
}
#status-container {
  display: none;
}
#statusdesc-container {
  display: none;
}
#noVehiclestatus-container {
  display: none;
}
#noVehiclestatusdesc-container {
  display: none;
}
.profile-vehicle-list-comp .owl-nav.custom-nav {
  padding-right: 42px;
  padding-bottom: 24px;
}
.profile-vehicle-list-comp .owl-nav.custom-nav button {
  background: transparent;
  border: none;
  color: #383737;
  outline: none;
}
.profile-vehicle-list-comp .owl-nav.custom-nav button.disabled {
  color: #7a8084;
  opacity: 0.5;
  cursor: initial;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-list-comp .owl-nav.custom-nav {
    display: none;
  }
}
.profile-vehicle-list-comp .owl-carousel .owl-stage {
  padding-left: 0 !important;
}
.profile-vehicle-list-comp .owl-carousel .owl-stage .owl-item:first-child {
  margin-left: 0px !important;
}
.profile-vehicle-list-comp .owl-carousel .owl-stage .owl-item:last-child {
  margin-right: 0px !important;
}
.profile-vehicle-list-comp .owl-carousel .owl-stage .owl-item .profileUserVehicleCard-0 {
  margin-left: 48px;
}
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav {
  top: 0px;
  width: 200px;
  right: 0px;
  position: absolute;
  right: 25px;
  text-align: center;
}
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav .owl-prev {
  padding-right: 10px !important;
  padding-bottom: 40px !important;
  position: relative;
}
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav .owl-prev.disabled {
  color: #7a8084;
  opacity: 0.5;
}
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav .owl-prev:active,
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav .owl-prev:focus {
  outline: none;
  box-shadow: none;
}
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav .owl-next {
  padding-left: 10px !important;
  padding-bottom: 40px !important;
  position: relative;
}
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav .owl-next.disabled {
  color: #7a8084;
  opacity: 0.5;
}
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav .owl-next:active,
.profile-vehicle-list-comp .user-account-vehicle-list.owl-carousel .owl-nav .owl-next:focus {
  outline: none;
  box-shadow: none;
}
.profile-vehicle-list-comp .user-account-vehicle-list {
  display: flex;
  justify-content: center;
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle {
  margin-left: 48px;
  cursor: pointer;
  text-align: center;
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle.profileUserVehicleCard-0 {
  margin-left: 0;
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .car-image {
  opacity: 0.5;
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle p {
  margin-bottom: 0px;
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .vehicle-name {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 8px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .vehicle-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .vehicle-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .vehicle-number {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .vehicle-number {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .car-status {
  padding-top: 8px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  font-weight: 400;
  line-height: 17.6px;
  margin-bottom: 2px;
  color: #f39b5b;
}
@media only screen and (max-width: 991px) {
  .profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .car-status {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle .car-status {
    font-weight: 400;
    line-height: 17.6px;
    font-size: 16px;
  }
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle.active {
  opacity: 1;
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle.active .vehicle-name {
  color: #383737;
}
.profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle.active .car-image {
  opacity: 0.5;
}
.profile-vehicle-list-comp .add-vehicle-details {
  margin-left: 48px;
  text-align: center;
}
.profile-vehicle-list-comp .add-vehicle-details .addVehiclebtn {
  padding: 0px;
}
.profile-vehicle-list-comp .add-vehicle-details .vehicle-name {
  text-align: center;
  color: #7a8084;
}
.profile-vehicle-list-comp .modal {
  z-index: 9999998;
  overflow: hidden;
}
.profile-vehicle-list-comp .modal .modal-dialog {
  max-width: 56%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-close {
  border: none;
  background: transparent;
  padding: 0;
  font-weight: bold;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-close.icon-Cross {
  font-size: 40px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content {
  border: none;
  border-radius: 0px;
  padding: 80px 104px;
  max-height: 80vh;
  overflow-y: auto;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content::-webkit-scrollbar {
  display: block !important;
  width: 8px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .icon-Arrow-Right {
  margin-left: 8px;
  align-self: center;
  font-size: 12px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .modal-close {
  position: absolute;
  top: 0;
  right: 0;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .eyebrow {
  padding-right: 24px;
  margin-bottom: 8px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .popup-title {
  margin-bottom: 0px;
  padding-right: 40px;
  margin-right: 40px;
  padding-bottom: 16px;
  color: #383737;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .desc {
  padding-right: 104px;
  color: #7a8084;
  padding-bottom: 40px;
  margin-bottom: 0;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .number-title {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
  padding-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .number-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #383737;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details .vehicle-num {
  border: none;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  width: calc(100% - 100px);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details .vehicle-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details .vehicle-num {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details:focus-within {
  border-color: #307fe2;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details .submit-btn {
  cursor: pointer;
  position: absolute;
  color: #307fe2;
  display: flex;
  right: 2px;
  top: 5px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details .submit-btn.disabled {
  color: #7a8084;
  pointer-events: none;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .icon-Info {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .error-msg {
  display: none;
  color: #ed454f;
  margin-top: 8px;
  margin-bottom: 0;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card.errorClass .input-num-details {
  border-color: #ed454f;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card.errorClass .error-msg {
  display: block;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .text-or {
  margin-bottom: 0px;
  margin-top: 24px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view {
  display: none;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details {
  display: flex;
  column-gap: 40px;
  padding-top: 24px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeaec;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details .car-model-info {
  width: 50%;
  margin: auto;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details .car-model-info .register-number {
  color: #7a8084;
  margin-bottom: 8px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details .car-model-info .car-model-name {
  color: #383737;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details .car-model-image {
  width: 50%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details .car-model-image img {
  width: 100%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details {
  padding: 40px 0;
  border-bottom: 1px solid #eaeaec;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details p {
  color: #7a8084;
  margin-bottom: 8px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details h6 {
  color: #383737;
  margin-bottom: 0;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .variant-year-details {
  display: flex;
  column-gap: 40px;
  padding-bottom: 24px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .variant-year-details .variant-detail {
  width: 50%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .variant-year-details .year-detail {
  width: 50%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .fuel-transmission {
  display: flex;
  column-gap: 40px;
  padding-bottom: 40px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .fuel-transmission .fuel-detail {
  width: 50%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .fuel-transmission .transmission-detail {
  width: 50%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .changeVehicle {
  cursor: pointer;
  display: flex;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
  width: fit-content;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .register-confirmation {
  padding-top: 40px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .register-confirmation .confirm-msg {
  margin-bottom: 30px;
  color: #383737;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .register-confirmation .accept {
  cursor: pointer;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  display: inline-block;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .register-confirmation .reject {
  cursor: pointer;
  display: inline-block;
  margin-left: 40px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view {
  display: none;
  color: #383737;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .eyebrow {
  margin-right: 30px;
  padding-right: 56px;
  margin-bottom: 8px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .title {
  margin-bottom: 0px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .desc {
  padding-top: 8px;
  padding-right: 104px;
  color: #7a8084;
  padding-bottom: 40px;
  margin-bottom: 0;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .popup-fileupload {
  padding-bottom: 40px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .review-container {
  border-left: 8px solid #307fe2;
  background-color: #f8f8f8;
  padding: 24px 40px 24px 32px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .review-container .review-desc {
  margin-bottom: 0%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .error {
  color: #ed454f;
  margin-bottom: 0;
  margin-top: 40px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .modal-submit-btn {
  margin-top: 40px;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  background: #ffffff;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .modal-submit-btn:disabled {
  color: rgba(122, 128, 132, 0.5);
  border-color: rgba(122, 128, 132, 0.5);
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-message .message-title {
  padding-bottom: 24px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-message .message-desc {
  padding-right: 80px;
  margin-bottom: 0;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .modal-details {
  display: flex;
  justify-content: space-between;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .modal-details h4 {
  width: 100%;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .registered-msg {
  padding-top: 40px;
  margin: 0px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .car-variants-list {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0px 16px 0px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .car-variants-list .car-variants {
  width: 50%;
  padding-bottom: 24px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .car-variants-list .car-variants p {
  padding-bottom: 8px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .registration {
  padding: 40px 0px 24px 0px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .chassis-number {
  padding: 24px 0px 82px 0px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .registration-name,
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .chassis-name {
  display: flex;
  align-items: center;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .registration-name .registration-infoButton,
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .chassis-name .registration-infoButton,
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .registration-name .chassis-infoButton,
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .chassis-name .chassis-infoButton {
  width: 18px;
  height: 18px;
  background-color: #307fe2;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 10px;
}
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .registration-name .registration-infoButton span,
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .chassis-name .registration-infoButton span,
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .registration-name .chassis-infoButton span,
.profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .chassis-name .chassis-infoButton span {
  font-size: 15px;
  color: #ffffff;
  position: absolute;
  left: 6.5px;
  bottom: -3px;
  font-weight: bold;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-vehicle-list-comp {
    padding-top: 60px;
  }
  .profile-vehicle-list-comp .owl-carousel .owl-stage .owl-item .profileUserVehicleCard-0 {
    margin-left: 40px;
  }
  .profile-vehicle-list-comp .user-account-vehicle-list {
    display: flex;
    justify-content: left;
    overflow-x: scroll;
    margin: 0px;
    padding-top: 40px;
  }
  .profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle {
    margin-left: 40px;
  }
  .profile-vehicle-list-comp .user-account-vehicle-list .add-vehicle-details {
    margin-left: 40px;
  }
  .profile-vehicle-list-comp .modal#addvehicleModal .modal-dialog-centered {
    max-width: 100%;
    align-items: flex-end;
    margin-bottom: 0px;
    min-height: 100%;
  }
  .profile-vehicle-list-comp .modal .modal-dialog {
    max-width: 85%;
    margin: 0px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-close.icon-Cross {
    font-size: 32px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content {
    padding: 40px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .popup-title {
    padding-bottom: 16px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .desc {
    padding-right: 112px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details .submit-btn {
    top: 2px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details {
    padding-bottom: 24px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .register-confirmation .confirm-msg {
    margin-bottom: 24px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .desc {
    padding-top: 15px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container {
    background-color: #ffffff;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .popup-fileupload {
    padding-bottom: 40px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .review-container {
    margin-bottom: 0;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-container .modal-submit-btn {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-vehicle-list-comp {
    padding-top: 60px;
  }
  .profile-vehicle-list-comp .owl-carousel .owl-stage .owl-item .profileUserVehicleCard-0 {
    margin-left: 32px;
  }
  .profile-vehicle-list-comp .user-account-vehicle-list {
    padding-left: 0px;
    padding-top: 20px;
  }
  .profile-vehicle-list-comp .user-account-vehicle-list .profile-user-vehicle {
    margin-left: 32px;
  }
  .profile-vehicle-list-comp .user-account-vehicle-list .add-vehicle-details {
    margin-left: 32px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog {
    max-width: 100%;
    align-items: flex-end;
    margin: 0px;
    min-height: 100%;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-close.icon-Cross {
    font-size: 24px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content {
    padding: 30px 14px 14px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .eyebrow {
    padding-right: 52px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .desc {
    padding-right: 0px;
    padding-bottom: 56px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-options .vehicle-num-details .registration-card .input-num-details .submit-btn {
    top: 6px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details .car-model-info {
    width: 100%;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-details .car-model-image {
    width: 100%;
    text-align: center;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details {
    padding: 24px 0;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .variant-year-details {
    padding-bottom: 16px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .car-variant-details .fuel-transmission {
    padding-bottom: 24px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .register-confirmation {
    padding-top: 24px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .register-confirmation .accept {
    display: block;
    text-align: center;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .add-car-view .register-confirmation .reject {
    display: block;
    text-align: center;
    padding: 24px 0 0;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-content .desc {
    padding-right: 0px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-content .popup-container {
    background-color: #ffffff;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-content .popup-container .popup-fileupload {
    padding-bottom: 52px;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-content .popup-container .review-container {
    padding: 24px;
    margin-bottom: 0;
  }
  .profile-vehicle-list-comp .modal .modal-dialog .modal-content .modal-body .ownership-proof-view .popup-content .popup-container .modal-submit-btn {
    width: 100%;
  }
}



.profile-social-media-comp .right-arrow {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  word-break: normal;
}
.profile-social-media-comp .right-arrow a {
  text-decoration: none;
}
.profile-social-media-comp .right-arrow .icon-Arrow-Right-20 {
  font-size: 12px;
  color: #307fe2;
  padding-left: 5px;
}
.profile-social-media-comp .profile-social-media {
  background-color: #ffffff;
}
.profile-social-media-comp .profile-social-media .title {
  padding: 80px 0px 40px 80px;
  border-bottom: 1px solid #eaeaec;
  margin-bottom: 0px;
  color: #383737;
}
.profile-social-media-comp .profile-social-media .social-media-accounts {
  padding: 0px 80px;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list {
  display: flex;
  justify-content: space-between;
  padding: 42px 0px;
  border-bottom: 1px solid #eaeaec;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details {
  display: flex;
  flex-basis: 80%;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details .name {
  flex-basis: 50%;
  color: #383737;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details .name span {
  margin-right: 10px;
  font-size: 20px;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details .name h6 {
  display: inline;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details .status {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details .status {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .connect-cta {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  word-break: normal;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .connect-cta a {
  text-decoration: none;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .connect-cta .icon-Arrow-Right-20 {
  font-size: 12px;
  color: #307fe2;
  padding-left: 5px;
}
.profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .connect-cta a {
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .connect-cta {
    width: 35%;
  }
}
.profile-social-media-comp .profile-social-media .terms-policy {
  padding: 40px 80px 80px 80px;
}
.profile-social-media-comp .profile-social-media .terms-policy .policy-title {
  color: #383737;
  margin-bottom: 12px;
}
.profile-social-media-comp .profile-social-media .terms-policy .data-policy {
  display: flex;
  justify-content: space-between;
}
.profile-social-media-comp .profile-social-media .terms-policy .data-policy .policy-discription {
  margin-bottom: 0px;
  flex-basis: 70%;
  color: #7a8084;
}
.profile-social-media-comp .profile-social-media .terms-policy .data-policy .terms-conditions {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  word-break: normal;
}
.profile-social-media-comp .profile-social-media .terms-policy .data-policy .terms-conditions a {
  text-decoration: none;
}
.profile-social-media-comp .profile-social-media .terms-policy .data-policy .terms-conditions .icon-Arrow-Right-20 {
  font-size: 12px;
  color: #307fe2;
  padding-left: 5px;
}
.profile-social-media-comp .profile-social-media .terms-policy .data-policy .terms-conditions a {
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-social-media-comp .profile-social-media .title {
    padding: 40px 40px 22px 40px;
  }
  .profile-social-media-comp .profile-social-media .social-media-accounts {
    padding: 0px 40px;
  }
  .profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list {
    padding: 40px 0px;
  }
  .profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details .name {
    flex-basis: 45%;
  }
  .profile-social-media-comp .profile-social-media .terms-policy {
    padding: 40px;
  }
  .profile-social-media-comp .profile-social-media .terms-policy .data-policy .policy-discription {
    flex-basis: 60%;
  }
  .profile-social-media-comp .profile-social-media .terms-policy .data-policy .terms-conditions {
    display: flex;
    flex-basis: 40%;
    justify-content: end;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-social-media-comp .profile-social-media .title {
    padding: 24px 16px 18px 16px;
  }
  .profile-social-media-comp .profile-social-media .social-media-accounts {
    padding: 0px 16px;
  }
  .profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list {
    padding: 24px 0px;
  }
  .profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details {
    display: block;
  }
  .profile-social-media-comp .profile-social-media .social-media-accounts .accounts-list .account-details .name {
    margin-bottom: 12px;
  }
  .profile-social-media-comp .profile-social-media .terms-policy {
    padding: 24px 16px;
  }
  .profile-social-media-comp .profile-social-media .terms-policy .policy-title {
    margin-bottom: 8px;
  }
  .profile-social-media-comp .profile-social-media .terms-policy .data-policy {
    display: block;
  }
  .profile-social-media-comp .profile-social-media .terms-policy .data-policy .policy-discription {
    margin-bottom: 16px;
  }
  .profile-social-media-comp .profile-social-media .terms-policy .data-policy .terms-conditions {
    justify-content: left;
  }
}


.profile-navigation-comp .userdetails {
  padding-top: 80px;
}
.profile-navigation-comp .profile-photo {
  border-radius: 50%;
  position: relative;
  width: 84px;
  height: 84px;
}
.profile-navigation-comp .initials {
  position: relative;
  width: 84px;
  height: 84px;
  border-radius: 50%;
}
.profile-navigation-comp .initials span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  background-color: #EAEAEC;
  border-radius: 50%;
  width: 84px;
  height: 84px;
}
.profile-navigation-comp .initials .displayText {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp .initials .displayText {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp .initials .displayText {
    font-size: 24px;
    line-height: 24px;
  }
}
.profile-navigation-comp .icon-Edit {
  z-index: 1;
  position: absolute;
  top: 69%;
  left: 60px;
  color: #ffffff;
  cursor: pointer;
  background-color: blue;
  border-radius: 50%;
  font-size: 24px;
}
.profile-navigation-comp .addPhoto {
  display: none;
}
.profile-navigation-comp .upload-btn-wrapper,
.profile-navigation-comp .addPhoto-btn-wrapper {
  position: relative;
  overflow: hidden;
  justify-content: center;
}
.profile-navigation-comp .upload-btn-wrapper input[type=file],
.profile-navigation-comp .addPhoto-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  visibility: hidden;
}
.profile-navigation-comp .sub-text {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
  padding-top: 17px;
  max-width: 293px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp .sub-text {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp .sub-text {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.profile-navigation-comp .name {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-top: 8px;
  padding-bottom: 41px;
  max-width: 293px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp .name {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp .name {
    font-size: 24px;
    line-height: 24px;
  }
}
.profile-navigation-comp #photoediticon .modal-dialog {
  min-height: 570px;
  margin: 174px 314px 716px;
  max-width: 59.44%;
  position: absolute;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content {
  border-radius: 0px;
  max-width: 810px;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body {
  padding: 80px 80px 80px 80px;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head {
  display: flex;
  justify-content: space-between;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .modal-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  min-width: 548px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .modal-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .modal-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .btnclose {
  color: #383737;
  border: none;
  background-color: transparent;
  width: 40px;
  height: 40px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding: 0px;
  margin-left: 72.21px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .btnclose {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .btnclose {
    font-size: 24px;
    line-height: 24px;
  }
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .initials span {
  left: 0px;
  top: 0px;
  width: 224px;
  height: 224px;
  color: #7a8084;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons {
  display: flex;
  justify-content: center;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .remove {
  margin-right: 24px;
  color: #307fe2;
  background-color: transparent;
  border-color: #307fe2;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border-radius: 0px;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .remove .icon-Cross {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 8px;
  color: #307fe2;
}
@media only screen and (max-width: 991px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .remove .icon-Cross {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .remove:focus {
  outline: none !important;
  box-shadow: none;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .upload {
  color: #307fe2;
  background-color: transparent;
  border-color: #307fe2;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border-radius: 0px;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .upload .icon-Upload {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 8px;
  color: #307fe2;
}
@media only screen and (max-width: 991px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .upload .icon-Upload {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .addPhoto-btn-wrapper {
  display: flex;
  margin: auto;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .addPhoto-btn-wrapper .addPhoto {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  background-color: transparent;
  border-color: #307fe2;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 338px;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .addPhoto-btn-wrapper .addPhoto .icon-Add {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-left: 8px;
  color: #307fe2;
}
@media only screen and (max-width: 991px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .addPhoto-btn-wrapper .addPhoto .icon-Add {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .addPhoto-btn-wrapper .addPhoto:focus {
  outline: none !important;
  box-shadow: none;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .profile {
  margin: 64px auto 40px auto;
  width: 224px;
  height: 224px;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .profile .displayText {
  font-family: Poppins;
  font-size: 88px;
  font-weight: 600;
  line-height: 88px;
}
@media only screen and (max-width: 991px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .profile .displayText {
    font-size: 52px;
    line-height: 57.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .profile .displayText {
    font-size: 40px;
    line-height: 40px;
  }
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .image {
  width: 224px;
  height: 224px;
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .uploadImageDesc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-top: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .uploadImageDesc {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .errorMsg {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #ed454f;
  margin-top: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .errorMsg {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-navigation-comp #photoremove .modal-dialog {
  min-height: 366px;
  margin: 282px 314px 812px;
  max-width: 59.5%;
  position: absolute;
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content {
  border-radius: 0px;
  max-width: 810px;
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body {
  padding: 80px 80px 80px 80px;
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head {
  display: flex;
  justify-content: space-between;
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .modal-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  min-width: 548px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .modal-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .modal-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .close {
  color: #383737;
  border: none;
  background-color: transparent;
  width: 40px;
  height: 40px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-left: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .close {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .close {
    font-size: 24px;
    line-height: 24px;
  }
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .close:focus {
  outline: none !important;
  box-shadow: none;
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .modal-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #7a8084;
  max-width: 548px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .modal-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .confirm {
  min-width: 96px!important;
  color: #307fe2;
  background-color: transparent;
  border-color: #307fe2;
  border-radius: 0px;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .confirm {
    max-width: 100%!important;
  }
}
.profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .confirm:focus {
  outline: none !important;
  box-shadow: none;
}
.profile-navigation-comp .links {
  display: grid;
}
.profile-navigation-comp .label {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-bottom: 18px;
  display: flex;
  width: fit-content;
}
.profile-navigation-comp .label .link-label {
  justify-content: space-between;
  display: flex;
  width: 193px;
  margin-right: 79px;
}
.profile-navigation-comp .label .icon-Arrow-Right {
  cursor: pointer;
  font-size: 20px;
  color: #307fe2 !important;
}
.profile-navigation-comp .label .icon-Arrow-Right::before {
  font-family: icomoon !important;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
  padding: 0px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: inline-block;
}
.profile-navigation-comp a {
  color: #383737;
  text-decoration: none;
}
.profile-navigation-comp .divide_head {
  width: 292px;
  padding-top: 23px;
  border-bottom: 1px solid #eaeaec;
}
.profile-navigation-comp .accountName {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-top: 40px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp .accountName {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp .accountName {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.profile-navigation-comp .pointsdetails {
  min-width: 192px;
}
.profile-navigation-comp .eyebrowText {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
  padding-top: 40px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp .eyebrowText {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp .eyebrowText {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.profile-navigation-comp .pointsCount {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp .pointsCount {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp .pointsCount {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.profile-navigation-comp .pointsCount .pointsText {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
  padding-left: 8px;
  padding-top: 9px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp .pointsCount .pointsText {
    font-size: 16px;
    line-height: 20px;
  }
}
.profile-navigation-comp .accountLabel {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding-top: 12px;
  padding-bottom: 17px;
}
.profile-navigation-comp .accountLabel a {
  color: #307fe2;
}
.profile-navigation-comp .accountLabel a .link-label .icon-Arrow-Right {
  margin-left: 8px;
}
.profile-navigation-comp .accountLabel a .link-label .icon-Arrow-Right::before {
  font-family: icomoon !important;
  font-size: 10px;
  color: #307fe2;
  padding: 0px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: inline-block;
}
.profile-navigation-comp .badgedetails {
  padding-top: 0px;
}
.profile-navigation-comp .badgedetails .frame {
  padding: 0px 0px 0px 0px;
}
.profile-navigation-comp .badgedetails .frame .referralLabel {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  padding-top: 40px;
  margin-bottom: 16px;
}
.profile-navigation-comp .badgedetails .frame .referralLabel a {
  color: #307fe2;
}
.profile-navigation-comp .badgedetails .frame .referralLabel a .link-label .icon-Arrow-Right {
  margin-left: 8px;
}
.profile-navigation-comp .badgedetails .frame .referralLabel a .link-label .icon-Arrow-Right::before {
  font-family: icomoon !important;
  font-size: 10px;
  color: #307fe2;
  padding: 0px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: inline-block;
}
.profile-navigation-comp .badgedetails .frame .reviewLabel {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.profile-navigation-comp .badgedetails .frame .reviewLabel a {
  color: #307fe2;
}
.profile-navigation-comp .badgedetails .frame .reviewLabel a .link-label .icon-Arrow-Right {
  margin-left: 8px;
}
.profile-navigation-comp .badgedetails .frame .reviewLabel a .link-label .icon-Arrow-Right::before {
  font-family: icomoon !important;
  font-size: 10px;
  color: #307fe2;
  padding: 0px;
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: inline-block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .profile-navigation-comp {
    display: flex;
  }
  .profile-navigation-comp .name {
    font-weight: 600;
    padding: 8px 0px 58px 0px;
    margin: 0px;
  }
  .profile-navigation-comp .sub-text {
    padding-top: 0px;
  }
  .profile-navigation-comp .userdetails {
    flex: auto;
    padding: 40px 0px 0px 0px;
    width: 100%;
  }
  .profile-navigation-comp .userdetails .links a:last-child {
    border: none;
  }
  .profile-navigation-comp .initials {
    width: 72px;
    height: 72px;
  }
  .profile-navigation-comp .profile-photo {
    width: 72px;
    height: 72px;
  }
  .profile-navigation-comp .profile-details {
    display: flex;
  }
  .profile-navigation-comp .intro {
    padding-left: 16px;
    width: 248px;
  }
  .profile-navigation-comp .label {
    margin-bottom: 22px;
  }
  .profile-navigation-comp .label .link-label {
    width: 193px;
    margin-right: 86px;
  }
  .profile-navigation-comp .icon-Edit {
    top: 78%;
    left: 48px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog {
    min-height: 453px !important;
    margin: 136px 38px 617px !important;
    max-width: 89.5%;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body {
    padding: 40px 40px 40px 40px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .modal-title {
    min-width: 576px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .btnclose {
    width: 32px;
    height: 32px;
    margin-left: 0px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .profile {
    margin: 50px auto 24px auto;
    width: 224px;
    height: 224px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .image {
    width: 224px;
    height: 224px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .remove {
    padding: 12px 24px;
    margin-right: 24px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .upload {
    padding: 12px 24px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .addPhoto-btn-wrapper .addPhoto {
    padding: 12px 88px 12px 88px !important;
    min-width: 290px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .uploadImageDesc {
    margin-top: 40px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .errorMsg {
    margin-top: 40px;
  }
  .profile-navigation-comp #photoremove .modal-dialog {
    min-height: 243px !important;
    margin: 136px 38px 827px !important;
    max-width: 89.5%;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body {
    padding: 40px 40px 40px 40px;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .modal-title {
    min-width: 576px;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .close {
    margin-left: 0px;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .modal-desc {
    max-width: 576px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .confirm {
    padding: 12px 24px 12px 24px;
  }
  .profile-navigation-comp .accountdetails {
    width: 100%;
    flex: auto;
    padding: 0px 0px 0px 0px;
  }
  .profile-navigation-comp .accountdetails .pointsdetails {
    max-width: 299px;
    border-bottom: 2px solid #eaeaec;
  }
  .profile-navigation-comp .accountdetails .pointsdetails .eyebrowText {
    padding-top: 152px;
    padding-bottom: 4px;
  }
  .profile-navigation-comp .accountdetails .badgedetails {
    flex-direction: row-reverse;
    justify-content: left;
  }
  .profile-navigation-comp .accountdetails .badgedetails .frame {
    padding: 0px 12px 0px 0px;
    width: 228px;
  }
  .profile-navigation-comp .accountdetails .badgedetails .frame .referralLabel {
    padding-top: 24px;
    margin-bottom: 16px;
  }
  .profile-navigation-comp .divide_head {
    display: none;
  }
  .profile-navigation-comp .accountName {
    font-size: 30px;
    font-weight: 600;
    padding: 28px 0px 14px 0px;
  }
  .profile-navigation-comp .pointsCount {
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
  }
  .profile-navigation-comp .accountLabel {
    padding-top: 12px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile-navigation-comp {
    flex-direction: column;
  }
  .profile-navigation-comp .name {
    padding: 4px 0px 52px 0px;
  }
  .profile-navigation-comp .userdetails {
    padding-top: 40px;
  }
  .profile-navigation-comp .profile-details {
    max-width: 300px;
    border-bottom: 2px solid #eaeaec;
  }
  .profile-navigation-comp .profile-details .initials span {
    right: -10px;
  }
  .profile-navigation-comp .divide_head {
    width: 300px;
  }
  .profile-navigation-comp .icon-Edit {
    top: 78%;
    left: 57px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog {
    min-height: 338px !important;
    margin: 196px 14px auto!important;
    margin-bottom: auto;
    max-width: 99.22%;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body {
    padding: 30px 30px 30px 30px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .modal-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    min-width: 224px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .head .btnclose {
    width: 20px;
    height: 20px;
    margin: 0px 0px 0px 24px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .initials {
    margin: 24px auto;
    width: 160px;
    height: 160px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .initials .image {
    width: 160px;
    height: 160px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .initials span {
    width: 160px;
    height: 160px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons {
    display: block;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .remove {
    margin-bottom: 24px;
    margin-right: 0px;
    padding-left: 85px;
    padding-right: 85px;
    width: 100%;
    font-size: 16px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .buttons .upload {
    padding-left: 61px;
    padding-right: 61px;
    width: 100%;
    font-size: 16px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .addPhoto-btn-wrapper .addPhoto {
    padding: 12px 72px 12px 72px !important;
    font-size: 16px;
    min-width: 272px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .uploadImageDesc {
    margin-top: 24px;
  }
  .profile-navigation-comp #photoediticon .modal-dialog .modal-content .modal-body .errorMsg {
    margin-top: 24px;
  }
  .profile-navigation-comp #photoremove .modal-dialog {
    min-height: 258px !important;
    margin: 271px 14px !important;
    max-width: 92%;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body {
    padding: 30px 30px 30px 30px;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .modal-title {
    font-size: 24px;
    min-width: 224px;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .head .close {
    padding: 0px;
    width: 20px;
    height: 20px;
    margin-left: 26px;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .modal-desc {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .profile-navigation-comp #photoremove .modal-dialog .modal-content .modal-body .confirm {
    min-width: 272px!important;
    max-width: 100%!important;
    font-size: 16px;
    padding: 12px 24px !important;
    text-align: center !important;
  }
  .profile-navigation-comp .intro {
    padding-left: 18px;
  }
  .profile-navigation-comp .accountName {
    font-size: 24px;
    font-weight: 600;
    padding: 40px 0px 26px 0px;
  }
  .profile-navigation-comp .pointsCount {
    font-size: 24px;
    padding: 0px 4px 0px 0px;
  }
  .profile-navigation-comp .pointsCount .pointsText {
    padding: 9px 0px 0px 8px;
  }
  .profile-navigation-comp .label {
    margin-bottom: 26px;
  }
  .profile-navigation-comp .label .link-label {
    width: 193px;
    margin-right: 87px;
  }
  .profile-navigation-comp .userdetails .links {
    padding-top: 41px;
    max-width: 300px;
  }
  .profile-navigation-comp .userdetails .links a:last-child {
    border-bottom: 2px solid #eaeaec;
    padding-bottom: 41px;
    margin-bottom: 0px;
  }
  .profile-navigation-comp .accountdetails .pointsdetails .eyebrowText {
    padding-top: 40px;
    padding-bottom: 4px;
  }
  .profile-navigation-comp .accountdetails .accountLabel {
    padding-bottom: 40px;
  }
  .profile-navigation-comp .accountdetails .badgedetails .frame .referralLabel {
    padding-top: 40px;
    margin-bottom: 24px;
  }
}

.personal-details-comp,
.personal_details_comp {
  overflow: hidden;
  margin-top: 0px !important;
}
.personal-details-comp .det_title,
.personal_details_comp .det_title {
  margin-left: 80px;
  margin-top: 80px;
  margin-bottom: 41px;
  flex-grow: 0;
  letter-spacing: normal;
  text-align: left;
  color: #383737;
  display: inline-block;
  width: auto;
}
.personal-details-comp .det_subtitle,
.personal_details_comp .det_subtitle {
  margin: 20px 80px 20px;
  flex-grow: 0;
  letter-spacing: normal;
  text-align: left;
  color: #383737;
  max-width: 80% !important;
}
.personal-details-comp .sub_line,
.personal_details_comp .sub_line {
  background-color: #eaeaec;
  height: 1px;
  margin: 0px;
}
.personal-details-comp .m_line,
.personal_details_comp .m_line {
  background-color: #eaeaec;
  height: 1px;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .m_line,
  .personal_details_comp .m_line {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
.personal-details-comp .person_data,
.personal_details_comp .person_data {
  padding: 20px 80px 22px;
}
.personal-details-comp .person_data .pd-container .name,
.personal_details_comp .person_data .pd-container .name {
  max-width: 236px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .pd-container .name,
  .personal_details_comp .person_data .pd-container .name {
    order: 1;
    max-width: 168px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_data .pd-container .name,
  .personal_details_comp .person_data .pd-container .name {
    max-width: 192px;
  }
}
.personal-details-comp .person_data .pd-container .name .data_name,
.personal_details_comp .person_data .pd-container .name .data_name {
  padding-right: 8px;
  width: 100%;
  word-break: break-word;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .pd-container .name .data_name,
  .personal_details_comp .person_data .pd-container .name .data_name {
    padding-bottom: 12px;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .pd-container .value,
  .personal_details_comp .person_data .pd-container .value {
    order: 3;
  }
}
.personal-details-comp .person_data .pd-container .value .data_value,
.personal_details_comp .person_data .pd-container .value .data_value {
  word-break: break-word;
  width: 100%;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .pd-container .value .data_value,
  .personal_details_comp .person_data .pd-container .value .data_value {
    width: 100%;
  }
}
.personal-details-comp .person_data .pd-container .value .data_value .email-form-container,
.personal_details_comp .person_data .pd-container .value .data_value .email-form-container {
  position: relative;
  bottom: 10px;
}
.personal-details-comp .person_data .pd-container .value .data_value .email-form-container .error.error-message,
.personal_details_comp .person_data .pd-container .value .data_value .email-form-container .error.error-message {
  position: relative;
  top: 16px;
}
.personal-details-comp .person_data .pd-container .value .data_value .email-form-container .email-top,
.personal_details_comp .person_data .pd-container .value .data_value .email-form-container .email-top {
  top: 12px;
  position: relative;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .pd-container .value .data_value .email-form-container .email-top,
  .personal_details_comp .person_data .pd-container .value .data_value .email-form-container .email-top {
    top: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_data .pd-container .value .data_value .email-form-container .email-top,
  .personal_details_comp .person_data .pd-container .value .data_value .email-form-container .email-top {
    top: 0px;
  }
}
.personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-floating label,
.personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-floating label {
  padding-top: 25px;
  overflow: visible;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-floating label,
  .personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-floating label {
    padding-top: 2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-floating label,
  .personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-floating label {
    padding-top: 2px;
  }
}
.personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-control:not(:placeholder-shown) ~ label {
  padding-top: 15px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-control:not(:placeholder-shown) ~ label,
  .personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-control:not(:placeholder-shown) ~ label {
    padding-top: 0px;
  }
}
.personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-control:active ~ label,
.personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-control:active ~ label {
  padding-top: 15px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-control:active ~ label,
  .personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-control:active ~ label {
    padding-top: 0px;
  }
}
.personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-control:focus ~ label,
.personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-control:focus ~ label {
  padding-top: 15px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_data .pd-container .value .data_value .email-form-container .form-control:focus ~ label,
  .personal_details_comp .person_data .pd-container .value .data_value .email-form-container .form-control:focus ~ label {
    padding-top: 0px;
  }
}
.personal-details-comp .person_data .pd-container .value .data_value .have_address,
.personal_details_comp .person_data .pd-container .value .data_value .have_address {
  font-size: 14px;
}
.personal-details-comp .person_data .pd-container .value .data_value .more_det,
.personal_details_comp .person_data .pd-container .value .data_value .more_det {
  text-decoration: none !important;
}
.personal-details-comp .person_data .pd-container .value .data_value .more_det:after,
.personal_details_comp .person_data .pd-container .value .data_value .more_det:after {
  content: "\e993";
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  padding-left: 4px;
}
.personal-details-comp .person_data .pd-container .value .data_value .more,
.personal_details_comp .person_data .pd-container .value .data_value .more {
  text-decoration: none !important;
  margin-bottom: 40px;
}
.personal-details-comp .person_data .pd-container .value .data_value .more:after,
.personal_details_comp .person_data .pd-container .value .data_value .more:after {
  content: "\e993";
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  padding-left: 4px;
}
.personal-details-comp .person_data .pd-container .value .data_value .less_det,
.personal_details_comp .person_data .pd-container .value .data_value .less_det {
  text-decoration: none !important;
}
.personal-details-comp .person_data .pd-container .value .data_value .less_det:after,
.personal_details_comp .person_data .pd-container .value .data_value .less_det:after {
  content: "\e990";
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  padding-left: 4px;
}
.personal-details-comp .person_data .pd-container .value .data_value .row > .cancel-form,
.personal_details_comp .person_data .pd-container .value .data_value .row > .cancel-form {
  width: fit-content;
  cursor: default;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_data .pd-container .value .data_value .row > .cancel-form,
  .personal_details_comp .person_data .pd-container .value .data_value .row > .cancel-form {
    padding: 0px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .pd-container .value .data_value .row > .cancel-form,
  .personal_details_comp .person_data .pd-container .value .data_value .row > .cancel-form {
    margin-top: 48px;
  }
}
.personal-details-comp .person_data .pd-container .value .data_value .row > .cancel-form span,
.personal_details_comp .person_data .pd-container .value .data_value .row > .cancel-form span {
  cursor: pointer;
}
.personal-details-comp .person_data .pd-container .base_address li,
.personal_details_comp .person_data .pd-container .base_address li {
  border-bottom-style: solid;
  margin-bottom: 74px;
}
.personal-details-comp .person_data .pd-container .base_address #select_city,
.personal_details_comp .person_data .pd-container .base_address #select_city {
  border: 0px;
  width: -webkit-fill-available;
}
.personal-details-comp .person_data .pd-container .base_address #select_state,
.personal_details_comp .person_data .pd-container .base_address #select_state {
  border: 0px;
  width: -webkit-fill-available;
}
.personal-details-comp .person_data .pd-container .base_address ul,
.personal_details_comp .person_data .pd-container .base_address ul {
  padding: 0px;
  list-style-type: none;
}
.personal-details-comp .person_data .pd-container p,
.personal_details_comp .person_data .pd-container p {
  font-family: Poppins;
  color: #383737;
  margin: 0px;
}
.personal-details-comp .person_data .pd-container p.error,
.personal_details_comp .person_data .pd-container p.error {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #ed454f;
  padding: 2px;
  position: initial;
  opacity: 1;
  transform: none;
}
.personal-details-comp .person_data .pd-container input,
.personal_details_comp .person_data .pd-container input {
  border: 0px;
  color: grey;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .link,
  .personal_details_comp .person_data .link {
    order: 2;
    width: 43%;
  }
}
.personal-details-comp .person_data .link .data_link,
.personal_details_comp .person_data .link .data_link {
  width: 100%;
  word-break: break-word;
  text-align: right;
  flex: 1;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .link .data_link,
  .personal_details_comp .person_data .link .data_link {
    min-width: 35%;
  }
}
.personal-details-comp .person_data .link .data_link .update_link,
.personal_details_comp .person_data .link .data_link .update_link {
  font-weight: 400;
  line-height: 17.6px;
}
.personal-details-comp .person_data .link .data_link .save_link,
.personal_details_comp .person_data .link .data_link .save_link {
  font-weight: 400;
  line-height: 17.6px;
}
.personal-details-comp .person_data .link .data_link .save_add,
.personal_details_comp .person_data .link .data_link .save_add {
  margin-top: 0px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .link .data_link .save_add,
  .personal_details_comp .person_data .link .data_link .save_add {
    margin-top: 24px;
  }
}
.personal-details-comp .person_data .link .data_link span,
.personal_details_comp .person_data .link .data_link span {
  font-weight: 400;
  line-height: 17.6px;
  cursor: pointer;
}
.personal-details-comp .person_data .link .data_link span:not(.icon-Tick-48)::after,
.personal_details_comp .person_data .link .data_link span:not(.icon-Tick-48)::after {
  content: "\e9a0";
  width: 16px;
  height: 13px;
  margin: 0 1px 0 9px;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.personal-details-comp .person_data .link .data_link .active,
.personal_details_comp .person_data .link .data_link .active {
  color: #307fe2 !important;
}
.personal-details-comp .person_data .link .data_link .per_update_address,
.personal_details_comp .person_data .link .data_link .per_update_address {
  color: rgba(122, 128, 132, 0.5);
}
.personal-details-comp .person_data .link .data_link a,
.personal_details_comp .person_data .link .data_link a {
  font-size: 16px;
  text-decoration: none !important;
  color: #307fe2 !important;
  font-weight: 400;
  line-height: 17.6px;
  cursor: default;
}
.personal-details-comp .person_data .offset-md-8.link,
.personal_details_comp .person_data .offset-md-8.link {
  max-width: 140px !important;
  margin-left: 600px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_data .offset-md-8.link,
  .personal_details_comp .person_data .offset-md-8.link {
    max-width: 272px !important;
    margin-left: 390px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data .offset-md-8.link,
  .personal_details_comp .person_data .offset-md-8.link {
    max-width: 128px !important;
    margin-left: 164px !important;
  }
  .personal-details-comp .person_data .offset-md-8.link.add-address-label,
  .personal_details_comp .person_data .offset-md-8.link.add-address-label {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: inherit !important;
  }
}
.personal-details-comp .align .form-floating .status,
.personal_details_comp .align .form-floating .status {
  min-height: 30px;
  padding-top: 0px;
  padding-bottom: 10px;
  transform: translate(0px, 0px);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .align .form-floating .status,
  .personal_details_comp .align .form-floating .status {
    display: none;
  }
}
.personal-details-comp .align .form-floating span.select2.select2-container.select2-container--default.select2-container--below,
.personal_details_comp .align .form-floating span.select2.select2-container.select2-container--default.select2-container--below {
  top: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .align .form-floating span.select2.select2-container.select2-container--default.select2-container--below,
  .personal_details_comp .align .form-floating span.select2.select2-container.select2-container--default.select2-container--below {
    top: 0px;
  }
}
.personal-details-comp .hobbies,
.personal_details_comp .hobbies {
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .hobbies,
  .personal_details_comp .hobbies {
    margin-bottom: 20px;
  }
}
.personal-details-comp .person_details .form-floating label,
.personal_details_comp .person_details .form-floating label {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #7A8084;
  line-height: 21.6px;
  padding-left: 0px;
  padding-right: 0px;
  max-height: 80%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .form-floating label,
  .personal_details_comp .person_details .form-floating label {
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0px 8px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating label,
  .personal_details_comp .person_details .form-floating label {
    padding: 0px 0px 8px 0px;
    line-height: 20px;
  }
}
.personal-details-comp .person_details .form-floating label.error,
.personal_details_comp .person_details .form-floating label.error {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  color: #ed454f;
  padding: 2px;
  position: initial;
  opacity: 1;
  transform: none;
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field:active,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field:active,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field:focus,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-bottom: 2px solid #307fe2;
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--single,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--single,
.personal-details-comp .person_details .form-floating select,
.personal_details_comp .person_details .form-floating select,
.personal-details-comp .person_details .form-floating input.form-control,
.personal_details_comp .person_details .form-floating input.form-control,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #383737;
  border: none;
  line-height: 100%;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple,
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--single,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--single,
  .personal-details-comp .person_details .form-floating select,
  .personal_details_comp .person_details .form-floating select,
  .personal-details-comp .person_details .form-floating input.form-control,
  .personal_details_comp .person_details .form-floating input.form-control,
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple,
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--single,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--single,
  .personal-details-comp .person_details .form-floating select,
  .personal_details_comp .person_details .form-floating select,
  .personal-details-comp .person_details .form-floating input.form-control,
  .personal_details_comp .person_details .form-floating input.form-control,
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field {
    line-height: 19.8px;
  }
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple:active,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple:active,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--single:active,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--single:active,
.personal-details-comp .person_details .form-floating select:active,
.personal_details_comp .person_details .form-floating select:active,
.personal-details-comp .person_details .form-floating input.form-control:active,
.personal_details_comp .person_details .form-floating input.form-control:active,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field:active,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field:active,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple:focus,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple:focus,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--single:focus,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--single:focus,
.personal-details-comp .person_details .form-floating select:focus,
.personal_details_comp .person_details .form-floating select:focus,
.personal-details-comp .person_details .form-floating input.form-control:focus,
.personal_details_comp .person_details .form-floating input.form-control:focus,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field:focus,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none;
  box-shadow: none;
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple.error,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple.error,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--single.error,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--single.error,
.personal-details-comp .person_details .form-floating select.error,
.personal_details_comp .person_details .form-floating select.error,
.personal-details-comp .person_details .form-floating input.form-control.error,
.personal_details_comp .person_details .form-floating input.form-control.error,
.personal-details-comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field.error,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-search--dropdown .select2-search__field.error {
  border-bottom: 2px solid #ed454f !important;
}
.personal-details-comp .person_details .form-floating .select2-selection--multiple .select2-selection__rendered,
.personal_details_comp .person_details .form-floating .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0px;
}
.personal-details-comp .person_details .form-floating .select2-selection--multiple .select2-selection__rendered li,
.personal_details_comp .person_details .form-floating .select2-selection--multiple .select2-selection__rendered li {
  border-radius: 0px;
  background: #307FE2;
  border: none;
  color: #fff;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  padding-right: 14px;
  padding-left: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 17.6px;
  margin-left: 12px;
  margin-top: 12px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.personal-details-comp .person_details .form-floating .select2-selection--multiple .select2-selection__rendered li a,
.personal_details_comp .person_details .form-floating .select2-selection--multiple .select2-selection__rendered li a {
  font-weight: normal;
  height: auto;
  width: auto;
  font-size: 32px;
  position: relative;
  right: 0;
  left: initial;
  border: none;
  color: #fff;
  border-radius: 0px;
  text-decoration: none;
  padding-left: 9px;
  cursor: pointer;
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0px;
  background: #307FE2;
  border: none;
  color: #FFFFFF;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  padding-right: 48px;
  padding-left: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 17.6px;
  margin-left: 12px;
  margin-top: 12px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-left: 0px;
    padding: 12px;
    width: 100%;
    text-align: center;
    margin: 8px 0px 0px;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
  }
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  font-weight: normal;
  height: auto;
  width: auto;
  padding: 13px 30px 16px 9px;
  position: absolute;
  right: 0;
  left: initial;
  border: none;
  color: #fff;
  border-radius: 0px;
  font-size: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 13px 30px 16px 9px;
    color: #383737;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0px !important;
    text-align: center;
    width: auto;
    color: #383737;
    position: static !important;
    order: 2;
  }
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  border-radius: 0px;
  background: transparent;
  border: none;
  color: #FFFFFF;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 0px;
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after {
  content: "-";
  font-size: 32px;
  position: relative;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after {
    top: 5px;
  }
}
.personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 0px;
  padding-right: 9px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
  .personal_details_comp .person_details .form-floating .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    order: 1;
  }
}
.personal-details-comp .person_details .form-floating.country,
.personal_details_comp .person_details .form-floating.country {
  margin-bottom: 30px !important;
}
.personal-details-comp .person_details .form-floating.city,
.personal_details_comp .person_details .form-floating.city {
  margin-bottom: 30px !important;
}
.personal-details-comp .person_details .pin-input,
.personal_details_comp .person_details .pin-input {
  margin-bottom: 16px;
}
.personal-details-comp .person_details .pin-input input,
.personal_details_comp .person_details .pin-input input {
  padding-top: 8px;
  margin-top: 15px;
  max-height: 40px;
}
.personal-details-comp .person_details .pin-input label,
.personal_details_comp .person_details .pin-input label {
  padding: 0px 0px 8px 0px !important;
  max-height: 20px;
  opacity: 1;
  transform: translate(0px, 0.5rem);
}
.personal-details-comp .person_details .pin-input label#addpin-error,
.personal_details_comp .person_details .pin-input label#addpin-error,
.personal-details-comp .person_details .pin-input label#addpin-error-label,
.personal_details_comp .person_details .pin-input label#addpin-error-label {
  transform: translateY(0);
  opacity: 1;
}
.personal-details-comp .person_details .address-lane-one,
.personal_details_comp .person_details .address-lane-one {
  margin-bottom: 16px;
}
.personal-details-comp .person_details .address-lane-one input,
.personal_details_comp .person_details .address-lane-one input {
  padding-top: 8px;
  margin-top: 19px;
  max-height: 40px;
}
.personal-details-comp .person_details .address-lane-one label,
.personal_details_comp .person_details .address-lane-one label {
  padding: 0px 0px 8px 0px !important;
  opacity: 1;
  transform: translate(0px, 0.5rem);
}
.personal-details-comp .person_details .address-lane-one label#addr-line1-error,
.personal_details_comp .person_details .address-lane-one label#addr-line1-error {
  transform: translate(0px, -0.1rem);
  display: inline;
  top: 1px;
}
.personal-details-comp .person_details .address-lane-one .address-valid-error,
.personal_details_comp .person_details .address-lane-one .address-valid-error {
  display: none;
  color: #ed454f;
  font-size: 14px;
}
.personal-details-comp .person_details .address-lane-two,
.personal_details_comp .person_details .address-lane-two {
  padding-bottom: 0px;
}
.personal-details-comp .person_details .address-lane-two input,
.personal_details_comp .person_details .address-lane-two input {
  padding-top: 8px;
  margin-top: 36px;
  max-height: 40px;
}
.personal-details-comp .person_details .address-lane-two label,
.personal_details_comp .person_details .address-lane-two label {
  padding: 0px 0px 8px 0px !important;
  opacity: 1;
  transform: translate(0px, 0.5rem);
}
.personal-details-comp .person_details .address-lane-two .address-valid-error2,
.personal_details_comp .person_details .address-lane-two .address-valid-error2 {
  display: none;
  color: #ed454f;
  font-size: 14px;
}
.personal-details-comp .person_details .pin-input .form-control:focus ~ label,
.personal_details_comp .person_details .pin-input .form-control:focus ~ label,
.personal-details-comp .person_details .address-lane-one .form-control:focus ~ label,
.personal_details_comp .person_details .address-lane-one .form-control:focus ~ label,
.personal-details-comp .person_details .address-lane-two .form-control:focus ~ label,
.personal_details_comp .person_details .address-lane-two .form-control:focus ~ label,
.personal-details-comp .person_details .pin-input .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp .person_details .pin-input .form-control:not(:placeholder-shown) ~ label,
.personal-details-comp .person_details .address-lane-one .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp .person_details .address-lane-one .form-control:not(:placeholder-shown) ~ label,
.personal-details-comp .person_details .address-lane-two .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp .person_details .address-lane-two .form-control:not(:placeholder-shown) ~ label,
.personal-details-comp .person_details .pin-input .form-select ~ label,
.personal_details_comp .person_details .pin-input .form-select ~ label,
.personal-details-comp .person_details .address-lane-one .form-select ~ label,
.personal_details_comp .person_details .address-lane-one .form-select ~ label,
.personal-details-comp .person_details .address-lane-two .form-select ~ label,
.personal_details_comp .person_details .address-lane-two .form-select ~ label {
  display: block;
  padding-bottom: 8px !important;
  transform: translate(0px, -20px);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .email-form-container > .form-floating,
  .personal_details_comp .person_details .email-form-container > .form-floating {
    padding-top: 10px;
  }
}
.personal-details-comp .person_details .email-form-container > .form-floating .email,
.personal_details_comp .person_details .email-form-container > .form-floating .email {
  padding-bottom: 0px;
}
.personal-details-comp .person_details .email-form-container > .form-floating .email input,
.personal_details_comp .person_details .email-form-container > .form-floating .email input {
  padding-bottom: 0px;
  margin-top: 0px;
  transform: translate(0px, 14px);
  max-height: 40px;
  padding-left: 2px;
  padding-top: 8px !important;
}
.personal-details-comp .person_details .email-form-container > .form-floating .email input:focus,
.personal_details_comp .person_details .email-form-container > .form-floating .email input:focus {
  padding-bottom: 0px !important;
  padding-top: 8px !important;
}
.personal-details-comp .person_details .email-form-container > .form-floating .email input:active,
.personal_details_comp .person_details .email-form-container > .form-floating .email input:active {
  padding-bottom: 0px !important;
  padding-top: 8px !important;
}
.personal-details-comp .person_details .email-form-container > .form-floating .email input .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp .person_details .email-form-container > .form-floating .email input .form-control:not(:placeholder-shown) ~ label {
  padding-top: 20px;
}
.personal-details-comp .person_details .email-form-container > .form-floating .email input .form-select ~ label,
.personal_details_comp .person_details .email-form-container > .form-floating .email input .form-select ~ label {
  padding-top: 25px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .email-form-container > .form-floating .email input,
  .personal_details_comp .person_details .email-form-container > .form-floating .email input {
    transform: translate(0px, 0px);
    padding-top: 8px !important;
  }
  .personal-details-comp .person_details .email-form-container > .form-floating .email input:not(:placeholder-shown),
  .personal_details_comp .person_details .email-form-container > .form-floating .email input:not(:placeholder-shown) {
    padding-top: 8px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .email-form-container > .form-floating .email input:not(:placeholder-shown),
  .personal_details_comp .person_details .email-form-container > .form-floating .email input:not(:placeholder-shown) {
    position: relative;
    top: 15px;
    padding-top: 0px !important;
    padding-bottom: 5px;
  }
}
.personal-details-comp .person_details .email-form-container > .form-floating .email label:not(".error"),
.personal_details_comp .person_details .email-form-container > .form-floating .email label:not(".error") {
  font-size: 18px;
  color: #7a8084;
  padding-bottom: 8px;
}
.personal-details-comp .person_details .email-form-container > .form-floating .email label#email-error,
.personal_details_comp .person_details .email-form-container > .form-floating .email label#email-error {
  transform: translate(0px, 18px);
  padding-top: 8px !important;
  max-height: 35px;
}
.personal-details-comp .person_details .email-form-container > .form-floating .email .form-control:focus,
.personal_details_comp .person_details .email-form-container > .form-floating .email .form-control:focus,
.personal-details-comp .person_details .email-form-container > .form-floating .email .form-floating > .form-control:not(:placeholder-shown),
.personal_details_comp .person_details .email-form-container > .form-floating .email .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 8px;
  padding-bottom: 8px;
  max-height: 40px;
}
.personal-details-comp .person_details .form-link,
.personal_details_comp .person_details .form-link {
  text-decoration: none;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #307FE2;
  margin-top: 40px;
  line-height: 17.6px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .form-link,
  .personal_details_comp .person_details .form-link {
    padding-top: 44px;
  }
  .personal-details-comp .person_details .form-link.cancel-form,
  .personal_details_comp .person_details .form-link.cancel-form {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-link,
  .personal_details_comp .person_details .form-link {
    padding-top: 44px;
  }
  .personal-details-comp .person_details .form-link.cancel-form,
  .personal_details_comp .person_details .form-link.cancel-form {
    margin-top: 40px;
  }
}
.personal-details-comp .person_details .name-form-container,
.personal_details_comp .person_details .name-form-container,
.personal-details-comp .person_details .email-form-container,
.personal_details_comp .person_details .email-form-container,
.personal-details-comp .person_details .bday-form-container,
.personal_details_comp .person_details .bday-form-container,
.personal-details-comp .person_details .wday-form-container,
.personal_details_comp .person_details .wday-form-container,
.personal-details-comp .person_details .occ-form-container,
.personal_details_comp .person_details .occ-form-container,
.personal-details-comp .person_details .ms-form-container,
.personal_details_comp .person_details .ms-form-container,
.personal-details-comp .person_details .ph-form-container,
.personal_details_comp .person_details .ph-form-container {
  display: none;
}
.personal-details-comp .person_details .bday-form-container,
.personal_details_comp .person_details .bday-form-container,
.personal-details-comp .person_details .wday-form-container,
.personal_details_comp .person_details .wday-form-container {
  position: relative;
}
.personal-details-comp .person_details .bday-form-container input,
.personal_details_comp .person_details .bday-form-container input,
.personal-details-comp .person_details .wday-form-container input,
.personal_details_comp .person_details .wday-form-container input {
  caret-color: transparent;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .bday-form-container .form-floating.calelnder-show input,
  .personal_details_comp .person_details .bday-form-container .form-floating.calelnder-show input,
  .personal-details-comp .person_details .wday-form-container .form-floating.calelnder-show input,
  .personal_details_comp .person_details .wday-form-container .form-floating.calelnder-show input {
    padding-top: 8px;
    line-height: 19.8px;
  }
}
.personal-details-comp .person_details .bday-form-container #ui-datepicker-div,
.personal_details_comp .person_details .bday-form-container #ui-datepicker-div,
.personal-details-comp .person_details .wday-form-container #ui-datepicker-div,
.personal_details_comp .person_details .wday-form-container #ui-datepicker-div {
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
}
.personal-details-comp .person_details .name-form-container > .form-floating .select2-selection__rendered,
.personal_details_comp .person_details .name-form-container > .form-floating .select2-selection__rendered {
  width: 95%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .name-form-container > .form-floating .select2-selection__rendered,
  .personal_details_comp .person_details .name-form-container > .form-floating .select2-selection__rendered {
    width: 93%;
  }
}
.personal-details-comp .person_details .name-form-container > .form-floating .cancel-form,
.personal_details_comp .person_details .name-form-container > .form-floating .cancel-form {
  margin-top: 40px;
}
.personal-details-comp .person_details .name-form-container > .form-floating .firstname,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname {
  margin-top: 16px;
  padding-bottom: 0px;
  min-height: 54px;
}
.personal-details-comp .person_details .name-form-container > .form-floating .firstname input,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname input,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename input,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename input,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname input,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname input {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 0px;
  transform: translate(0px, 14px);
  max-height: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .name-form-container > .form-floating .firstname input,
  .personal_details_comp .person_details .name-form-container > .form-floating .firstname input,
  .personal-details-comp .person_details .name-form-container > .form-floating .middlename input,
  .personal_details_comp .person_details .name-form-container > .form-floating .middlename input,
  .personal-details-comp .person_details .name-form-container > .form-floating .lastname input,
  .personal_details_comp .person_details .name-form-container > .form-floating .lastname input {
    transform: translate(0px, 0px);
    padding-bottom: 25px;
  }
}
.personal-details-comp .person_details .name-form-container > .form-floating .firstname label,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname label,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename label,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename label,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname label,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname label {
  padding: 0px 0px 8px 0px !important;
  opacity: 1;
  transform: translate(0px, 21px);
}
.personal-details-comp .person_details .name-form-container > .form-floating .firstname label#lastname-error,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname label#lastname-error,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename label#lastname-error,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename label#lastname-error,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname label#lastname-error,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname label#lastname-error,
.personal-details-comp .person_details .name-form-container > .form-floating .firstname label#middlename-error,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname label#middlename-error,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename label#middlename-error,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename label#middlename-error,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname label#middlename-error,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname label#middlename-error,
.personal-details-comp .person_details .name-form-container > .form-floating .firstname label#firstname-error,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname label#firstname-error,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename label#firstname-error,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename label#firstname-error,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname label#firstname-error,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname label#firstname-error {
  transform: translate(0px, 12px);
  padding-top: 8px !important;
}
.personal-details-comp .person_details .name-form-container > .form-floating .firstname .form-control:focus ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname .form-control:focus ~ label,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename .form-control:focus ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename .form-control:focus ~ label,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname .form-control:focus ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname .form-control:focus ~ label,
.personal-details-comp .person_details .name-form-container > .form-floating .firstname .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname .form-control:not(:placeholder-shown) ~ label,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename .form-control:not(:placeholder-shown) ~ label,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname .form-control:not(:placeholder-shown) ~ label,
.personal-details-comp .person_details .name-form-container > .form-floating .firstname .form-select ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .firstname .form-select ~ label,
.personal-details-comp .person_details .name-form-container > .form-floating .middlename .form-select ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .middlename .form-select ~ label,
.personal-details-comp .person_details .name-form-container > .form-floating .lastname .form-select ~ label,
.personal_details_comp .person_details .name-form-container > .form-floating .lastname .form-select ~ label {
  display: block;
  padding-bottom: 8px !important;
  transform: translate(0px, -4px);
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .name-form-container > .form-floating .firstname .form-control:focus ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .firstname .form-control:focus ~ label,
  .personal-details-comp .person_details .name-form-container > .form-floating .middlename .form-control:focus ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .middlename .form-control:focus ~ label,
  .personal-details-comp .person_details .name-form-container > .form-floating .lastname .form-control:focus ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .lastname .form-control:focus ~ label,
  .personal-details-comp .person_details .name-form-container > .form-floating .firstname .form-control:not(:placeholder-shown) ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .firstname .form-control:not(:placeholder-shown) ~ label,
  .personal-details-comp .person_details .name-form-container > .form-floating .middlename .form-control:not(:placeholder-shown) ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .middlename .form-control:not(:placeholder-shown) ~ label,
  .personal-details-comp .person_details .name-form-container > .form-floating .lastname .form-control:not(:placeholder-shown) ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .lastname .form-control:not(:placeholder-shown) ~ label,
  .personal-details-comp .person_details .name-form-container > .form-floating .firstname .form-select ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .firstname .form-select ~ label,
  .personal-details-comp .person_details .name-form-container > .form-floating .middlename .form-select ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .middlename .form-select ~ label,
  .personal-details-comp .person_details .name-form-container > .form-floating .lastname .form-select ~ label,
  .personal_details_comp .person_details .name-form-container > .form-floating .lastname .form-select ~ label {
    transform: translate(0px, 0px);
  }
}
.personal-details-comp .personal_details_comp .person_details .name-form-container .select2 .select2-selection.select2-selection--single .select2-selection__arrow b,
.personal_details_comp .personal_details_comp .person_details .name-form-container .select2 .select2-selection.select2-selection--single .select2-selection__arrow b {
  margin-top: 4px;
}
.personal-details-comp .data_link,
.personal_details_comp .data_link {
  word-break: break-word;
}
.personal-details-comp .data_link span:not(.icon-Tick-48):after,
.personal_details_comp .data_link span:not(.icon-Tick-48):after {
  content: "\e9a0";
  width: 16px;
  height: 13px;
  margin: 0 5px 0 5px;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.personal-details-comp .data_link .active,
.personal_details_comp .data_link .active {
  color: #307fe2 !important;
}
.personal-details-comp .data_link .per_update_address,
.personal_details_comp .data_link .per_update_address {
  color: rgba(122, 128, 132, 0.5);
}
.personal-details-comp .data_link a,
.personal_details_comp .data_link a {
  font-size: 16px;
  font-weight: 400;
  line-height: 17.6px;
  cursor: pointer;
  text-decoration: none !important;
  color: #307fe2 !important;
}
.personal-details-comp .modal .modal-dialog .modal-content,
.personal_details_comp .modal .modal-dialog .modal-content {
  border-radius: 0%;
  padding: 2rem;
}
.personal-details-comp .modal .modal-dialog .modal-content .modal-header h4,
.personal_details_comp .modal .modal-dialog .modal-content .modal-header h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  color: #383737;
}
.personal-details-comp .modal .modal-dialog .modal-content .modal-header .pd-title,
.personal_details_comp .modal .modal-dialog .modal-content .modal-header .pd-title {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #383737;
  margin-bottom: 5px;
}
.personal-details-comp .modal .modal-dialog .modal-content .modal-body .ceo-desc,
.personal_details_comp .modal .modal-dialog .modal-content .modal-body .ceo-desc {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
  color: #7A8084;
}
.personal-details-comp .modal .modal-dialog .modal-content .modal-body .btn-resent,
.personal_details_comp .modal .modal-dialog .modal-content .modal-body .btn-resent {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #282828;
}
.personal-details-comp .per_addr,
.personal_details_comp .per_addr {
  flex-wrap: wrap;
}
.personal-details-comp .per_addr .base_add,
.personal_details_comp .per_addr .base_add {
  width: 100%;
}
.personal-details-comp .add_addr_link,
.personal_details_comp .add_addr_link {
  flex: 0 0 95%;
  box-sizing: unset;
  display: flex;
  align-items: stretch;
  text-align: right;
}
.personal-details-comp .add_addr_link a,
.personal_details_comp .add_addr_link a {
  width: 100%;
  margin-left: auto;
}
.personal-details-comp .add_addr_link a span,
.personal_details_comp .add_addr_link a span {
  line-height: 17.6px;
  font-weight: 400;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .add_addr_link,
  .personal_details_comp .add_addr_link {
    position: relative;
    left: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .addr-item,
  .personal_details_comp .addr-item {
    margin-bottom: 0px;
  }
}
.personal-details-comp .addr-item span,
.personal_details_comp .addr-item span {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  line-height: 16.24px;
}
.personal-details-comp .addr-item span.addr-type,
.personal_details_comp .addr-item span.addr-type {
  font-size: 14px;
  color: #646464;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .addr-item span.addr-type,
  .personal_details_comp .addr-item span.addr-type {
    color: #7a8084;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .addr-item span,
  .personal_details_comp .addr-item span {
    margin-bottom: 0px;
    line-height: 16.24px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .addr-item span,
  .personal_details_comp .addr-item span {
    margin-bottom: 0px;
  }
}
.personal-details-comp .addr-item span.addr-house,
.personal_details_comp .addr-item span.addr-house,
.personal-details-comp .addr-item span.addr-line1,
.personal_details_comp .addr-item span.addr-line1 {
  width: auto;
}
.personal-details-comp .addr-item a,
.personal_details_comp .addr-item a {
  font-size: 16px;
  line-height: 17.6px;
  font-weight: 400;
  color: #307fe2;
}
.personal-details-comp .addr-item .cancel-form span,
.personal_details_comp .addr-item .cancel-form span {
  cursor: pointer;
  line-height: 17.6px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .addr-item .cancel-form span,
  .personal_details_comp .addr-item .cancel-form span {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .addr-item .addr-house,
  .personal_details_comp .addr-item .addr-house,
  .personal-details-comp .addr-item .addr-line1,
  .personal_details_comp .addr-item .addr-line1 {
    font-size: 16px;
  }
}
.personal-details-comp .addr-item .addr-type,
.personal_details_comp .addr-item .addr-type,
.personal-details-comp .addr-item .addr-line1,
.personal_details_comp .addr-item .addr-line1,
.personal-details-comp .addr-item .addr-house,
.personal_details_comp .addr-item .addr-house,
.personal-details-comp .addr-item .addr-line2,
.personal_details_comp .addr-item .addr-line2,
.personal-details-comp .addr-item .addr-landmark,
.personal_details_comp .addr-item .addr-landmark,
.personal-details-comp .addr-item .addr-id,
.personal_details_comp .addr-item .addr-id {
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .addr-item .addr-type,
  .personal_details_comp .addr-item .addr-type,
  .personal-details-comp .addr-item .addr-line1,
  .personal_details_comp .addr-item .addr-line1,
  .personal-details-comp .addr-item .addr-house,
  .personal_details_comp .addr-item .addr-house,
  .personal-details-comp .addr-item .addr-line2,
  .personal_details_comp .addr-item .addr-line2,
  .personal-details-comp .addr-item .addr-landmark,
  .personal_details_comp .addr-item .addr-landmark,
  .personal-details-comp .addr-item .addr-id,
  .personal_details_comp .addr-item .addr-id {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .addr-item .addr-type,
  .personal_details_comp .addr-item .addr-type {
    margin-bottom: 5px;
  }
}
.personal-details-comp .addr-display,
.personal_details_comp .addr-display {
  margin-bottom: 0px;
  margin-top: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .addr-display,
  .personal_details_comp .addr-display {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .addr-display,
  .personal_details_comp .addr-display {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
.personal-details-comp p[data-text="None"],
.personal_details_comp p[data-text="None"] {
  color: #7a8084 !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .personal_details_comp {
    margin: 0px;
  }
  .personal_details_comp .det_title {
    padding: 40px 40px 23px;
    margin: 0px;
    font-size: 30px !important;
  }
  .personal_details_comp .det_subtitle {
    margin: 20px 40px 20px;
    font-size: 30px;
    font-weight: 600;
    line-height: 33px;
  }
  .personal_details_comp .sub_line {
    margin-left: 0px;
    margin-right: 0px;
  }
  .personal_details_comp .person_data {
    padding: 20px 40px 20px;
  }
  .personal_details_comp .person_data .xyz {
    width: 75%;
  }
  .personal_details_comp .person_data .xyz .data_name {
    padding-right: 16px;
    max-width: 236px;
  }
  .personal_details_comp .person_data .xyz .data_value {
    padding-right: 24px;
  }
}
@media (max-width: 480px) {
  .personal_details_comp {
    margin: 0px;
  }
  .personal_details_comp .sub_line {
    margin: 0px;
  }
  .personal_details_comp .det_subtitle {
    margin: 32px 16px 0px;
  }
  .personal_details_comp .det_title {
    padding: 24px 16px 18px;
    margin: 0px;
    font-size: 24px;
  }
  .personal_details_comp .event_details .person_details .person_wday {
    padding: 24px 0px 24px !important;
  }
  .personal_details_comp .event_details .person_details .person_data {
    padding: 24px 0px 0px;
  }
  .personal_details_comp .person_details {
    padding-left: 16px;
    padding-right: 16px;
  }
  .personal_details_comp .person_details .person_data {
    padding: 24px 0px 24px;
    width: 100%;
  }
  .personal_details_comp .person_details .person_data .xyz {
    width: 56%;
    flex-direction: column;
  }
  .personal_details_comp .person_details .person_data .xyz .data_name {
    padding-right: 24px;
    width: 100%;
    padding-bottom: 12px;
  }
  .personal_details_comp .person_details .person_data .xyz .data_value {
    padding-right: 24px;
    width: 100%;
    word-break: break-word;
  }
  .personal_details_comp .person_details .person_data .xyz .base_address {
    padding-right: 24px;
    width: 100%;
  }
  .personal_details_comp .person_details .person_data .data_link {
    width: 100% !important;
  }
  .personal_details_comp .person_details .person_data .data_value p#person_addr {
    padding-bottom: 20px;
  }
  .personal_details_comp .person_details .divider {
    padding: 0px !important;
  }
  .personal_details_comp .hobbies {
    margin-bottom: 24px;
  }
}
.contact-details-comp #change-email-otp,
.personal_details_comp #change-email-otp,
.personal-details-comp #change-email-otp,
.personal-details #change-email-otp {
  padding: 0px;
}
.contact-details-comp #change-email-otp a,
.personal_details_comp #change-email-otp a,
.personal-details-comp #change-email-otp a,
.personal-details #change-email-otp a {
  border: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-dialog,
  .personal_details_comp #change-email-otp .modal-dialog,
  .personal-details-comp #change-email-otp .modal-dialog,
  .personal-details #change-email-otp .modal-dialog {
    bottom: -55px;
    margin: 0px;
    align-items: end;
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-dialog,
  .personal_details_comp #change-email-otp .modal-dialog,
  .personal-details-comp #change-email-otp .modal-dialog,
  .personal-details #change-email-otp .modal-dialog {
    bottom: -15px;
  }
}
.contact-details-comp #change-email-otp .modal-dialog .modal-content,
.personal_details_comp #change-email-otp .modal-dialog .modal-content,
.personal-details-comp #change-email-otp .modal-dialog .modal-content,
.personal-details #change-email-otp .modal-dialog .modal-content {
  padding: 80px 64px;
  min-width: 810px;
}
.contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header,
.personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header,
.personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header,
.personal-details #change-email-otp .modal-dialog .modal-content .modal-header {
  padding: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content,
  .personal-details #change-email-otp .modal-dialog .modal-content {
    background-color: #f8f8f8;
    min-width: 760px;
    min-height: 627px;
    padding: 40px 40px 40px 40px;
    border: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content,
  .personal-details #change-email-otp .modal-dialog .modal-content {
    padding: 14px;
    min-width: 360px;
    min-height: 465px;
    padding: 30px;
  }
}
.contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
.personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
.personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
.personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content {
  min-width: 90%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content {
    min-width: 88%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content {
    min-width: 85%;
  }
}
.contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
.personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
.personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
.personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title {
  margin-bottom: 8px;
  max-width: 580px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    max-width: 600px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .pd-title {
    max-width: 248px;
  }
}
.contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
.personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
.personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
.personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title {
  line-height: 40px;
  max-width: 580px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title {
    line-height: 33px;
    max-width: 600px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    line-height: 24.2px !important;
    font-size: 22px;
    max-width: 248px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header .title-content .modal-title {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button,
.personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header button,
.personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button,
.personal-details #change-email-otp .modal-dialog .modal-content .modal-header button {
  border: 0px;
  color: #383737;
  font-size: 32px;
  font-weight: 600;
  opacity: 1 !important;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 80px;
  right: 80px;
}
.contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button .icon-Cross,
.personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header button .icon-Cross,
.personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button .icon-Cross,
.personal-details #change-email-otp .modal-dialog .modal-content .modal-header button .icon-Cross {
  font-size: 18.86px;
  opacity: 1;
  font-weight: bold;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button .icon-Cross,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header button .icon-Cross,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button .icon-Cross,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header button .icon-Cross {
    font-size: 14.14px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header button,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header button {
    top: 46px;
    right: 46px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button,
  .personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header button,
  .personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button,
  .personal-details #change-email-otp .modal-dialog .modal-content .modal-header button {
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    padding: 0px;
    font-size: 24px;
    padding: 4px;
    top: 30px;
    right: 30px;
  }
}
.contact-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button:focus,
.personal_details_comp #change-email-otp .modal-dialog .modal-content .modal-header button:focus,
.personal-details-comp #change-email-otp .modal-dialog .modal-content .modal-header button:focus,
.personal-details #change-email-otp .modal-dialog .modal-content .modal-header button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.contact-details-comp #change-email-otp .modal-body,
.personal_details_comp #change-email-otp .modal-body,
.personal-details-comp #change-email-otp .modal-body,
.personal-details #change-email-otp .modal-body {
  padding: 40px 0px 0px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-body,
  .personal_details_comp #change-email-otp .modal-body,
  .personal-details-comp #change-email-otp .modal-body,
  .personal-details #change-email-otp .modal-body {
    max-width: 85%;
    padding: 22px 0px 0px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-body,
  .personal_details_comp #change-email-otp .modal-body,
  .personal-details-comp #change-email-otp .modal-body,
  .personal-details #change-email-otp .modal-body {
    max-width: 100%;
    padding: 8px 0px 14px 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-body .row .ceo-desc,
  .personal_details_comp #change-email-otp .modal-body .row .ceo-desc,
  .personal-details-comp #change-email-otp .modal-body .row .ceo-desc,
  .personal-details #change-email-otp .modal-body .row .ceo-desc {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    line-height: 20px;
    max-width: 88%;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-body .row .ceo-desc,
  .personal_details_comp #change-email-otp .modal-body .row .ceo-desc,
  .personal-details-comp #change-email-otp .modal-body .row .ceo-desc,
  .personal-details #change-email-otp .modal-body .row .ceo-desc {
    font-size: 14px;
    line-height: 16.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-body .row .ceo-desc,
  .personal_details_comp #change-email-otp .modal-body .row .ceo-desc,
  .personal-details-comp #change-email-otp .modal-body .row .ceo-desc,
  .personal-details #change-email-otp .modal-body .row .ceo-desc {
    max-width: 100%;
  }
}
.contact-details-comp #change-email-otp .modal-body .row .ceo-desc p,
.personal_details_comp #change-email-otp .modal-body .row .ceo-desc p,
.personal-details-comp #change-email-otp .modal-body .row .ceo-desc p,
.personal-details #change-email-otp .modal-body .row .ceo-desc p {
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-body .row .ceo-desc p,
  .personal_details_comp #change-email-otp .modal-body .row .ceo-desc p,
  .personal-details-comp #change-email-otp .modal-body .row .ceo-desc p,
  .personal-details #change-email-otp .modal-body .row .ceo-desc p {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-body .row .ceo-desc p,
  .personal_details_comp #change-email-otp .modal-body .row .ceo-desc p,
  .personal-details-comp #change-email-otp .modal-body .row .ceo-desc p,
  .personal-details #change-email-otp .modal-body .row .ceo-desc p {
    margin-bottom: 12px;
  }
}
.contact-details-comp #change-email-otp .modal-body .row .ceo-desc p:first-child,
.personal_details_comp #change-email-otp .modal-body .row .ceo-desc p:first-child,
.personal-details-comp #change-email-otp .modal-body .row .ceo-desc p:first-child,
.personal-details #change-email-otp .modal-body .row .ceo-desc p:first-child {
  margin-bottom: 0px;
}
.contact-details-comp #change-email-otp .modal-body .row .ceo-nav,
.personal_details_comp #change-email-otp .modal-body .row .ceo-nav,
.personal-details-comp #change-email-otp .modal-body .row .ceo-nav,
.personal-details #change-email-otp .modal-body .row .ceo-nav {
  line-height: 17.6px;
  margin-bottom: 20px;
}
.contact-details-comp #change-email-otp .modal-body .row .ceo-nav span,
.personal_details_comp #change-email-otp .modal-body .row .ceo-nav span,
.personal-details-comp #change-email-otp .modal-body .row .ceo-nav span,
.personal-details #change-email-otp .modal-body .row .ceo-nav span {
  line-height: 17.6px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-body .row .ceo-nav,
  .personal_details_comp #change-email-otp .modal-body .row .ceo-nav,
  .personal-details-comp #change-email-otp .modal-body .row .ceo-nav,
  .personal-details #change-email-otp .modal-body .row .ceo-nav {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-body .row .ceo-nav,
  .personal_details_comp #change-email-otp .modal-body .row .ceo-nav,
  .personal-details-comp #change-email-otp .modal-body .row .ceo-nav,
  .personal-details #change-email-otp .modal-body .row .ceo-nav {
    margin-bottom: 8px;
  }
}
.contact-details-comp #change-email-otp .modal-footer,
.personal_details_comp #change-email-otp .modal-footer,
.personal-details-comp #change-email-otp .modal-footer,
.personal-details #change-email-otp .modal-footer {
  justify-content: flex-start;
  background: #ffffff;
  padding: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details,
  .personal_details_comp #change-email-otp .modal-footer .person_details,
  .personal-details-comp #change-email-otp .modal-footer .person_details,
  .personal-details #change-email-otp .modal-footer .person_details {
    margin: 75px 88px 0px 88px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details,
  .personal_details_comp #change-email-otp .modal-footer .person_details,
  .personal-details-comp #change-email-otp .modal-footer .person_details,
  .personal-details #change-email-otp .modal-footer .person_details {
    padding-left: 0px;
    padding-right: 0px;
    margin: 30px 0px 8px 0px;
  }
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating {
  max-height: 84px;
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-bottom: 8px;
  padding-top: 0px;
  max-height: 28px;
  transform: translateY(27px);
  min-height: auto !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
  .personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
  .personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
  .personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
  .personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
  .personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input,
  .personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input#eotp,
  .personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input#eotp,
  .personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input#eotp,
  .personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating input#eotp {
    padding-top: 0px !important;
    margin-top: 0px;
  }
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label {
  max-height: 28px;
  transform: translateY(26px);
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp] {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  padding-top: 0px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
  .personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
  .personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
  .personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp] {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
  .personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
  .personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp],
  .personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=emailOtp] {
    transform: translate(0px, 24px);
  }
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=eotp],
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=eotp],
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=eotp],
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label[for=eotp] {
  transform: translateY(0);
  padding-top: 8px;
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label#eotp-error,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label#eotp-error,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label#eotp-error,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating label#eotp-error {
  transform: translateY(23px);
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-control:focus ~ label,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-control:focus ~ label,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-control:focus ~ label,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-control:focus ~ label,
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-control:not(:placeholder-shown) ~ label,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-control:not(:placeholder-shown) ~ label,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-control:not(:placeholder-shown) ~ label,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-control:not(:placeholder-shown) ~ label,
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-select ~ label,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-select ~ label,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-select ~ label,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .form-floating .form-select ~ label {
  display: block;
  max-height: 28px;
  padding-bottom: 8px !important;
  transform: translate(0px, -1px);
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .err-container,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .err-container,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .err-container,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .err-container {
  color: #ed454f;
}
.contact-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .err-container p,
.personal_details_comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .err-container p,
.personal-details-comp #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .err-container p,
.personal-details #change-email-otp .modal-footer .person_details .person_data .otp-email-form-container .err-container p {
  top: 30px;
  position: relative;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
}
.contact-details-comp #change-email-otp .modal-footer button,
.personal_details_comp #change-email-otp .modal-footer button,
.personal-details-comp #change-email-otp .modal-footer button,
.personal-details #change-email-otp .modal-footer button {
  align-items: left;
  margin: 40px 0px 0px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #change-email-otp .modal-footer button,
  .personal_details_comp #change-email-otp .modal-footer button,
  .personal-details-comp #change-email-otp .modal-footer button,
  .personal-details #change-email-otp .modal-footer button {
    width: 100%;
    margin: 45px 88px 70px 88px;
    padding: 12px 220px 12px 220px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #change-email-otp .modal-footer button,
  .personal_details_comp #change-email-otp .modal-footer button,
  .personal-details-comp #change-email-otp .modal-footer button,
  .personal-details #change-email-otp .modal-footer button {
    margin: 32px 0px 20px 0px;
    padding: 12px 119px 12px 119px;
  }
}
.contact-details-comp #change-email-otp .modal-footer button:focus,
.personal_details_comp #change-email-otp .modal-footer button:focus,
.personal-details-comp #change-email-otp .modal-footer button:focus,
.personal-details #change-email-otp .modal-footer button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.contact-details-comp #change-email-otp .modal-footer > .person_details,
.personal_details_comp #change-email-otp .modal-footer > .person_details,
.personal-details-comp #change-email-otp .modal-footer > .person_details,
.personal-details #change-email-otp .modal-footer > .person_details {
  width: 100%;
}
.contact-details-comp .ui-widget-header,
.personal_details_comp .ui-widget-header,
.personal-details-comp .ui-widget-header,
.personal-details .ui-widget-header {
  border: none;
  background: none;
}
.contact-details-comp .contact-details,
.personal_details_comp .contact-details,
.personal-details-comp .contact-details,
.personal-details .contact-details {
  margin-top: 40px;
  font-family: "Poppins";
  font-style: normal;
}
.contact-details-comp .contact-details .grey-label,
.personal_details_comp .contact-details .grey-label,
.personal-details-comp .contact-details .grey-label,
.personal-details .contact-details .grey-label {
  font-weight: 300;
  font-size: 16px;
  color: #7A8084;
  display: block;
}
.contact-details-comp .contact-details .blue-label,
.personal_details_comp .contact-details .blue-label,
.personal-details-comp .contact-details .blue-label,
.personal-details .contact-details .blue-label {
  font-weight: 500;
  font-size: 18px;
  color: #307FE2;
  display: block;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp .contact-details .blue-label,
  .personal_details_comp .contact-details .blue-label,
  .personal-details-comp .contact-details .blue-label,
  .personal-details .contact-details .blue-label {
    display: block;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp .contact-details .blue-label,
  .personal_details_comp .contact-details .blue-label,
  .personal-details-comp .contact-details .blue-label,
  .personal-details .contact-details .blue-label {
    display: block;
  }
}
.contact-details-comp #update-phone-req .modal-dialog,
.personal_details_comp #update-phone-req .modal-dialog,
.personal-details-comp #update-phone-req .modal-dialog,
.personal-details #update-phone-req .modal-dialog {
  right: 0px;
  left: 0px;
  top: 0px;
  margin: 211px 314px;
  min-height: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog,
  .personal_details_comp #update-phone-req .modal-dialog,
  .personal-details-comp #update-phone-req .modal-dialog,
  .personal-details #update-phone-req .modal-dialog {
    min-width: 100%;
    margin: 0px;
    position: absolute;
    bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog,
  .personal_details_comp #update-phone-req .modal-dialog,
  .personal-details-comp #update-phone-req .modal-dialog,
  .personal-details #update-phone-req .modal-dialog {
    margin: 0px;
    position: absolute;
    bottom: 0px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content,
.personal_details_comp #update-phone-req .modal-dialog .modal-content,
.personal-details-comp #update-phone-req .modal-dialog .modal-content,
.personal-details #update-phone-req .modal-dialog .modal-content {
  border-radius: 0%;
  padding: 4rem;
  min-width: 812px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content,
  .personal-details #update-phone-req .modal-dialog .modal-content {
    padding: 24px;
    min-width: 768px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content,
  .personal-details #update-phone-req .modal-dialog .modal-content {
    padding: 14px;
    min-width: 360px;
    min-height: 392px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-header {
    padding-bottom: 0px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-header .title-content {
  padding-right: 62px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-header .title-content {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-header .title-content .modal-title {
    font-size: 30px;
    line-height: 33px;
    min-width: 600px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header .title-content .modal-title,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-header .title-content .modal-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 24.2px;
    min-width: 248px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header button,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-header button {
  border: 0px;
  color: #383737;
  background: transparent;
  font-size: 32px;
  font-weight: 600;
  opacity: 1 !important;
  padding: 0px;
  margin: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header button,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-header button {
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    font-size: 24px;
    padding: 8px;
    border-radius: 0px;
    margin: 0px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button:focus,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header button:focus,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button:focus,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-header button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button span:before,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header button span:before,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button span:before,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-header button span:before {
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button span:before,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-header button span:before,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-header button span:before,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-header button span:before {
    color: #ffffff;
    height: 14px;
    width: 14px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body {
  padding-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body {
    padding-top: 24px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc {
    max-width: 512px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .row .ceo-desc {
    min-width: 300px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details {
    margin-top: 24px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child {
  max-width: 256px;
  margin-right: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child {
    max-width: 256px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details div:first-child {
    margin-right: 0px;
    margin-bottom: 24px;
    max-width: 256px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details p,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details p,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details p,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details p {
  margin-bottom: 8px;
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .number,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .number,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .number,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .number {
  max-width: 256px;
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .grey-label,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .grey-label,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .grey-label,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .grey-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .grey-label,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .grey-label,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .grey-label,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .grey-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .time,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .time,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .time,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .time {
  margin-top: 8px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .time,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .time,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .time,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .time {
    font-size: 16px;
    line-height: 20px;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label {
    display: none;
  }
}
.contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
.personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
.personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
.personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link {
  font-weight: 500;
  font-size: 18px;
  color: #307fe2;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link {
    display: block !important;
    text-decoration: none;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
  .personal_details_comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
  .personal-details-comp #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link,
  .personal-details #update-phone-req .modal-dialog .modal-content .modal-body .contact-details .blue-label-with-link {
    display: block;
  }
}
.select2-container {
  width: 100% !important;
  max-height: initial;
}
.js-example-responsive {
  width: 100% !important;
}
.select-float label {
  font-size: 16px;
  color: #dfdfdf;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  transition: all 0.2s ease 0s;
}
.select-float label.selected {
  top: -25px;
  left: 0px;
  font-size: 11px;
  transform: translateY(0);
}
.addr-form-container form {
  margin-right: 36px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .addr-form-container form {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .addr-form-container form {
    margin-right: 0px;
  }
}
.addr-form-container #address-form .form-link {
  top: -18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .addr-form-container #address-form .form-link {
    top: -11px;
  }
}
.addr-form-container #address-form .form-floating {
  margin-bottom: 0px;
  width: 332px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .addr-form-container #address-form .form-floating {
    width: 264px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .addr-form-container #address-form .form-floating {
    width: 300px;
  }
}
.addr-form-container .form-floating label {
  padding-left: 0px;
  padding-bottom: 8px;
  padding-top: 0px;
}
.addr-form-container .form-floating label.selectlabel {
  position: relative;
}
.addr-form-container .form-floating label[for=addrstate] {
  padding-top: 16px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #383737;
  border: none;
  line-height: 100%;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
}
.select2-container--default .select2-search--dropdown .select2-search__field:active,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none;
  box-shadow: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field.error {
  border-bottom: 2px solid #ed454f;
}
.select2-container .select2-dropdown {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: 0px;
  border: none;
  color: #7a8084;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
}
.select2-container .select2-dropdown .select2-results__option {
  color: #383737;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: "Poppins";
  color: #383737;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 8px;
  padding-left: 0px;
  overflow: hidden;
  position: relative;
  bottom: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  font-size: 20px;
  line-height: 19.8px;
  overflow: visible;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 19.8px;
    display: block;
    width: 92%;
  }
}
.personal_details_comp .person_details .form-floating label[for="salutation"] {
  top: -27px;
  padding-top: 0px;
  padding-bottom: 8px;
  max-height: 28px;
  transform: translateX(0px);
}
.addr-ext {
  display: none;
}
.personal_details_comp .person_details .select2 .select2-selection.select2-selection--single .select2-selection__arrow {
  margin-left: 17px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .person_details .select2 .select2-selection.select2-selection--single .select2-selection__arrow {
    margin-left: 19px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .person_details .select2 .select2-selection.select2-selection--single .select2-selection__arrow {
    margin-left: 25px;
  }
}
.personal_details_comp .person_details .select2 .select2-selection.select2-selection--single .select2-selection__arrow .arrow-down,
.personal_details_comp .person_details .select2 .select2-selection.select2-selection--single .select2-selection__arrow b {
  border-color: none;
  border-style: none;
  border-width: 0px;
  height: initial;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 0%;
  width: initial;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.personal_details_comp .person_details .select2 .select2-selection.select2-selection--single .select2-selection__arrow .arrow-down::before,
.personal_details_comp .person_details .select2 .select2-selection.select2-selection--single .select2-selection__arrow b::before {
  content: "\e994";
}
.personal_details_comp .person_details .select2.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow b::before {
  content: "\e991";
}
.personal_details_comp .person_h .select2.select2-container.select2-container--default.select2-container--below,
.personal_details_comp .person_h .select2-selection.select2-selection--multiple {
  cursor: pointer;
}
.personal_details_comp .person_h .select2.select2-container.select2-container--default.select2-container--below::after,
.personal_details_comp .person_h .select2-selection.select2-selection--multiple::after {
  pointer-events: none;
  float: right;
  position: relative;
  top: -30px;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e994";
}
.personal_details_comp .person_h .select2.select2-container.select2-container--default.select2-container--below .select2-selection--multiple::after,
.personal_details_comp .person_h .select2-selection.select2-selection--multiple .select2-selection--multiple::after {
  display: none;
}
.personal_details_comp .person_h .select2-selection.select2-selection--multiple::after {
  top: 8px;
  left: 4px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .person_h .select2-selection.select2-selection--multiple::after {
    top: -18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .person_h .select2-selection.select2-selection--multiple::after {
    top: 7px;
  }
}
.personal_details_comp .person_h .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus.select2-container--open::after {
  content: "\e991";
}
.personal_details_comp .person_h .selected-tag {
  font-family: "Poppins";
  padding-top: 51px;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 125%;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .person_h .selected-tag {
    padding-top: 60px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .person_h .selected-tag {
    display: none !important;
  }
}
.personal_details_comp .manual-add-container {
  position: relative;
  top: -12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .manual-add-container {
    top: -3px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .manual-add-container {
    top: -3px;
  }
}
.personal_details_comp .manual-add-container .disp-cont {
  margin-top: 16px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .manual-add-container .disp-cont {
    margin-top: 10px !important;
  }
}
.personal_details_comp .manual-add-container .data_link {
  width: 100%;
  text-align: right;
}
.personal_details_comp .manual-add-container .data_link .show-manual-form {
  font-weight: 400;
  line-height: 17.6px;
}
.personal_details_comp .manual-add-container .data_link .show-manual-form span {
  width: fit-content;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .manual-add-container .data_link .show-manual-form span {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .manual-add-container .data_link .show-manual-form span {
    width: 85%;
  }
}
.m-add {
  display: none;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content {
  border: none;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header {
  border: none;
  background: none;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev,
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next {
  top: 0px !important;
  border: none !important;
  background: none !important;
  color: #383737;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev {
  left: 2px !important;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next {
  right: 2px !important;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span {
  cursor: pointer;
  background: url('data:image/svg+xml,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"16"%20height%3D"16"%20fill%3D"currentColor"%20class%3D"bi%20bi-arrow-right"%20viewBox%3D"0%200%2016%2016">%0A%20%20<path%20fill-rule%3D"evenodd"%20d%3D"M1%208a.5.5%200%200%201%20.5-.5h11.793l-3.147-3.146a.5.5%200%200%201%20.708-.708l4%204a.5.5%200%200%201%200%20.708l-4%204a.5.5%200%200%201-.708-.708L13.293%208.5H1.5A.5.5%200%200%201%201%208z"%2F>%0A<%2Fsvg>');
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span {
  cursor: pointer;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-left%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15%208a.5.5%200%200%200-.5-.5H2.707l3.147-3.146a.5.5%200%201%200-.708-.708l-4%204a.5.5%200%200%200%200%20.708l4%204a.5.5%200%200%200%20.708-.708L2.707%208.5H14.5A.5.5%200%200%200%2015%208z%22%2F%3E%0A%3C%2Fsvg%3E');
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header {
  border: none;
  background: none;
  width: 332px;
  margin-top: 26px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header {
    width: 264px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header {
    width: 300px;
  }
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-month {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-month {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-month {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev-hover,
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next-hover {
  border: none;
  background: none;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-state-default {
  background: none;
  color: #307FE2;
  border: none;
  padding: 0px;
  text-align: center;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  padding: 5px;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-state-default.ui-state-active {
  color: #fff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-state-default {
    font-size: 16px;
  }
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-today,
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current-day {
  background: #307fe2 !important;
  color: #fff !important;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-current-day {
  background: #4caab8 !important;
  opacity: 0.8;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content table th {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #383737;
  padding: 5px !important;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-days-cell-over.ui-datepicker-today {
  background: #307FE2;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-state-default.ui-state-highlight {
  background: #307FE2;
  color: #FFFFFF;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-state-disabled {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content th.ui-state-disabled.ui-datepicker-week-end:last-child,
.pu-details.ui-datepicker.ui-widget.ui-widget-content th.ui-datepicker-week-end:last-child {
  background-color: #FFFFFF !important;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content table th {
  border-collapse: collapse;
  padding-top: 5px !important;
  padding-bottom: 20px !important;
  width: 47px;
  padding: 0;
  text-align: center;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content table th {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content table th {
    font-size: 22px;
    line-height: 24.2px;
  }
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content table th span {
  font-size: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content table th {
    padding-top: 12px !important;
    padding-bottom: 24px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content table th {
    padding-top: 16px !important;
    padding-bottom: 24px !important;
  }
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content table td {
  border: 1px solid #c5c5c5;
  border-collapse: collapse;
  height: 54px;
  width: 47px;
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content table td {
    height: 47px;
    width: 37px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content table td {
    height: 42px;
    width: 42px;
  }
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content table td span {
  font-size: 18px;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content table {
  width: 332px;
  background: #FFFFFF;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content table {
    width: 264px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content table {
    width: 300px;
  }
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content .ui-state-disabled .ui-state-default {
  color: rgba(122, 128, 132, 0.5) !important;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year {
  width: 332px;
  font-size: 20px;
  left: -3px;
  font-weight: 500;
  border: none;
  border-bottom: 2px solid #383737;
  position: absolute;
  top: -66px;
  background: transparent;
  left: 0px;
  height: 90%;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year {
    width: 264px;
    font-size: 18px;
    top: -57px;
    left: -4px;
    margin-top: 6px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year {
    width: 300px;
    font-size: 18px;
    left: -3px;
    top: -57px;
  }
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year:focus-visible {
  outline: none;
}
.pu-details.ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year option {
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pu-details.ui-datepicker.ui-widget.ui-widget-content select.ui-datepicker-year option {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.per_addr .base_add .data_link {
  position: relative;
  left: 0px;
  text-align: right;
}
.per_addr .base_add .data_link:not(.add_addr_link) {
  max-width: 125px;
}
.per_addr .base_add .data_link.show-manual-link {
  max-width: 100%;
  left: 0px;
  padding-top: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .per_addr .base_add .data_link.show-manual-link {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .per_addr .base_add .data_link.show-manual-link {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .per_addr .base_add .data_link.save {
    bottom: 30px;
    position: relative;
    width: 100% !important;
    top: auto !important;
    max-width: 100% !important;
  }
  .per_addr .base_add .data_link.col-3.col-md-4 {
    width: 40% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .per_addr .base_add {
    padding-bottom: 0px !important;
  }
}
.per_addr .base_add .link .update {
  margin-top: 20px;
}
.personal_details_comp {
  background-color: #ffffff;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .person_details.hobbies .person_data .col-md-6.value .data_value {
    max-width: 100%;
  }
}
.personal_details_comp .person_details .person_data .data_name {
  max-width: 236px;
  padding-right: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .person_details .person_data .data_name {
    max-width: 192px;
  }
}
.personal_details_comp .person_details .person_data .col-md-6 .data_value {
  max-width: 332px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .person_details .person_data .col-md-6 .data_value {
    max-width: 264px;
  }
  .personal_details_comp .person_details .person_data .col-md-6 .data_value.person_h {
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .person_details .person_data .col-md-6 .data_value {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .person_details .person_data .value {
    width: 100%;
  }
}
.personal_details_comp .person_details .disp-cont {
  max-width: 332px;
}
.personal_details_comp .person_details .disp-cont span {
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .person_details .disp-cont {
    max-width: 264px;
  }
}
.personal_details_comp .add_addr_link {
  top: -20px;
  position: relative;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .add_addr_link {
    top: -30px;
  }
}
.personal_details_comp .cal-space-holder {
  margin-bottom: 220px;
}
.personal_details_comp .resend-otp-email {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}
.personal_details_comp .resend-otp-email.disabled {
  color: #7a8084 !important;
  opacity: 1;
}
.personal_details_comp .resend-otp-email:focus {
  box-shadow: none;
}
.personal_details_comp .disable_link {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5) !important;
  cursor: default;
}
.personal_details_comp .data_link .disable_link {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5) !important;
  cursor: default;
}
.personal_details_comp .person_data .link .data_link a.disable_link {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5) !important;
  cursor: default;
}
.personal_details_comp .person_data .link .data_link a.disable_link:hover {
  cursor: default;
}
.personal_details_comp .calelnder-show label {
  opacity: 0.65 !important;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .calelnder-show {
    max-height: 403px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .calelnder-show {
    max-height: 396px;
  }
}
.personal_details_comp label[for="pdob"],
.personal_details_comp label[for="pdow"] {
  margin-top: -8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp label[for="pdob"],
  .personal_details_comp label[for="pdow"] {
    height: auto;
    margin-top: 0px;
  }
}
.personal_details_comp #updatedModal .modal-dialog {
  max-width: 812px;
}
.personal_details_comp #updatedModal .modal-dialog .modal-content {
  padding: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp #updatedModal .modal-dialog .modal-content {
    margin: 40px;
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp #updatedModal .modal-dialog .modal-content {
    margin: 6px;
    padding: 30px;
  }
}
.personal_details_comp #updatedModal .modal-dialog .modal-wrap {
  max-width: 548px;
}
.personal_details_comp #updatedModal .modal-dialog .modal-wrap .modal-title {
  color: #383737;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp #updatedModal .modal-dialog .modal-wrap .modal-title {
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp #updatedModal .modal-dialog .modal-wrap .modal-title {
    line-height: 24px;
  }
}
.personal_details_comp #updatedModal .modal-dialog .modal-wrap .subtext {
  margin-top: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp #updatedModal .modal-dialog .modal-wrap .subtext {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp #updatedModal .modal-dialog .modal-wrap .subtext {
    margin-top: 24px;
  }
}
.personal_details_comp #updatedModal .modal-dialog .modal-body {
  padding: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp #updatedModal .modal-dialog .modal-body .modal-popup {
    display: grid;
    grid-template-columns: auto auto;
  }
}
.personal_details_comp #updatedModal button.btn-close {
  opacity: 1 !important;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp #updatedModal button.btn-close {
    font-size: 19px;
    padding: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp #updatedModal button.btn-close {
    font-size: 20px;
    padding: 0px;
  }
}
.personal_details_comp #updatedModal button.btn-close:active,
.personal_details_comp #updatedModal button.btn-close:focus {
  outline: 0px;
  box-shadow: none;
}
.personal_details_comp .name-update-info {
  order: 4;
}
.personal_details_comp .name-update-info .name-update-info-wrap {
  text-align: right;
}
.personal_details_comp .name-update-info .name-update-info-wrap .name-info-msg {
  display: inline-block;
  width: 320px;
  text-align: left;
  padding-top: 27px;
  color: #7a8084;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal_details_comp .name-update-info .name-update-info-wrap .name-info-msg {
    padding-top: 17px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .name-update-info .name-update-info-wrap .name-info-msg {
    padding-top: 12px;
  }
}
.per_addr .base_add .data_link {
  padding-top: 26px;
  left: 21px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .per_addr .base_add .data_link {
    padding-top: 24px;
    left: 11px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .per_addr .base_add .data_link {
    padding-top: 0px;
    top: 0px !important;
    left: 4px;
  }
}
.per_addr .base_add .data_link.add_addr_link {
  padding-top: 28px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .per_addr .base_add .data_link.add_addr_link {
    padding-top: 0px;
    padding-bottom: 25px;
    position: relative;
    left: 0px;
  }
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .personal-details-comp .col-7.col-md-6.value {
    max-width: 356px;
  }
  .personal-details-comp .col-7.col-md-6.value .col-5.col-md-2.link {
    width: 140px !important;
  }
  .personal-details-comp .col-5.col-md-2.link {
    width: 140px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1245px), only screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 1245px) {
  .personal-details-comp .col-7.col-md-6.value {
    max-width: 354px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 756px), only screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 756px) {
  .personal-details-comp .col-7.col-md-6.value .col-7.col-md-6.value {
    max-width: 290px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .col-7.col-md-6.value {
    max-width: 288px;
  }
  .personal-details-comp .col-5.col-md-2.link {
    max-width: 112px;
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_data > .pd-container.row {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .addr-hline {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .per_addr {
    padding-bottom: 0px !important;
  }
}
.personal-details-comp #addr-container .data_link a.save_link {
  position: relative;
  top: -25px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp #addr-container .data_link a.save_link {
    top: 0px;
  }
}
.personal-details-comp #addr-container .pd-container.row {
  margin-bottom: 25px;
  justify-content: space-between;
  padding-left: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp #addr-container .pd-container.row {
    padding-left: 0px;
    justify-content: space-around;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp #addr-container .pd-container.row {
    padding-left: 0px;
    justify-content: space-around;
    margin-bottom: 25px;
  }
}
.personal-details-comp .data_link.add_addr_link.align-add-addr {
  padding-top: 0px !important;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .data_link.add_addr_link.align-add-addr {
    top: -73px !important;
    position: relative;
  }
}
.personal-details-comp .clear-pin {
  float: right;
  text-decoration: none;
  font-weight: 300;
  font-size: 14px !important;
  font-family: "Poppins";
  padding-top: 8px !important;
  cursor: pointer;
  top: 0px;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp label[for="ph"],
  .personal-details-comp label[for="pdow"],
  .personal-details-comp label[for="pdob"] {
    height: auto;
  }
  .personal-details-comp #addr-container div[id^="addr-el"].update-form .data_link.col-3.col-md-4 {
    width: 100% !important;
    top: auto !important;
    bottom: 30px;
    max-width: 100%;
  }
  .person_data .offset-md-8.link {
    order: 3 !important;
    width: 100% !important;
  }
}
.personal-details-comp .ph-form-container label.error,
.personal-details-comp .wday-form-container label.error,
.personal-details-comp .bday-form-container label.error,
.personal-details-comp .ph-form-container span.error,
.personal-details-comp .wday-form-container span.error,
.personal-details-comp .bday-form-container span.error {
  display: none !important;
}
.personal-details-comp .ph-form-container input.error,
.personal-details-comp .wday-form-container input.error,
.personal-details-comp .bday-form-container input.error {
  border-bottom: 2px solid #383737 !important;
}
.personal-details-comp .ph-form-container input[aria-invalid="false"],
.personal-details-comp .wday-form-container input[aria-invalid="false"],
.personal-details-comp .bday-form-container input[aria-invalid="false"] {
  border-bottom: 2px solid #ed454f !important;
}
.personal-details-comp .select2-dropdown .select2-results__option {
  position: relative;
}
.personal-details-comp .addr-item span.dropdown-wrapper {
  display: inline;
}
.personal-details-comp .addr-form-container .form-floating label {
  padding-top: 16px;
  padding-bottom: 8px;
}
.personal-details-comp .addr-form-container .form-floating label.error,
.personal-details-comp .addr-form-container .form-floating span.error {
  color: #ed454f;
  font-weight: 300;
  font-size: 14px;
  font-family: "Poppins";
  padding-top: 8px !important;
  top: -5px;
  position: relative;
}
.personal-details-comp .addr-form-container input[aria-invalid="true"],
.personal-details-comp .addr-form-container .select2[aria-invalid="true"] ~ .select2 .selection .select2-selection {
  border-bottom: 2px solid #ed454f !important;
}
.personal-details-comp input[aria-invalid="true"] {
  border-bottom: 2px solid #ed454f !important;
}
.personal-details-comp .ph-form-container .select2-search textarea,
.personal-details-comp .occ-form-container .select2-search textarea,
.personal-details-comp .ms-form-container .select2-search textarea {
  width: 100% !important;
  max-width: 296px;
  height: 23px;
  overflow: visible;
  font-size: 20px !important;
}
.personal-details-comp .ph-form-container .select2-search textarea::placeholder,
.personal-details-comp .occ-form-container .select2-search textarea::placeholder,
.personal-details-comp .ms-form-container .select2-search textarea::placeholder {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #7A8084;
  overflow: visible;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .ph-form-container .select2-search textarea::placeholder,
  .personal-details-comp .occ-form-container .select2-search textarea::placeholder,
  .personal-details-comp .ms-form-container .select2-search textarea::placeholder {
    font-size: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .ph-form-container .select2-search textarea,
  .personal-details-comp .occ-form-container .select2-search textarea,
  .personal-details-comp .ms-form-container .select2-search textarea {
    max-width: 256px;
  }
  .personal-details-comp .ph-form-container .select2-search textarea::placeholder,
  .personal-details-comp .occ-form-container .select2-search textarea::placeholder,
  .personal-details-comp .ms-form-container .select2-search textarea::placeholder {
    font-size: 18px;
  }
}
.personal-details-comp .pd-container.row {
  justify-content: space-between;
}
.personal-details-comp .pd-container.row.base_add {
  justify-content: space-around;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal_details_comp .person_details .address-lane-two .form-control:not(:placeholder-shown) ~ label {
    top: 5px !important;
  }
}
.personal-details-comp .person_details .name-form-container input[type="text"]:focus,
.personal-details-comp .person_details .email-form-container input[type="text"]:focus,
.personal-details-comp .person_details .addr-form-container input[type="text"]:focus,
.personal-details-comp .person_details .name-form-container input[type="email"]:focus,
.personal-details-comp .person_details .email-form-container input[type="email"]:focus,
.personal-details-comp .person_details .addr-form-container input[type="email"]:focus {
  border-bottom: 2px solid #307fe2;
}
.personal-details-comp .person_details .otp-email-form-container .otp-email-form input[type="text"]:focus {
  border-bottom: 2px solid #307fe2 !important;
}
.personal-details-comp .person_details .otp-email-form-container .otp-email-form input[type="text"].error:focus {
  border-bottom: 2px solid #ed454f !important;
}
.personal-details-comp .person_details .otp-email-form-container .otp-email-form input[type="text"][aria-invalid="true"] {
  border-bottom: 2px solid #ed454f !important;
}
.personal-details-comp .person_details .otp-email-form-container .otp-email-form input[type="text"][aria-invalid="true"]:focus {
  border-bottom: 2px solid #ed454f !important;
}
.personal-details-comp .person_details .otp-email-form-container .otp-email-form input[type="text"][aria-invalid="true"]:focus {
  border-bottom: 2px solid #ed454f !important;
}
.personal-details-comp .date-and-time-comp #person_addr {
  padding-left: 13px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .date-and-time-comp #person_addr {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .date-and-time-comp #person_addr {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .form-floating input.form-control,
  .personal_details_comp .person_details .form-floating input[name="pdob"] {
    height: auto;
    padding-top: 12px !important;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating input.form-control,
  .personal_details_comp .person_details .form-floating input[name="pdob"] {
    padding-top: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating input.form-control,
  .personal_details_comp .person_details .form-floating label[for="pdob"] {
    padding-top: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating input.form-control,
  .personal_details_comp .person_details .form-floating label[for="pdow"] {
    padding-top: 12px;
  }
}
#select2-ph-container {
  display: none;
}
.select2.select2-container {
  display: inline-block;
}
.js-example-tags-container .select2-selection__rendered {
  position: relative;
  width: 120%;
  left: -12px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .js-example-tags-container .select2-selection__rendered {
    top: 0px;
    margin-top: 12px;
    width: 100%;
  }
}
.js-example-tags-container .select2-selection__rendered .select2-selection__choice {
  display: flex;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .js-example-tags-container .select2-selection__rendered .select2-selection__choice a {
    color: #383737 !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .js-example-tags-container .select2-selection__rendered .select2-selection__choice {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
  }
  .js-example-tags-container .select2-selection__rendered .select2-selection__choice a {
    color: #383737 !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .form-floating.address-lane-one {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .personal-details-comp .person_details .form-floating.address-lane-one input.form-control,
  .personal-details-comp .person_details .address-lane-two input.form-control {
    height: auto;
    padding-top: 22px !important;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .personal-details-comp .person_details .form-floating.address-lane-one input.form-control,
  .personal-details-comp .person_details .address-lane-two input.form-control {
    padding-top: 22px !important;
  }
}
.personal-details-comp .person_details .form-floating > .form-control {
  min-height: auto !important;
}
.personal-details-comp .person_details .form-floating > .form-control-plaintext ~ label::after,
.personal-details-comp .person_details .form-floating > .form-control:focus ~ label::after,
.personal-details-comp .person_details .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.personal-details-comp .person_details .form-floating > .form-select ~ label::after {
  background-color: transparent;
}

.new-referral-vehicle-data {
  background-color: #ffffff;
}
.new-referral-vehicle-data .referral-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding: 64px 64px 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-vehicle-data .referral-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-vehicle-data .referral-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.new-referral-vehicle-data .line {
  border-bottom: solid 1px #eaeaec;
  margin-bottom: 40px;
}
.new-referral-vehicle-data .new-ref-veh-desc {
  padding: 0px 64px 24px;
}
.new-referral-vehicle-data .new-ref-veh-desc p {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-vehicle-data .new-ref-veh-desc p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-vehicle-data .new-ref-veh-desc p {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-vehicle-data .new-ref-path-nav {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding: 0px 64px 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-vehicle-data .new-ref-path-nav {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-vehicle-data .new-ref-path-nav {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-vehicle-data .referral-title {
    padding: 40px;
  }
  .new-referral-vehicle-data .new-ref-veh-desc {
    padding: 0px 40px 24px;
  }
  .new-referral-vehicle-data .new-ref-path-nav {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    padding: 0px 40px 40px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-vehicle-data .new-ref-path-nav {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-vehicle-data .new-ref-path-nav {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-vehicle-data .referral-title {
    padding: 24px 16px 20px;
  }
  .new-referral-vehicle-data .line {
    margin-bottom: 24px;
  }
  .new-referral-vehicle-data .new-ref-veh-desc {
    padding: 0px 16px 24px;
  }
  .new-referral-vehicle-data .new-ref-path-nav {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    padding: 0px 16px 24px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-vehicle-data .new-ref-path-nav {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-vehicle-data .new-ref-path-nav {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp {
  background: #ffffff;
}
.new-referral-comp .focus {
  border-bottom: solid 2px #307fe2 !important;
}
.new-referral-comp .has-error {
  border-bottom: solid 2px #ed454f !important;
}
.new-referral-comp .ref-index {
  z-index: 99;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .ref-index {
    z-index: 1;
  }
}
.new-referral-comp .ref-sel-color {
  color: #307fe2;
}
.new-referral-comp .cmp-form-text input {
  width: 100%;
}
.new-referral-comp .disabled-button {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5);
}
.new-referral-comp .active-button {
  cursor: pointer;
  color: #307fe2 !important;
}
.new-referral-comp .disabled-invite-button {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5) !important;
  border: 2px solid rgba(122, 128, 132, 0.5) !important;
}
.new-referral-comp .active-invite-button {
  cursor: pointer;
  color: #307fe2 !important;
  border: 2px solid #307fe2 !important;
}
.new-referral-comp .referral-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding: 64px 64px 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.new-referral-comp .line {
  border-bottom: solid 1px #eaeaec;
  margin-bottom: 40px;
}
.new-referral-comp .success-referral-msg {
  padding: 0px 64px 64px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .success-referral-msg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .success-referral-msg {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .success-referral-msg svg {
  width: 24px;
  height: 24px;
}
.new-referral-comp .referral-form-container {
  padding: 0px 64px 64px;
}
.new-referral-comp .referral-form-container .referral-banner {
  background: #eaeaec;
}
.new-referral-comp .referral-form-container .referral-banner .color {
  max-width: 8px;
  background: #609f65;
}
.new-referral-comp .referral-form-container .referral-banner .banner-text {
  padding: 24px 40px 24px 32px;
  color: #282828;
}
.new-referral-comp .referral-form-container .referral-banner .banner-text p {
  margin-bottom: 0px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-subtitle {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  margin-top: 40px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-subtitle {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-subtitle {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-sub-desc {
  max-width: 580px;
  margin-bottom: 24px;
  color: #7a8084;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-sub-desc p {
  margin-bottom: 0px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name {
  max-width: 580px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name input {
  padding-bottom: 0px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name .full-name {
  top: 10px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name input.form-control {
  padding-left: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name input.form-control {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name input.form-control {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name input.form-control:active,
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name input.form-control:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 2px solid #307fe2;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name input.form-control.error {
  border-bottom: 2px solid #ed454f;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name .full-name {
  padding-left: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name .full-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-name .full-name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num {
  padding-top: 24px;
  border-bottom: 2px solid #383737;
  max-width: 580px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobnum-label {
  position: relative;
  top: 20px;
  z-index: 99;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  font-weight: 300 !important;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobnum-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobnum-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num input {
  padding-bottom: 0px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section {
  max-width: 325px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section input.form-control {
  padding-left: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  border: none;
  border-radius: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section input.form-control {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section input.form-control {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section input.form-control:active,
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section input.form-control:focus {
  outline: none;
  box-shadow: none;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section .mob-number {
  padding-left: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section .mob-number {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section .mob-number {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section label {
  top: 10px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-check-mobile-number {
  position: relative;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  text-align: right;
  top: 28px;
  border: none;
  color: rgba(122, 128, 132, 0.5);
}
@media only screen and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-check-mobile-number {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-check-mobile-number .icon-Arrow-Right {
  padding-left: 5px;
  padding-top: 5px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-check-mobile-number {
    top: 30px;
    width: 20%;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags {
  position: relative;
  width: 80px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul {
  width: 100px;
  height: 30px;
  position: absolute;
  margin-bottom: 4px;
  z-index: 99;
  bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul {
    z-index: 1;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .init {
  margin-bottom: 20px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .country-code {
  padding-left: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .country-code {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .country-code {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .countryCode {
  padding-left: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .countryCode {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .countryCode {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .list-dropdown {
  width: 580px;
  height: 268px;
  overflow-y: scroll;
  position: relative;
  bottom: 10px;
  padding-top: 10px;
  overflow-x: hidden;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .list-dropdown::-webkit-scrollbar {
  display: block !important;
  width: 4px;
  overflow-x: hidden;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .list-dropdown::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .list-dropdown::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul li {
  padding: 5px 10px;
  z-index: 2;
  padding-left: 0px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul li:not(.init) {
  float: left;
  width: 580px;
  display: none;
  background: #ffffff;
  position: relative;
  bottom: 14px;
  padding-top: 12px;
  cursor: pointer;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul li:not(.init) .countryCode {
  margin-right: 12px;
  display: inline-block;
  width: 60px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul li:not(.init) .countryName {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul li:not(.init) .countryName {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul li:not(.init) .countryName {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul .list-dropdown .value0 .countryName {
  color: #307fe2;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags ul li.selected:not(.init) .countryName {
  color: #307fe2;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags li.init {
  cursor: pointer;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags a#submit {
  z-index: 1;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-arrows {
  position: relative;
  top: 30px;
  width: 30px;
  cursor: pointer;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .mob-num-verification-msg {
  padding-top: 10px;
  color: #609f65;
  max-width: 580px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .mob-num-ver {
  padding-top: 8px;
  color: #ed454f;
  max-width: 580px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec {
  padding-top: 24px;
  position: relative;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email {
  max-width: 580px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email input {
  padding-bottom: 0px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email input.form-control {
  padding-left: 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email input.form-control {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email input.form-control {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email input.form-control:active,
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email input.form-control:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 2px solid #307fe2;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email input.form-control.error {
  border-bottom: 2px solid #ed454f;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email .ref-email {
  padding-left: 0px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email .ref-email {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email .ref-email {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-email-sec .referral-email .ref-email-label {
  top: 10px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .mob-email-ver {
  padding-top: 8px;
  color: #ed454f;
  max-width: 580px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models {
  padding-top: 40px;
  max-width: 580px;
  position: relative;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options {
  max-width: 100%;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down {
  width: 100%;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down p {
  padding-bottom: 8px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .simplebar-track.simplebar-vertical {
  width: 4px !important;
  background: #eaeaec !important;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .simplebar-scrollbar:before {
  background: #7a8084 !important;
  border-radius: 0px !important;
  left: 0px !important;
  right: 0px !important;
  width: 4px !important;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .selected a {
  border-bottom: 2px solid #383737;
  color: #383737;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .selected a span h6 {
  width: 91%;
  color: #7a8084;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .selected a span h6 strong {
  color: #383737;
  font-weight: 500;
  margin-left: 16px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .selected a span .icon-Chevron-Down {
  position: relative;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .selected a span .icon-Chevron-Up {
  position: relative;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down input {
  border-bottom: 2px solid #307fe2;
  color: rgba(122, 128, 132, 0.5);
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities {
  background: none 0px 0px repeat scroll #ffffff;
  box-shadow: 0px 4px 8px 0px #0000001f;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities ul {
  height: 60px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities ul {
  height: 60px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities .not-Found {
  margin-bottom: 10px !important;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities ul .not-Found {
  color: #383737;
  margin-bottom: 10px !important;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities ul .not-Found {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities ul li {
  width: fit-content;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities ul li a {
  color: #383737;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities ul li a#active {
  color: #307fe2 !important;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down .cities .list-dynamic strong {
  margin-left: 16px;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-models .car-list-options .drop-down p {
  color: #7a8084;
  margin: 0%;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-send-link {
  padding-top: 40px;
  position: relative;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-send-link .button {
  cursor: pointer;
  max-width: fit-content;
  outline: none;
  background-color: none;
  border: none;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-send-link .disabled {
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5);
  border: 2px solid rgba(122, 128, 132, 0.5);
}
.new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-error-msg {
  color: #ed454f;
  padding-top: 24px;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-sent {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  padding-top: 40px;
  padding-bottom: 18px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-sent {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-sent {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-sent svg {
  width: 24px;
  height: 24px;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-sent-desc {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  max-width: 580px;
  color: #383737;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-sent-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-sent-desc p {
  margin-bottom: 0px;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .invite-button {
  max-width: fit-content;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
  padding: 12px 24px;
  cursor: pointer;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .line {
  border-bottom: solid 1px #eaeaec;
  margin-bottom: 40px;
  margin-top: 40px;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-link {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-link {
    font-size: 16px;
    line-height: 20px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-input-field {
  border-bottom: 1px solid #ccc;
  display: flex;
  max-width: 580px;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-input-field .copy-link-input {
  border: none;
  outline: none;
  margin-bottom: 8px;
  flex-grow: 1;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-input-field .copy-link-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-input-field .copy-link-input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-input-field .copy-link-input {
    max-width: 188px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-input-field .copy-link-button {
  margin-bottom: 7px;
  margin-left: 191px;
  float: right;
  outline: none;
  background: none;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-input-field .copy-link-button {
    margin-left: 20px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-success .copy-link-success {
  max-width: fit-content;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #282828;
  margin-top: 24px;
  padding: 8px;
}
@media only screen and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .copy-link-success {
    font-size: 14px;
    line-height: 16.2px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-success .copy-link-success svg {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-code-desc {
  max-width: 580px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-top: 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-success .referral-code-desc {
    font-size: 16px;
    line-height: 20px;
  }
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-code-desc p {
  margin-bottom: 0px;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-code-desc .color-text {
  color: #ed454f;
}
.new-referral-comp .referral-form-container .referral-form .referral-success .referral-code-desc .ref-code-msg {
  color: #383737;
  font-weight: 500;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-title {
    padding: 40px;
  }
  .new-referral-comp .referral-form-container {
    padding: 0px 40px 40px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-title {
    padding: 24px 16px 19px 16px;
  }
  .new-referral-comp .line {
    margin-bottom: 24px;
  }
  .new-referral-comp .referral-form-container {
    padding: 0px 16px 24px;
  }
  .new-referral-comp .referral-form-container .referral-banner .color {
    max-width: 4px;
  }
  .new-referral-comp .referral-form-container .referral-banner .banner-text {
    padding: 16px 16px 16px 12px;
  }
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .referral-subtitle {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num {
    padding-top: 24px;
  }
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobnum-label {
    position: relative;
    top: 20px;
    z-index: 99;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #7a8084;
  }
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section {
    width: 48%;
  }
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobile-section label {
    top: 10px;
  }
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-flags {
    position: relative;
    width: 25%;
  }
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .ref-arrows {
    position: relative;
    top: 30px;
    width: 7%;
    cursor: pointer;
  }
  .new-referral-comp .referral-form-container .referral-form .referral-success .line {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .new-referral-comp .success-referral-msg {
    padding: 0px 16px 24px 16px;
  }
  .new-referral-comp .success-referral-msg svg {
    width: 26px;
    height: 24px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px), only screen and (max-width: 576px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobnum-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .new-referral-comp .referral-form-container .referral-form .referral-info-form .ref-mob-num .mobnum-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}

.loyalty-comp .loyalty-background {
  background: #ffffff;
}
.loyalty-comp .loyalty-background h4 {
  color: #383737;
  margin-bottom: 40px;
  padding: 80px 0px 0px 80px;
}
.loyalty-comp .loyalty-background .line {
  border-bottom: solid 1px #eaeaec;
  margin-bottom: 40px;
}
.loyalty-comp .loyalty-background p {
  color: #7a8084;
  margin-bottom: 40px;
  max-width: 580px;
  padding-left: 80px;
}
.loyalty-comp .loyalty-background .button {
  padding: 0px 0px 80px 80px;
}
.loyalty-comp .loyalty-background .button a {
  text-decoration: none;
}
.loyalty-comp .loyalty-background .button a .rewards-button {
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  background-color: transparent;
  color: #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .loyalty-comp .loyalty-background h4 {
    margin-bottom: 22px;
    padding: 40px 40px 0px 40px;
  }
  .loyalty-comp .loyalty-background .line {
    margin-bottom: 32px;
  }
  .loyalty-comp .loyalty-background p {
    margin-bottom: 32px;
    max-width: 368px;
    padding-left: 40px;
  }
  .loyalty-comp .loyalty-background .button {
    padding: 0px 0px 40px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .loyalty-comp .loyalty-background h4 {
    margin-bottom: 18px;
    padding: 24px 16px 0px 16px;
  }
  .loyalty-comp .loyalty-background p {
    padding: 0px 16px;
  }
  .loyalty-comp .loyalty-background .button {
    padding: 0px 0px 24px 16px;
  }
  .loyalty-comp .loyalty-background .button a .rewards-button {
    padding: 12px 35px !important;
  }
}



.connected-vehicle-card-comp {
  max-width: 916px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .connected-vehicle-card-comp {
    min-width: 688px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .connected-vehicle-card-comp {
    min-width: 332px;
  }
}
.connected-vehicle-card-comp .connected-background {
  background-color: #ffffff;
}
.connected-vehicle-card-comp .connected-background .connected-title {
  padding: 80px 80px 41px;
  border-bottom: 1px solid #eaeaec;
}
.connected-vehicle-card-comp .connected-background .connected-title h4 {
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .connected-vehicle-card-comp .connected-background .connected-title {
    padding: 40px 40px 23px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .connected-vehicle-card-comp .connected-background .connected-title {
    padding: 32px 16px 19px;
  }
}
.connected-vehicle-card-comp .connected-background .sub-connected {
  padding: 80px;
}
.connected-vehicle-card-comp .connected-background .sub-connected h5 {
  color: #383737;
}
.connected-vehicle-card-comp .connected-background .sub-connected p {
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .connected-vehicle-card-comp .connected-background .sub-connected {
    padding: 40px;
  }
  .connected-vehicle-card-comp .connected-background .sub-connected h5 {
    max-width: 384px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .connected-vehicle-card-comp .connected-background .sub-connected {
    padding: 24px 16px;
  }
}
.connected-vehicle-card-comp .connected-background .sub-connected .subtitle {
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .connected-vehicle-card-comp .connected-background .sub-connected .subtitle {
    margin-bottom: 8px;
  }
}
.connected-vehicle-card-comp .connected-background .sub-connected .desc {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .connected-vehicle-card-comp .connected-background .sub-connected .desc {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .connected-vehicle-card-comp .connected-background .sub-connected .desc {
    margin-bottom: 24px;
  }
}
.connected-vehicle-card-comp .connected-background .sub-connected .applestore {
  margin-right: 25px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .connected-vehicle-card-comp .connected-background .sub-connected .applestore {
    margin-right: 16px;
  }
}
.connected-vehicle-card-comp .connected-background .sub-connected .down-app {
  margin-top: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .connected-vehicle-card-comp .connected-background .sub-connected .down-app {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .connected-vehicle-card-comp .connected-background .sub-connected .down-app {
    margin-top: 24px;
  }
}
.connected-vehicle-card-comp .connected-background .sub-connected .down-app a {
  padding-right: 25px;
}
.connected-vehicle-card-comp .connected-background .sub-connected .down-app a .apps {
  min-width: 135px;
  max-width: 135px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .connected-vehicle-card-comp .connected-background .sub-connected .down-app a {
    padding-right: 16px;
  }
}
.connected-vehicle-card-comp .connected-background .sub-connected .down-app a:last-child {
  padding-right: 0px;
}

.comm_form {
  background-color: #ffffff;
}
.communication_comp {
  overflow: hidden;
  padding-bottom: 40px;
}
.communication_comp .comm_title {
  margin: 80px 80px 40px;
  font-size: 40px;
  flex-grow: 0;
  letter-spacing: normal;
  text-align: left;
  color: #383737;
}
.communication_comp .comm_sub_line {
  margin-left: 80px;
  margin-right: 80px;
  background-color: #eaeaec;
  height: 1px;
}
.communication_comp .comm_details:last-child .comm_sub_line {
  display: none !important;
}
.communication_comp .comm_details:last-child .comm_data {
  border-bottom: none;
}
.communication_comp .comm_line {
  background-color: #eaeaec;
  height: 1px;
}
.communication_comp .comm_data {
  border-bottom: 1px Solid #eaeaec;
  padding: 40px 0px;
  margin: 0px 80px;
  column-gap: 128px;
  display: flex;
  justify-content: space-between;
}
.communication_comp .comm_data .communication {
  display: flex;
  width: 68.4% !important;
}
.communication_comp .comm_data .communication .comm__name {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .communication_comp .comm_data .communication .comm__name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .communication_comp .comm_data .communication .comm__name {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.communication_comp .comm_data .communication p {
  font-family: Poppins;
  font-size: 18px;
  color: grey;
  margin: 0px;
}
.communication_comp .comm_data .communication input {
  border: 0px;
  font-family: Poppins;
  font-size: 18px;
  color: grey;
}
.communication_comp .comm_data .comm_link {
  width: 12%;
  display: flex;
  align-items: center;
  justify-content: start;
  left: 20px;
  position: relative;
  color: #7a8084;
}
.communication_comp .comm_data .comm_link .comm_no,
.communication_comp .comm_data .comm_link .comm_yes,
.communication_comp .comm_data .comm_link .label_email {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 36px !important;
  margin-left: 12px;
  text-align: left;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .communication_comp .comm_data .comm_link .comm_no,
  .communication_comp .comm_data .comm_link .comm_yes,
  .communication_comp .comm_data .comm_link .label_email {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .communication_comp .comm_data .comm_link .comm_no,
  .communication_comp .comm_data .comm_link .comm_yes,
  .communication_comp .comm_data .comm_link .label_email {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.communication_comp .comm_data .comm_link .comm_no,
.communication_comp .comm_data .comm_link .comm_yes {
  position: absolute;
  top: 0px;
  left: 32px;
}
.communication_comp .comm_data .comm_link .label_sms {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 36px !important;
  margin-left: 15px;
  text-align: left;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .communication_comp .comm_data .comm_link .label_sms {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .communication_comp .comm_data .comm_link .label_sms {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.communication_comp .comm_data .comm_link .label_whatsapp {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 36px !important;
  margin-left: 15px;
  text-align: left;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .communication_comp .comm_data .comm_link .label_whatsapp {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .communication_comp .comm_data .comm_link .label_whatsapp {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.communication_comp .comm_data .comm_link .label_calls {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 36px !important;
  margin-left: 15px;
  text-align: left;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .communication_comp .comm_data .comm_link .label_calls {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .communication_comp .comm_data .comm_link .label_calls {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.communication_comp .comm_data .comm_link .switch {
  position: relative;
  width: 35px;
  height: 20px;
}
.communication_comp .comm_data .comm_link .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.communication_comp .comm_data .comm_link .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 2px rgba(56, 55, 55, 0.8);
  -webkit-transition: .2s;
  transition: .2s;
}
.communication_comp .comm_data .comm_link .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 1px;
  bottom: 1px;
  background-color: rgba(56, 55, 55, 0.8);
  -webkit-transition: .2s;
  transition: .2s;
}
.communication_comp .comm_data .comm_link input:checked + .slider {
  border: solid 2px #307fe2;
}
.communication_comp .comm_data .comm_link input:checked + .slider:before {
  background-color: #307fe2;
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.communication_comp .comm_data .comm_link .label_email {
  display: none;
}
.communication_comp .comm_data .comm_link input[type="checkbox"] ~ .comm_yes {
  display: none;
}
.communication_comp .comm_data .comm_link input[type="checkbox"]:checked ~ .comm_yes {
  display: block;
}
.communication_comp .comm_data .comm_link input[type="checkbox"] ~ .comm_no {
  display: block;
}
.communication_comp .comm_data .comm_link input[type="checkbox"]:checked ~ .comm_no {
  display: none;
}
.communication_comp .comm_data .comm_link .comm_per_update {
  display: flex;
  justify-content: end;
}
.communication_comp .comm_data .comm_link .comm_per_update:after {
  content: "";
  width: 12px;
  height: 12px;
  margin: 4px 5px;
  background: url('../../../content/dam/tml/ev/general/icons/arrow-right.png');
  background-size: 100% !important;
  background-repeat: no-repeat;
}
.communication_comp .comm_data .comm_link .active {
  color: blue !important;
}
.communication_comp .comm_data .comm_link a {
  font-size: 16px;
  text-decoration: none !important;
}
.communication_comp .comm_error_container {
  display: inline-block;
  margin: 0px 80px;
}
.communication_comp .comm_error_container .error {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .communication_comp .comm_error_container {
    margin: 0px 40px;
  }
  .communication_comp .comm_error_container .error {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .communication_comp .comm_error_container {
    margin: 0px 16px;
  }
  .communication_comp .comm_error_container .error {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .communication_comp {
    margin: 0px;
    padding-bottom: 0px;
  }
  .communication_comp .comm_title {
    margin: 40px 40px 22px 40px;
    font-size: 30px;
  }
  .communication_comp .comm_sub_line {
    margin-left: auto;
    margin-right: auto;
    background-color: #eaeaec;
    height: 1px;
    max-width: 608px;
  }
  .communication_comp .det_title {
    padding: 40px 40px 23px;
    margin: 0px;
  }
  .communication_comp .det_subtitle {
    margin: 39px 40px 40px;
  }
  .communication_comp .d-nonesub_line {
    margin-left: 40px;
    margin-right: 40px;
  }
  .communication_comp .comm_details .comm_data {
    width: auto;
    padding: 40px 0px 44px;
    margin: 0px 40px;
    column-gap: 114px;
    display: flex;
    justify-content: space-between;
  }
  .communication_comp .comm_details .comm_data .communication {
    width: 50% !important;
  }
  .communication_comp .comm_details .comm_data .communication .comm_value {
    padding-right: 24px;
  }
  .communication_comp .comm_details .comm_data .comm_link {
    min-height: 24px;
    width: 13%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .communication_comp {
    margin: 0px;
    padding-bottom: 0px;
  }
  .communication_comp .comm_line {
    margin-bottom: 1px;
  }
  .communication_comp .comm_sub_line {
    margin: 0px;
  }
  .communication_comp .comm_title {
    padding: 24px 16px 18px;
    margin: 0px;
    font-size: 24px;
  }
  .communication_comp .comm_details {
    padding-left: 0;
    padding-right: 0;
  }
  .communication_comp .comm_details .comm_data {
    width: auto;
    padding: 24px 0px 24px;
    margin: 0 16px;
    column-gap: 35px;
    justify-content: space-between;
  }
  .communication_comp .comm_details .comm_data .communication {
    width: 60% !important;
    flex-direction: column;
  }
  .communication_comp .comm_details .comm_data .communication .comm_value {
    padding-right: 24px;
    width: 100%;
    word-break: break-word;
  }
  .communication_comp .comm_details .comm_data .comm_link {
    width: 29% !important;
    min-height: 20px;
  }
}

.account-orders-comp {
  margin: 0 auto;
  min-height: 280px;
}
.account-orders-comp .nextStepTitle {
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-orders-comp {
    min-height: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .account-orders-comp {
    min-height: auto;
  }
}
.account-orders-comp .search-year-filter {
  display: flex;
  justify-content: space-between;
}
.account-orders-comp .search-year-filter .user-search-field {
  margin-bottom: 0;
  width: 32%;
  display: flex;
}
.account-orders-comp .search-year-filter .user-search-field input {
  border: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  color: #383737;
  border-bottom: 2px solid #383737;
  border-radius: 0px;
  padding: 0 0 0 8px;
  background: none;
  outline: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-orders-comp .search-year-filter .user-search-field input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-orders-comp .search-year-filter .user-search-field input {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.account-orders-comp .search-year-filter .user-search-field .icon-Search {
  border: none;
  cursor: pointer;
  font-size: 24px;
  color: #7a8084;
  border-bottom: 2px solid #383737;
  background: none;
  border-radius: 0;
  padding: 0;
}
.account-orders-comp .search-year-filter .year-dropdown {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 15.5%;
  position: relative;
  color: #383737;
  border-bottom: 2px solid #383737;
  min-height: 30px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-orders-comp .search-year-filter .year-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-orders-comp .search-year-filter .year-dropdown {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.account-orders-comp .search-year-filter .year-dropdown .icon-Chevron-Down {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 20px;
  pointer-events: none;
}
.account-orders-comp .search-year-filter .year-dropdown.active .icon-Chevron-Down {
  transform: rotate(180deg);
}
.account-orders-comp .search-year-filter .year-dropdown .select-label {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  width: 90%;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-orders-comp .search-year-filter .year-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-orders-comp .search-year-filter .year-dropdown .select-label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent {
  position: absolute;
  top: 33px;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
  width: 100%;
  padding: 16px;
}
.account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent .dropdown-custom-options {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  max-height: 224px;
  overflow-y: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent .dropdown-custom-options {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option {
  padding: 8px 12px 8px 0;
}
.account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent .dropdown-custom-options .custom-option.selected {
  color: #307fe2;
}
.account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent .dropdown-custom-options::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.account-orders-comp .orders-card-section {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding-top: 63px;
}
.account-orders-comp .orders-card-section .order-card-wrap {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  align-items: center;
  background-color: #ffffff;
  text-decoration: none;
}
.account-orders-comp .orders-card-section .order-card-wrap .image-container {
  width: 293px;
}
.account-orders-comp .orders-card-section .order-card-wrap .image-container .img-wrapper {
  position: relative;
}
.account-orders-comp .orders-card-section .order-card-wrap .image-container .img-wrapper .more-items {
  display: none;
  position: absolute;
  right: 12px;
  top: 12px;
  background: rgba(40, 40, 40, 0.6);
  padding: 12px 16px;
  color: #ffffff;
}
.account-orders-comp .orders-card-section .order-card-wrap .image-container .img-wrapper img {
  width: 100%;
}
.account-orders-comp .orders-card-section .order-card-wrap .details-container {
  display: flex;
  width: 76%;
  padding: 32px 64px;
  gap: 40px;
  align-items: center;
}
.account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card {
  width: 23%;
}
.account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card.product-details {
  width: 54%;
}
.account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card .content-title {
  margin-bottom: 12px;
  color: #383737;
}
.account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card .content-title .content-grey {
  padding-top: 8px;
  color: #307fe2;
  padding-left: 0px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card .content-sub-text {
  color: #383737;
  margin-bottom: 0;
}
.account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card .payNow {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  width: fit-content;
  color: #307fe2;
  text-decoration: none;
  cursor: pointer;
}
.account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card .payNow .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
  color: #307fe2;
}
.account-orders-comp .orders-card-section .error-msg {
  text-align: center;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-orders-comp .search-year-filter .user-search-field {
    width: 61.5%;
  }
  .account-orders-comp .search-year-filter .user-search-field input {
    padding-bottom: 8px;
  }
  .account-orders-comp .search-year-filter .year-dropdown {
    width: 36%;
  }
  .account-orders-comp .search-year-filter .year-dropdown .dropdown-option-parent {
    top: 30px;
  }
  .account-orders-comp .orders-card-section {
    padding-top: 24px;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .image-container {
    width: 32.5%;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .image-container .img-wrapper .more-items {
    right: 12px;
    top: 8px;
    padding: 12px;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .details-container {
    display: flex;
    flex-wrap: wrap;
    width: 67.5%;
    padding: 32px 40px;
    gap: 24px;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card {
    width: 46.5%;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card.product-details {
    width: 100%;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card .content-title {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .account-orders-comp .search-year-filter {
    flex-wrap: wrap;
    row-gap: 40px;
  }
  .account-orders-comp .search-year-filter .user-search-field {
    width: 100%;
  }
  .account-orders-comp .search-year-filter .user-search-field input {
    padding-bottom: 8px;
  }
  .account-orders-comp .search-year-filter .year-dropdown {
    width: 100%;
    padding-bottom: 8px;
  }
  .account-orders-comp .orders-card-section {
    padding-top: 40px;
  }
  .account-orders-comp .orders-card-section .order-card-wrap {
    flex-wrap: wrap;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .image-container {
    width: 100%;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .image-container .img-wrapper .more-items {
    right: 8px;
    top: 8px;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .details-container {
    width: 100%;
    padding: 24px;
    gap: 32px;
  }
  .account-orders-comp .orders-card-section .order-card-wrap .details-container .content-card {
    width: 43.5%;
  }
}
.tradeInorders h4 {
  margin: 0px;
}
.tradeInorders .orders-card-section {
  padding-top: 46px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tradeInorders .orders-card-section {
    padding-top: 24px;
  }
}

.account-booking .account-booking-container {
  background-color: #ffffff;
  padding: 80px;
  padding-top: 40px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .account-booking-container {
    padding: 40px;
    margin-top: 76px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .account-booking-container {
    padding: 16px;
    padding-top: 24px !important;
    margin-top: 50px;
  }
}
.account-booking .account-booking-container-nav {
  background-color: #ffffff;
  padding: 80px;
  padding-top: 40px !important;
  padding-bottom: 0px;
  padding-top: 80px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .account-booking-container-nav {
    padding: 40px;
    margin-top: 76px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .account-booking-container-nav {
    padding: 16px;
    padding-top: 24px !important;
    margin-top: 50px;
  }
}
.account-booking .account-booking-container-nav ul li {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .account-booking-container-nav ul li {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.account-booking .account-booking-container-nav ul li:first-child {
  padding-left: 0px;
}
.account-booking .account-booking-container-nav ul li:last-child {
  padding-right: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .account-booking-container-nav ul {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .account-booking-container-nav ul {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .account-booking-container-nav {
    padding-bottom: 0px;
    position: absolute;
    top: 73px;
    left: 0px;
    right: 0px;
    padding-bottom: 30px;
    margin-top: 0px;
    box-shadow: 1px 1px 5px #ccc;
    padding-top: 28px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .account-booking-container-nav {
    padding-bottom: 16px;
    padding-left: 31px;
    padding-right: 31px;
    margin-top: 0px;
    top: 54px;
    box-shadow: none;
    padding-top: 22px !important;
  }
  .account-booking .account-booking-container-nav ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .account-booking .account-booking-container-nav ul li {
    flex: 0 0 auto;
    padding-bottom: 0px;
  }
}
.account-booking span[class*="icon"] {
  padding-left: 5px;
  top: 1px;
  position: relative;
}
.account-booking .nav li {
  padding: 0rem 1rem;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .nav li {
    padding: .5rem;
  }
}
.account-booking .nav li a {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #7a8084;
  border-radius: 0px;
  padding: 0px;
  padding-bottom: 0.5rem;
}
.account-booking .nav li a.active {
  background-color: transparent;
  color: #383737;
  border-bottom: 2px solid #383737;
  font-weight: 500;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .nav li a.active {
    border-bottom: 2px solid #307fe2 !important;
  }
}
.account-booking .ab-panel {
  background-color: #ffffff;
}
.account-booking .ab-panel .card-header {
  padding: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-header {
    min-height: 76px !important;
  }
  .account-booking .ab-panel .card-header .ab-img-container {
    padding-top: 12px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-header {
    padding: 0px;
  }
  .account-booking .ab-panel .card-header .ab-img-container {
    padding-top: 0px;
  }
}
.account-booking .ab-panel .ab-btn {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  color: #307fe2;
  text-decoration: none;
  padding: 12px 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-btn {
    padding: 10px 7px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-btn {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 0px;
    margin-left: 0px;
  }
}
.account-booking .ab-panel .ab-btn:focus {
  box-shadow: none;
}
.account-booking .ab-panel .ab-border-blue {
  border: 2px solid #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-border-blue {
    padding: 12px 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-border-blue {
    padding: 12px 84px;
  }
}
.account-booking .ab-panel .card-footer {
  padding: 52px 64px;
  padding-left: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-footer {
    padding: 44px 40px 52px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-footer {
    padding: 0px 0px 24px 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .service-footer {
    padding-right: 0px;
  }
}
.account-booking .ab-panel .card-val-footer {
  padding: 40px;
  padding-bottom: 52px;
}
.account-booking .ab-panel .card-val-footer .val-edit-detail-link {
  padding-left: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-val-footer .val-edit-detail-link {
    padding-top: 0px;
  }
}
.account-booking .ab-panel .card-val-footer .val-cancel-link {
  padding-left: 0px;
}
.account-booking .ab-panel .card-val-footer .val-accept-link {
  margin: 12px 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-val-footer .val-accept-link {
    margin: 0px 0px 24px 0px;
  }
}
.account-booking .ab-panel .card-val-footer .val-email-report-link {
  padding-left: 0px;
  margin-left: 0px;
}
.account-booking .ab-panel .card-val-footer .val-valuation-detail-link {
  margin-left: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-val-footer .val-valuation-detail-link {
    padding: 12px 81px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-val-footer .val-cancel-link {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-val-footer {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-val-footer {
    padding: 0px;
  }
}
.account-booking .ab-panel .card-view-detail-footer {
  padding: 0px 40px 52px 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-view-detail-footer {
    padding: 24px 0px 24px 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-val-mobile-footer {
    display: block;
    padding-top: 24px !important;
    padding-bottom: 0px !important;
  }
}
.account-booking .ab-panel .card-body {
  padding: 40px 40px 0px 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-body {
    padding-top: 32px;
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-body {
    padding-top: 24px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.account-booking .ab-panel .ab-bg-blue {
  background-color: #307fe2;
}
.account-booking .ab-panel .ab-bg-peach {
  background-color: #4d644f;
}
.account-booking .ab-panel .ab-sm-img {
  width: 12%;
  border-radius: 100%;
}
.account-booking .ab-panel .ab-text-blue-small {
  color: #307fe2;
  font-weight: 500;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .an-md-text-right {
    text-align: right;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .an-md-text-right {
    margin-top: 24px;
    text-align: center;
  }
}
.account-booking .ab-panel .ab-bg-black {
  background-color: #383737;
}
.account-booking .ab-panel .ab-bg-grey {
  background-color: #f8f8f8;
}
.account-booking .ab-panel .ab-small-link a {
  font-size: 16px;
  padding-right: 8px;
  padding-left: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-small-link .feedback-redirection {
    padding-right: 0px;
    padding-top: 8px;
  }
}
.account-booking .ab-panel .ab-text-labels .ab-text-grey {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-labels .ab-text-grey {
    font-size: 16px;
    line-height: 20px;
  }
}
.account-booking .ab-panel .ab-text-labels .ab-text-dark {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-labels .val-history-text {
    font-size: 18px;
    line-height: 110%;
  }
}
.account-booking .ab-panel .ab-text-labels .status {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
}
.account-booking .ab-panel .ab-text-labels .ab-text-large {
  font-size: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-labels .ab-text-large {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-labels .test-drive-margin {
    margin-bottom: 24px;
  }
}
.account-booking .ab-panel .val-width {
  max-width: 318px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .val-width {
    max-width: 244px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .val-width {
    max-width: 300px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .service-tablet-line {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .service-top {
    margin-top: 8px !important;
  }
}
.account-booking .ab-panel .ab-text-comp {
  padding: 40px 0px;
}
.account-booking .ab-panel .no-text-comp {
  padding: 40px 0px;
}
.account-booking .ab-panel .no-text-comp .no-text-desc {
  padding-bottom: 52px;
  max-width: 756px;
}
.account-booking .ab-panel .no-text-comp .no-text-desc p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .no-text-comp .no-text-desc p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .no-text-comp .no-text-desc p {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .no-text-comp .no-text-desc p {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .no-text-comp .no-text-desc {
    padding-bottom: 0px;
    max-width: 384px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .no-text-comp .no-text-desc {
    padding-bottom: 0px;
  }
}
.account-booking .ab-panel .ab-text-headline {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
  font-size: 30px;
  padding-bottom: 12px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-headline {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-headline {
    padding-bottom: 8px;
  }
}
.account-booking .ab-panel .val-headline {
  max-width: 756px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .val-headline {
    line-height: 110%;
    max-width: 384px;
  }
}
.account-booking .ab-panel .no-text-headline {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 100%;
  color: #383737;
  font-size: 30px;
  padding-bottom: 12px;
  padding-top: 40px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .no-text-headline {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .no-text-headline {
    max-width: 384px;
    padding-top: 0px;
    padding-bottom: 8px;
    line-height: 110%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .no-text-headline {
    padding-top: 0px;
    padding-bottom: 8px;
  }
}
.account-booking .ab-panel .no-text-footer {
  margin-bottom: 12px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .no-text-footer a {
    padding: 12px 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .no-text-footer {
    margin-left: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .no-text-footer {
    margin-bottom: 24px;
    margin-left: 0px;
  }
}
.account-booking .ab-panel .ab-text-desc {
  margin: 0px;
}
.account-booking .ab-panel .ab-text-desc p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
  padding-bottom: 36px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-desc p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-desc p {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-desc {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-text-desc {
    padding-right: 0px;
  }
}
.account-booking .ab-panel .ab-history-comp {
  padding: 40px 0px 0px 0px;
}
.account-booking .ab-panel .ab-history-comp .card-body .row {
  align-items: flex-end;
}
.account-booking .ab-panel .ab-history-comp .dropdown-toggle:after {
  border: none;
  content: "";
}
.account-booking .ab-panel .ab-history-comp .icon-Chevron-Down {
  position: relative;
  right: 30px;
  color: #307fe2;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-history-comp .icon-Chevron-Down {
    right: 110px;
    top: -32px;
  }
}
.account-booking .ab-panel .ab-history-comp .icon-Chevron-Up {
  position: relative;
  right: 30px;
  color: #307fe2;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-history-comp .icon-Chevron-Up {
    right: 110px;
    top: -32px;
  }
}
.account-booking .ab-panel .ab-history-comp .mar-pre {
  padding-bottom: 40px !important;
}
.account-booking .ab-panel .ab-history-comp .mar-pre .prev-label {
  margin: 8px 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-history-comp .mar-pre .prev-label {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-history-comp .mar-pre .prev-label {
    margin-top: 0px;
  }
}
.account-booking .ab-panel .ab-history-comp .mar-pre .prev-service-label {
  margin: 8px 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-history-comp .mar-pre .prev-service-label {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-history-comp .mar-pre .prev-service-label {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-history-comp .mar-pre {
    padding-bottom: 22px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-history-comp .mar-pre {
    padding-bottom: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-history-comp .val-prev {
    padding-bottom: 0px !important;
  }
}
.account-booking .ab-panel .ab-valuation-history-comp .dropdown-toggle:after {
  border: none;
  content: "";
}
.account-booking .ab-panel .ab-valuation-history-comp .icon-Chevron-Down {
  position: relative;
  right: 30px;
  color: #307fe2;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-valuation-history-comp .icon-Chevron-Down {
    right: 110px;
    top: -32px;
  }
}
.account-booking .ab-panel .ab-valuation-history-comp .icon-Chevron-Up {
  position: relative;
  right: 30px;
  color: #307fe2;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  pointer-events: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-valuation-history-comp .icon-Chevron-Up {
    right: 110px;
    top: -32px;
  }
}
.account-booking .ab-panel .ab-valuation-history-comp .mar-pre {
  padding-bottom: 40px !important;
}
.account-booking .ab-panel .ab-valuation-history-comp .mar-pre .prev-valuation-label {
  margin: 8px 0px;
  padding-bottom: 0px;
  width: 815px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-valuation-history-comp .mar-pre .prev-valuation-label {
    margin-top: 18px;
    line-height: 110%;
    max-width: 384px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-valuation-history-comp .mar-pre .prev-valuation-label {
    margin-top: 0px;
    max-width: 300px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-valuation-history-comp .mar-pre {
    padding-bottom: 22px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-valuation-history-comp .mar-pre {
    padding-bottom: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-valuation-history-comp .val-prev {
    padding-bottom: 0px !important;
  }
}
.account-booking .ab-panel .ab-text-container {
  padding: 52px 40px;
}
.account-booking .ab-panel .ab-text-container .card-text {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-container .card-text {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-container .card-text {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-text-container .card-text {
    margin-bottom: 4px;
  }
}
.account-booking .ab-panel .ab-text-container .card-val-text {
  max-width: 340px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-container .card-val-text {
    max-width: 256px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-text-container .card-val-text {
    font-size: 14px;
    line-height: 116%;
    min-width: 140px;
  }
}
.account-booking .ab-panel .ab-text-container .card-subtitle {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-container .card-subtitle {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-text-container .card-subtitle {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-container .card-subtitle {
    font-size: 18px;
  }
}
.account-booking .ab-panel .ab-text-container .card-val-subtitle {
  max-width: 340px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-container .card-val-subtitle {
    max-width: 256px;
    font-size: 22px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-text-container .card-val-subtitle {
    font-size: 18px;
    line-height: 110%;
    min-width: 140px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-container {
    padding: 24px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-text-container {
    padding: 24px 16px;
    padding-right: 0px;
  }
}
.account-booking .in-progress-banner {
  padding: 40px 80px 0px 40px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .in-progress-banner {
    padding: 32px 40px 0px 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .in-progress-banner {
    padding: 24px 0px 0px 0px;
    background-color: #ffffff;
  }
}
.account-booking .confirmation-banner {
  padding: 0px 40px 40px 40px;
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .confirmation-banner {
    padding: 0px;
    background-color: #ffffff;
  }
}
.account-booking .expires-banner {
  padding: 0px 40px 40px 40px;
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .expires-banner {
    padding: 0px;
    background-color: #ffffff;
  }
}
.account-booking .dealership-banner {
  padding: 0px 40px 40px 40px;
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .dealership-banner {
    padding: 0px;
    background-color: #ffffff;
  }
}
.account-booking .handover-banner {
  padding: 0px 40px 40px 40px;
  display: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .handover-banner {
    padding: 0px;
    background-color: #ffffff;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .val-description p {
    font-size: 18px;
    line-height: 120%;
    color: #282828;
  }
}
.account-booking .inprogress {
  border-left: 8px solid #307fe2;
  padding: 24px 40px 24px 32px;
  background-color: #fff;
}
.account-booking .inprogress h6 {
  color: #383737;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .inprogress {
    padding: 24px 32px 24px 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .inprogress {
    border-left: 4px solid #307fe2;
    padding: 24px;
    background-color: #f8f8f8;
  }
}
.account-booking .display_inprogress_card .in-progress-banner {
  display: flex;
}
.account-booking .display_confirmation_card .confirmation-banner {
  display: flex;
}
.account-booking .display_confirmation_card .confirmation-banner .inprogress p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .display_confirmation_card .confirmation-banner {
    padding-bottom: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .display_confirmation_card .confirmation-banner {
    padding-bottom: 24px !important;
  }
}
.account-booking .display_expires_card .expires-banner {
  display: flex;
}
.account-booking .display_expires_card .expires-banner .inprogress p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .display_expires_card .expires-banner {
    padding-bottom: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .display_expires_card .expires-banner {
    padding-bottom: 24px !important;
  }
}
.account-booking .display_dealership_card .dealership-banner {
  display: flex;
}
.account-booking .display_dealership_card .dealership-banner .inprogress p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .display_dealership_card .dealership-banner {
    padding-bottom: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .display_dealership_card .dealership-banner {
    padding-bottom: 24px !important;
  }
}
.account-booking .display_handover_card .handover-banner {
  display: flex;
}
.account-booking .display_handover_card .handover-banner .inprogress p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .display_handover_card .handover-banner {
    padding-bottom: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .display_handover_card .handover-banner {
    padding-bottom: 24px !important;
  }
}
.account-booking .hr-40-line {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .hr-40-line {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .hr-40-line {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.account-booking .line {
  border-bottom: 1px solid #eaeaec;
  padding: 24px 40px 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .line {
    padding-top: 40px;
  }
}
.account-booking .line:last-child {
  border-bottom: 0px;
}
.account-booking .line:first-child {
  padding-top: 0px;
}
#cancel-test-drive-modal .modal-lg,
.test-drive-modal-temp .modal-lg {
  max-width: 812px;
}
#cancel-test-drive-modal .modal-dialog .modal-content,
.test-drive-modal-temp .modal-dialog .modal-content {
  padding: 80px;
}
#cancel-test-drive-modal .modal-dialog .modal-content .modal-title,
.test-drive-modal-temp .modal-dialog .modal-content .modal-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  min-width: 580px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-title,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-title,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-title,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-title {
    min-width: 616px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-title,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-title {
    min-width: 260px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .btn-close,
.test-drive-modal-temp .modal-dialog .modal-content .btn-close {
  opacity: 1;
  outline: none;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .btn-close,
  .test-drive-modal-temp .modal-dialog .modal-content .btn-close {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .btn-close,
  .test-drive-modal-temp .modal-dialog .modal-content .btn-close {
    font-size: 22px;
    line-height: 24.2px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .btn-close:focus,
.test-drive-modal-temp .modal-dialog .modal-content .btn-close:focus {
  outline: none;
  box-shadow: none;
}
#cancel-test-drive-modal .modal-dialog .modal-content .btn-close:active,
.test-drive-modal-temp .modal-dialog .modal-content .btn-close:active {
  outline: none;
  box-shadow: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .btn-close,
  .test-drive-modal-temp .modal-dialog .modal-content .btn-close {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .btn-close,
  .test-drive-modal-temp .modal-dialog .modal-content .btn-close {
    margin-left: 8px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .cb-title,
.test-drive-modal-temp .modal-dialog .modal-content .cb-title {
  font-style: normal;
  font-weight: 500 !important;
  line-height: 100%;
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .cb-title,
  .test-drive-modal-temp .modal-dialog .modal-content .cb-title {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .cb-title,
  .test-drive-modal-temp .modal-dialog .modal-content .cb-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .cb-title,
  .test-drive-modal-temp .modal-dialog .modal-content .cb-title {
    font-size: 18px;
    line-height: 19.8px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .booking-details-title,
.test-drive-modal-temp .modal-dialog .modal-content .booking-details-title {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .booking-details-title,
  .test-drive-modal-temp .modal-dialog .modal-content .booking-details-title {
    max-width: 608px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .booking-details-title,
  .test-drive-modal-temp .modal-dialog .modal-content .booking-details-title {
    min-width: 300px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .mb-24,
.test-drive-modal-temp .modal-dialog .modal-content .mb-24 {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .mb-24,
  .test-drive-modal-temp .modal-dialog .modal-content .mb-24 {
    margin-bottom: 16px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .mb-40,
.test-drive-modal-temp .modal-dialog .modal-content .mb-40 {
  margin-bottom: 40px;
}
#cancel-test-drive-modal .modal-dialog .modal-content .mt-20,
.test-drive-modal-temp .modal-dialog .modal-content .mt-20 {
  margin-top: 20px;
}
#cancel-test-drive-modal .modal-dialog .modal-content .mt-24,
.test-drive-modal-temp .modal-dialog .modal-content .mt-24 {
  margin-top: 24px;
}
#cancel-test-drive-modal .modal-dialog .modal-content .mb-16,
.test-drive-modal-temp .modal-dialog .modal-content .mb-16 {
  margin-bottom: 16px;
}
#cancel-test-drive-modal .modal-dialog .modal-content .ab-text-labels,
.test-drive-modal-temp .modal-dialog .modal-content .ab-text-labels {
  min-width: 318px;
  margin-right: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .ab-text-labels,
  .test-drive-modal-temp .modal-dialog .modal-content .ab-text-labels {
    min-width: 324px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .ab-text-labels,
  .test-drive-modal-temp .modal-dialog .modal-content .ab-text-labels {
    min-width: 300px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .left-content,
.test-drive-modal-temp .modal-dialog .modal-content .left-content {
  margin-right: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .left-content,
  .test-drive-modal-temp .modal-dialog .modal-content .left-content {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .left-content,
  .test-drive-modal-temp .modal-dialog .modal-content .left-content {
    margin-right: 0px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .right-content,
.test-drive-modal-temp .modal-dialog .modal-content .right-content {
  margin-right: 0px;
  margin-left: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .right-content,
  .test-drive-modal-temp .modal-dialog .modal-content .right-content {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .right-content,
  .test-drive-modal-temp .modal-dialog .modal-content .right-content {
    margin-left: 0px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .ab-text-grey,
.test-drive-modal-temp .modal-dialog .modal-content .ab-text-grey {
  color: #7a8084;
  margin-bottom: 8px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .ab-text-grey,
  .test-drive-modal-temp .modal-dialog .modal-content .ab-text-grey {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .ab-text-grey,
  .test-drive-modal-temp .modal-dialog .modal-content .ab-text-grey {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .ab-text-grey,
  .test-drive-modal-temp .modal-dialog .modal-content .ab-text-grey {
    font-size: 16px;
    line-height: 20px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .ab-text-dark,
.test-drive-modal-temp .modal-dialog .modal-content .ab-text-dark {
  font-style: normal;
  font-weight: 500 !important;
  line-height: 100%;
  color: #383737;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .ab-text-dark,
  .test-drive-modal-temp .modal-dialog .modal-content .ab-text-dark {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .ab-text-dark,
  .test-drive-modal-temp .modal-dialog .modal-content .ab-text-dark {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .ab-text-dark,
  .test-drive-modal-temp .modal-dialog .modal-content .ab-text-dark {
    font-size: 18px;
    line-height: 19.8px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .modal-footer button,
.test-drive-modal-temp .modal-dialog .modal-content .modal-footer button {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  color: #307fe2;
  text-decoration: none;
  border: 2px solid #307fe2;
  padding: 12px 24px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-footer button,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-footer button {
    padding: 10px 7px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-footer button,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-footer button {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 0px;
    margin-left: 0px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .modal-footer button:focus,
.test-drive-modal-temp .modal-dialog .modal-content .modal-footer button:focus {
  box-shadow: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-footer button,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-footer button {
    padding: 12px 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-footer button,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-footer button {
    padding: 12px 84px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-footer button,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-footer button {
    width: auto;
    padding: 12px 114px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-footer,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-footer {
    margin-top: 8px;
  }
}
#cancel-test-drive-modal .modal-dialog .modal-content .modal-text,
.test-drive-modal-temp .modal-dialog .modal-content .modal-text {
  max-width: 604px;
  margin: 0px;
}
#cancel-test-drive-modal .modal-dialog .modal-content .modal-text p,
.test-drive-modal-temp .modal-dialog .modal-content .modal-text p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 8px;
  padding-bottom: 36px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-text p,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-text p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-text p,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-text p {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-text,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-text {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content .modal-text,
  .test-drive-modal-temp .modal-dialog .modal-content .modal-text {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog .modal-content,
  .test-drive-modal-temp .modal-dialog .modal-content {
    padding: 40px;
    position: fixed;
    bottom: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  #cancel-test-drive-modal .modal-dialog .modal-content,
  .test-drive-modal-temp .modal-dialog .modal-content {
    padding: 32px 30px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  #cancel-test-drive-modal .modal-dialog,
  .test-drive-modal-temp .modal-dialog {
    margin: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-bg-grey {
    background-color: #ffffff !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-text-labels .ab-text-grey {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-text-labels .ab-text-dark {
    margin-bottom: 24px;
  }
}
.account-booking .ab-panel .card-body .val-status {
  padding-bottom: 40px;
  margin-bottom: 0px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-body .val-status {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-body .dealership {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-body .val-size {
    font-size: 18px;
    line-height: 110%;
  }
}
.account-booking .ab-panel .card-body .final-value .final {
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-body .final-value .final {
    margin-bottom: 24px;
    line-height: 110%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-body .final-value .final {
    line-height: 110%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-body .row {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card hr {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .ab-history-comp .card-body {
    padding-top: 0px;
  }
  .account-booking .ab-panel .ab-history-comp .card-body .line {
    padding-left: 0px;
    padding-right: 0px;
  }
  .account-booking .ab-panel .ab-history-comp .card-body .ab-small-link {
    margin-bottom: 32px;
  }
  .account-booking .ab-panel .ab-history-comp .card-body .ab-small-link .ab-btn {
    padding-top: 0px;
    text-align: left;
  }
  .account-booking .ab-panel .ab-history-comp .ab-text-labels .ab-text-dark {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-history-comp .card-body .row {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-valuation-history-comp .card-body {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-valuation-history-comp .card-body .ab-valuation-history-cards .row {
    padding-left: 0px;
    padding-right: 0px;
  }
  .account-booking .ab-valuation-history-comp .card-body .ab-valuation-history-cards .row .status {
    margin-bottom: 8px;
  }
  .account-booking .ab-valuation-history-comp .card-body .ab-valuation-history-cards .row .bookingdate {
    margin-bottom: 24px;
  }
  .account-booking .ab-valuation-history-comp .card-body .ab-valuation-history-cards .row .finalprice {
    margin-bottom: 8px;
  }
}
.account-booking .pay-now .pay-now-link {
  position: relative;
}
.account-booking .pay-now .view-Details-link {
  position: relative;
}
.account-booking .pay-now .pay-now-button.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #7a8084;
  border: 2px solid #7a8084;
  opacity: 0.5;
}
.account-booking .pay-now .payment {
  margin-top: 24px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .pay-now .payment {
    font-size: 16px;
    line-height: 20px;
  }
}
.account-booking .pay-now .payment p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .desktop-service {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .tablet-service {
    display: block !important;
  }
  .account-booking .tablet-service .paylink {
    flex-direction: row-reverse;
    margin: 24px 0px 0px;
  }
  .account-booking .tablet-service .paylink .pay-now-link {
    top: 0px;
    left: 60px;
  }
  .account-booking .tablet-service .paylink .view-Details-link {
    top: 0px;
    left: 25px;
  }
  .account-booking .tablet-service .paylink .pay-now-button.disabled {
    position: relative;
    bottom: 25px;
  }
  .account-booking .tablet-service .paylink .payment-pending {
    padding: 0px;
    margin: 0px;
  }
  .account-booking .tablet-service .paylink .payment-pending p {
    margin: 0px;
  }
  .account-booking .tablet-service .paylink .payment-done-msg {
    margin: 0px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .tablet-service .paylink {
    margin: 0px;
  }
  .account-booking .tablet-service .paylink .pay-now-link {
    left: 0px !important;
    padding-bottom: 24px;
    margin-top: 32px;
  }
  .account-booking .tablet-service .paylink .pay-now-link p {
    margin: 0px;
  }
  .account-booking .tablet-service .paylink .pay-now-button.disabled {
    position: relative;
    bottom: 0px;
  }
  .account-booking .tablet-service .paylink .view-Details-link {
    padding-bottom: 24px;
    left: 0px !important;
    margin-top: 32px;
  }
  .account-booking .tablet-service .paylink .view-Details-link p {
    margin: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .row {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .valuation-hr {
    display: block !important;
  }
}
.account-booking .ab-panel .test-drive-text {
  min-width: 318px;
  margin-right: 20px;
}
.account-booking .ab-panel .test-drive-text .test-price {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .test-drive-text {
    min-width: 244px;
  }
  .account-booking .ab-panel .test-drive-text .test-price {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .test-drive-text {
    margin-right: 0px;
  }
  .account-booking .ab-panel .test-drive-text .test-price {
    margin-bottom: 24px;
  }
}
.account-booking .ab-panel .test-drive-text-right {
  min-width: 318px;
  margin-left: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .test-drive-text-right {
    min-width: 244px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .test-drive-text-right {
    margin-left: 0px;
  }
}
.account-booking .ab-panel .cancel-service-btn {
  padding: 0px;
  margin: 12px 40px;
  margin-left: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .cancel-service-btn {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .cancel-service-btn {
    margin: 24px 0px 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .service-edit-card-link {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .service-edit-card-link {
    margin-left: 0px;
  }
}
.account-booking .ab-panel .td-edit-detail-link {
  padding: 0px;
  margin: 12px 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .td-edit-detail-link {
    margin: 12px 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .td-edit-detail-link {
    margin: 32px 0px;
  }
}
.account-booking .ab-panel .cancel-test-drive-btn {
  padding: 0px;
  margin: 12px 0px 12px 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .cancel-test-drive-btn {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .cancel-test-drive-btn {
    margin: 0px;
  }
}
.account-booking .ab-panel .dropdown button {
  padding: 12px 48px 12px 24px;
  position: relative;
  right: -18px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .dropdown button {
    padding: 12px 118px 12px 118px;
    right: 0px;
  }
}
.account-booking .ab-panel .dropdown .dropdown-menu {
  min-width: 0rem;
  padding: 0px;
}
.account-booking .ab-panel .dropdown .dropdown-menu li {
  min-width: 116px;
}
.account-booking .ab-panel .dropdown .dropdown-menu li button {
  right: 0px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .dropdown .dropdown-menu li button {
    padding: 12px 142px;
  }
}
.account-booking .ab-panel .dropdown .dropdown-menu li button:hover {
  background-color: #307fe2;
  color: #ffffff;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .dropdown .dropdown-menu li {
    min-width: 326px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .dropdown {
    margin-top: 24px;
  }
}
.account-booking .ab-panel .history-line {
  margin-top: 52px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .history-line {
    margin-top: 32px;
  }
}
.account-booking .ab-panel .card-history {
  padding-top: 24px;
}
.account-booking .ab-panel .card-history .history-card {
  padding-bottom: 24px !important;
}
.account-booking .ab-panel .card-history .history-card .car-modal-year {
  margin-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-history .history-card .val-history-text {
    font-size: 18px;
    line-height: 110%;
  }
}
.account-booking .ab-panel .card-history .history-card .test-price {
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history .history-card .test-price {
    margin-top: 32px;
  }
}
.account-booking .ab-panel .card-history .history-card .bookingdate {
  margin-bottom: 0px;
}
.account-booking .ab-panel .card-history .history-card .test-history-link {
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-history .history-card .test-history-link {
    display: inline-block;
  }
}
.account-booking .ab-panel .card-history .history-card .test-drive-feedback-nav .feedback-redirection {
  padding-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history .history-card .test-drive-feedback-nav .feedback-redirection {
    padding-right: 0px;
    padding-top: 8px;
    padding-left: 0;
    text-align: left;
  }
}
.account-booking .ab-panel .card-history .history-card .service-feedback-nav .service-feedback-redirection {
  padding-left: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history .history-card .service-feedback-nav .service-feedback-redirection {
    padding-right: 0px;
    padding-top: 8px;
    padding-left: 0;
    text-align: left;
  }
}
.account-booking .ab-panel .card-history .history-card .status {
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history .history-card .status {
    margin-top: 24px;
  }
}
.account-booking .ab-panel .card-history .history-card .service-price {
  margin-bottom: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history .history-card .service-price {
    margin-top: 32px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history .history-card {
    padding-top: 24px !important;
  }
}
.account-booking .ab-panel .card-history .noHistory {
  margin-bottom: 24px;
  margin-left: 40px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history .noHistory {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-history {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .card-history {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-history {
    margin-bottom: 0px;
  }
}
.account-booking .ab-panel .ab-text-labels .finalprice {
  margin-bottom: 8px;
}
.account-booking .ab-panel .ab-text-labels .status {
  margin: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-panel .ab-text-labels .exchange {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .tablet-divider {
    display: none;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .book-divider {
    display: block !important;
  }
}
.account-booking .cancel-err-msg {
  margin-top: 20px;
  color: #ed454f;
  width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .account-booking .ab-val-history .val-right-card {
    margin-left: 20px;
  }
  .account-booking .ab-val-history .col-md-8 {
    display: none;
  }
  .account-booking .ab-val-history .col-md-4 {
    display: none;
  }
  .account-booking .ab-val-history .col-md-6 {
    display: block !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-val-history .val-right-card {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-testdrive-history-cards .test-drive-history {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-service-history-cards .service-history {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-body .mobile-dropoff {
    display: block !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-body .mobile-reference {
    display: none !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-body .mobile-drop {
    display: none !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .account-booking .ab-panel .card-body .mobile-refer {
    display: block !important;
  }
}
.account-booking .service-view-detail-link {
  margin-left: 0px !important;
}

.top-accessories-comp {
  color: #282828;
}
.top-accessories-comp .alert-warning {
  display: none;
}
.top-accessories-comp p {
  margin: 0;
}
.top-accessories-comp .top-acc-title {
  padding-bottom: 24px;
  color: #ffffff;
  width: 56.3888%;
  margin: 0 auto;
  text-align: center;
}
.top-accessories-comp .sub-text {
  padding-bottom: 94px;
  color: #f8f8f8;
  width: 56.3888%;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .top-accessories-comp .top-acc-title {
    padding-bottom: 16px;
    width: 66.67%;
  }
  .top-accessories-comp .sub-text {
    padding-bottom: 64px;
    width: 66.67%;
  }
  .top-accessories-comp .ttil .ttil-comp .image-section {
    width: auto !important;
  }
  .top-accessories-comp .ttil .ttil-comp .text-wrapper {
    width: 51.165% !important;
  }
  .top-accessories-comp .ttil .ttil-comp .text-wrapper .text-container {
    padding-left: 40px !important;
  }
  .top-accessories-comp .ttil .ttil-comp .text-wrapper .text-container .content-down {
    height: 100%;
  }
  .top-accessories-comp .ttil .ttil-comp .text-wrapper .text-container .content-down .ttil-title {
    width: 100% !important;
  }
  .top-accessories-comp .ttil:nth-of-type(2) .text-wrapper {
    width: 48.838% !important;
  }
  .top-accessories-comp .ttil:nth-of-type(2) .text-wrapper .text-container {
    padding-left: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .top-accessories-comp {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .top-accessories-comp .top-acc-title {
    width: 100%;
  }
  .top-accessories-comp .sub-text {
    width: 100%;
  }
  .top-accessories-comp .ttil .ttil-comp .image-section {
    width: 100% !important;
  }
  .top-accessories-comp .ttil .ttil-comp .text-wrapper {
    width: 100% !important;
  }
  .top-accessories-comp .ttil .ttil-comp .text-wrapper .text-container {
    padding: 0px !important;
  }
  .top-accessories-comp .ttil .ttil-comp .text-wrapper .text-container .content-down .links-section {
    margin-bottom: 0 !important;
  }
  .top-accessories-comp .ttil .ttil-comp .text-wrapper .text-container .content-down .links-section .ttil-cta {
    padding-bottom: 0 !important;
  }
  .top-accessories-comp .ttil:nth-of-type(3) .text-wrapper {
    padding-bottom: 0 !important;
  }
}

.related-accessories-comp .title-arrows {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.related-accessories-comp .title-arrows .title-link {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.related-accessories-comp .title-arrows .title-link .title {
  margin-right: 24px;
}
.related-accessories-comp .title-arrows .title-link .title h4 {
  margin-bottom: 40px;
  color: #383737;
}
.related-accessories-comp .title-arrows .title-link .link a {
  display: flex;
  align-items: center;
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.related-accessories-comp .title-arrows .title-link .link a h6 {
  margin-bottom: 0;
  margin-right: 8px;
  color: #307fe2;
}
.related-accessories-comp .title-arrows .title-link .link a i {
  font-size: 13px;
  color: #307fe2;
}
.related-accessories-comp .title-arrows .owl-prev.disabled,
.related-accessories-comp .title-arrows .owl-next.disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.related-accessories-comp .title-arrows .owl-prev.disabled span,
.related-accessories-comp .title-arrows .owl-next.disabled span {
  color: rgba(122, 128, 132, 0.5);
}
.related-accessories-comp .title-arrows .owl-prev.disabled:hover,
.related-accessories-comp .title-arrows .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.related-accessories-comp .title-arrows .owl-prev.disabled:hover span,
.related-accessories-comp .title-arrows .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.related-accessories-comp .title-arrows button:hover:enabled {
  background-color: #307fe2;
}
.related-accessories-comp .title-arrows button:hover:enabled span {
  color: #ffffff;
}
.related-accessories-comp .title-arrows .owl-prev,
.related-accessories-comp .title-arrows .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.related-accessories-comp .title-arrows .owl-prev span,
.related-accessories-comp .title-arrows .owl-next span {
  color: #307fe2;
  font-size: 20px;
}
.related-accessories-comp .related-accessories-rails a {
  text-decoration: none;
}
.related-accessories-comp .related-accessories-rails .releated-accessories-image picture {
  display: block;
  padding-bottom: 24px;
}
.related-accessories-comp .related-accessories-rails .releated-accessories-image picture img {
  width: auto;
}
.related-accessories-comp .related-accessories-rails .related-accessories-title {
  max-width: 292px;
  padding-bottom: 8px;
}
.related-accessories-comp .related-accessories-rails .related-accessories-title h6 {
  word-break: break-word;
  margin-bottom: 0px;
  color: #383737;
}
.related-accessories-comp .related-accessories-rails.gridLayout {
  display: grid;
  gap: 24px;
  grid-auto-flow: column;
  grid-auto-columns: 292px;
  overflow: scroll hidden;
  height: 100%;
  padding-right: 106px;
  scrollbar-width: none;
}
.related-accessories-comp .related-accessories-rails.gridLayout picture,
.related-accessories-comp .related-accessories-rails.gridLayout img,
.related-accessories-comp .related-accessories-rails.gridLayout h6 {
  pointer-events: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .related-accessories-comp {
    padding-right: 0px;
  }
  .related-accessories-comp .categoryItems {
    margin-right: -40px;
  }
  .related-accessories-comp .title-arrows {
    padding-right: 40px;
  }
  .related-accessories-comp .title-arrows .title-link {
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%;
  }
  .related-accessories-comp .title-arrows .title-link .title {
    width: 83.1569767%;
    margin-right: 24px;
  }
  .related-accessories-comp .title-arrows .title-link .title h4 {
    margin-bottom: 0px;
  }
  .related-accessories-comp .title-arrows .title-link .link a h6 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
    margin-right: 8px;
  }
  .related-accessories-comp .title-arrows .arrows {
    display: none;
  }
  .related-accessories-comp .related-accessories-rails .releated-accessories-image picture {
    display: block;
    padding-bottom: 24px;
  }
  .related-accessories-comp .related-accessories-rails .releated-accessories-image picture img {
    width: auto;
  }
  .related-accessories-comp .related-accessories-rails .related-accessories-title {
    max-width: 248px;
  }
  .related-accessories-comp .related-accessories-rails .related-accessories-title h6 {
    word-break: break-word;
    margin-bottom: 0px;
    color: #383737;
  }
  .related-accessories-comp .related-accessories-rails.gridLayout {
    gap: 16px;
    grid-auto-columns: 248px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .related-accessories-comp {
    padding-right: 0px;
  }
  .related-accessories-comp .relatedaccessories {
    margin-right: -30px;
  }
  .related-accessories-comp .title-arrows {
    padding-right: 30px;
  }
  .related-accessories-comp .title-arrows .title-link {
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%;
  }
  .related-accessories-comp .title-arrows .title-link .title {
    width: 100%;
    margin-right: 0px;
  }
  .related-accessories-comp .title-arrows .title-link .title h4 {
    margin-bottom: 8px;
  }
  .related-accessories-comp .title-arrows .title-link .link a h6 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
    margin-right: 8px;
  }
  .related-accessories-comp .title-arrows .arrows {
    display: none;
  }
  .related-accessories-comp .related-accessories-rails .releated-accessories-image picture {
    display: block;
    padding-bottom: 16px;
  }
  .related-accessories-comp .related-accessories-rails .releated-accessories-image picture img {
    width: auto;
  }
  .related-accessories-comp .related-accessories-rails .releated-accessories-image .related-accessories-title {
    max-width: 248px;
  }
  .related-accessories-comp .related-accessories-rails .releated-accessories-image .related-accessories-title h6 {
    word-break: break-word;
    margin-bottom: 0px;
    color: #383737;
  }
  .related-accessories-comp .related-accessories-rails.gridLayout {
    gap: 12px;
    grid-auto-columns: 248px;
    padding-right: 30px;
  }
}

.popular-accessories-comp .title-arrows {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.popular-accessories-comp .title-arrows .title-link {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.popular-accessories-comp .title-arrows .title-link .title {
  margin-right: 24px;
}
.popular-accessories-comp .title-arrows .title-link .title h4 {
  margin-bottom: 40px;
  color: #383737;
}
.popular-accessories-comp .title-arrows .title-link .link a {
  display: flex;
  align-items: center;
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.popular-accessories-comp .title-arrows .title-link .link a h6 {
  margin-bottom: 0;
  margin-right: 8px;
  color: #307fe2;
}
.popular-accessories-comp .title-arrows .title-link .link a i {
  font-size: 13px;
  color: #307fe2;
}
.popular-accessories-comp .title-arrows .owl-prev.disabled,
.popular-accessories-comp .title-arrows .owl-next.disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.popular-accessories-comp .title-arrows .owl-prev.disabled span,
.popular-accessories-comp .title-arrows .owl-next.disabled span {
  color: rgba(122, 128, 132, 0.5);
}
.popular-accessories-comp .title-arrows .owl-prev.disabled:hover,
.popular-accessories-comp .title-arrows .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.popular-accessories-comp .title-arrows .owl-prev.disabled:hover span,
.popular-accessories-comp .title-arrows .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.popular-accessories-comp .title-arrows button:hover:enabled {
  background-color: #307fe2;
}
.popular-accessories-comp .title-arrows button:hover:enabled span {
  color: #ffffff;
}
.popular-accessories-comp .title-arrows .owl-prev,
.popular-accessories-comp .title-arrows .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.popular-accessories-comp .title-arrows .owl-prev span,
.popular-accessories-comp .title-arrows .owl-next span {
  color: #307fe2;
  font-size: 20px;
}
.popular-accessories-comp .popular-accessories-rails a {
  text-decoration: none;
}
.popular-accessories-comp .popular-accessories-rails .popular-accessories-image picture {
  display: block;
}
.popular-accessories-comp .popular-accessories-rails .popular-accessories-image picture img {
  width: auto;
}
.popular-accessories-comp .popular-accessories-rails .kit-yourcar-content {
  padding: 16px 24px 24px 24px;
  max-width: 292px;
  background-color: #ffffff;
}
.popular-accessories-comp .popular-accessories-rails .popular-items-content {
  padding-top: 24px;
}
.popular-accessories-comp .popular-accessories-rails .popular-accessories-title {
  max-width: 292px;
  padding-bottom: 8px;
}
.popular-accessories-comp .popular-accessories-rails .popular-accessories-title h6 {
  word-break: break-word;
  margin-bottom: 0px;
  color: #383737;
}
.popular-accessories-comp .popular-accessories-rails .popular-accessory-price {
  max-width: 292px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084 !important;
  padding-bottom: 12px;
}
.popular-accessories-comp .popular-accessories-rails .popular-accessory-description {
  max-width: 292px;
  word-break: break-word;
  color: #7a8084 !important;
  padding-bottom: 24px;
}
.popular-accessories-comp .popular-accessories-rails .popular-accessory-button {
  max-width: 292px;
  padding: 12px 65px;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  border: 2px solid #307fe2;
  color: #307fe2;
  width: 100%;
  background-color: #ffffff;
}
.popular-accessories-comp .popular-accessories-rails .success-button {
  padding: 12px 0px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .popular-accessories-comp .popular-accessories-rails .success-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .popular-accessories-comp .popular-accessories-rails .success-button {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.popular-accessories-comp .popular-accessories-rails .success-button .icon-Delete {
  color: #307fe2 !important;
  padding-left: 24px;
}
.popular-accessories-comp .popular-accessories-rails .success-button .icon-Tick {
  color: #609f65;
  padding-right: 24px;
}
.popular-accessories-comp .popular-accessories-rails.gridLayout {
  display: grid;
  gap: 24px;
  grid-auto-flow: column;
  grid-auto-columns: 292px;
  overflow: scroll hidden;
  height: 100%;
  padding-right: 106px;
  scrollbar-width: none;
}
.popular-accessories-comp .popular-accessories-rails.gridLayout picture,
.popular-accessories-comp .popular-accessories-rails.gridLayout img,
.popular-accessories-comp .popular-accessories-rails.gridLayout h6 {
  pointer-events: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .popular-accessories-comp {
    padding-right: 0px;
  }
  .popular-accessories-comp .categoryItems {
    margin-right: -40px;
  }
  .popular-accessories-comp .title-arrows {
    padding-right: 40px;
  }
  .popular-accessories-comp .title-arrows .title-link {
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%;
  }
  .popular-accessories-comp .title-arrows .title-link .title {
    width: 83.1569767%;
    margin-right: 24px;
  }
  .popular-accessories-comp .title-arrows .title-link .title h4 {
    margin-bottom: 0px;
  }
  .popular-accessories-comp .title-arrows .title-link .link a h6 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
    margin-right: 8px;
  }
  .popular-accessories-comp .title-arrows .arrows {
    display: none;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content {
    padding: 16px;
    max-width: 248px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content .popular-accessory-button {
    padding: 12px 50px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content .success-button {
    padding: 12px 0px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content .success-button .icon-Delete {
    padding-left: 16px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content .success-button .icon-Tick {
    color: #609f65;
    padding-right: 16px;
  }
  .popular-accessories-comp .popular-accessories-rails .popular-items-content {
    padding-top: 16px;
  }
  .popular-accessories-comp .popular-accessories-rails.gridLayout {
    gap: 16px;
    grid-auto-columns: 248px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .popular-accessories-comp {
    padding-right: 0px;
  }
  .popular-accessories-comp .popular-accessories {
    margin-right: -30px;
  }
  .popular-accessories-comp .title-arrows {
    padding-right: 30px;
  }
  .popular-accessories-comp .title-arrows .title-link {
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%;
  }
  .popular-accessories-comp .title-arrows .title-link .title {
    width: 100%;
    margin-right: 0px;
  }
  .popular-accessories-comp .title-arrows .title-link .title h4 {
    margin-bottom: 8px;
  }
  .popular-accessories-comp .title-arrows .title-link .link a h6 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
    margin-right: 8px;
  }
  .popular-accessories-comp .title-arrows .arrows {
    display: none;
  }
  .popular-accessories-comp .popular-accessories-rails .popular-accessories-image .popular-accessories-title {
    max-width: 248px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content {
    padding: 24px 16px 16px 16px;
    max-width: 248px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content .popular-accessory-button {
    padding: 12px 24px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content .success-button {
    padding: 12px 0px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content .success-button .icon-Delete {
    padding-left: 16px;
  }
  .popular-accessories-comp .popular-accessories-rails .kit-yourcar-content .success-button .icon-Tick {
    padding-right: 16px;
  }
  .popular-accessories-comp .popular-accessories-rails.gridLayout {
    gap: 12px;
    grid-auto-columns: 248px;
    padding-right: 30px;
  }
}

.order-info-comp .order-info {
  display: none;
}
.order-info-comp .order-info .disable-cancel-cta a {
  color: #7a8084 !important;
  pointer-events: none;
}
.order-info-comp .order-info .your-order-cards {
  display: flex;
  flex-direction: row;
}
.order-info-comp .order-info .your-order-cards .order-details-card {
  width: 50%;
  background: #ffffff;
  padding: 64px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-title {
  margin-bottom: 40px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-title h4 {
  margin: 0;
  color: #383737;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-details {
  display: grid;
  grid-template-columns: auto;
  gap: 24px;
  margin-bottom: 40px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-details .order {
  display: grid;
  grid-template-columns: 46.9135802% auto;
  gap: 20px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-details .order h6.dealer-name {
  width: fit-content;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-details .order h6.order-number-value {
  width: fit-content;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-details .order p,
.order-info-comp .order-info .your-order-cards .order-details-card .order-details .order h6 {
  margin: 0;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-details .order p {
  color: #7a8084;
}
.order-info-comp .order-info .your-order-cards .order-details-card .order-details .order h6 {
  color: #383737;
}
.order-info-comp .order-info .your-order-cards .order-details-card .payment-details {
  display: grid;
  grid-template-columns: 46.9135802% 46.9135802%;
  gap: 20px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-paid .total-paid-label,
.order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-paid .due-today-label {
  color: #7a8084;
  margin-bottom: 12px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-paid .total-paid-value,
.order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-paid .due-today-value {
  color: #383737;
  margin-bottom: 0px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-cost .cost-label {
  color: #7a8084;
  margin-bottom: 12px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-cost .cost {
  color: #383737;
  margin-bottom: 0px;
  width: fit-content;
}
.order-info-comp .order-info .your-order-cards .order-details-card .dealership-available-desc,
.order-info-comp .order-info .your-order-cards .order-details-card .dealership-cancelled-desc {
  display: none;
  margin-top: 16px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .dealership-available-desc p,
.order-info-comp .order-info .your-order-cards .order-details-card .dealership-cancelled-desc p {
  color: #7a8084;
  margin: 0;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns {
  display: grid;
  grid-template-columns: max-content auto auto;
  margin-top: 40px;
  gap: 40px;
  align-items: center;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .cancel-order,
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .return-order {
  display: none;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .cancel-order a,
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .return-order a {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: #307fe2;
  width: fit-content;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .cancel-order a .order-label,
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .return-order a .order-label {
  display: block;
  width: inherit;
  word-break: break-word;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .cancel-order a span.icon-Arrow-Right,
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .return-order a span.icon-Arrow-Right {
  margin-left: 8px;
  font-size: 12px;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .pay-now {
  display: block;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .pay-now .disable-pay-now {
  border: 2px solid rgba(122, 128, 132, 0.5) !important;
  background-color: transparent !important;
  color: rgba(122, 128, 132, 0.5) !important;
  pointer-events: none;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .pay-now .disable-pay-now a {
  color: rgba(122, 128, 132, 0.5) !important;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .pay-now button {
  background: #ffffff;
  border: 2px solid #307fe2;
  outline: none;
  color: #307fe2;
  transition-duration: 0.4s;
  padding: 0%;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .pay-now button a {
  display: flex;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  color: #307fe2;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .pay-now button:hover:enabled {
  background-color: #307fe2;
}
.order-info-comp .order-info .your-order-cards .order-details-card .action-btns .pay-now button:hover:enabled a {
  color: #ffffff;
}
.order-info-comp .order-info .your-order-cards .message-card {
  width: 50%;
  background-color: #383737;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 104px;
  text-align: center;
}
.order-info-comp .order-info .your-order-cards .message-card .icon {
  width: 88px;
  height: 88px;
  border: 1.5px solid #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.order-info-comp .order-info .your-order-cards .message-card .icon .icon-Sales::before {
  font-size: 48px;
  color: #ffffff;
}
.order-info-comp .order-info .your-order-cards .message-card h4.order-status {
  display: none;
  color: #ffffff;
  margin: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .order-info-comp .order-info .your-order-cards {
    flex-direction: column-reverse;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card {
    width: 100%;
    padding: 40px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .order-title {
    width: 79.9342105%;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .order-details {
    grid-template-columns: 48.0263158% 48.0263158%;
    gap: 24px 3.9473684%;
    margin-bottom: 24px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .order-details .order {
    display: grid;
    grid-template-columns: 78.3505155%;
    gap: 8px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .order-details .order-date {
    grid-template-columns: 81.7869416% !important;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .order-details .order-date .date-label {
    width: fit-content;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .payment-details {
    grid-auto-flow: column;
    grid-template-columns: 48% 48%;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-paid .total-paid-label {
    margin-bottom: 8px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-cost .cost-label {
    margin-bottom: 8px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .action-btns {
    margin-top: 40px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .dealership-available-desc,
  .order-info-comp .order-info .your-order-cards .order-details-card .dealership-cancelled-desc {
    margin-top: 24px;
  }
  .order-info-comp .order-info .your-order-cards .message-card {
    width: 100%;
    padding: 64px 106px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .order-info-comp .order-info .your-order-cards .order-details-card {
    width: 100%;
    padding: 24px 16px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .order-title {
    width: 100%;
    margin-bottom: 24px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .order-details {
    grid-template-columns: 76%;
    gap: 24px;
    margin-bottom: 24px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .order-details .order {
    display: grid;
    grid-template-columns: auto;
    gap: 8px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .payment-details {
    grid-template-columns: 43.3% 43.3%;
    gap: 13.3%;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-paid .total-paid-label {
    margin-bottom: 8px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .payment-details .total-cost .cost-label {
    margin-bottom: 8px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .dealership-available-desc,
  .order-info-comp .order-info .your-order-cards .order-details-card .dealership-cancelled-desc {
    margin-bottom: 0px;
  }
  .order-info-comp .order-info .your-order-cards .order-details-card .action-btns {
    grid-template-columns: auto;
    gap: 40px;
    align-items: center;
    margin-top: 24px;
  }
  .order-info-comp .order-info .your-order-cards .message-card {
    width: 100%;
    padding: 0 32px;
    min-height: 230px;
  }
  .order-info-comp .order-info .your-order-cards .message-card .icon {
    width: 64px;
    height: 64px;
  }
  .order-info-comp .order-info .your-order-cards .message-card .icon .icon-Sales::before {
    font-size: 34.1px;
  }
}

.order-info-comp .car-order-card {
  position: relative;
  min-height: 484px;
  display: none;
  background: #ffffff;
}
.order-info-comp .car-order-card.flex-show {
  display: flex;
}
.order-info-comp .car-order-card .car-info {
  display: block;
  width: 47.558%;
  padding: 64px 0 64px 64px;
}
.order-info-comp .car-order-card .car-info .car-details .car-detail-lables {
  display: grid;
  grid-template-columns: 36.1538462% 51.5384615%;
  gap: 12.3076923%;
  margin-bottom: 24px;
}
.order-info-comp .car-order-card .car-info .car-details .car-detail-lables div {
  color: #7a8084;
}
.order-info-comp .car-order-card .car-info .car-details .car-detail-lables h6 {
  color: #383737;
  margin: 0;
  height: fit-content;
}
.order-info-comp .car-order-card .car-info .car-details .car-detail-lables:last-child {
  margin-bottom: 40px;
}
.order-info-comp .car-order-card .car-info .car-cost-details {
  display: grid;
  grid-template-columns: 36.1538462% 51.5384615%;
  gap: 12.3076923%;
  margin-bottom: 40px;
}
.order-info-comp .car-order-card .car-info .car-cost-details .total-paid,
.order-info-comp .car-order-card .car-info .car-cost-details .total-cost {
  display: grid;
  gap: 12px;
}
.order-info-comp .car-order-card .car-info .car-cost-details .total-paid h5,
.order-info-comp .car-order-card .car-info .car-cost-details .total-cost h5 {
  color: #383737;
  margin: 0;
}
.order-info-comp .car-order-card .car-info .car-cost-details .total-paid .total-paid-label,
.order-info-comp .car-order-card .car-info .car-cost-details .total-cost .total-paid-label {
  color: #7a8084;
}
.order-info-comp .car-order-card .car-info .car-title .your-order-mobile {
  display: none;
  margin-bottom: 8px;
  color: #7a8084;
}
.order-info-comp .car-order-card .car-info .car-title h4 {
  margin-bottom: 40px;
}
.order-info-comp .car-order-card .car-info .actions-items {
  margin-top: auto;
  display: flex;
}
.order-info-comp .car-order-card .car-info .actions-items a {
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-right: 40px;
  display: flex;
  align-items: center;
  width: fit-content;
}
.order-info-comp .car-order-card .car-info .actions-items span.icon-Arrow-Right {
  margin-left: 8px;
  font-size: 12px;
}
.order-info-comp .car-order-card .car-info .actions-items a:last-child {
  margin-right: 0px;
}
.order-info-comp .car-order-card .car-image {
  width: 57.8175896%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
}
.order-info-comp .car-order-card .car-image img {
  width: 100%;
  height: auto;
}
.order-info-comp .car-order-card .car-color {
  display: block;
  width: 42.019544%;
  margin-left: auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .order-info-comp .car-order-card {
    flex-direction: column-reverse;
    min-height: auto;
  }
  .order-info-comp .car-order-card .car-info {
    width: 100%;
    padding: 40px 0 40px 40px;
  }
  .order-info-comp .car-order-card .car-info .car-title {
    display: none;
  }
  .order-info-comp .car-order-card .car-info .car-details .car-detail-lables {
    grid-template-columns: 24.691358% 38.2717%;
    gap: 64px;
    margin-bottom: 16px;
  }
  .order-info-comp .car-order-card .car-info .car-details .car-detail-lables:last-child {
    margin-bottom: 24px;
  }
  .order-info-comp .car-order-card .car-info .car-cost-details {
    grid-template-columns: 24.691358% 43.2098765%;
    gap: 64px;
    margin-bottom: 24px;
  }
  .order-info-comp .car-order-card .car-image {
    width: 100%;
    position: relative;
  }
  .order-info-comp .car-order-card .car-image .background-color-mobile {
    width: 100%;
    height: 140px;
    position: absolute;
    top: 0;
  }
  .order-info-comp .car-order-card .car-image .car-title-mobile.d-none {
    display: block !important;
    color: #ffffff;
    padding: 53.5px 0 53.5px 40px;
    z-index: 1;
  }
  .order-info-comp .car-order-card .car-image .car-title-mobile.d-none h4 {
    margin: 0;
  }
  .order-info-comp .car-order-card .car-image picture {
    z-index: 1;
    margin-left: auto;
  }
  .order-info-comp .car-order-card .car-image img {
    width: 288px;
    height: 140px;
  }
  .order-info-comp .car-order-card .car-color {
    display: none;
    width: 100%;
    min-height: 140px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .order-info-comp .car-order-card .car-image {
    width: 100%;
    position: relative;
    background: none;
    height: auto;
    min-height: 222px;
  }
  .order-info-comp .car-order-card .car-image .background-color-mobile {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0;
  }
  .order-info-comp .car-order-card .car-image picture {
    position: absolute;
    top: 16px;
  }
  .order-info-comp .car-order-card .car-image .car-title-mobile.d-none {
    display: none !important;
  }
  .order-info-comp .car-order-card .car-image img {
    width: 100%;
    height: 222px;
  }
  .order-info-comp .car-order-card .car-color {
    display: none;
  }
  .order-info-comp .car-order-card .car-info {
    width: 100%;
    padding: 0 24px 40px 24px;
  }
  .order-info-comp .car-order-card .car-info .car-title {
    width: 64.084507%;
    display: block;
  }
  .order-info-comp .car-order-card .car-info .car-title .your-order-mobile {
    display: block;
  }
  .order-info-comp .car-order-card .car-info .car-details .car-detail-lables {
    grid-template-columns: 100%;
    gap: 8px;
    margin-bottom: 24px;
  }
  .order-info-comp .car-order-card .car-info .car-cost-details {
    grid-template-columns: 100%;
    gap: 24px;
    margin-bottom: 24px;
  }
  .order-info-comp .car-order-card .car-info .actions-items {
    display: grid;
    gap: 40px;
  }
}
.order-info-comp .fullBreakdown {
  background-color: rgba(40, 40, 40, 0.5);
  transition: unset;
  transition-duration: 0.4s;
  z-index: 999999;
}
.order-info-comp .fullBreakdown .modal-dialog {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  display: flex;
  max-width: 1228px;
  justify-content: center;
  align-items: center;
  padding: 40px 0 40px 0;
  transform: unset;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content {
  padding: 80px;
  width: 100%;
  height: 100%;
  min-width: auto;
  max-height: 730px;
  border: none;
  border-radius: 0;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-header {
  padding: 0%;
  border: none;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-header h4 {
  color: #383737;
  margin: 0%;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-header button {
  background: transparent;
  border: none;
  padding: 0%;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-header button i {
  font-size: 40px;
  color: #383737;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body {
  padding: 0;
  overflow-y: scroll;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details {
  display: grid;
  grid-template-columns: 43.5684647% 43.5684647%;
  padding-right: 100px;
  gap: 12.8630706%;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery {
  display: flex;
  flex-direction: column;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .ex-showroom .ex-label {
  width: 57.1428571%;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .ex-showroom .ex-value {
  width: 60.2380952%;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .on-road-price {
  width: 45.2380952%;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery p {
  color: #7a8084;
  margin-bottom: 12px;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery h5 {
  color: #383737;
  margin-bottom: 40px;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery h4 {
  color: #383737;
  margin-bottom: 46px;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .desclaimer {
  margin-top: auto;
  color: #7a8084;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details hr {
  height: 2px;
  margin: 24px 0;
  background-color: #eaeaec;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details div {
  color: #7a8084;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details p {
  margin-bottom: 0%;
  color: #383737;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-items {
  display: grid;
  gap: 8px;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-model-price,
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .upgrades-price {
  display: grid;
  grid-template-columns: 70.952381% auto;
  margin-bottom: 16px;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-model-price h6 {
  color: #383737;
  margin: 0;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-model-price .base-price {
  text-align: right;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-items .items {
  display: grid;
  grid-template-columns: 30.5714286% 65.7142857%;
  gap: 5.7142857%;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .upgrades-price h6 {
  margin: 0%;
  color: #383737;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .upgrades-price .upgrade-total-price {
  display: flex;
  text-align: right;
  justify-content: end;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .features {
  display: grid;
  grid-template-columns: 28.5714286% 29.047619%;
  justify-content: space-between;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .features .features-total-price {
  display: flex;
  justify-content: end;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .features .features-total-price p {
  margin: 0;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs {
  margin-bottom: 0px;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs h6 {
  margin-bottom: 16px;
  color: #383737;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs p {
  text-align: right;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items {
  display: grid;
  gap: 8px;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .value-care {
  display: grid;
  grid-template-columns: 38% 34.2857143%;
  justify-content: space-between;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .extended-warranty {
  display: grid;
  grid-template-columns: 40% 34.2857143%;
  justify-content: space-between;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .rto,
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .tax,
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .insurance {
  display: grid;
  grid-template-columns: 41.4285714% 34.2857143%;
  justify-content: space-between;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .extras {
  display: grid;
  grid-template-columns: 28.5714% 30.952381% 29.0476%;
  justify-content: space-between;
  margin-top: 8px;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .extras .selected {
  display: flex;
}
.order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .extras .extra-total-price {
  display: flex;
  justify-content: end;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .order-info-comp .fullBreakdown .modal-dialog .modal-body .breakdown-details {
    grid-template-columns: 100% !important;
  }
  .order-info-comp .fullBreakdown.fade .modal-dialog.modal-dialog-zoom {
    -webkit-transform: translate(0, 0) scale(0.5);
    transform: translate(0, 0) scale(0.5);
  }
  .order-info-comp .fullBreakdown.show .modal-dialog.modal-dialog-zoom {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
  }
}
@media only screen and (min-width: 1200px) {
  .order-info-comp .fullBreakdown .modal-dialog .modal-body .breakdown-details {
    grid-template-columns: 43.5684647% 43.5684647% !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .order-info-comp .fullBreakdown .modal-dialog {
    padding: 0 0 0 128px;
    position: absolute;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content {
    padding: 64px 40px 64px 80px;
    width: 100%;
    height: 100%;
    min-width: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details {
    grid-template-columns: 100%;
    padding-right: 64px;
    gap: 40px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery {
    display: grid;
    grid-template-columns: 45.62% 45.62%;
    gap: 32px 40px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery h4,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery h5 {
    margin: 0;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .ex-showroom {
    order: -1;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .ex-showroom .ex-label,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .ex-showroom .ex-showroom {
    width: 100%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .on-road-price {
    width: 100%;
    order: -1;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .due-today {
    height: fit-content;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .desclaimer {
    width: 96.4912281%;
    grid-row-start: 3;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 3;
    height: fit-content;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details {
    padding-right: 16px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-model-price,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .upgrades-price {
    grid-template-columns: 72.2727273% auto;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-items .items {
    grid-template-columns: 27.2727273% 67.2727273%;
    gap: 5.4545454%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .features {
    grid-template-columns: 27.2727273% 27.7272727%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .extras {
    grid-template-columns: 27.2727273% 34.0909091% 27.7272727%;
    gap: 24px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .value-care {
    grid-template-columns: 34.0909091% 32.7272727%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .extended-warranty {
    grid-template-columns: 38.1818182% 32.7272727%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .rto,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .insurance,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .tax {
    grid-template-columns: 39.5454545% 32.7272727%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    display: none !important;
  }
  .order-info-comp .fullBreakdown.fade .modal-dialog.modal-dialog-zoom {
    right: -100%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
  }
  .order-info-comp .fullBreakdown.show .modal-dialog.modal-dialog-zoom {
    right: 0;
    transform: unset;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    height: 100%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .order-info-comp .fullBreakdown .modal-dialog {
    padding: 0;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content {
    padding: 32px 30px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-header {
    margin-bottom: 16px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-header button i {
    font-size: 32px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details {
    grid-template-columns: 100%;
    padding-right: 0;
    gap: 24px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery {
    display: flex;
    flex-direction: column;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery h4,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery h5 {
    margin: 0;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .ex-showroom {
    order: -1;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .ex-showroom .ex-label,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .ex-showroom .ex-showroom {
    width: 100%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .on-road-price {
    width: 100%;
    order: -1;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .due-today {
    height: fit-content;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .price-delivery .desclaimer {
    width: 100%;
    grid-row-start: 3;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 3;
    height: fit-content;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details {
    padding-right: 0px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details hr {
    display: none;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-model-price,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .upgrades-price {
    grid-template-columns: 48% 48%;
    margin-bottom: 24px;
    justify-content: space-between;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-items {
    margin-bottom: 40px;
    gap: 12px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-items .items {
    grid-template-columns: 100%;
    gap: 4px;
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .base-items .items:last-child {
    margin-bottom: 0% !important;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .features {
    grid-template-columns: 48% 48%;
    gap: 4%;
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .extras {
    grid-template-columns: 65.3333333% 30.6666667%;
    gap: 4px 12px;
    margin-top: 0px !important;
    border-bottom: 1px solid #eaeaec;
    margin-bottom: 40px;
    padding-bottom: 12px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .extras .extra-label {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 1;
    grid-column-end: 3;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .extras .selected {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 1;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .extras .extra-total-price {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 2;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs h6 {
    margin-bottom: 24px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items {
    gap: 12px;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .value-care,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .extended-warranty,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .rto,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .insurance,
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body .breakdown-details .model-details .additioal-costs .items .tax {
    grid-template-columns: 65.3333% 30.6667%;
    gap: 4%;
  }
  .order-info-comp .fullBreakdown .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    display: none !important;
    width: 4px;
  }
  .order-info-comp .fullBreakdown.fade .modal-dialog.modal-dialog-zoom {
    right: -100%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
  }
  .order-info-comp .fullBreakdown.show .modal-dialog.modal-dialog-zoom {
    right: 0;
    transform: unset;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}

.model-filter-comp .models-scrollings .scrolling-buttons {
  position: absolute;
  top: 0;
  padding: 0;
  right: 0px;
  margin-bottom: 24px;
  display: flex !important;
}
.model-filter-comp .models-scrollings .scrolling-buttons.disabled {
  display: none !important;
}
.model-filter-comp .models-scrollings .scrolling-buttons .owl-prev.disabled,
.model-filter-comp .models-scrollings .scrolling-buttons .owl-next.disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.model-filter-comp .models-scrollings .scrolling-buttons .owl-prev.disabled span,
.model-filter-comp .models-scrollings .scrolling-buttons .owl-next.disabled span {
  color: rgba(122, 128, 132, 0.5);
}
.model-filter-comp .models-scrollings .scrolling-buttons .owl-prev.disabled:hover,
.model-filter-comp .models-scrollings .scrolling-buttons .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.model-filter-comp .models-scrollings .scrolling-buttons .owl-prev.disabled:hover span,
.model-filter-comp .models-scrollings .scrolling-buttons .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.model-filter-comp .models-scrollings .scrolling-buttons button:hover:enabled {
  background-color: #307fe2;
}
.model-filter-comp .models-scrollings .scrolling-buttons button:hover:enabled span {
  color: #ffffff;
}
.model-filter-comp .models-scrollings .scrolling-buttons .owl-prev {
  margin-right: 12px;
}
.model-filter-comp .models-scrollings .scrolling-buttons .owl-prev,
.model-filter-comp .models-scrollings .scrolling-buttons .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.model-filter-comp .models-scrollings .scrolling-buttons .owl-prev span,
.model-filter-comp .models-scrollings .scrolling-buttons .owl-next span {
  color: #307fe2;
  font-size: 20px;
}
.model-filter-comp .models-scrollings .owl-carousel .owl-stage-outer {
  min-height: 130px;
}
.model-filter-comp .models-scrollings .owl-stage {
  display: flex;
}
.model-filter-comp .models-scrollings a {
  text-align: center;
  text-decoration: none;
}
.model-filter-comp .models-scrollings a picture {
  display: block;
  width: 100%;
  cursor: pointer;
}
.model-filter-comp .models-scrollings a picture img {
  width: auto !important;
  pointer-events: none;
}
.model-filter-comp .models-scrollings a h6 {
  color: #383737;
  margin: 0;
  width: fit-content;
  line-height: 25px;
}
.model-filter-comp .models-scrollings .car-title {
  display: flex;
  justify-content: center;
  width: 100%;
}
.model-filter-comp .models-scrollings .car-title a {
  max-width: 188px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .model-filter-comp .models-scrollings {
    margin: 0 -40px;
  }
  .model-filter-comp .models-scrollings .car-models-scrollables .owl-stage {
    margin: 0 40px;
  }
  .model-filter-comp .models-scrollings .car-models-scrollables a h6 {
    color: #383737;
    margin-top: 8px;
    line-height: 22.8px;
  }
  .model-filter-comp .models-scrollings .car-title a {
    max-width: 160px;
  }
  .model-filter-comp .models-scrollings .left,
  .model-filter-comp .models-scrollings .right {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .model-filter-comp .models-scrollings {
    margin: 0 -30px;
  }
  .model-filter-comp .models-scrollings .car-models-scrollables .owl-stage {
    margin: 0 30px;
  }
  .model-filter-comp .models-scrollings .car-models-scrollables a h6 {
    color: #383737;
    margin-top: 8px;
  }
  .model-filter-comp .models-scrollings .car-title a {
    max-width: 144px;
  }
  .model-filter-comp .models-scrollings .left,
  .model-filter-comp .models-scrollings .right {
    display: none;
  }
}
.model-filter .model-filtering .car-models {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
}
.model-filter .model-filtering .car-models .model-title {
  margin-right: 47px;
  margin-bottom: 40px;
  text-decoration: none;
  width: 264px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.model-filter .model-filtering .car-models .model-title picture {
  display: block;
}
.model-filter .model-filtering .car-models .model-title picture img {
  max-width: 100%;
  height: auto;
  cursor: pointer;
}
.model-filter .model-filtering .car-models .model-title div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.model-filter .model-filtering .car-models .model-title div a {
  color: #383737;
  text-decoration: none;
  cursor: pointer;
}
.model-filter .model-filtering .car-models .model-title div h6 {
  width: fit-content;
  cursor: pointer;
  color: #383737;
  margin: 0%;
}
.model-filter .model-filtering .car-models .model-title:last-child {
  margin-right: 0% !important;
}
.model-filter.three-column .car-models .model-title:nth-child(3n) {
  margin-right: 0px;
}
.model-filter.four-column .model-filtering .car-models {
  width: 100%;
}
.model-filter.four-column .model-filtering .car-models .model-title:nth-child(4n) {
  margin-right: 0px;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .model-filter.three-column .car-models {
    width: 100%;
  }
  .model-filter.three-column .car-models .model-title {
    width: 264px;
  }
  .model-filter.four-column .car-models .model-title {
    width: 264px;
  }
  .model-filter.four-column .car-models .model-title:nth-child(3n) {
    margin-right: 0px !important;
  }
  .model-filter.four-column .car-models .model-title:nth-child(4n) {
    margin-right: 40px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .model-filter.three-column .car-models {
    width: 77.2312704%;
  }
  .model-filter.three-column .car-models .model-title {
    width: 264px;
  }
  .model-filter.four-column .car-models .model-title {
    width: 264px;
  }
  .model-filter.four-column .car-models .model-title:nth-child(3n) {
    margin-right: 40px !important;
  }
  .model-filter.four-column .car-models .model-title:nth-child(4n) {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .model-filter .model-filtering .car-models .model-title {
    margin-right: 16px;
    margin-bottom: 24px;
    width: 218px;
  }
  .model-filter .model-filtering .car-models .model-title picture {
    margin-bottom: 8px;
  }
  .model-filter .model-filtering .car-models .model-title:nth-child(3n) {
    margin-right: 0px;
  }
  .model-filter.four-column .model-filtering .car-models .model-title:nth-child(4n) {
    margin-right: 12px;
  }
  .model-filter.four-column .model-filtering .car-models .model-title:nth-child(3n) {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .model-filter .model-filtering {
    margin-bottom: 16px;
  }
  .model-filter .model-filtering .car-models .model-title {
    width: 47.5% !important;
    margin-right: 12px;
    margin-bottom: 24px;
  }
  .model-filter .model-filtering .car-models .model-title:nth-child(3n) {
    margin-right: 12px;
  }
  .model-filter .model-filtering .car-models .model-title:nth-child(2n) {
    margin-right: 0px;
  }
  .model-filter.three-column .car-models .model-title:nth-child(3n) {
    margin-right: 12px;
  }
  .model-filter.three-column .car-models .model-title:nth-child(2n) {
    margin-right: 0px;
  }
  .model-filter.four-column .model-filtering .car-models .model-title:nth-child(4n) {
    margin-right: 12px;
  }
  .model-filter.four-column .model-filtering .car-models .model-title:nth-child(3n) {
    margin-right: 12px;
  }
  .model-filter.four-column .model-filtering .car-models .model-title:nth-child(2n) {
    margin-right: 0px;
  }
}

#s7zoomviewer_div.s7zoomviewer {
  width: 100%;
  height: auto;
}

.category-item-rails-comp .title-arrows {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.category-item-rails-comp .title-arrows .title-link {
  display: flex;
  align-items: end;
  max-width: 52%;
  margin-bottom: 40px;
}
.category-item-rails-comp .title-arrows .title-link .title {
  margin-right: 24px;
}
.category-item-rails-comp .title-arrows .title-link .title h4 {
  word-break: break-word;
  color: #383737;
  margin-bottom: 0%;
}
.category-item-rails-comp .title-arrows .title-link .link a {
  display: flex;
  align-items: center;
  color: #307fe2;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.category-item-rails-comp .title-arrows .title-link .link a h6 {
  word-break: break-word;
  margin-bottom: 0;
  margin-right: 8px;
  color: #307fe2;
}
.category-item-rails-comp .title-arrows .title-link .link a i {
  font-size: 13px;
  color: #307fe2;
}
.category-item-rails-comp .title-arrows .arrows {
  display: flex;
}
.category-item-rails-comp .title-arrows .owl-prev {
  margin-right: 12px;
}
.category-item-rails-comp .title-arrows .owl-prev.disabled,
.category-item-rails-comp .title-arrows .owl-next.disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.category-item-rails-comp .title-arrows .owl-prev.disabled span,
.category-item-rails-comp .title-arrows .owl-next.disabled span {
  color: rgba(122, 128, 132, 0.5);
}
.category-item-rails-comp .title-arrows .owl-prev.disabled:hover,
.category-item-rails-comp .title-arrows .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.category-item-rails-comp .title-arrows .owl-prev.disabled:hover span,
.category-item-rails-comp .title-arrows .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.category-item-rails-comp .title-arrows button:hover:enabled {
  background-color: #307fe2;
}
.category-item-rails-comp .title-arrows button:hover:enabled span {
  color: #ffffff;
}
.category-item-rails-comp .title-arrows .owl-prev,
.category-item-rails-comp .title-arrows .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.category-item-rails-comp .title-arrows .owl-prev span,
.category-item-rails-comp .title-arrows .owl-next span {
  color: #307fe2;
  font-size: 20px;
}
.category-item-rails-comp .category-rails .category-items-rails a {
  text-decoration: none;
}
.category-item-rails-comp .category-rails .category-items-rails .category-item-image picture {
  display: block;
  padding-bottom: 24px;
}
.category-item-rails-comp .category-rails .category-items-rails .category-item-image picture img {
  width: auto;
}
.category-item-rails-comp .category-rails .category-items-rails .category-label {
  width: 292px;
}
.category-item-rails-comp .category-rails .category-items-rails .category-label h6 {
  word-break: break-word;
  margin-bottom: 0px;
  color: #383737;
}
.category-item-rails-comp .category-rails.gridLayout {
  display: grid;
  gap: 24px;
  grid-auto-flow: column;
  grid-auto-columns: 292px;
  overflow: scroll hidden;
  height: 100%;
  padding-right: 106px;
  scrollbar-width: none;
}
.category-item-rails-comp .category-rails.gridLayout picture,
.category-item-rails-comp .category-rails.gridLayout img,
.category-item-rails-comp .category-rails.gridLayout h6 {
  pointer-events: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .category-item-rails-comp {
    padding-right: 0px;
  }
  .category-item-rails-comp .categoryItems {
    margin-right: -40px;
  }
  .category-item-rails-comp .title-arrows {
    padding-right: 40px;
  }
  .category-item-rails-comp .title-arrows .title-link {
    justify-content: space-between;
    align-items: baseline !important;
    margin-bottom: 24px;
    width: 100%;
    max-width: 100%;
  }
  .category-item-rails-comp .title-arrows .title-link .title {
    width: 84%;
    margin-right: 22px;
  }
  .category-item-rails-comp .title-arrows .title-link .title h4 {
    margin-bottom: 0px;
  }
  .category-item-rails-comp .title-arrows .title-link .link {
    width: auto;
  }
  .category-item-rails-comp .title-arrows .title-link .link a h6 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
    margin-right: 8px;
  }
  .category-item-rails-comp .title-arrows .arrows {
    display: none;
  }
  .category-item-rails-comp .category-rails .category-items-rails .category-item-image picture {
    display: block;
    padding-bottom: 24px;
  }
  .category-item-rails-comp .category-rails .category-items-rails .category-item-image picture img {
    width: auto;
  }
  .category-item-rails-comp .category-rails .category-items-rails .category-label {
    max-width: 248px;
  }
  .category-item-rails-comp .category-rails .category-items-rails .category-label h6 {
    word-break: break-word;
    margin-bottom: 0px;
    color: #383737;
  }
  .category-item-rails-comp .category-rails.gridLayout {
    gap: 16px;
    grid-auto-columns: 248px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .category-item-rails-comp {
    padding-right: 0px;
  }
  .category-item-rails-comp .categoryItems {
    margin-right: -30px;
  }
  .category-item-rails-comp .title-arrows {
    padding-right: 30px;
  }
  .category-item-rails-comp .title-arrows .title-link {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 24px;
    width: 100%;
  }
  .category-item-rails-comp .title-arrows .title-link .title {
    width: 100%;
    margin-right: 0px;
  }
  .category-item-rails-comp .title-arrows .title-link .title h4 {
    margin-bottom: 8px;
  }
  .category-item-rails-comp .title-arrows .title-link .link {
    width: 100% !important;
  }
  .category-item-rails-comp .title-arrows .title-link .link a h6 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
    margin-right: 8px;
  }
  .category-item-rails-comp .title-arrows .arrows {
    display: none;
  }
  .category-item-rails-comp .category-rails .category-items-rails .category-item-image picture {
    display: block;
    padding-bottom: 16px;
  }
  .category-item-rails-comp .category-rails .category-items-rails .category-item-image picture img {
    width: auto;
  }
  .category-item-rails-comp .category-rails .category-items-rails .category-label {
    max-width: 248px;
  }
  .category-item-rails-comp .category-rails .category-items-rails .category-label h6 {
    word-break: break-word;
    margin-bottom: 0px;
    color: #383737;
  }
  .category-item-rails-comp .category-rails.gridLayout {
    gap: 12px;
    grid-auto-columns: 248px;
    padding-right: 30px;
  }
}

.category-item-comp .models-rails.addPaddings .title-link {
  padding-left: 0 !important;
  padding-right: 0% !important;
}
.category-item-comp .models-rails.addPaddings .image-rails .owl-stage-outer .owl-stage {
  padding-left: 0% !important;
  margin-left: 0 !important;
}
.category-item-comp .models-rails .title-link {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.category-item-comp .models-rails .title-link .title {
  margin-right: 24px;
}
.category-item-comp .models-rails .title-link .title h4 {
  margin-bottom: 40px;
  color: #383737;
}
.category-item-comp .models-rails .title-link .link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #307fe2;
}
.category-item-comp .models-rails .title-link .link a h6 {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  margin-bottom: 0;
  margin-right: 8px;
  color: #307fe2;
}
.category-item-comp .models-rails .title-link .link a i {
  font-size: 13px;
  color: #307fe2;
}
.category-item-comp .models-rails .title-link .arrows {
  display: flex;
}
.category-item-comp .models-rails .title-link .owl-prev {
  margin-right: 12px;
}
.category-item-comp .models-rails .title-link .owl-prev.disabled,
.category-item-comp .models-rails .title-link .owl-next.disabled {
  border: 1px solid rgba(122, 128, 132, 0.5);
}
.category-item-comp .models-rails .title-link .owl-prev.disabled span,
.category-item-comp .models-rails .title-link .owl-next.disabled span {
  color: rgba(122, 128, 132, 0.5);
}
.category-item-comp .models-rails .title-link .owl-prev.disabled:hover,
.category-item-comp .models-rails .title-link .owl-next.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.category-item-comp .models-rails .title-link .owl-prev.disabled:hover span,
.category-item-comp .models-rails .title-link .owl-next.disabled:hover span {
  color: rgba(122, 128, 132, 0.5);
}
.category-item-comp .models-rails .title-link button:hover:enabled {
  background-color: #307fe2;
}
.category-item-comp .models-rails .title-link button:hover:enabled span {
  color: #ffffff;
}
.category-item-comp .models-rails .title-link .owl-prev,
.category-item-comp .models-rails .title-link .owl-next {
  border: 1px solid #307fe2;
  outline: none;
  background-color: transparent;
  padding: 10px !important;
  width: fit-content;
  transition-duration: 0.4s;
}
.category-item-comp .models-rails .title-link .owl-prev span,
.category-item-comp .models-rails .title-link .owl-next span {
  color: #307fe2;
  font-size: 20px;
}
.category-item-comp .models-rails .image-rails .reviews-rating {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.category-item-comp .models-rails .image-rails .reviews-rating .rating {
  margin-right: 8px;
}
.category-item-comp .models-rails .image-rails .reviews-rating .rating span {
  font-size: 18px;
  width: 18px;
  color: #307fe2;
}
.category-item-comp .models-rails .image-rails .reviews-rating .reviews .metadata {
  color: #7a8084;
}
.category-item-comp .models-rails .image-rails .category-color {
  display: flex;
}
.category-item-comp .models-rails .image-rails .category-color .colors {
  margin-right: 20px;
}
.category-item-comp .models-rails .image-rails .category-color .colors.dual-tone .dual-colors {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #7a8084;
}
.category-item-comp .models-rails .image-rails .category-color .colors.dual-tone .first {
  content: '';
  position: absolute;
  height: 100%;
  width: 50%;
}
.category-item-comp .models-rails .image-rails .category-color .colors.dual-tone .first:first-child {
  background: #383737;
  left: 0;
}
.category-item-comp .models-rails .image-rails .category-color .colors.dual-tone .first:last-child {
  background: #307fe2;
  right: 0;
}
.category-item-comp .models-rails .image-rails .category-color .colors .single-color {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #7a8084;
}
.category-item-comp .models-rails .image-rails .category-color .colors .single {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: #307fe2;
  right: 0;
}
.category-item-comp .models-rails .image-rails .category-color .colors:last-child {
  margin-right: 0px;
}
.category-item-comp .models-rails .image-rails .category-image {
  max-width: 292px !important;
  max-width: 100%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .category-item-comp .models-rails .image-rails .category-image {
    max-width: 248px !important;
  }
}
.category-item-comp .models-rails .image-rails .category-image .category-details {
  flex-wrap: wrap;
}
.category-item-comp .models-rails .image-rails .category-image a {
  text-decoration: none;
}
.category-item-comp .models-rails .image-rails .category-image .category-information {
  display: flex;
  flex-direction: column;
}
.category-item-comp .models-rails .image-rails .category-image .category-information h6 {
  color: #383737;
}
.category-item-comp .models-rails .image-rails .category-image .category-price {
  color: #383737;
}
.category-item-comp .models-rails .image-rails .category-image img {
  width: 100%;
  max-width: 100%;
}
.category-item-comp .models-rails .image-rails.gird-layout {
  display: grid;
  gap: 24px;
  grid-auto-flow: column;
  grid-auto-columns: 292px;
  overflow-x: scroll;
  height: 100%;
}
.category-item-comp .models-rails .image-rails .owl-dots {
  text-align: center;
}
.category-item-comp .models-rails .image-rails button.owl-dot.active {
  opacity: 1;
}
.category-item-comp .models-rails .image-rails button.owl-dot {
  width: 10px;
  opacity: 0.5;
  height: 10px;
  border-radius: 50%;
  margin-right: 12px;
  background: #646464;
}
.category-item-comp .models-rails .sku-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.category-item-comp .models-rails .sku-dots button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: 0;
  border: none;
  margin-right: 20px;
  background: #646464;
  opacity: 0.5;
}
.category-item-comp .models-rails .sku-dots button#active {
  opacity: 1;
}
@media only screen and (min-width: 992px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-item-comp .models-rails {
    margin-bottom: 104px;
  }
  .category-item-comp .models-rails .image-rails picture {
    display: block;
    padding-bottom: 24px;
  }
  .category-item-comp .models-rails .image-rails .category-details {
    display: flex;
    flex-direction: row;
  }
  .category-item-comp .models-rails .image-rails .category-information {
    width: auto;
    margin-right: 15px;
  }
  .category-item-comp .models-rails .image-rails .category-information h6 {
    word-break: break-word;
    margin-bottom: 8px;
  }
  .category-item-comp .models-rails .image-rails .category-price {
    word-break: break-word;
    margin: 0px 15px 12px 0px;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .category-item-comp .models-rails {
    margin-right: -40px;
    margin-bottom: 82px;
  }
  .category-item-comp .models-rails.addPaddings {
    padding-left: 0px;
    padding-right: 0%;
    margin-right: -40px;
  }
  .category-item-comp .models-rails.addPaddings .title-link {
    padding-left: 0 !important;
    padding-right: 40px !important;
  }
  .category-item-comp .models-rails.addPaddings .image-rails .owl-stage-outer .owl-stage {
    padding-left: 0% !important;
    margin-left: 0 !important;
  }
  .category-item-comp .models-rails .title-link {
    padding: 0px  40px 0 0 !important;
    align-items: center;
  }
  .category-item-comp .models-rails .title-link .title {
    width: 83%;
  }
  .category-item-comp .models-rails .title-link .title h4 {
    margin-bottom: 24px;
  }
  .category-item-comp .models-rails .title-link .link {
    margin-left: auto !important;
  }
  .category-item-comp .models-rails .title-link .owl-theme {
    margin-left: 0 !important;
  }
  .category-item-comp .models-rails .image-rails.gird-layout {
    gap: 16px;
    grid-auto-columns: 248px;
    padding: 0px 40px 0 0 ;
  }
  .category-item-comp .models-rails .image-rails picture {
    display: block;
    padding-bottom: 16px;
  }
  .category-item-comp .models-rails .image-rails .category-details {
    display: flex;
    flex-direction: row;
  }
  .category-item-comp .models-rails .image-rails .category-information {
    max-width: 100%;
    width: auto;
    margin-right: 15px;
  }
  .category-item-comp .models-rails .image-rails .category-information h6 {
    margin-bottom: 8px;
  }
  .category-item-comp .models-rails .image-rails .category-price {
    margin: 0px 15px 16px 0px;
  }
  .category-item-comp .models-rails .owl-nav.disabled {
    display: none;
  }
  .category-item-comp .models-rails .sku-dots {
    display: none;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .category-item-comp .models-rails {
    margin-bottom: 76px;
    margin-right: 0px !important;
  }
  .category-item-comp .models-rails.addPaddings {
    padding-left: 30px;
    margin-right: 0px !important;
  }
  .category-item-comp .models-rails.addPaddings .title-link {
    padding-left: 0 !important;
  }
  .category-item-comp .models-rails.addPaddings .image-rails .owl-stage-outer .owl-stage {
    padding-left: 0% !important;
    margin-left: 0 !important;
  }
  .category-item-comp .models-rails .title-link {
    padding: 0 30px !important;
    flex-direction: column;
    align-items: unset;
  }
  .category-item-comp .models-rails .title-link .title {
    margin: 0%;
    width: 100%;
  }
  .category-item-comp .models-rails .title-link .title h4 {
    margin-bottom: 8px;
  }
  .category-item-comp .models-rails .title-link .link {
    margin-left: 0 !important;
    margin-bottom: 24px;
  }
  .category-item-comp .models-rails .title-link .owl-theme {
    margin-left: 0 !important;
  }
  .category-item-comp .models-rails .title-link .owl-nav.disabled {
    display: none;
  }
  .category-item-comp .models-rails .image-rails.gird-layout {
    gap: 12px;
    grid-auto-columns: 248px;
    padding: 0 30px;
  }
  .category-item-comp .models-rails .image-rails picture {
    display: block;
    padding-bottom: 16px;
  }
  .category-item-comp .models-rails .image-rails .category-information {
    width: auto;
  }
  .category-item-comp .models-rails .image-rails .category-information h6 {
    margin-bottom: 8px;
  }
  .category-item-comp .models-rails .image-rails .category-price {
    margin-bottom: 12px;
  }
}
.category-item-comp .models-rails:last-child {
  margin-bottom: 0%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .category-item-comp {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .category-item-comp {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
}

.accessories-cancellation-comp .main-container {
  width: 49.2%;
  margin: 0 auto 40px auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container {
    width: 79.2%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container {
    width: 96%;
  }
}
.accessories-cancellation-comp .main-container .cancel-title {
  color: #383737;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container .cancel-title {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container .cancel-title {
    padding-bottom: 16px;
  }
}
.accessories-cancellation-comp .main-container .cancel-container {
  padding: 64px;
  background-color: #ffffff;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container .cancel-container {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container .cancel-container {
    padding: 16px;
  }
}
.accessories-cancellation-comp .main-container .cancel-container .info-text {
  color: #7a8084;
}
.accessories-cancellation-comp .main-container .cancel-container .select-label {
  padding: 40px 0;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container .cancel-container .select-label {
    padding: 32px 0 24px 0;
  }
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-chekbox {
  width: 24px;
  display: flex;
  align-items: center;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-chekbox label {
  position: relative;
  cursor: pointer;
  color: #383737 !important;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-chekbox label input[type="checkbox"] {
  display: none;
  appearance: none;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-chekbox label .checkmark {
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 2px solid #7a8084;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-chekbox label input:checked ~ .checkmark {
  background-color: #307fe2;
  border: none;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-chekbox label .icon-Tick:before {
  display: none;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-chekbox label input:checked ~ .icon-Tick:before {
  display: block;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-pic {
  margin-left: 24px;
  margin-right: 24px;
  flex-basis: 17.9%;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-pic {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-pic {
    margin-left: 24px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-pic img {
    min-width: 64px;
    min-height: 48px;
  }
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info {
  width: 69.6%;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-name-qty {
  justify-content: space-between;
  color: #383737;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-name {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-name {
    width: 64.2%;
  }
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-name h6 {
  margin-bottom: 12px;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-quantity {
  flex-basis: 15%;
  display: flex;
  align-items: center;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-quantity .minus-icon,
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-quantity .plus-icon {
  border: 1px solid #307fe2;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
  color: #307fe2;
  cursor: pointer;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-quantity .quant-val {
  color: #383737;
  margin-left: 8px;
  margin-right: 8px;
  justify-content: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-quantity .quant-val {
    min-width: fit-content;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-quantity .quant-val {
    min-width: inherit;
  }
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .acs-info .item-quantity .disabled {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
  cursor: default;
  pointer-events: none;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container {
  display: none;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .title {
  margin-top: 40px;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list {
  list-style-type: none;
  padding-left: 0;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list .cancel-reason-list {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list .cancel-reason-list input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  min-width: 24px;
  cursor: pointer;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list .cancel-reason-list input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list .cancel-reason-list input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list .cancel-reason-list input[type='radio']:checked:before {
  background: #307fe2;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list .cancel-reason-list input::-webkit-outer-spin-button,
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list .cancel-reason-list input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .cancel-list .cancel-reason-list .radio-button-label {
  margin-left: 24px;
  color: #383737;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .reason-error {
  display: none;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #ed454f;
  padding-top: 10px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container .reason-container .reason-error {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container.disabled {
  cursor: default;
  pointer-events: none;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container.disabled .acs-chekbox label {
  color: rgba(122, 128, 132, 0.5) !important;
}
.accessories-cancellation-comp .main-container .cancel-container .acc-items .items-container.disabled .acs-chekbox label .checkmark {
  background-color: rgba(122, 128, 132, 0.5);
  border: 2px solid rgba(122, 128, 132, 0.5);
}
.accessories-cancellation-comp .main-container .cancel-container .information-container {
  color: #383737;
}
.accessories-cancellation-comp .main-container .cancel-container .information-container .icon-Info {
  font-size: 24px;
  padding-right: 8px;
}
.accessories-cancellation-comp .main-container .cancel-container .information-container .icon-Info:before {
  color: #383737;
}
.accessories-cancellation-comp .main-container .dividing-border {
  border-bottom: 1px solid #eaeaec;
  margin-top: 40px;
  margin-bottom: 40px;
}
.accessories-cancellation-comp .main-container .submit-button {
  width: fit-content;
}
.accessories-cancellation-comp .main-container .submit-button .submit-link {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  width: fit-content;
  cursor: pointer;
  color: #307fe2;
  border: 2px solid #307fe2;
  background-color: transparent;
}
.accessories-cancellation-comp .main-container .submit-button .submit-link.disabled {
  color: #7a8084;
  border: 2px solid #7a8084;
}
.accessories-cancellation-comp .main-container .cancel-modal #cancel-modal {
  background: rgba(56, 55, 55, 0.8);
}
.accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog {
  display: flex;
  max-width: 100%;
  justify-content: center;
  top: 25%;
}
.accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog .modal-content {
  width: 56.3%;
  min-height: 240px;
  padding: 80px;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog .modal-content {
    width: 89.6%;
    min-height: 146px;
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog .modal-content {
    min-height: 132px;
    padding: 30px;
  }
}
.accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog .modal-content .modal-body h4 {
  color: #383737;
  width: 84%;
  margin-right: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog .modal-content .modal-body h4 {
    width: 95%;
    margin-right: 10px;
  }
}
.accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog .modal-content .modal-body .close-icon {
  text-decoration: none;
  height: fit-content;
}
.accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog .modal-content .modal-body .close-icon span {
  text-decoration: none;
  color: #383737;
  font-size: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-cancellation-comp .main-container .cancel-modal #cancel-modal .modal-dialog .modal-content .modal-body .close-icon span {
    font-size: 24px;
  }
}

.basket-sticky-overview {
  position: sticky;
  top: 0px;
  align-self: flex-start;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-sticky-overview {
    position: relative;
  }
}
.basket-overview-comp {
  padding-left: 124px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-overview-comp {
    position: relative;
    z-index: 999;
    padding-left: 0;
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-overview-comp .modal_overlay {
    position: relative;
  }
  .basket-overview-comp .modal_overlay:before {
    opacity: 0.7;
    position: fixed;
    background: #282828;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    content: "";
  }
}
.basket-overview-comp .basket_overview_box {
  max-width: 396px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-overview-comp .basket_overview_box {
    max-width: 100%;
    position: relative;
  }
}
.basket-overview-comp .basket_overview_box .collapse_toggle_mobile {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .basket-overview-comp .basket_overview_box .collapse_toggle_mobile {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #ffffff;
    width: 100%;
    padding: 16px 30px;
    left: 0px;
    right: 0px;
    border-top: 1px solid #eaeaec;
  }
  .basket-overview-comp .basket_overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    letter-spacing: normal;
    font-weight: 500;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-overview-comp .basket_overview_box .collapse_toggle_mobile .collapse_toggle_mobile_title {
    font-size: 16px;
    line-height: 20px;
  }
}
.basket-overview-comp .basket_overview_box .list_heading {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  align-items: center;
  cursor: pointer;
}
.basket-overview-comp .basket_overview_box .list_heading .icontransform {
  transform: rotate(180deg);
  display: inline-flex;
  align-items: center;
}
.basket-overview-comp .basket_overview_box .basket_overview_title {
  padding-bottom: 21px;
  color: #383737;
}
.basket-overview-comp .basket_overview_box .basket_overview_title_section {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 16px;
  cursor: pointer;
}
.basket-overview-comp .basket_overview_box .basket_overview_title_section .basket-title {
  flex-basis: 66.5%;
  color: #383737;
}
.basket-overview-comp .basket_overview_box .basket_overview_title_section .icon-Down {
  flex-basis: 1%;
  text-align: end;
}
.basket-overview-comp .basket_overview_box .basket_overview_divider {
  border-bottom: solid 2px #eaeaec;
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section {
  display: grid;
  grid-template-columns: auto auto;
  gap: 16px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section {
    flex-direction: column;
    justify-content: initial;
  }
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items {
  display: flex;
  flex-basis: 68%;
  align-items: center;
  padding-bottom: 0px;
  color: #383737;
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items picture {
  width: 40px;
  margin-right: 8px;
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items .personal-car-image {
  background: #ffffff;
  position: relative;
  width: 40px;
  height: 30px;
  margin-right: 8px;
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items .personal-car-image .car-color {
  height: 16px;
  position: absolute;
  z-index: 9;
  width: 100%;
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items .personal-car-image picture {
  z-index: 99;
  position: absolute;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items {
    flex-basis: 100%;
    justify-content: initial;
    padding-bottom: 4px;
  }
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items .car-img {
  margin-right: 8px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items .car-img {
    display: none;
    margin-right: 0;
  }
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_items .quantity {
  padding-left: 8px;
  color: #383737;
  font-weight: 500;
}
.basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_price {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  flex-basis: 32%;
  text-align: end;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_price {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_price {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .basket_overview_total .basket_overview_items_section .basket_price {
    padding-bottom: 16px;
    text-align: initial;
  }
}
.basket-overview-comp .basket_overview_box .basket_overview_total.active .basket_overview_title_section .icon-Down {
  transform: rotate(180deg);
}
.basket-overview-comp .basket_overview_box .basket_overview_total_price {
  width: 100%;
  background: #ffffff;
  border-left: solid 8px #307fe2;
  min-height: 76px;
  padding: 16px 24px 16px 16px;
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .basket_overview_total_price {
    background-color: #f8f8f8;
  }
}
.basket-overview-comp .basket_overview_box .basket_overview_total_price .total-text {
  padding-bottom: 12px;
}
.basket-overview-comp .basket_overview_box .basket_overview_total_price .cost-text {
  color: #7a8084;
  margin-bottom: 0;
}
.basket-overview-comp .basket_overview_box .basket_overview_total_price .total-price {
  padding-top: 4px;
  color: #383737;
}
.basket-overview-comp .basket_overview_box .basket_overview_total_price .description-bookingfee p {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  margin-bottom: 0;
  padding-top: 8px;
}
.basket-overview-comp .basket_overview_box .overview_box_accordian {
  padding: 16px 0px 16px 0px;
  border-bottom: solid 2px #eaeaec;
}
.basket-overview-comp .basket_overview_box .overview_box_accordian.CollapseCatogories {
  display: none;
}
.basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list {
  margin: 0px;
  padding: 0px;
}
.basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0px 0px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li {
    flex-direction: column;
  }
}
.basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span {
  color: #7a8084;
}
.basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
  max-width: 198px;
  text-align: right;
  color: #383737;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
  padding-bottom: 3px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 {
    max-width: 100%;
    text-align: left;
  }
}
.basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li h6 span {
  display: block;
}
.basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li:last-child {
  padding-bottom: 0px;
}
.basket-overview-comp .basket_overview_box .overview_box_accordian .overview-comp-collapse-item .overview_list li span:nth-child(2) {
  text-align: right;
}
@media only screen and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .basket-overview-comp .basket_overview_box .overview_box_container {
    position: fixed !important;
    top: auto;
    bottom: 78px;
    height: 36% !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 9999;
    display: none;
    border-bottom: 1px solid #eaeaec;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .basket-overview-comp .basket_overview_box .overview_box_container {
    position: fixed !important;
    top: 0px;
    height: calc(100vh - 78px) !important;
    overflow: auto !important;
    left: 0px;
    right: 0px;
    padding: 13px 30px !important;
    background: #ffffff;
    z-index: 9999;
    display: none;
    border-bottom: 1px solid #eaeaec;
  }
}
.basket-overview-comp .showBackDrop {
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .basket-overview-comp .showBackDrop {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    height: 100vh;
    width: 100%;
    max-width: 100%;
    background: #383737;
    inset: auto 0px 78px;
    display: block;
    opacity: 80%;
  }
}
.basket-overview-comp .cq-Editable-dom .basket-overview-comp .overview_box_container,
.basket-overview-comp .cq-Editable-dom .basket-overview-comp .collapse_toggle_mobile {
  position: static !important;
  height: auto !important;
}

.accessory-billing-details-comp .search-match {
  color: #307fe2;
}
.accessory-billing-details-comp .select2-selection--single {
  margin: 0;
}
.accessory-billing-details-comp .select2.select2-container {
  display: inline-block;
}
.accessory-billing-details-comp .select2-dropdown {
  z-index: 998;
}
.accessory-billing-details-comp .select2-container--tmlreimagine .select2-selection--single .select2-selection__rendered {
  width: 91%;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  height: 22px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessory-billing-details-comp .select2-container--tmlreimagine .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessory-billing-details-comp .select2-container--tmlreimagine .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessory-billing-details-comp .select2-container--tmlreimagine .select2-selection--single .select2-selection__arrow {
  width: 9%;
  text-align: end;
}
.accessory-billing-details-comp .select2-container--tmlreimagine .select2-selection__placeholder {
  display: block;
  height: 22px;
}
.accessory-billing-details-comp .select2-results__option {
  padding-bottom: 16px;
}
.accessory-billing-details-comp .select2-results__option.select2-results__option--selected {
  color: #307fe2;
  cursor: pointer;
}
.accessory-billing-details-comp .address-dropdown .select2-results__options li:last-child {
  padding: 0;
}
.accessory-billing-details-comp .billing-details {
  background-color: #ffffff;
  padding: 64px;
}
.accessory-billing-details-comp .billing-details p {
  padding: 0;
  margin: 0;
  color: #7a8084;
  width: 100%;
}
.accessory-billing-details-comp .billing-details h6 {
  color: #383737;
}
.accessory-billing-details-comp .billing-details .selection-heading {
  margin-bottom: 24px;
}
.accessory-billing-details-comp .billing-details .address-wrapper {
  display: none;
}
.accessory-billing-details-comp .billing-details .address-wrapper .address-dropdown {
  width: 44.137931%;
}
.accessory-billing-details-comp .billing-details .address-wrapper .address-title {
  margin-bottom: 8px;
  width: fit-content;
}
.accessory-billing-details-comp .billing-details .address-wrapper .address-details.noAddressDropDown {
  margin-top: 0;
}
.accessory-billing-details-comp .billing-details .address-wrapper .address-details {
  width: 46.5517241%;
  margin: 40px 0 40px 0;
}
.accessory-billing-details-comp .billing-details .address-wrapper .validate-address-ribbon {
  width: 100%;
  background-color: #f8f8f8;
  border-left: solid 8px #f39b5b;
  min-height: fit-content;
  padding: 24px 40px 24px 32px;
  margin: 40px 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.accessory-billing-details-comp .billing-details .address-wrapper .validate-address-ribbon p {
  color: #383737;
}
.accessory-billing-details-comp .billing-details .cta-link {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  width: fit-content;
  cursor: pointer;
  color: #307fe2;
}
.accessory-billing-details-comp .billing-details .cta-link .icon-Arrow-Right {
  font-size: 12px;
  margin-left: 8px;
}
.accessory-billing-details-comp .billing-details .edit-address-section,
.accessory-billing-details-comp .billing-details .temp-address-section {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessory-billing-details-comp .billing-details .edit-address-section,
  .accessory-billing-details-comp .billing-details .temp-address-section {
    flex-direction: column;
  }
}
.accessory-billing-details-comp .billing-details .add-address-section {
  display: none;
}
.accessory-billing-details-comp .billing-details .add-address-section .address-link-info {
  padding-bottom: 40px;
  color: #383737;
}
.accessory-billing-details-comp .billing-details .add-address-section .address-link-text {
  color: #7a8084;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessory-billing-details-comp .billing-details {
    padding: 40px;
  }
  .accessory-billing-details-comp .billing-details .selection-heading {
    margin-bottom: 40px;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .select2-container--tmlreimagine .select2-selection--single .select2-selection__rendered {
    width: 92%;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .select2-container--tmlreimagine .select2-selection--single .select2-selection__arrow {
    width: 8%;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .address-dropdown {
    width: 48.6842%;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .address-details {
    width: 44.551724%;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessory-billing-details-comp .billing-details {
    padding: 24px 16px;
  }
  .accessory-billing-details-comp .billing-details .selection-heading {
    margin-bottom: 32px;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper {
    width: 100%;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .select2-container--tmlreimagine .select2-selection--single .select2-selection__rendered {
    width: 92%;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .address-details {
    width: 90%;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .address-dropdown {
    width: 100%;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .address-details {
    margin: 32px 0 32px 0;
  }
  .accessory-billing-details-comp .billing-details .address-wrapper .validate-address-ribbon {
    padding: 16px 24px;
    margin: 32px 0;
  }
  .accessory-billing-details-comp .billing-details .add-address-section .address-link-info {
    padding-bottom: 32px;
  }
}
.accessory-billing-details-comp .accessories-billing-form {
  background-color: #ffffff;
  color: #383737;
  padding: 64px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessory-billing-details-comp .accessories-billing-form {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessory-billing-details-comp .accessories-billing-form {
    padding: 24px 16px;
  }
}
.accessory-billing-details-comp .accessories-billing-form .rightarrow-icon {
  width: 10px;
  margin-left: 9px;
}
.accessory-billing-details-comp .accessories-billing-form p {
  margin-bottom: 8px;
}
.accessory-billing-details-comp .accessories-billing-form .billing-address-form-field {
  margin-bottom: 40px;
}
.accessory-billing-details-comp .accessories-billing-form .floating-group {
  position: relative;
}
.accessory-billing-details-comp .accessories-billing-form .clear-pin button {
  margin: 0 0 0 auto;
  color: #307fe2;
}
.accessory-billing-details-comp .accessories-billing-form .clear-pin.disabled button {
  color: #7a8084;
}
.accessory-billing-details-comp .accessories-billing-form .manual-address-entry-btn {
  padding-top: 26px;
}
.accessory-billing-details-comp .accessories-billing-form .state-city-locality-dropdowns,
.accessory-billing-details-comp .accessories-billing-form .addresstype-country-pincode-dropdowns {
  display: block;
}
.accessory-billing-details-comp .accessories-billing-form .state-city-locality-dropdowns {
  padding-top: 40px;
}
.accessory-billing-details-comp .accessories-billing-form .floating-labelText {
  color: #7a8084;
}
.accessory-billing-details-comp .accessories-billing-form .invalid-error-msg {
  color: #ed454f;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.accessory-billing-details-comp .accessories-billing-form .floating-group label.error {
  position: absolute;
  bottom: -20px;
  pointer-events: none;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  left: 0;
}
.accessory-billing-details-comp .accessories-billing-form button {
  color: #307fe2;
  margin: 26px 0 16px 0;
  padding: 0;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.accessory-billing-details-comp .accessories-billing-form button[disabled="disabled"] {
  color: #7a8084;
}
.accessory-billing-details-comp .accessories-billing-form input::-webkit-outer-spin-button,
.accessory-billing-details-comp .accessories-billing-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.accessory-billing-details-comp .accessories-billing-form .address-type-dropdown input {
  border: 0;
  border-bottom: 2px solid #383737;
  width: 100%;
  background-color: transparent;
}
.accessory-billing-details-comp .accessories-billing-form .editable-input {
  position: relative;
  padding-top: 16px;
}
.accessory-billing-details-comp .accessories-billing-form .editable-input input,
.accessory-billing-details-comp .accessories-billing-form .editable-input input:focus,
.accessory-billing-details-comp .accessories-billing-form .editable-input input:focus-visible {
  border: 0;
  outline: 0;
}
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label {
  border-bottom: 2px solid #383737;
  color: #383737;
  padding-bottom: 0;
  width: 100%;
  background-color: transparent;
  opacity: 1;
  padding-left: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label {
    padding-bottom: 3px;
  }
}
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label.error,
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label.error:focus {
  border-bottom: 2px solid #ed454f;
}
.accessory-billing-details-comp .accessories-billing-form .editable-input label {
  position: absolute;
  pointer-events: none;
  bottom: -3px;
  color: #7a8084;
  padding-bottom: 8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessory-billing-details-comp .accessories-billing-form .editable-input label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessory-billing-details-comp .accessories-billing-form .editable-input label {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessory-billing-details-comp .accessories-billing-form .editable-input label.error {
  margin-bottom: -33px;
  color: #ed454f;
  padding-bottom: 15px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.accessory-billing-details-comp .accessories-billing-form .editable-input i {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:focus ~ label,
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:valid ~ label {
  bottom: 25px;
  color: #7a8084;
  display: block;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:focus ~ label,
  .accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:valid ~ label {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:focus ~ label.error,
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:valid ~ label.error {
  bottom: -3px;
  color: #ed454f;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:focus {
  border-bottom: 2px solid #307fe2;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:focus {
    padding-bottom: 3px;
  }
}
.accessory-billing-details-comp .accessories-billing-form .editable-input .floating-label:disabled {
  background-color: #ffffff;
  border-bottom: 2px solid #7a8084;
  opacity: 0.6;
}
.accessory-billing-details-comp .validate-address-form,
.accessory-billing-details-comp .validatecustom-apimessageforPincode {
  visibility: hidden;
  width: 0;
  height: 0;
}
.accessory-billing-details-comp .validate-address-form input,
.accessory-billing-details-comp .validatecustom-apimessageforPincode input {
  width: 0;
  padding: 0;
  height: 0;
  border: 0;
}

.accessories-summary-comp .accessories-summary h4 {
  color: #282828;
}
.accessories-summary-comp .accessories-summary .overall-payments-container,
.accessories-summary-comp .accessories-summary .due-Today-container,
.accessories-summary-comp .accessories-summary .split-container {
  display: none;
}
.accessories-summary-comp .accessories-summary .page_summary_title {
  margin-bottom: 40px;
}
.accessories-summary-comp .accessories-summary .item-cost-label {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
  color: #383737;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .item-cost-label {
    color: #7a8084;
  }
}
.accessories-summary-comp .accessories-summary .item-cost-label .cost-label {
  padding-right: 64px;
}
.accessories-summary-comp .accessories-summary .dividing-border {
  border-bottom: 1px solid #eaeaec;
  margin-top: 24px;
  margin-bottom: 40px;
}
.accessories-summary-comp .accessories-summary input::-webkit-outer-spin-button,
.accessories-summary-comp .accessories-summary input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.accessories-summary-comp .accessories-summary .radio-button {
  display: flex;
  align-items: center;
  padding-top: 26px;
}
.accessories-summary-comp .accessories-summary .radio-button input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  min-width: 24px;
  cursor: pointer;
}
.accessories-summary-comp .accessories-summary .radio-button input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.accessories-summary-comp .accessories-summary .radio-button input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.accessories-summary-comp .accessories-summary .radio-button input[type='radio']:checked:before {
  background: #307fe2;
}
.accessories-summary-comp .accessories-summary .radio-button label {
  padding-left: 16px;
  color: #383737;
}
.accessories-summary-comp .accessories-summary .split-text-container,
.accessories-summary-comp .accessories-summary .payTodayContainer {
  flex-direction: row;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .split-text-container,
  .accessories-summary-comp .accessories-summary .payTodayContainer {
    flex-direction: column;
  }
}
.accessories-summary-comp .accessories-summary .full-pay-radio {
  padding-right: 40px;
}
.accessories-summary-comp .accessories-summary .payments-container {
  padding-bottom: 16px;
}
.accessories-summary-comp .accessories-summary .pay-input-field {
  position: relative;
  width: auto;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .pay-input-field {
    flex-wrap: nowrap !important;
  }
}
.accessories-summary-comp .accessories-summary .pay-input-field .pay-input,
.accessories-summary-comp .accessories-summary .pay-input-field .pay-input:focus-visible {
  border: 0;
  border-bottom: 2px solid #383737;
  outline: 0;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-align: end;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .pay-input-field .pay-input,
  .accessories-summary-comp .accessories-summary .pay-input-field .pay-input:focus-visible {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .pay-input-field .pay-input,
  .accessories-summary-comp .accessories-summary .pay-input-field .pay-input:focus-visible {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .pay-input-field .pay-input,
  .accessories-summary-comp .accessories-summary .pay-input-field .pay-input:focus-visible {
    width: 100%;
  }
}
.accessories-summary-comp .accessories-summary .pay-input-field .rupee-symbol {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  background: none;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .pay-input-field .rupee-symbol {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .pay-input-field .rupee-symbol {
    font-size: 22px;
    line-height: 24.2px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .pay-input-field .rupee-symbol {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.accessories-summary-comp .accessories-summary .pay-input-field .rupee-symbol::before {
  content: "₹";
}
.accessories-summary-comp .accessories-summary .payTodayContainer {
  padding-bottom: 16px;
}
.accessories-summary-comp .accessories-summary .reminderDesc {
  color: #7a8084;
  max-width: 533px;
}
.accessories-summary-comp .accessories-summary .field-label {
  color: #7a8084;
}
.accessories-summary-comp .accessories-summary .hide-by-opacity,
.accessories-summary-comp .accessories-summary .hide-by-accessory-opacity {
  opacity: 0 !important;
  pointer-events: none;
}
.accessories-summary-comp .accessories-summary .basket_item {
  align-items: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .basket_item {
    align-items: flex-start;
  }
}
.accessories-summary-comp .accessories-summary .basket_item .basket_quantity {
  flex-basis: 50%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .basket_item .basket_quantity {
    flex-direction: column;
    align-items: flex-start;
  }
}
.accessories-summary-comp .accessories-summary .basket_item .basket_item_pic {
  margin-right: 24px;
  flex-basis: 10%;
}
.accessories-summary-comp .accessories-summary .basket_item .basket_item_pic img {
  min-width: 104px;
  min-height: 80px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .basket_item .basket_item_pic img {
    min-width: 80px;
    min-height: 62px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .basket_item .basket_item_pic {
    display: none;
    flex-basis: 0%;
  }
}
.accessories-summary-comp .accessories-summary .basket_item .basket_info {
  flex-basis: 62%;
}
.accessories-summary-comp .accessories-summary .basket_item .basket_info .item_name_price {
  display: flex;
  justify-content: space-between;
}
.accessories-summary-comp .accessories-summary .basket_item .basket_info .item_name_price .item_name {
  margin-bottom: 24px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .basket_item .basket_info .item_name_price .item_name {
    margin-bottom: 16px;
  }
}
.accessories-summary-comp .accessories-summary .basket_item .basket_info .item_name_price .item_name p {
  margin: 0px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.accessories-summary-comp .accessories-summary .basket_item .basket_info .item_name_price .item_name h6 {
  color: #383737;
}
.accessories-summary-comp .accessories-summary .basket_item .item_price {
  flex-basis: 50%;
  text-align: right;
  padding-right: 64px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .basket_item .item_price {
    padding-right: 12px;
  }
}
.accessories-summary-comp .accessories-summary .basket_item .item_price h6 {
  color: #383737;
}
.accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity {
  flex-basis: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity .minus-icon,
.accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity .plus-icon {
  border: 1px solid #307fe2;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
  color: #307fe2;
  cursor: pointer;
}
.accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity .item-quantity,
.accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity .minus-icon {
  margin-right: 8px;
}
.accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity .item-quantity {
  color: #383737;
  min-width: fit-content;
  text-align: center;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity .item-quantity {
    min-width: fit-content;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity .item-quantity {
    min-width: inherit;
  }
}
.accessories-summary-comp .accessories-summary .basket_item .basket_item_quantity .disabled {
  color: rgba(122, 128, 132, 0.5);
  border: 1px solid rgba(122, 128, 132, 0.5);
  cursor: default;
  pointer-events: none;
}
.accessories-summary-comp .accessories-summary .postBookingStatus .basket_item_quantity {
  opacity: 0;
}
.accessories-summary-comp .accessories-summary .summary_label {
  align-items: center;
  padding: 32px 0px;
  justify-content: space-between;
}
.accessories-summary-comp .accessories-summary .summary_label .summary_item_price {
  padding-right: 64px;
  text-align: right;
}
.accessories-summary-comp .accessories-summary .summary_label .summary_item_price h6 {
  margin-bottom: 12px;
}
.accessories-summary-comp .accessories-summary .summary_label .summary_item_price p {
  margin-bottom: 0px;
  color: #383737;
}
.accessories-summary-comp .accessories-summary .booking_background {
  background-color: antiquewhite;
}
.accessories-summary-comp .accessories-summary .overview-total {
  width: 100%;
  background: #ffffff;
  border-left: solid 8px #307fe2;
  min-height: 218px;
  padding: 40px 64px 40px 56px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .overview-total {
    min-height: 176px;
    padding: 32px 40px 32px 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .overview-total {
    border-left: solid 4px #307fe2;
    min-height: 200px;
    padding: 24px 14px 24px 14px;
  }
}
.accessories-summary-comp .accessories-summary .overview-total .booking-title {
  margin-bottom: 16px;
  min-height: 56px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .overview-total .booking-title {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .overview-total .booking-title {
    min-height: 48px;
    padding-bottom: 8px;
  }
}
.accessories-summary-comp .accessories-summary .overview-total .booking-title h5 {
  color: #383737;
  min-height: 30px;
  width: 375px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .overview-total .booking-title h5 {
    width: 248px;
    min-height: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .overview-total .booking-title h5 {
    width: 45%;
    min-height: 48px;
  }
}
.accessories-summary-comp .accessories-summary .overview-total .overview-total-title {
  padding-bottom: 12px;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .overview-total .overview-total-title {
    margin-bottom: 0px;
  }
}
.accessories-summary-comp .accessories-summary .overview-total .overview-total-label {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 4px;
  display: block;
}
.accessories-summary-comp .accessories-summary .overview-total .summary-desc {
  max-width: 533px;
  color: #7a8084;
}
.accessories-summary-comp .accessories-summary .overview-total .summary-desc p {
  margin-bottom: 0px;
  max-width: 500px;
  min-height: 66px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .overview-total .summary-desc p {
    max-width: 352px;
    position: relative;
    top: 0px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .overview-total .summary-desc p {
    max-width: 298px;
    top: 0px;
  }
}
.accessories-summary-comp .accessories-summary .overview-total .notification_division {
  border-top: solid 1px #ccc;
  padding-top: 40px;
  margin-top: 40px;
}
.accessories-summary-comp .accessories-summary .overview-total .notification_division .notification_items {
  width: 1116px;
  background-color: #f8f8f8;
  padding: 16px 18px;
  margin-bottom: 8px;
}
.accessories-summary-comp .accessories-summary .overview-total .notification_division .notification_items p {
  margin: 0px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.accessories-summary-comp .accessories-summary .overview-total .total-booking-price {
  min-width: 110px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .overview-total .total-booking-price {
    min-width: 98px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .overview-total .total-booking-price {
    width: auto;
  }
}
.accessories-summary-comp .accessories-summary .overview-total .total-booking-price h5,
.accessories-summary-comp .accessories-summary .overview-total .total-booking-price p {
  text-align: right;
  margin-bottom: 0;
}
.accessories-summary-comp .accessories-summary .overview-total .total-booking-price p {
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .overview-total .total-booking-price p {
    min-height: 24px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.accessories-summary-comp .accessories-summary .overview-total .total-booking-price h5 {
  min-width: 118px;
  padding-bottom: 4px;
  width: fit-content;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary .overview-total .total-booking-price h5 {
    min-width: 97px;
    min-height: 24px;
    width: fit-content;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary .overview-total .total-booking-price h5 {
    min-width: 111px;
    padding-right: 0;
    width: fit-content;
  }
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog {
  max-width: 812px !important;
  margin: 0 auto;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog {
    max-width: 688px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog {
    max-width: 332px !important;
  }
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container {
  padding: 80px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container {
    padding: 40px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container {
    padding: 30px;
  }
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .summary-popup-head {
  display: flex;
  justify-content: space-between;
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .summary-popup-head .remove-basket-title {
  padding-bottom: 32px;
  max-width: 548px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .summary-popup-head .remove-basket-title {
    max-width: 576px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .summary-popup-head .remove-basket-title {
    max-width: 224px;
  }
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .summary-popup-head .summary-popup-close {
  font-size: 40px;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .summary-popup-head .summary-popup-close {
    font-size: 32px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .summary-popup-head .summary-popup-close {
    font-size: 24px;
  }
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .remove-warning-msg {
  color: #7a8084;
  padding-bottom: 40px;
  max-width: 548px;
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .remove-warning-msg * {
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .remove-warning-msg {
    max-width: 576px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .remove-warning-msg {
    max-width: 272px;
  }
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .success-btn {
  padding: 12px 24px;
}
.accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .success-btn a {
  text-decoration: none;
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-summary-comp .accessories-summary-popup .modal-dialog .summary-popup-container .success-btn {
    width: 100%;
  }
}

.accessories-search-results-comp {
  padding-top: 40px;
}
.accessories-search-results-comp.extraPadding {
  padding-top: 40px;
}
.accessories-search-results-comp .search-opacity {
  opacity: 0.5;
}
.accessories-search-results-comp .search-right-arrow {
  content: "\e98b";
  font-family: 'icomoon';
  padding-left: 17px;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.accessories-search-results-comp .search-down-arrow {
  content: "\e991";
  font-family: 'icomoon';
  color: #383737;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.accessories-search-results-comp .search-add-icon {
  border: #307fe2 1px solid;
  color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  margin-top: -5px;
  cursor: pointer;
}
.accessories-search-results-comp .search-minus-icon {
  color: #ffffff;
  border: #307fe2 1px solid;
  background-color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  margin-top: -5px;
  cursor: pointer;
}
.accessories-search-results-comp .search-remove-icon {
  content: "\e956";
  font-family: "icomoon";
  color: #ffffff;
  font-size: 20px;
  padding-left: 9px;
  vertical-align: middle;
  cursor: pointer;
}
.accessories-search-results-comp .cancel-cross-button {
  content: "\e951";
  font-family: 'icomoon';
  background: transparent;
  border: none;
  height: 7px;
  width: 7px;
  color: #307fe2;
  padding-left: 10px;
  cursor: pointer;
  position: absolute;
}
.accessories-search-results-comp .search-radiobutton input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  cursor: pointer;
  margin-right: 12px;
  min-width: 15px;
  vertical-align: middle;
}
.accessories-search-results-comp .search-radiobutton input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.accessories-search-results-comp .search-radiobutton input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.accessories-search-results-comp .search-radiobutton input[type='radio']:checked:before {
  background: #307fe2;
}
.accessories-search-results-comp .search-priceSlider input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
.accessories-search-results-comp .search-priceSlider input[type=range].distance_range:focus-visible {
  outline: 2px solid #307fe2;
}
.accessories-search-results-comp .search-priceSlider .ui-widget-header {
  background: #307fe2;
}
.accessories-search-results-comp .search-priceSlider .ui-widget-content {
  border: none;
}
.accessories-search-results-comp .search-priceSlider input[type=range].price_range:focus-visible {
  outline: 2px solid #307fe2;
}
.accessories-search-results-comp .search-priceSlider span.ui-slider-handle.ui-corner-all.ui-state-default {
  border: 2px solid #307fe2;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -1px;
  outline-color: #307fe2;
  outline-width: 2px;
}
.accessories-search-results-comp .search-priceSlider .ui-slider-horizontal {
  height: 4px;
  background: #eaeaec;
  cursor: pointer;
}
.accessories-search-results-comp .search-priceSlider input[type="range"]:focus,
.accessories-search-results-comp .search-priceSlider .ui-state-active:focus,
.accessories-search-results-comp .search-priceSlider .ui-state-hover:focus {
  outline: none;
}
.accessories-search-results-comp .search-priceSlider .ui-slider-handle:focus-visible {
  border: solid 1px #307fe2;
}
.accessories-search-results-comp .search-filter-options {
  list-style: none;
}
.accessories-search-results-comp .search-filter-options .search-modal-variant {
  border-bottom: #eaeaec 1px solid;
  padding: 40px 0px 24px 0px;
  position: relative;
  margin: 0;
}
.accessories-search-results-comp .search-filter-options .search-modal-variant .search-modal-variant-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .search-filter-options .search-modal-variant .search-modal-variant-label::after {
  content: "\e98b";
  font-family: 'icomoon';
  padding-left: 17px;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.accessories-search-results-comp .search-filter-options .search-modal-variant .search-modal-variant-val {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px;
}
.accessories-search-results-comp .search-filter-options .search-modal-variant .search-modal-variant-val.hide-modal {
  padding-top: 0;
}
.accessories-search-results-comp .search-filter-options .search-modal-variant .search-modal-variant-val .variant {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 5px 5px;
}
.accessories-search-results-comp .search-filter-options .search-modal-variant .search-modal-variant-val .variant .clear-option {
  cursor: pointer;
  padding-left: 9px;
}
.accessories-search-results-comp .search-filter-options .search-category {
  border-bottom: #eaeaec 1px solid;
  padding: 24px 0px;
  position: relative;
  margin: 0;
}
.accessories-search-results-comp .search-filter-options .search-category .search-category-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .search-filter-options .search-category .search-category-label::after {
  content: "\e98b";
  font-family: 'icomoon';
  padding-left: 17px;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.accessories-search-results-comp .search-filter-options .search-category .search-category-val {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px;
}
.accessories-search-results-comp .search-filter-options .search-category .search-category-val.hide-category {
  padding-top: 0;
}
.accessories-search-results-comp .search-filter-options .search-category .search-category-val .category {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 5px 5px;
}
.accessories-search-results-comp .search-filter-options .search-category .search-category-val .category .clear-option {
  cursor: pointer;
  padding-left: 9px;
}
.accessories-search-results-comp .search-filter-options .search-ratings {
  border-bottom: #eaeaec 1px solid;
  padding: 24px 0px;
  position: relative;
  margin: 0;
}
.accessories-search-results-comp .search-filter-options .search-ratings .search-rating-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .search-filter-options .search-ratings .search-rating-label::after {
  content: "\e98b";
  font-family: 'icomoon';
  padding-left: 17px;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.accessories-search-results-comp .search-filter-options .search-ratings .search-ratings-val {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px;
}
.accessories-search-results-comp .search-filter-options .search-ratings .search-ratings-val.hide-rating {
  padding-top: 0;
}
.accessories-search-results-comp .search-filter-options .search-ratings .search-ratings-val .ratings {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 5px 5px;
}
.accessories-search-results-comp .search-filter-options .search-ratings .search-ratings-val .ratings .clear-option {
  cursor: pointer;
  padding-left: 9px;
}
.accessories-search-results-comp .search-filter-options .search-types {
  padding: 24px 0px;
  position: relative;
  border-bottom: #eaeaec 1px solid;
}
.accessories-search-results-comp .search-filter-options .search-types.icontransform .search-types-label::after {
  transform: rotate(180deg);
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-label::after {
  content: "\e991";
  font-family: 'icomoon';
  color: #383737;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-options input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  cursor: pointer;
  margin-right: 12px;
  min-width: 15px;
  vertical-align: middle;
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-options input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-options input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-options input[type='radio']:checked:before {
  background: #307fe2;
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-options .search-type-option-labels {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .search-filter-options .search-types .search-types-options .search-type-option-labels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-results-comp .search-filter-options .search-types .search-types-options .search-type-option-labels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-options .collapse {
  display: none;
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-val {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 16px 0px 5px 0px;
  width: fit-content;
  display: none;
}
.accessories-search-results-comp .search-filter-options .search-types .search-types-val .icon-Minus {
  padding-left: 9px;
  vertical-align: middle;
  cursor: pointer;
}
.accessories-search-results-comp .search-filter-options .search-price {
  padding: 24px 0px;
  position: relative;
}
.accessories-search-results-comp .search-filter-options .search-price.icontransform .search-price-label::after {
  transform: rotate(180deg);
}
.accessories-search-results-comp .search-filter-options .search-price .search-price-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .search-filter-options .search-price .search-price-label::after {
  content: "\e991";
  font-family: 'icomoon';
  color: #383737;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab {
  padding-top: 16px;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range {
  padding: 0 2px 0 10px;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range input[type=range].distance_range:focus-visible {
  outline: 2px solid #307fe2;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range .ui-widget-header {
  background: #307fe2;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range .ui-widget-content {
  border: none;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range input[type=range].price_range:focus-visible {
  outline: 2px solid #307fe2;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range span.ui-slider-handle.ui-corner-all.ui-state-default {
  border: 2px solid #307fe2;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -1px;
  outline-color: #307fe2;
  outline-width: 2px;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range .ui-slider-horizontal {
  height: 4px;
  background: #eaeaec;
  cursor: pointer;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range input[type="range"]:focus,
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range .ui-state-active:focus,
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range .ui-state-hover:focus {
  outline: none;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range .ui-slider-handle:focus-visible {
  border: solid 1px #307fe2;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .search-price-range .search-price-column {
  margin-left: -10px;
  padding-top: 15px;
  display: flex;
  place-content: space-between;
}
.accessories-search-results-comp .search-filter-options .search-price .price-tab .collapse {
  display: none;
}
.accessories-search-results-comp .search-filter-options .search-price .search-price-val {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 16px 0px 5px 0px;
  width: fit-content;
  display: none;
}
.accessories-search-results-comp .search-filter-options .search-price .search-price-val .icon-Minus {
  padding-left: 9px;
  vertical-align: middle;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search-results {
  border-bottom: #eaeaec 1px solid;
  display: flex;
  place-content: space-between;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-result-count {
  padding-top: 40px;
  margin-bottom: 40px;
  color: #383737;
  max-width: 160px;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown {
  justify-content: flex-end;
  position: relative;
  max-width: 292px;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-sort-label {
  color: #7a8084;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-sort-list {
  position: relative;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-sort-list.icontransform .search-sort-option .accessories-list::after {
  transform: rotate(180deg);
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-sort-list .search-sort-option {
  border-bottom: #383737 1px solid;
  width: 100%;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  padding: 8px 0px;
  color: #383737;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-sort-list .search-sort-option .accessories-list {
  width: 88%;
  margin-bottom: 0px !important;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-sort-list .search-sort-option .accessories-list::after {
  content: "\e991";
  font-family: 'icomoon';
  color: #383737;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-accessories-list {
  position: absolute;
  width: 100%;
  background: none 0 0 repeat scroll #fff;
  box-shadow: 0 4px 8px 0 #0000001f;
  padding: 8px 16px;
  z-index: 2;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-accessories-list.collapse {
  display: none;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-accessories-list .search-label {
  display: block;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-accessories-list .search-label .selected-label {
  color: #383737;
  display: block;
  padding-bottom: 8px;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 8px 0px;
}
.accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-accessories-list .search-label .selected-label.active {
  color: #307fe2 !important;
}
.accessories-search-results-comp .accessories-search-results .search .search-filter-d {
  max-width: 307px;
  position: relative;
}
.accessories-search-results-comp .accessories-search-results .search .search-filter-d .Search-filter-container {
  padding-right: 35px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container {
  display: flex;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type {
  list-style: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant {
  border-bottom: #eaeaec 1px solid;
  padding: 40px 0px 24px 0px;
  position: relative;
  margin: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-label::after {
  content: "\e98b";
  font-family: 'icomoon';
  padding-left: 17px;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-val {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-val.hide-modal {
  padding-top: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-val .variant {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 5px 5px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-val .variant .clear-option {
  cursor: pointer;
  padding-left: 9px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category {
  border-bottom: #eaeaec 1px solid;
  padding: 24px 0px;
  position: relative;
  margin: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-label::after {
  content: "\e98b";
  font-family: 'icomoon';
  padding-left: 17px;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-val {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-val.hide-category {
  padding-top: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-val .category {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 5px 5px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-val .category .clear-option {
  cursor: pointer;
  padding-left: 9px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings {
  border-bottom: #eaeaec 1px solid;
  padding: 24px 0px;
  position: relative;
  margin: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-rating-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-rating-label::after {
  content: "\e98b";
  font-family: 'icomoon';
  padding-left: 17px;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-ratings-val {
  display: flex;
  flex-flow: wrap;
  padding-top: 16px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-ratings-val.hide-rating {
  padding-top: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-ratings-val .ratings {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 5px 5px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-ratings-val .ratings .clear-option {
  cursor: pointer;
  padding-left: 9px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types {
  padding: 24px 0px;
  position: relative;
  border-bottom: #eaeaec 1px solid;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types.icontransform .search-types-label::after {
  transform: rotate(180deg);
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-label::after {
  content: "\e991";
  font-family: 'icomoon';
  color: #383737;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options input[type='radio'] {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: none;
  border: 2px solid #7a8084;
  cursor: pointer;
  margin-right: 12px;
  min-width: 15px;
  vertical-align: middle;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options input[type='radio']:checked {
  border: 2px solid #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options input[type='radio']:before {
  content: '';
  display: block;
  width: 80%;
  height: 80%;
  margin: 10% auto;
  border-radius: 50%;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options input[type='radio']:checked:before {
  background: #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options .search-type-option-labels {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 16px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options .search-type-option-labels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options .search-type-option-labels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options .collapse {
  display: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-val {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 16px 0px 5px 0px;
  width: fit-content;
  display: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-val .icon-Minus {
  padding-left: 9px;
  vertical-align: middle;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price {
  padding: 24px 0px;
  position: relative;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price.icontransform .search-price-label::after {
  transform: rotate(180deg);
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .search-price-label {
  color: #383737;
  cursor: pointer;
  max-width: 244px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .search-price-label::after {
  content: "\e991";
  font-family: 'icomoon';
  color: #383737;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab {
  padding-top: 16px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range {
  padding: 0 2px 0 10px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #eaeaec;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range input[type=range].distance_range:focus-visible {
  outline: 2px solid #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-widget-header {
  background: #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-widget-content {
  border: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range input[type=range].price_range:focus-visible {
  outline: 2px solid #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range span.ui-slider-handle.ui-corner-all.ui-state-default {
  border: 2px solid #307fe2;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -1px;
  outline-color: #307fe2;
  outline-width: 2px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-slider-horizontal {
  height: 4px;
  background: #eaeaec;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range input[type="range"]:focus,
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-state-active:focus,
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-state-hover:focus {
  outline: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-slider-handle:focus-visible {
  border: solid 1px #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .search-price-column {
  margin-left: -10px;
  padding-top: 15px;
  display: flex;
  place-content: space-between;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .collapse {
  display: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .search-price-val {
  color: #ffffff;
  background-color: #307fe2;
  padding: 8px;
  margin: 16px 0px 5px 0px;
  width: fit-content;
  display: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .search-price-val .icon-Minus {
  padding-left: 9px;
  vertical-align: middle;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-buttons .search-apply-filter:disabled {
  color: rgba(122, 128, 132, 0.5);
  border: 2px solid rgba(122, 128, 132, 0.5);
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-buttons .cta-link {
  color: #307fe2;
  padding-top: 24px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-buttons .cta-link:disabled {
  color: rgba(122, 128, 132, 0.5);
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-buttons .cta-link:disabled::after {
  color: rgba(122, 128, 132, 0.5);
  pointer-events: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-buttons .cta-link::after {
  content: "\e951";
  font-family: 'icomoon';
  background: transparent;
  border: none;
  height: 7px;
  width: 7px;
  color: #307fe2;
  padding-left: 10px;
  cursor: pointer;
  position: absolute;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup {
  background-color: #ffffff;
  position: absolute;
  height: 100vh;
  padding: 40px;
  overflow-y: scroll;
  overscroll-behavior: contain;
  z-index: 99;
  left: 100%;
  width: 396px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .collapse {
  display: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-popup-title .search-type-title {
  display: none;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-popup-title .search-modal-close {
  justify-content: flex-end;
  border: none;
  background: transparent;
  float: right;
  clear: right;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-popup-title .search-modal-close .icon-Cross {
  font-size: 25px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-bar {
  padding-top: 44px;
  border-bottom: #7a8084 1px solid;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  width: 100%;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-bar .icon-Search {
  color: #383737;
  font-size: 20px;
  color: #7a8084;
  padding-right: 10px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-bar .search-item {
  width: 100%;
  position: static;
  border: none;
  background: none;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-bar .search-item {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-bar .search-item {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .show-accsr-error-msg {
  display: none;
  color: #7a8084 !important;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .modal-list {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  padding-left: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .modal-list {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .modal-list {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .modal-list .modal-image {
  margin-right: 24px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .variant-list {
  list-style: none;
  padding-left: 88px;
  padding-bottom: 35px;
  padding-top: 10px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .variant-list {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .variant-list .icon-Add {
  border: #307fe2 1px solid;
  color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  margin-top: -5px;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .variant-list .icon-Minus {
  color: #ffffff;
  border: #307fe2 1px solid;
  background-color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  margin-top: -5px;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .category-popup .category-list {
  list-style: none;
  padding-bottom: 35px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .category-popup .category-list {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .category-popup .category-list {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .category-popup .category-list .icon-Add {
  border: #307fe2 1px solid;
  color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  margin-top: -5px;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .category-popup .category-list .icon-Minus {
  color: #ffffff;
  border: #307fe2 1px solid;
  background-color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  margin-top: -5px;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .ratings-popup {
  padding-top: 48px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .ratings-popup .rating-list {
  list-style: none;
  padding-bottom: 35px;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .ratings-popup .rating-list .icon-Add {
  border: #307fe2 1px solid;
  color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  margin-top: -5px;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .ratings-popup .rating-list .icon-Minus {
  color: #ffffff;
  border: #307fe2 1px solid;
  background-color: #307fe2;
  font-size: 32px;
  float: right;
  clear: right;
  margin-top: -5px;
  cursor: pointer;
}
.accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob {
  display: none;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results {
  padding-top: 40px;
  padding-bottom: 26px;
  display: none;
  padding-left: 5px;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .search-result-image {
  max-width: 292px;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-card-title {
  padding: 24px 10px 0px 0px;
  color: #383737;
  margin-bottom: 0px;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-card-price {
  padding: 24px 10px 0px 0px;
  color: #383737;
  margin-bottom: 0px;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn {
  padding-top: 24px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn {
    padding-top: 14px;
  }
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn .dual-color {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
  border: 1px solid #7a8084;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn .dual-color .first {
  content: '';
  position: absolute;
  height: 100%;
  width: 50%;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn .dual-color .first:first-child {
  background: #383737;
  left: 0;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn .dual-color .first:last-child {
  background: #307fe2;
  right: 0;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn .single-color .single {
  margin-right: 20px;
  height: 20px;
  width: 20px;
  border: none;
  border-radius: 50%;
  outline: none;
  border: 1px solid #7a8084;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .result-card-ratings {
  padding-top: 8px;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .icon-Star-Rest,
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .icon-Star-Active,
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .icon-Star-Half {
  color: #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .result-card-reviews {
  padding-left: 9px;
  color: #7a8084;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination {
  color: #307fe2;
  padding-top: 40px;
  padding-bottom: 64px;
  position: relative;
  border-bottom: #eaeaec 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination a {
  color: #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination a.current {
  color: rgba(122, 128, 132, 0.5);
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .prev {
  position: absolute;
  left: 0%;
  display: flex;
  color: #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .prev::before {
  content: "\e99a";
  font-family: "icomoon";
  padding-right: 10px;
  cursor: pointer;
  color: #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .prev.inactive {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .prev.inactive::before {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .prev.inactive .cta-link {
  color: rgba(122, 128, 132, 0.5) !important;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box {
  position: relative;
  display: flex;
  align-items: center;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .page-input-border {
  padding-top: 8px;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  /* Firefox */
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .page-input-border .pagination-input {
  width: 28px;
  border: none;
  text-align: left;
  background: none;
  outline: none;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .page-input-border input::-webkit-outer-spin-button,
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .page-input-border input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .page-input-border input[type=number] {
  -moz-appearance: textfield;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box span {
  padding-left: 4px;
  padding-right: 4px;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .pagination-button {
  margin-left: 40px;
  color: #307fe2;
  background-color: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  width: max-content;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .pagination-button::after {
  content: "\e9a0";
  font-family: 'icomoon';
  font-size: 12px;
  padding-left: 8px;
  cursor: pointer;
  position: absolute;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .next {
  position: absolute;
  right: 0%;
  display: flex;
  color: #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .next::after {
  content: "\e9a0";
  font-family: "icomoon";
  padding-left: 10px;
  cursor: pointer;
  color: #307fe2;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .next.inactive {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .next.inactive::after {
  color: rgba(122, 128, 132, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .next.inactive .cta-link {
  color: rgba(122, 128, 132, 0.5) !important;
}
.accessories-search-results-comp .accessories-search-results .search .accessories-lifestyle-error {
  display: none;
  padding: 80px 180px;
  margin-left: 5px;
  background-color: #ffffff;
  text-align: center;
  margin-top: 40px;
  color: #383737;
}
.accessories-search-results-comp .accessories-search-results .search .accessories-lifestyle-error .search-result-error-title {
  padding-bottom: 8px;
  color: #ed454f;
}
.accessories-search-results-comp .accessories-search-results .search .accessories-lifestyle-error .search-result-error-desc {
  margin-bottom: 0px;
}
.accessories-search-results-comp .accessories-search-results-err {
  display: none;
  padding: 80px;
  background-color: #ffffff;
  color: #383737;
}
.accessories-search-results-comp .accessories-search-results-err .search-result-error-title {
  text-align: center;
  padding: 0 256px 8px 256px;
}
.accessories-search-results-comp .accessories-search-results-err .search-result-error-desc {
  margin-bottom: 0;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
.accessories-search-results-comp .accessories-search-results-err .search-result-error-desc * {
  margin-bottom: 0;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .accessories-search-results .search-results {
    border-bottom: none;
  }
  .accessories-search-results-comp .accessories-search-results .search-results .search-result-count {
    max-width: 160px;
    padding-top: 29px;
    margin-bottom: 40px;
  }
  .accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown {
    max-width: 248px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-d {
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob {
    display: block;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-head {
    display: flex;
    place-content: space-between;
    border-bottom: #eaeaec 1px solid;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-head .filter-label {
    padding-bottom: 16px;
    color: #383737;
    max-width: 66px;
    max-width: 187px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-head .change-btn {
    justify-content: flex-end;
    color: #307fe2;
    margin-right: 20px;
    max-height: 18px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-head .change-btn::after {
    content: "\e9a0";
    font-family: 'icomoon';
    background: transparent;
    border: none;
    height: 7px;
    width: 7px;
    padding-left: 10px;
    cursor: pointer;
    position: absolute;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels {
    display: flex;
    flex-wrap: wrap;
    padding-top: 24px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-modal-variant-label,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-category-label,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-rating-label,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-types-label,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-price-label {
    flex: 0 0 18.3%;
    color: #7a8084;
    margin-right: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-modal-variant-val,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-category-val,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-ratings-val,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-types-val,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-price-val {
    font-family: Poppins;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    text-decoration: none;
    color: #383737;
    padding: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-modal-variant-val .icon-Minus,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-category-val .icon-Minus,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-ratings-val .icon-Minus,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-types-val .icon-Minus,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-price-val .icon-Minus {
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .col-md-3 {
    padding-top: 24px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-cancel-btn {
    color: #307fe2;
    padding-top: 24px;
    padding-left: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-cancel-btn:disabled {
    color: rgba(122, 128, 132, 0.5);
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-cancel-btn:disabled::after {
    color: rgba(122, 128, 132, 0.5);
    pointer-events: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-cancel-btn::after {
    content: "\e951";
    font-family: 'icomoon';
    background: transparent;
    border: none;
    height: 7px;
    width: 7px;
    color: #307fe2;
    padding-left: 10px;
    cursor: pointer;
    position: absolute;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal {
    z-index: 9999999;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog {
    margin-top: 0;
    position: absolute;
    left: 17%;
    overflow-y: initial !important;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content {
    height: 100%;
    max-width: 83%;
    padding: 40px 40px 28px 80px;
    overflow-y: auto;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content .search-filter-close {
    display: flex;
    place-content: space-between;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content .search-filter-close .filter-label {
    margin: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content .search-filter-close .close {
    justify-content: flex-end;
    border: none;
    background: transparent;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content .search-filter-close .close .icon-Cross {
    font-size: 25px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type {
    list-style: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant {
    border-bottom: #eaeaec 1px solid;
    padding: 40px 0px 24px 0px;
    position: relative;
    margin: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-label {
    color: #383737;
    cursor: pointer;
    max-width: 244px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-label::after {
    content: "\e98b";
    font-family: 'icomoon';
    padding-left: 17px;
    cursor: pointer;
    position: absolute;
    right: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-val {
    display: flex;
    flex-flow: wrap;
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-val.hide-modal {
    padding-top: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-val .variant {
    color: #ffffff;
    background-color: #307fe2;
    padding: 8px;
    margin: 5px 5px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-modal-variant .search-modal-variant-val .variant .clear-option {
    cursor: pointer;
    padding-left: 9px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category {
    border-bottom: #eaeaec 1px solid;
    padding: 24px 0px;
    position: relative;
    margin: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-label {
    color: #383737;
    cursor: pointer;
    max-width: 244px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-label::after {
    content: "\e98b";
    font-family: 'icomoon';
    padding-left: 17px;
    cursor: pointer;
    position: absolute;
    right: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-val {
    display: flex;
    flex-flow: wrap;
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-val.hide-category {
    padding-top: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-val .category {
    color: #ffffff;
    background-color: #307fe2;
    padding: 8px;
    margin: 5px 5px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-category .search-category-val .category .clear-option {
    cursor: pointer;
    padding-left: 9px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings {
    border-bottom: #eaeaec 1px solid;
    padding: 24px 0px;
    position: relative;
    margin: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-rating-label {
    color: #383737;
    cursor: pointer;
    max-width: 244px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-rating-label::after {
    content: "\e98b";
    font-family: 'icomoon';
    padding-left: 17px;
    cursor: pointer;
    position: absolute;
    right: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-ratings-val {
    display: flex;
    flex-flow: wrap;
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-ratings-val.hide-rating {
    padding-top: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-ratings-val .ratings {
    color: #ffffff;
    background-color: #307fe2;
    padding: 8px;
    margin: 5px 5px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-ratings .search-ratings-val .ratings .clear-option {
    cursor: pointer;
    padding-left: 9px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types {
    padding: 24px 0px;
    position: relative;
    border-bottom: #eaeaec 1px solid;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types.icontransform .search-types-label::after {
    transform: rotate(180deg);
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-label {
    color: #383737;
    cursor: pointer;
    max-width: 244px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-label::after {
    content: "\e991";
    font-family: 'icomoon';
    color: #383737;
    position: absolute;
    cursor: pointer;
    right: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options input[type='radio'] {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    outline: none;
    border: 2px solid #7a8084;
    cursor: pointer;
    margin-right: 12px;
    min-width: 15px;
    vertical-align: middle;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options input[type='radio']:checked {
    border: 2px solid #307fe2;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options input[type='radio']:before {
    content: '';
    display: block;
    width: 80%;
    height: 80%;
    margin: 10% auto;
    border-radius: 50%;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options input[type='radio']:checked:before {
    background: #307fe2;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options .search-type-option-labels {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options .collapse {
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-val {
    color: #ffffff;
    background-color: #307fe2;
    padding: 8px;
    margin: 16px 0px 5px 0px;
    width: fit-content;
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-val .icon-Minus {
    padding-left: 9px;
    vertical-align: middle;
    cursor: pointer;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price {
    padding: 24px 0px;
    position: relative;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price.icontransform .search-price-label::after {
    transform: rotate(180deg);
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .search-price-label {
    color: #383737;
    cursor: pointer;
    max-width: 244px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .search-price-label::after {
    content: "\e991";
    font-family: 'icomoon';
    color: #383737;
    position: absolute;
    cursor: pointer;
    right: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab {
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range {
    padding: 0 2px 0 10px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: #eaeaec;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range input[type=range].distance_range:focus-visible {
    outline: 2px solid #307fe2;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-widget-header {
    background: #307fe2;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-widget-content {
    border: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range input[type=range].price_range:focus-visible {
    outline: 2px solid #307fe2;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range span.ui-slider-handle.ui-corner-all.ui-state-default {
    border: 2px solid #307fe2;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    background: #ffffff;
    cursor: pointer;
    margin-top: -1px;
    outline-color: #307fe2;
    outline-width: 2px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-slider-horizontal {
    height: 4px;
    background: #eaeaec;
    cursor: pointer;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range input[type="range"]:focus,
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-state-active:focus,
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-state-hover:focus {
    outline: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .ui-slider-handle:focus-visible {
    border: solid 1px #307fe2;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .search-price-range .search-price-column {
    margin-left: -10px;
    padding-top: 15px;
    display: flex;
    place-content: space-between;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .price-tab .collapse {
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .search-price-val {
    color: #ffffff;
    background-color: #307fe2;
    padding: 8px;
    margin: 16px 0px 5px 0px;
    width: fit-content;
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price .search-price-val .icon-Minus {
    padding-left: 9px;
    vertical-align: middle;
    cursor: pointer;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-price {
    margin-bottom: 40px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    padding: 24px 0px 24px 8px;
    background-color: #ffffff;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-buttons .cta-link {
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup {
    top: 0;
    left: 17%;
    z-index: 99999999;
    padding: 40px 40px 68px 88px;
    height: 100%;
    width: 83%;
    position: fixed;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-popup-title {
    display: flex;
    place-content: space-between;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-popup-title .search-type-title {
    margin: 0;
    display: block;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-popup-title .search-type-title::before {
    content: "\e98e";
    font-family: "icomoon";
    color: #307fe2;
    padding-right: 30px;
    cursor: pointer;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-popup-title .search-modal-close {
    justify-content: flex-end;
    border: none;
    background: transparent;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-popup-title .search-modal-close .icon-Cross {
    font-size: 25px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .modal-list .modal-image {
    margin-right: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .variant-list {
    padding-left: 120px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards.overlay {
    background: none;
    opacity: 1;
    pointer-events: auto;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results {
    padding-bottom: 18px;
    padding-left: 0px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .search-result-image {
    padding-right: 8px;
    max-width: 336px !important;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .search-result-image.tab-mob-padding {
    padding-right: 0px;
    padding-left: 8px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-card-title {
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-card-price {
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn {
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination {
    padding-bottom: 40px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box span {
    padding-left: 8px;
    padding-right: 8px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .pagination-button {
    padding-left: 32px !important;
    margin-left: 0px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .pagination-button::after {
    font-size: 10px;
  }
  .accessories-search-results-comp .accessories-search-results .search .accessories-lifestyle-error {
    margin-left: 0px;
    padding: 80px 66px;
  }
  .accessories-search-results-comp .accessories-search-results .search .accessories-lifestyle-error .search-result-error-title {
    padding-bottom: 0px;
  }
  .accessories-search-results-comp .accessories-search-results-err {
    padding: 80px 66px;
  }
  .accessories-search-results-comp .accessories-search-results-err .search-result-error-title {
    padding: 0px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 991px), only screen and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options .search-type-option-labels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 991px) and only screen and (max-width: 576px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (max-width: 576px), only screen and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-filter .search-filter-type .search-types .search-types-options .search-type-option-labels {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .accessories-search-results-comp.extraPadding {
    padding-top: 122px;
  }
  .accessories-search-results-comp .accessories-search-results .search-results {
    flex-direction: column;
  }
  .accessories-search-results-comp .accessories-search-results .search-results .search-result-count {
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown {
    padding-bottom: 40px !important;
    max-width: 300px;
  }
  .accessories-search-results-comp .accessories-search-results .search-results .search-sort-dropdown .search-sort-list .search-sort-option .accessories-list {
    width: 86%;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-d {
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob {
    padding-bottom: 24px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-head .filter-label {
    margin-bottom: 0px;
    max-width: 187px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels {
    padding-top: 24px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-modal-variant-label,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-rating-label,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-category-label,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-types-label,
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-filter-labels .search-price-label {
    flex: 0 0 46%;
    padding-top: 0;
    padding-bottom: 16px;
    margin-right: 12px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .search-cancel-btn {
    padding-bottom: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog {
    left: 0;
    z-index: 9999999;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content {
    max-width: 100%;
    padding: 28px 30px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content .Search-filter-container .search-filter .search-filter-type .search-price {
    margin-bottom: 40px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content .Search-filter-container .search-filter .search-buttons {
    padding: 24px 30px;
    right: 0;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-filter-tab-mob .modal .modal-dialog .modal-content .Search-filter-container .search-filter .search-buttons .search-apply-filter {
    width: 100%;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup {
    left: 0;
    z-index: 99999999;
    padding: 30px 30px 40px 30px;
    height: 100%;
    width: 100%;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .search-type-title::before {
    padding-right: 25px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .modal-list .modal-image {
    margin-right: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .Search-filter-container .search-result-popup .modal-variant-popup .variant-list {
    padding-left: 80px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results {
    padding-top: 0px;
    padding-bottom: 26px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-card-title {
    padding-top: 16px;
    margin: 0px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-card-price {
    padding-top: 16px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .details-card .result-color-btn {
    padding-top: 16px;
    margin: 0px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .search-result-image {
    padding-right: 6px;
    max-width: 144px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .search-result-image.tab-mob-padding {
    padding-right: 0px;
    padding-left: 6px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-filter-results .result-color-btn {
    margin-top: 10px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination {
    padding-top: 0px;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .prev h6 {
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .next h6 {
    display: none;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .pagination-button {
    padding-left: 24px !important;
  }
  .accessories-search-results-comp .accessories-search-results .search .search-cards .search-result-pagination .pagination-box .pagination-button::after {
    font-size: 10px;
  }
  .accessories-search-results-comp .accessories-search-results .search .accessories-lifestyle-error {
    margin: 0 -16px;
    padding: 40px 15px;
  }
  .accessories-search-results-comp .accessories-search-results .search .accessories-lifestyle-error .search-result-error-title {
    padding: 0 55px;
    padding-bottom: 0px;
  }
  .accessories-search-results-comp .accessories-search-results-err {
    padding: 40px;
    margin: 0 -16px;
  }
  .accessories-search-results-comp .accessories-search-results-err .search-result-error-title {
    padding: 0 30px;
  }
}

.accessories-search .accessories-search-link,
.accessories-search .accessories-search-button {
  display: none;
}
.accessories-search.search-link .accessories-search-link {
  display: block;
}
.accessories-search.search-button .accessories-search-button {
  display: flex;
  flex-direction: column;
}
.accessories-search-comp .accessories-search-button {
  width: 604px;
  max-height: 404px;
  background-color: #ffffff;
  padding: 64px;
}
.accessories-search-comp .accessories-search-button .accessories {
  padding-bottom: 40px;
  position: relative;
}
.accessories-search-comp .accessories-search-button .accessories .acc-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  color: #383737;
  padding-bottom: 12px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-button .accessories .acc-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-comp .accessories-search-button .accessories .acc-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.accessories-search-comp .accessories-search-button .accessories .description {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-button .accessories .description {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-search-comp .accessories-search-button .accessories .search {
  position: relative;
  border-bottom: 2px solid #383737;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  min-width: 100%;
  z-index: 999;
}
.accessories-search-comp .accessories-search-button .accessories .search .icon-Search {
  color: #383737;
  font-size: 20px;
  margin-right: 8px;
}
.accessories-search-comp .accessories-search-button .accessories .search .searchItem {
  width: 100%;
  position: static;
  border: none;
  max-height: 30px;
  background: none;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  padding-left: 0px;
  margin-right: 8px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-button .accessories .search .searchItem {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-comp .accessories-search-button .accessories .search .searchItem {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-search-comp .accessories-search-button .accessories .search .close-icon {
  position: static;
  right: 0;
  font-size: 20px;
  padding-top: 0px;
  color: #383737;
  cursor: pointer;
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList {
  z-index: 999;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  height: 399px;
  padding: 40px 40px 10px;
  background-color: #ffffff;
  overflow: auto;
  position: absolute;
  width: 100%;
  box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-button .accessories .seachTrendingList {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList .searchTitle {
  margin: 0px;
  padding: 0px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList .searchTitle .suggestions {
  padding: 0px 0px 24px;
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList .searchTitle li {
  padding-bottom: 24px;
  display: block;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-button .accessories .seachTrendingList .searchTitle li {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList .searchTitle li:last-child {
  padding-bottom: 0px !important;
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList .searchTitle li a {
  padding-bottom: 24px;
  display: block;
  text-decoration: none;
  color: #383737;
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList .searchTitle li a:last-child {
  padding-bottom: 0px !important;
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.accessories-search-comp .accessories-search-button .accessories .seachTrendingList::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList {
  width: 100%;
  height: 399px;
  padding: 40px 40px;
  background-color: #ffffff;
  overflow: auto;
  position: absolute;
  box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.1);
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList .searchTitle {
  margin: 0px;
  padding: 0px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  border-bottom: 1px solid #7a8084;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList .searchTitle .suggestions {
  padding: 24px 0px;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList .searchTitle li {
  padding-bottom: 24px;
  display: block;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList .searchTitle li {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList .searchTitle li:last-child {
  padding-bottom: 0px !important;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList .searchTitle li a {
  text-decoration: none;
  color: #383737;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList ul:first-child .suggestions:first-child {
  padding-top: 0px !important;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList ul:last-child {
  border-bottom: none;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.accessories-search-comp .accessories-search-button .highlight {
  padding: 1px 4px;
  margin: 0 -4px;
  font-weight: bold;
}
.accessories-search-comp .accessories-search-button .configButton {
  display: block;
}
.accessories-search-comp .accessories-search-button .configButton .config_box {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  font-weight: 500 !important;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  padding: 12px 24px;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-button .configButton .config_box {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-comp .accessories-search-button .configButton .config_box {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-search-comp .accessories-search-button .disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.accessories-search-comp .accessories-search-button .disabled .config_box {
  border: 2px solid rgba(122, 128, 132, 0.5) !important;
  color: rgba(122, 128, 132, 0.5) !important;
}
.accessories-search-comp .accessories-search-button .error-msg {
  color: #383737;
}
.accessories-search-comp .accessories-search-link .search-title {
  padding-bottom: 24px;
  max-width: 372px;
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-link .search-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-comp .accessories-search-link .search-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.accessories-search-comp .accessories-search-link .search-link-body {
  padding: 40px 64px 40px 64px;
  width: 604px;
  max-height: 110px;
  background-color: #ffffff;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link {
  border-bottom: 2px solid #383737;
  display: inline-flex;
  width: 100%;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search {
  padding-right: 17px;
  padding-bottom: 8px;
  border: none;
  background: none;
  outline: none;
  display: inline-flex;
  width: 81%;
  align-items: center;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search .icon-Search {
  color: #383737;
  font-size: 20px;
  padding-right: 13px;
  padding-top: 0px;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search .searchItem {
  position: static;
  border: none;
  background: none;
  width: 100%;
  outline: none;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: #383737;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search .searchItem {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search .searchItem {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search .searchItem ::placeholder {
  color: #7a8084;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search .searchItem :-ms-input-placeholder {
  color: #7a8084;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search .searchItem ::-ms-input-placeholder {
  color: #7a8084;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search .close-icon {
  position: static;
  right: 0;
  font-size: 20px;
  padding-top: 0px;
  color: #383737;
  cursor: pointer;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search-link {
  margin-top: 8px;
  max-height: 20px;
  cursor: pointer;
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #307fe2;
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search-link.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(122, 128, 132, 0.5);
}
.accessories-search-comp .accessories-search-link .search-link-body .border-search-link .search-link .icon-Arrow-Right {
  font-size: 12px;
  padding-left: 8px;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList {
  width: 100%;
  height: 399px;
  padding: 40px 40px;
  background-color: #ffffff;
  overflow: auto;
  position: absolute;
  box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.1);
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList .searchTitle {
  margin: 0px;
  padding: 0px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #7a8084;
  border-bottom: 1px solid #7a8084;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList .searchTitle .suggestions {
  padding: 24px 0px;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList .searchTitle li {
  padding-bottom: 24px;
  display: block;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-link .seachAccessoriesList .searchTitle li {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList .searchTitle li:last-child {
  padding-bottom: 0px !important;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList .searchTitle li a {
  text-decoration: none;
  color: #383737;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList ul:first-child .suggestions:first-child {
  padding-top: 0px !important;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList ul:last-child {
  border-bottom: none;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList::-webkit-scrollbar-track {
  background-color: #eaeaec;
  margin: 16px;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList::-webkit-scrollbar {
  width: 4px;
  display: block !important;
}
.accessories-search-comp .accessories-search-link .seachAccessoriesList::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #7a8084;
}
.accessories-search-comp .show-acc-error-msg {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.24px;
  letter-spacing: normal;
  color: #ed454f !important;
  padding-top: 8px;
  display: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-search-comp .accessories-search-button {
    margin: 0px !important;
    height: 356px !important;
    width: 100% !important;
  }
  .accessories-search-comp .accessories-search-button .accessories .acc-title {
    max-width: 100%;
    padding-bottom: 8px;
  }
  .accessories-search-comp .accessories-search-button .accessories .description {
    padding-bottom: 40px;
  }
  .accessories-search-comp .accessories-search-button .accessories .seachTrendingList {
    height: 316px;
    padding: 24px !important;
  }
  .accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList {
    height: 293px;
    padding: 24px !important;
  }
  .accessories-search-comp .accessories-search-button .accessories .search {
    width: 87% !important;
  }
  .accessories-search-comp .accessories-search-button .accessories .search .icon-Search {
    padding-top: 0px;
  }
  .accessories-search-link .search-title {
    padding-bottom: 14px !important;
  }
  .accessories-search-link .search-link-body {
    padding: 40px 64px 40px 64px !important;
    width: 686px !important;
    max-height: 114px !important;
  }
  .accessories-search-link .search-link-body .border-search-link .search {
    padding-right: 17px !important;
    padding-bottom: 10px;
    width: 84% !important;
    align-items: center;
  }
  .accessories-search-link .search-link-body .border-search-link .search .searchItem {
    height: 20px;
    padding-right: 0px;
    padding-top: 0px !important;
    color: #383737;
  }
  .accessories-search-link .search-link-body .border-search-link .search .icon-Search {
    font-size: 24px;
    padding-right: 8px;
    padding-top: 0px !important;
    padding-right: 8px !important;
  }
  .accessories-search-link .search-link-body .border-search-link .search .close-icon {
    padding-left: 12px;
    font-size: 24px;
    padding-top: 0px !important;
    cursor: pointer;
  }
  .accessories-search-link .search-link-body .border-search-link .search-link {
    margin-top: 0px !important;
    cursor: pointer;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-comp .accessories-search-button {
    padding: 40px 16px 40px 16px;
    max-width: calc(100% - 28px);
    margin: 0px auto !important;
    height: auto !important;
  }
  .accessories-search-comp .accessories-search-button .accessories {
    padding: 0px;
  }
  .accessories-search-comp .accessories-search-button .accessories .acc-title {
    height: auto;
  }
  .accessories-search-comp .accessories-search-button .accessories .search .icon-Search {
    margin-right: 12px;
    font-size: 24px;
  }
  .accessories-search-comp .accessories-search-button .accessories .search .searchItem {
    padding-right: 0px !important;
    margin-right: 0px !important;
  }
  .accessories-search-comp .accessories-search-button .accessories .search .icon-Cross {
    font-size: 24px;
  }
  .accessories-search-comp .accessories-search-button .accessories .seachTrendingList {
    height: 356px;
    padding: 16px 36px 16px 36px !important;
  }
  .accessories-search-comp .accessories-search-button .accessories .seachAccessoriesList {
    height: 333px !important;
    padding: 16px 36px 16px 36px !important;
  }
  .accessories-search-comp .accessories-search-button .configButton {
    padding: 40px 0px 0px 0px !important;
  }
  .accessories-search-comp .accessories-search-button .configButton .config_box {
    width: 100% !important;
  }
  .accessories-search-link {
    top: -26px;
    right: 0;
    left: 0;
  }
  .accessories-search-link .search-title {
    padding-bottom: 30px !important;
    font-family: Poppins;
    font-size: 88px;
    font-weight: 600;
    line-height: 88px;
    padding-left: 30px !important;
  }
  .accessories-search-link .search-link-body {
    padding: 24px 30px !important;
    width: 100% !important;
  }
  .accessories-search-link .search-link-body .border-search-link .search {
    width: 100% !important;
    padding-right: 12px !important;
    padding-bottom: 10px;
  }
  .accessories-search-link .search-link-body .border-search-link .search .icon-Search {
    padding-right: 12px !important;
  }
  .accessories-search-link .search-link-body .border-search-link .search .searchItem {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    min-height: 20px;
  }
  .accessories-search-link .search-link-body .border-search-link .search-link .icon-Arrow-Right {
    font-size: 20px !important;
    cursor: pointer;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 991px) {
  .accessories-search-link .search-title {
    font-size: 52px;
    line-height: 57.2px;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (max-width: 576px), only screen and (max-width: 576px) and only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-search-link .search-title {
    font-size: 40px;
    line-height: 40px;
  }
}

.accessories-overview-comp {
  color: #383737;
  background-color: #ffffff;
}
.accessories-overview-comp .block {
  display: block;
}
.accessories-overview-comp .none {
  display: none;
}
.accessories-overview-comp .modal-none {
  display: none  !important;
}
.accessories-overview-comp .icon-Offer::before {
  font-size: 32px;
}
.accessories-overview-comp .section-main {
  padding-top: 80px;
  padding-bottom: 80px;
}
.accessories-overview-comp .section-main #gallery-modal {
  z-index: 9999999;
  background-color: rgba(122, 128, 132, 0.5);
}
.accessories-overview-comp .section-main #gallery-modal.fade {
  transform: unset;
  -webkit-transform: translate3d(0%, 0, 0) !important;
  -ms-transform: translate3d(0%, 0, 0) !important;
  -o-transform: translate3d(0%, 0, 0) !important;
  transform: translate3d(0%, 0, 0) !important;
}
.accessories-overview-comp .section-main #gallery-modal.fade {
  display: none;
}
.accessories-overview-comp .section-main #gallery-modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0) scale(0.5);
  transform: translate(0, 0) scale(0.5);
}
.accessories-overview-comp .section-main #gallery-modal.show .modal-dialog {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
.accessories-overview-comp .section-main #gallery-modal.addFlexClass {
  display: flex !important;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog {
  transform: none;
  width: 100%;
  height: auto;
  max-width: 100%;
  padding: 40px 106px;
  margin: auto;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content {
  border-radius: 0;
  border: none;
  max-width: 1228px;
  height: auto;
  margin: auto;
  padding: 40px;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-header {
  border: none;
  padding: 0;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body {
  overflow-y: scroll;
  padding: 0px;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .modal-gallery {
  background: transparent;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery {
  display: flex;
  flex-direction: row-reverse;
  height: 100%;
  justify-content: space-between;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large {
  margin: 0;
  width: 74.3902439%;
  max-width: 100%;
  height: 100%;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .gallery-image {
  width: 100%;
  height: 100%;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .gallery-image picture {
  display: block;
  max-width: 100%;
  height: 100%;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .gallery-image picture img {
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .gallery-video {
  height: 640px;
  min-height: 640px;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .gallery-video video {
  width: 100%;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail {
  display: grid;
  margin-right: 0;
  width: auto;
  grid-template-columns: auto auto;
  gap: 12px;
  height: fit-content;
  margin-right: 40px;
  max-height: 100%;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery {
  width: auto;
  min-width: 121px;
  height: 90px;
  margin: 0;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery .tml-player {
  height: 90px;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery .active-border {
  display: none;
  width: 121px;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery .video-border {
  height: 90px !important;
}
.accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery:nth-child(2n) {
  margin-right: 0px !important;
}
.accessories-overview-comp .section-main #gallery-modal button {
  background: rgba(40, 40, 40, 0.5);
  width: 40px;
  height: 40px;
  outline: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accessories-overview-comp .section-main #gallery-modal button span.icon-Collapse {
  color: #ffffff;
  font-size: 30px;
}
.accessories-overview-comp .acessories-asset-video {
  flex-basis: 49.5%;
  max-width: 49.5%;
}
.accessories-overview-comp .product-image-gallery {
  width: 100%;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large {
  margin-bottom: 12px;
  position: relative;
  height: 454px;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .overlay-screen-ply-btn {
  width: 71.5px !important;
  height: 71.5px !important;
  padding: 17.96px !important;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .overlay-screen-ply-btn .icon-Play::before {
  font-size: 35px !important;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .gallery-video {
  width: 100%;
  height: 454px;
  max-height: 454px;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .gallery-video .tml-player-ctn {
  height: 100%;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large video {
  object-fit: cover;
  height: 100%;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .gallery-image {
  height: 100%;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .gallery-image picture {
  display: block;
  height: 100%;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .gallery-image picture img {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .gallery-image picture img.hand-icon {
  cursor: pointer;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .modal-gallery {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
  cursor: pointer;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .modal-gallery span.icon-Expand {
  color: #ffffff;
  font-size: 24px;
  padding: 4px;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .slide-count {
  position: absolute;
  width: auto;
  bottom: 24px;
  right: 24px;
  z-index: 9;
  display: flex;
  color: #ffffff;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 0%;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .slide-count .prev-slide {
  margin-right: 4px;
}
.accessories-overview-comp .product-image-gallery .gallery-image-large .slide-count .total-slides {
  margin-left: 4px;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  max-height: 150px;
  overflow-y: scroll;
  row-gap: 12px;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail .gallery {
  position: relative !important;
  cursor: pointer;
  width: 142px;
  height: 106px;
  margin-right: 12px;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail .gallery .video-border {
  position: absolute;
  width: 100%;
  height: 106px;
  border: 2px solid #eaeaec;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail .gallery video {
  object-fit: cover;
  z-index: 9;
  position: absolute;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail .gallery .tml-player {
  height: 106px;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail .gallery .tml-player video {
  min-height: 106px;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail .gallery .active-border {
  border-bottom: 8px solid #307fe2;
  display: none;
  position: absolute;
  bottom: 0;
  height: 8px;
  width: 142px;
  z-index: 9 !important;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail .gallery:nth-child(4n) {
  margin-right: 0% !important;
}
.accessories-overview-comp .product-image-gallery .gallery-thumbnail .gallery:last-child {
  margin-right: 0%;
}
.accessories-overview-comp .accessories-asset-description {
  padding-left: 5.5%;
  flex-basis: 50.8%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details {
  max-height: 605px;
  overflow-x: auto;
  padding-right: 11.902%;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details::-webkit-scrollbar {
  display: block !important;
  width: 4px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details::-webkit-scrollbar-thumb {
  background-color: #7a8084;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details::-webkit-scrollbar-track {
  background-color: #eaeaec;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .product-desc {
  border-top: 1px solid #eaeaec;
  padding-top: 24px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .asset-color-view {
  margin-bottom: 40px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .asset-color-view .asset-color {
  color: #7a8084;
  margin-top: 40px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible {
  margin-top: 40px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .vehicle-title {
  color: #7a8084;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: 48.5294117647% 48.5294117647%;
  gap: 16px 2.941176%;
  margin-bottom: 16px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list .user-compatible-vehicle {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  border: 1px solid #eaeaec;
  background: #ffffff;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list .user-compatible-vehicle picture {
  padding: 16px 8px 16px 16px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list .user-compatible-vehicle h6 {
  margin: 0;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list .user-compatible-vehicle .icon-Tick {
  color: #609f65;
  margin-left: 40px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list .blue-border {
  border: 1px solid #307fe2;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .cta-link {
  display: none;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .compatibility-error,
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .no-vehicles-error {
  display: none;
  margin-bottom: 40px;
  border-left: 8px solid #307fe2;
  padding: 24px 40px 24px 32px;
  background: #f8f8f8;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .compatibility-error .cta-link,
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .no-vehicles-error .cta-link {
  margin-bottom: 0;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .compatibility-error h6,
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .no-vehicles-error h6 {
  margin-bottom: 16px;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .compatibility-error a,
.accessories-overview-comp .accessories-asset-description .asset-full-details .vehicle-compatible .no-vehicles-error a {
  text-decoration: none;
}
.accessories-overview-comp .accessories-asset-description .asset-full-details .universal-applicable {
  display: none;
  color: #383737;
}
.accessories-overview-comp .accessories-asset-description .login-basket-wrapper {
  padding-right: 12.625%;
}
.accessories-overview-comp .accessories-asset-description .added-to-basket-banner {
  display: none;
  margin-right: 12.625%;
  padding: 46px 40px;
  background-color: #f8f8f8;
  border-left: 8px solid #307fe2;
}
.accessories-overview-comp .accessories-asset-description .quantity-error-message {
  color: #ed454f;
  display: none;
  padding-top: 8px;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message {
  border-radius: 0px;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog {
  max-width: 812px;
  margin: 0px 0px 0px 314px;
  align-items: center;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content {
  border: 0px;
  padding: 80px 80px 92px 80px;
  border-radius: unset;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .accessory-error-title {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  padding-bottom: 40px;
  padding-right: 64px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .accessory-error-title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .accessory-error-title {
    font-size: 24px;
    line-height: 24px;
  }
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .cross {
  cursor: pointer;
  padding: 8px;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .cross .icon-Cross {
  font-size: 40px;
  font-weight: 600;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-error-des {
  margin-bottom: 52px;
  width: 548px;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-error-des {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-error-des p {
  margin-bottom: 0px;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .button-link {
  display: flex;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .button-link .confirm-button {
  padding-right: 40px;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .button-link .confirm-button #config_box {
  padding: 16px 32px;
  font-size: 20px;
  line-height: 20px;
  max-width: 100%;
  border: 2px solid #307fe2;
  color: #307fe2;
  text-align: center;
  justify-content: center;
  background: #ffffff;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .sucess-title,
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .delete-labels {
  max-width: 536px;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .sucess-title .popup-config-title,
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .delete-labels .popup-config-title {
  max-width: 536px;
  padding-bottom: 16px;
}
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .sucess-title .popup-config-desc,
.accessories-overview-comp .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .delete-labels .popup-config-desc {
  padding-bottom: 16px;
  max-width: 536px;
}
.accessories-overview-comp .accessories-asset-description .cancel-link {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #307fe2;
  cursor: pointer;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-overview-comp .accessories-asset-description .cancel-link {
    font-size: 18px;
    line-height: 19.8px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-overview-comp .accessories-asset-description .cancel-link {
    font-size: 18px;
    line-height: 19.8px;
  }
}
.accessories-overview-comp .accessories-asset-description .cancel-link a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.accessories-overview-comp .asset-name-price .price-and-ratings {
  display: flex;
  justify-content: space-between;
}
.accessories-overview-comp .asset-name-price .price-and-ratings .ratings-and-count {
  display: grid;
  gap: 8px;
  grid-template-columns: auto auto auto;
}
.accessories-overview-comp .asset-name-price .price-and-ratings .ratings-and-count .ratings {
  display: flex;
  gap: 1.67px;
}
.accessories-overview-comp .asset-name-price .price-and-ratings .ratings-and-count .ratings .fa {
  color: #307fe2;
}
.accessories-overview-comp .asset-name-price .price-and-ratings .ratings-and-count .ratings .reviwes-count {
  color: #7a8084 !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-overview-comp .asset-name-price .price-and-ratings .ratings-and-count .ratings .reviwes-count {
    color: #7a8084 !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-overview-comp .asset-name-price .price-and-ratings .ratings-and-count .ratings .reviwes-count {
    color: #7a8084 !important;
  }
}
.accessories-overview-comp .color-round {
  gap: 10px;
  font-family: Poppins;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  text-decoration: none;
  padding: 18px 24px !important;
}
.accessories-overview-comp .color-round .dynamic-colors {
  display: flex;
}
.accessories-overview-comp .color-round .dynamic-colors .colors {
  margin-right: 20px;
}
.accessories-overview-comp .color-round .dynamic-colors .colors.dual-tone .dual-colors {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #7a8084;
}
.accessories-overview-comp .color-round .dynamic-colors .colors.dual-tone .first {
  content: '';
  position: absolute;
  height: 100%;
  width: 50%;
}
.accessories-overview-comp .color-round .dynamic-colors .colors.dual-tone .first:first-child {
  background: #383737;
  left: 0;
}
.accessories-overview-comp .color-round .dynamic-colors .colors.dual-tone .first:last-child {
  background: #307fe2;
  right: 0;
}
.accessories-overview-comp .color-round .dynamic-colors .colors .single-color {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #7a8084;
}
.accessories-overview-comp .color-round .dynamic-colors .colors .single {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: #307fe2;
  right: 0;
}
.accessories-overview-comp .color-round .dynamic-colors .colors:last-child {
  margin-right: 0px;
}
.accessories-overview-comp button.cta-link {
  color: #307fe2;
  margin-bottom: 40px;
  padding-left: 0;
}
.accessories-overview-comp button.cta-link span {
  padding-left: 8px;
  font-size: 12px;
}
.accessories-overview-comp button.cta-btn-large {
  display: none;
  color: #307fe2;
  background-color: #ffffff;
  width: 100%;
  border: 2px solid #307fe2;
}
.accessories-overview-comp .fitment-decription {
  display: none;
  background-color: #f8f8f8;
  border-left: 8px solid #307fe2;
  padding: 24px 40px 24px 32px;
  margin-top: 24px;
}
.accessories-overview-comp .fitment-decription .fitment-requiredLabel {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.accessories-overview-comp .fitment-decription .fitmentContent {
  display: none;
}
.accessories-overview-comp .fitment-decription .fitmentContent p {
  margin-bottom: 0;
}
.accessories-overview-comp .accessories-child-skus-data {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #eaeaec;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-overview-comp .accessories-child-skus-data {
    margin-bottom: 0;
    border-bottom: none;
  }
}
.accessories-overview-comp .modal-popup .modal {
  z-index: 999999;
}
.accessories-overview-comp .modal-popup .modal .modal-content {
  border: none;
  padding: 64px 104px;
  border-radius: unset;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-header {
  padding: 0 0 40px 0;
  border: none;
  border-radius: unset;
  display: flex;
  justify-content: space-between;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-header button {
  cursor: pointer;
  background: transparent;
  border: none;
  width: 40px;
  height: 40px;
  font-size: 38.57px;
  padding: 0%;
  outline: none !important;
  color: #383737;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-body {
  padding: 0;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-body .accessories-name-wrapper {
  border-bottom: 1px solid #eaeaec;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-body .accessories-name-wrapper .accessory-name {
  width: fit-content;
  padding-bottom: 24px;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-body .accessory-compatibility-list .model-item {
  padding: 24px 0;
  border-bottom: 1px solid #eaeaec;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-body .accessory-compatibility-list .model-item h6 {
  margin-bottom: 16px;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-body .accessory-compatibility-list .model-item p {
  margin-bottom: 0;
}
.accessories-overview-comp .modal-popup .modal .modal-content .modal-body .accessory-compatibility-list :last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.accessories-overview-comp .modal-popup .modal.modal-right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.accessories-overview-comp .modal-popup .modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 49.7916666667%;
  max-width: 100%;
  height: 100%;
}
.accessories-overview-comp .modal-popup .modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.accessories-overview-comp .modal-popup .modal.modal-right.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.accessories-overview-comp .modal-popup .modal.modal-right.fade.show .modal-dialog {
  right: 0;
}
.accessories-overview-comp .accessories-overview-popup {
  background-color: rgba(56, 55, 55, 0.8);
  z-index: 999999;
}
.accessories-overview-comp .accessories-overview-popup .modal-dialog {
  max-width: none;
}
.accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-content {
  border-radius: unset;
  margin: 0 auto;
  padding: 80px !important;
  width: 49.166%;
}
.accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-header {
  align-items: flex-start;
  border-bottom: none;
}
.accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-header h4 {
  color: #383737;
  margin-bottom: 22px;
}
.accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-header button:focus {
  outline: none;
  box-shadow: none;
}
.accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-header .icon-Cross {
  color: #383737;
  opacity: unset;
  border: 0;
  background: transparent;
  padding: 0;
  outline: none !important;
  font-size: 40px;
}
.accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-header .icon-Cross i {
  font-size: 40px;
}
.accessories-overview-comp .child-sku-data {
  display: none;
  padding-top: 40px;
}
.accessories-overview-comp .child-sku-data:first-child {
  padding-top: 0px;
}
.accessories-overview-comp .child-sku-data .child-right-data {
  width: 100%;
}
.accessories-overview-comp .child-sku-data .child-right-data .bundle-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 24px;
}
.accessories-overview-comp .child-sku-data .child-right-data .bundle-data .ratings-and-count {
  display: grid;
  gap: 8px;
  grid-template-columns: auto auto auto;
}
.accessories-overview-comp .child-sku-data .child-right-data .bundle-data .ratings-and-count .ratings {
  display: flex;
  gap: 1.67px;
}
.accessories-overview-comp .child-sku-data .child-right-data .bundle-data .ratings-and-count .ratings .fa {
  color: #307fe2;
}
.accessories-overview-comp .child-sku-data .child-right-data .learn-more-link {
  padding-left: 24px;
  cursor: pointer;
}
.accessories-overview-comp .child-sku-data .child-right-data .learn-more-link a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  line-height: 17.6px;
  letter-spacing: 0.64px;
  border: none;
  background: transparent;
  text-decoration: none;
}
.accessories-overview-comp .child-sku-data .child-right-data .learn-more-link a:hover {
  color: #307fe2;
}
.accessories-overview-comp .child-sku-data .child-right-data .learn-more-link .icon-Arrow-Right {
  padding-left: 8px;
  font-size: 12px;
  color: #307fe2;
}
.accessories-overview-comp .child-sku-data .child-right-data .color-round {
  padding-top: 8px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-overview-comp .section-main {
    padding-top: 24px;
    padding-bottom: 40px;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog {
    display: flex;
    padding: 0 3px;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content {
    padding: 32px;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body {
    display: flex;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery {
    display: flex;
    flex-direction: row-reverse;
    height: 100%;
    justify-content: center;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large {
    width: auto;
    height: auto;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large img {
    max-height: 388px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .gallery-video {
    height: auto;
    min-height: 388px;
    max-height: 388px;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .overlay-screen-ply-btn {
    width: 96px !important;
    height: 96px !important;
    padding: 24px 24px 24px 27px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .overlay-screen-ply-btn .icon-Play::before {
    font-size: 48px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .modal-gallery {
    top: 24px !important;
    right: 24px !important;
    width: 32px !important;
    height: 32px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .modal-gallery button {
    width: 32px !important;
    height: 32px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .modal-gallery span.icon-Collapse {
    font-size: 24px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail {
    display: flex;
    margin-top: 0px;
    margin-right: 32px;
    width: fit-content;
    flex-direction: column;
    max-height: 388px;
    min-width: 88px;
    flex-wrap: nowrap !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery {
    width: 98px !important;
    height: 74px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery video {
    width: 100%;
    height: 100%;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery .active-border {
    width: 100%;
  }
  .accessories-overview-comp .section-main .acessories-asset-video {
    flex-basis: 46.5116279%;
  }
  .accessories-overview-comp .section-main .accessories-asset-description {
    flex-basis: 48.8372093%;
    padding-left: 0%;
    margin-left: auto;
    max-height: 788px;
    min-height: 452px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .paddingBottom40 {
    padding-bottom: 40px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list {
    display: block;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list .user-compatible-vehicle {
    justify-content: unset;
    padding: 16px 0;
    margin-bottom: 16px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list .user-compatible-vehicle picture {
    padding: 0 8px 0 0;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles .user-compatible-vehicles-list .user-compatible-vehicle .icon-Tick {
    margin-left: 40px !important;
    font-size: 16px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .compatibility-error,
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .no-vehicles-error {
    padding: 24px 32px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .compatibility-error h6,
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .no-vehicles-error h6 {
    margin-bottom: 8px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible button {
    padding: 0;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog {
    max-width: 688px !important;
    margin: 0px 0px 0px 40px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content {
    padding: 40px 40px 52px 40px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .accessory-error-title {
    padding-bottom: 24px !important;
    padding-right: 0px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .cross {
    cursor: pointer;
    padding: 6px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .cross .icon-Cross {
    font-size: 19px !important;
    font-weight: 600;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-error-des {
    margin-bottom: 36px !important;
    width: 576px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-error-des p {
    margin-bottom: 0px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .button-link .confirm-button {
    padding-right: 32px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large {
    height: auto;
    min-height: 239px;
    margin-bottom: 8px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .gallery-image img {
    max-height: 239px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .overlay-screen-ply-btn {
    width: 54px !important;
    height: 54px !important;
    padding: 15px 17px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .overlay-screen-ply-btn .icon-Play::before {
    color: #383737;
    font-size: 24px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .modal-gallery {
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .slide-count {
    bottom: 8px;
    right: 8px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .gallery-video {
    height: 239px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail {
    flex-wrap: wrap;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery:nth-child(3n) {
    margin-right: 0% !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery:nth-child(4n) {
    margin-right: 12px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery {
    width: 98px;
    height: 74px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery .active-border {
    width: 100%;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery .video-border {
    position: absolute;
    width: 100%;
    height: 74px;
    border: 2px solid #eaeaec;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery .tml-player {
    height: 74px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery .tml-player video {
    min-height: 74px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery video {
    width: 100%;
    height: 100%;
  }
  .accessories-overview-comp .product-image-top img {
    width: 320px;
  }
  .accessories-overview-comp .product-image-bottom img {
    width: 111px;
  }
  .accessories-overview-comp .color-round {
    max-width: 100%;
  }
  .accessories-overview-comp .modal-popup .modal.modal-right .modal-dialog.modal-lg,
  .accessories-overview-comp .modal-popup .modal.modal-right .modal-dialog {
    width: 83.34%;
  }
  .accessories-overview-comp .modal-popup .modal .modal-content {
    padding: 40px 40px 40px 88px;
  }
  .accessories-overview-comp .modal-popup .modal .modal-content .modal-body {
    width: 80.27%;
  }
  .accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-content {
    width: 89.5833333%;
    padding: 40px !important;
  }
  .accessories-overview-comp .child-sku-data {
    padding-top: 40px;
    display: none;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .bundle-data {
    display: block;
    padding-left: 20px;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .bundle-data .ratings-and-count {
    display: grid;
    gap: 9px;
    grid-template-columns: auto auto auto;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .bundle-data .ratings-and-count .ratings {
    display: flex;
    gap: 6.67px;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .bundle-data .ratings-and-count .ratings .fa {
    font-size: 13px;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .learn-more-link {
    padding: 8px 0px 0px 24px;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .learn-more-link a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: 17.6px;
    letter-spacing: 0.64px;
    border: none;
    background: transparent;
    text-decoration: none;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .learn-more-link a:hover {
    color: #307fe2;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .learn-more-link .icon-Arrow-Right {
    padding-left: 8px;
    font-size: 12px;
    color: #307fe2;
  }
  .accessories-overview-comp .child-sku-data .child-right-data .color-round {
    padding-top: 8px !important;
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-overview-comp .section-main {
    padding-top: 12px;
    padding-bottom: 40px;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog {
    display: flex;
    padding: 0px;
    margin: 0;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content {
    padding: 12px 14px 32px 14px;
    margin: 54px auto auto auto !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body {
    display: flex;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large {
    width: 100%;
    height: auto;
    min-height: auto;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .overlay-screen-ply-btn .icon-Play::before {
    color: #ffffff !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .overlay-screen-ply-btn {
    width: 54px !important;
    height: 54px !important;
    padding: 15px 17px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .overlay-screen-ply-btn .icon-Play::before {
    color: #383737;
    font-size: 24px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .modal-gallery {
    top: 16px !important;
    right: 16px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .modal-gallery button {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .modal-gallery button .span.icon-Collapse {
    font-size: 24px;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .gallery-image picture img {
    max-height: 250px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-image-large .gallery-video {
    height: auto;
    min-height: auto;
    max-height: 250px;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail {
    display: flex;
    flex-direction: row;
    gap: 4px;
    margin-top: 32px;
    margin-right: 0;
    flex-wrap: wrap !important;
    max-height: 105px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery {
    width: 108px !important;
    height: 80px !important;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery video {
    width: 100%;
    height: 100%;
  }
  .accessories-overview-comp .section-main #gallery-modal .modal-dialog .modal-content .modal-body .product-image-gallery .gallery-thumbnail .gallery .active-border {
    width: 100%;
  }
  .accessories-overview-comp .section-main .acessories-asset-video {
    flex-basis: 100%;
    max-width: 100%;
  }
  .accessories-overview-comp .section-main .accessories-asset-description {
    padding: 0 16px 0 16px;
    max-height: fit-content;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details {
    padding-right: 0px;
    max-height: fit-content;
    overflow-x: hidden;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details::-webkit-scrollbar {
    display: none !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-title {
    padding-bottom: 8px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible button {
    padding: 0;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .no-vehicles-error,
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .compatibility-error {
    padding: 24px !important;
    border-left: 4px solid #307fe2 !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .no-vehicles-error h6,
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .compatibility-error h6 {
    margin-bottom: 16px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles-list {
    grid-template-columns: auto !important;
    padding-top: 8px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles-list .user-compatible-vehicle {
    width: 100%;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .asset-full-details .vehicle-compatible .user-compatible-vehicles-list .user-compatible-vehicle .icon-Tick {
    margin-left: 40px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .login-basket-wrapper {
    padding-right: 0px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .added-to-basket-banner {
    margin-right: 0px;
  }
  .accessories-overview-comp .section-main .accessories-asset-description {
    flex-basis: 100%;
    padding: 0 16px;
    margin: 0 !important;
    min-height: auto;
    max-height: auto;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog {
    max-width: 332 !important;
    margin: 0px 14px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content {
    padding: 30px 30px 30px 30px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .accessory-error-title {
    padding-right: 24px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .cross {
    cursor: pointer;
    padding: 2px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-cross .cross .icon-Cross {
    font-size: 20px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .accessory-error-des {
    margin-bottom: 24px !important;
    width: 272px !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .button-link {
    display: block;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .button-link .confirm-button {
    padding-right: 0px !important;
    margin-bottom: 32px !important;
    width: 100% !important;
  }
  .accessories-overview-comp .section-main .accessories-asset-description .multiple-vehicles-error-message .modal-dialog .modal-content .modal-body .button-link .confirm-button #config_box {
    display: block;
    width: 100% !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large {
    height: auto;
    min-height: 250px;
    margin-bottom: 4px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .gallery-image img {
    max-height: 250px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .modal-gallery {
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .gallery-video {
    height: 250px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-image-large .slide-count {
    bottom: 16px;
    right: 16px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail {
    flex-wrap: wrap;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery {
    width: 108px;
    height: auto;
    margin-right: 4px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery picture img {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery .active-border {
    width: 100%;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery .video-border {
    position: absolute;
    width: 100%;
    height: 80px;
    border: 2px solid #eaeaec;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery video {
    width: 100%;
    height: 100%;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery .tml-player {
    height: 80px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery .tml-player video {
    min-height: 80px;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery:last-child {
    margin-right: 0px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery:nth-child(3n) {
    margin-right: 0px !important;
  }
  .accessories-overview-comp .section-main .product-image-gallery .gallery-thumbnail .gallery:nth-child(4n) {
    margin-right: 4px !important;
  }
  .accessories-overview-comp section {
    flex-direction: column;
  }
  .accessories-overview-comp .acessories-asset-video,
  .accessories-overview-comp .accessories-asset-description {
    flex-basis: 100%;
  }
  .accessories-overview-comp .acessories-asset-video {
    padding-bottom: 40px;
  }
  .accessories-overview-comp .modal-popup .modal.modal-right .modal-dialog.modal-lg,
  .accessories-overview-comp .modal-popup .modal.modal-right .modal-dialog {
    width: 100%;
  }
  .accessories-overview-comp .modal-popup .modal .modal-content {
    padding: 36px 30px 30px 23px;
  }
  .accessories-overview-comp .modal-popup .modal .modal-content .modal-body {
    width: 100%;
  }
  .accessories-overview-comp .accessories-overview-popup .modal-dialog {
    margin: 0;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
  }
  .accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-content {
    border: none;
    padding: 24px 30px !important;
    width: 100%;
  }
  .accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-content .modal-header {
    padding: 0;
  }
  .accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-content .modal-header .btn-close {
    margin: 0;
  }
  .accessories-overview-comp .accessories-overview-popup .modal-dialog .modal-content .modal-header .btn-close i {
    font-size: 24px;
  }
}

.accessories-order-items-comp {
  color: #383737;
}
.accessories-order-items-comp .order-items-accordian {
  background-color: #ffffff;
}
.accessories-order-items-comp .order-items-accordian .items-title {
  padding: 45px 64px;
  display: flex;
  align-items: center;
  place-content: space-between;
  border-bottom: 1px solid #eaeaec;
  cursor: pointer;
}
.accessories-order-items-comp .order-items-accordian .items-title .order-item-label {
  margin-bottom: 0;
  max-width: 80%;
}
.accessories-order-items-comp .order-items-accordian .items-title .item-chevron {
  align-self: center;
  font-size: 40px;
}
.accessories-order-items-comp .order-items-accordian .items-title.transform .item-chevron {
  transform: rotate(180deg);
}
.accessories-order-items-comp .order-items-accordian .order-items {
  padding: 24px 64px 64px 64px;
}
.accessories-order-items-comp .order-items-accordian .order-items.collapse {
  display: none;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details {
  display: flex;
  flex-direction: column;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .all-order-items-status,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .all-order-items-status {
  width: fit-content;
  padding-top: 40px;
  padding-bottom: 16px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .all-order-items-status.gray,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .all-order-items-status.gray {
  color: #7a8084;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .all-order-items-status.orange,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .all-order-items-status.orange {
  color: #f39b5b;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details {
  display: flex;
  place-content: space-between;
  padding-bottom: 40px;
  align-items: center;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details.divider,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details.divider {
  border-bottom: 1px solid #eaeaec;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items {
  display: flex;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-count,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-count {
  color: #7a8084;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-count,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-count {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels {
  padding-left: 24px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels .order-item-name,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels .order-item-name {
  width: fit-content;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels .order-item-id,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels .order-item-id {
  padding-bottom: 8px;
  margin-bottom: 0px;
  color: #7a8084;
  width: fit-content;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels .order-item-compatability,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels .order-item-compatability {
  margin-bottom: 0;
  color: #7a8084;
  width: fit-content;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels .order-item-reviews,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels .order-item-reviews {
  padding-left: 0;
  color: #307fe2;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels .order-item-reviews a,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels .order-item-reviews a {
  text-decoration: none;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels .order-item-reviews::after,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels .order-item-reviews::after {
  content: "\e9a0";
  position: absolute;
  font-family: "icomoon";
  padding-left: 9px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .items-unit-price,
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .items-unit-price {
  width: 18.91%;
  text-align: right;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost {
  padding-top: 40px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .includes-tax {
  display: flex;
  justify-content: end;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-total-pay {
  display: flex;
  place-content: space-between;
  padding-left: 128px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-total-pay .total-pay {
  direction: rtl;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-total-pay .total-pay .total-pay-price {
  margin-bottom: 4px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-total-pay .total-pay .total-pay-desc {
  margin-bottom: 0;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .booking-fee-pay {
  display: none;
  border-top: 1px solid #eaeaec;
  margin-top: 40px;
  padding-left: 128px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .booking-fee-pay .booking-fee {
  display: flex;
  place-content: space-between;
  padding-top: 40px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-remaining-pay {
  border-top: 1px solid #eaeaec;
  margin-top: 40px;
  padding-left: 128px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-remaining-pay .remaining-pay {
  display: flex;
  place-content: space-between;
  padding-top: 40px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-remaining-pay .remaining-pay-desc {
  max-width: 612px;
  color: #7a8084;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-due-pay {
  border-top: 1px solid #eaeaec;
  display: flex;
  place-content: space-between;
  padding: 40px 0px 40px 128px;
  margin-top: 40px;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-due-pay .items-due {
  margin-bottom: 0;
}
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .dueNonZeroMessage,
.accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .dueZeroMessage {
  display: none;
  max-width: 612px;
  color: #7a8084;
  margin-left: 128px;
}
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details {
  margin-top: 40px;
}
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items {
  width: 47.2727272%;
}
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .icon-wrapper {
  height: 80px;
  display: flex;
  width: 20%;
}
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .icon-wrapper i {
  margin: auto;
  color: #ffffff;
  font-size: 40px;
}
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-labels {
  width: 80%;
  align-self: center;
}
.accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-labels .cta-link {
  width: fit-content;
  margin: 0;
  color: #307fe2;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  text-decoration: none;
}
.accessories-order-items-comp .order-items-accordian .order-items .paynow-btn {
  padding: 12px 24px;
}
.accessories-order-items-comp .order-items-accordian .order-items .paynow-btn a {
  text-decoration: none;
}
.accessories-order-items-comp .order-items-accordian .order-items button:disabled,
.accessories-order-items-comp .order-items-accordian .order-items button[disabled] {
  border: 2px solid;
  background-color: transparent;
  color: rgba(122, 128, 132, 0.5);
}
.accessories-order-items-comp .order-items-accordian .order-items .items-fitment {
  border-left: 8px solid #307fe2;
  background-color: #f8f8f8;
  padding: 24px 40px 8px 32px;
  margin-top: 40px;
}
.accessories-order-items-comp .order-items-accordian .order-items .items-fitment .fitment-desc {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-order-items-comp .order-items-accordian .items-title {
    padding: 24px 40px;
  }
  .accessories-order-items-comp .order-items-accordian .items-title .item-chevron {
    font-size: 24px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items {
    padding: 0px 40px 40px 40px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details {
    padding-top: 0px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details {
    padding-bottom: 24px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items {
    width: 85.526315%;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels {
    width: 100%;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details.divider,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details.divider {
    padding-bottom: 40px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .items-unit-price,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .items-unit-price {
    width: 44.47%;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .icon-wrapper {
    width: 25.31%;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .icon-wrapper i {
    font-size: 40px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-cost {
    padding: 40px 0px 0px 0px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .items-fitment {
    padding: 24px 32px 8px 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .accessories-order-items-comp .order-items-accordian .items-title {
    padding: 24px 16px;
  }
  .accessories-order-items-comp .order-items-accordian .items-title .item-chevron {
    font-size: 20px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items {
    padding: 0px 16px 24px 16px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .all-order-items-status,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .all-order-items-status {
    padding-top: 32px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details {
    align-items: unset;
    padding-bottom: 32px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details.divider,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details.divider {
    padding-bottom: 32px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items {
    width: 70.66666%;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels {
    padding-left: 8px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels .order-item-name,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels .order-item-name {
    margin-bottom: 4px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .order-unit-items .items-labels .order-item-id,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .order-unit-items .items-labels .order-item-id {
    padding-bottom: 4px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-details .items-details .items-unit-price,
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .items-details .items-unit-price {
    margin-top: 0px;
    width: 26.67%;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .icon-wrapper {
    width: 44%;
    height: 48px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .extra-items-details .icon-wrapper i {
    font-size: 40px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-cost {
    padding-top: 32px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-total-pay {
    padding-left: 0;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-remaining-pay {
    margin-top: 32px;
    padding-left: 0;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-remaining-pay .remaining-pay {
    padding-top: 32px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .order-items-cost .items-due-pay {
    padding: 32px 0px;
    margin-top: 32px;
  }
  .accessories-order-items-comp .order-items-accordian .order-items .items-fitment {
    border-left: 4px solid #307fe2;
    padding: 24px 24px 8px 24px;
    margin-top: 32px;
  }
}
.accessories-order-items-comp .accessories-order-item-popup {
  z-index: 9999;
}
.accessories-order-items-comp .accessories-order-item-popup .modal-dialog {
  max-width: 812px;
}
.accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content {
  padding: 60px 80px;
  border-radius: 0px;
}
.accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-close {
  border: none;
  padding: 4px;
  background-color: #7a8084;
  font-size: 30px;
  position: absolute;
  right: 80px;
}
.accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-close .icon-Cross {
  color: #ffffff;
}
.accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-title {
  max-width: 556px;
  padding-bottom: 16px;
}
.accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-desc {
  padding-bottom: 16px;
}
.accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .acc-cta a {
  text-decoration: none;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog {
    max-width: 688px;
  }
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content {
    padding: 40px;
  }
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-close {
    right: 40px;
  }
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-title {
    max-width: 576px;
  }
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-desc {
    max-width: 576px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 576px) {
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog {
    max-width: 100%;
  }
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content {
    padding: 30px;
  }
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-close {
    right: 30px;
  }
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-title {
    max-width: unset;
  }
  .accessories-order-items-comp .accessories-order-item-popup .modal-dialog .modal-content .review-popup-desc {
    max-width: unset;
  }
}

.accessories-info-comp h5,
.accessories-info-comp h6,
.accessories-info-comp p {
  word-break: break-word;
}
.accessories-info-comp .hide-in-desktop {
  padding-left: 0px;
  padding-right: 0px;
  display: none;
}
.accessories-info-comp .custom-accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  border: none;
  padding: 45px 64px;
  text-align: left;
  position: relative;
  border-bottom: 2px solid #eaeaec;
}
.accessories-info-comp .custom-accordion h5 {
  margin: 0;
  width: 89.5%;
  word-break: break-word;
  color: #383737;
}
.accessories-info-comp .custom-accordion .icon-Chevron-Down::before,
.accessories-info-comp .custom-accordion .icon-Chevron-Up::before {
  color: #383737;
  font-size: 40px;
}
.accessories-info-comp .custom-accordion.active .icon-Chevron-Down,
.accessories-info-comp .custom-accordion.active .icon-Chevron-Up {
  transform: rotate(180deg);
}
.accessories-info-comp .custom-panel {
  padding: 64px;
  background-color: #ffffff;
}
.accessories-info-comp .custom-panel .personal-details-section {
  border-bottom: 1px solid #eaeaec;
  padding-bottom: 40px;
}
.accessories-info-comp .custom-panel .section-title {
  margin-bottom: 24px;
  color: #383737;
}
.accessories-info-comp .custom-panel .owner-details-title {
  width: fit-content;
  padding-bottom: 24px;
  color: #383737;
  margin-bottom: 0px;
}
.accessories-info-comp .custom-panel .details-section {
  --bs-gutter-x: 40px;
}
.accessories-info-comp .custom-panel .details-section .desktop-display {
  display: flex;
}
.accessories-info-comp .custom-panel .details-section .desktop-display .name-details,
.accessories-info-comp .custom-panel .details-section .desktop-display .detail-part-email {
  width: 30.9%;
  margin-right: 40px;
}
.accessories-info-comp .custom-panel .details-section .desktop-display .detail-part .detail-label {
  color: #7a8084;
  margin-bottom: 8px;
}
.accessories-info-comp .custom-panel .details-section .desktop-display .detail-part .detail-value {
  color: #383737;
  margin: 0;
}
.accessories-info-comp .custom-panel .details-section .desktop-display .detail-part-number {
  width: 30.9%;
}
.accessories-info-comp .custom-panel .details-section .tablet-display {
  display: none;
}
.accessories-info-comp .custom-panel .details-section .disclaimer-label {
  padding-top: 24px;
  margin-bottom: 0px !important;
  color: #7a8084;
}
.accessories-info-comp .custom-panel .billing-details {
  border-bottom: 1px solid #eaeaec;
}
.accessories-info-comp .custom-panel .billing-details .billing-details-title {
  width: fit-content;
  color: #383737;
  padding-top: 40px;
  padding-bottom: 24px;
  margin-bottom: 0px !important;
}
.accessories-info-comp .custom-panel .billing-details .billing-section {
  padding-bottom: 40px;
}
.accessories-info-comp .custom-panel .billing-details .billing-section .address-label {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
  color: #7a8084;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-info-comp .custom-panel .billing-details .billing-section .address-label {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-info-comp .custom-panel .billing-details .billing-section h6 {
  color: #383737;
}
.accessories-info-comp .custom-panel .billing-details .billing-section p {
  color: #383737;
  margin-bottom: 0px !important;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details {
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  --bs-gutter-x: 40px;
  margin-right: 0px;
  margin-left: 0px;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-row {
  --bs-gutter-x: 40px;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-title {
  color: #383737;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section {
  padding-left: 0px;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section p {
  color: #383737;
  margin-bottom: 8px;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .show-in-desktop {
  display: inline-block;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .dealer-name {
  display: inline-block;
  padding-right: 13px;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .mob-rating {
  display: none;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .desktop-rating {
  margin-bottom: 8px;
  display: block;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .desktop-rating .icon-Star-Active,
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .desktop-rating .icon-Star-Half,
.accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .desktop-rating .icon-Star-Rest {
  width: 16.67px;
  margin-left: 3.33px;
  height: 16.67px;
  color: #307fe2;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .map-section {
  padding-right: 0px;
}
.accessories-info-comp .custom-panel .vehicle-dealer-details .map-section #accessories-info-map {
  width: 100%;
  height: 234px;
}
.accessories-info-comp .custom-panel .shipping-details .shipping-row {
  margin-top: 40px;
  background-color: #f8f8f8;
  border-left: 8px solid #307fe2;
  padding: 24px 40px 24px 32px;
}
.accessories-info-comp .custom-panel .shipping-details .shipping-row .shipping-title {
  color: #383737;
}
.accessories-info-comp .custom-panel .shipping-details .shipping-row .shippping-description {
  color: #383737;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  letter-spacing: normal;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-info-comp .custom-panel .shipping-details .shipping-row .shippping-description {
    font-size: 16px;
    line-height: 20px;
  }
}
.accessories-info-comp .custom-panel .shipping-details .shipping-row .shippping-description p {
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-info-comp .hide-in-desktop {
    display: block;
  }
  .accessories-info-comp .show-in-desktop {
    display: none !important;
  }
  .accessories-info-comp .custom-accordion {
    padding: 24px 40px 25px 40px;
  }
  .accessories-info-comp .custom-accordion h5 {
    width: 89.4736842%;
  }
  .accessories-info-comp .custom-accordion::after {
    font-size: 24px;
    height: 24px;
    width: 24px;
  }
  .accessories-info-comp .custom-accordion .icon-Chevron-Down::before,
  .accessories-info-comp .custom-accordion .icon-Chevron-Up::before {
    font-size: 24px;
  }
  .accessories-info-comp .custom-panel {
    padding: 40px;
  }
  .accessories-info-comp .custom-panel .personal-details-section {
    padding-bottom: 40px;
  }
  .accessories-info-comp .custom-panel .personal-details-section h5 {
    width: 46.71%;
  }
  .accessories-info-comp .custom-panel .details-section .desktop-display {
    display: none;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display {
    display: block;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-tab {
    display: flex;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-tab .name-details {
    width: 47%;
    margin-right: 40px;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-tab .detail-part-number {
    width: 47%;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-tab .detail-part {
    margin-bottom: 24px;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-tab .detail-part .detail-label {
    color: #7a8084;
    margin-bottom: 8px;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-tab .detail-part .detail-value {
    color: #383737;
    margin: 0;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-email .detail-part-email {
    width: 47%;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-email .detail-part-email .detail-label {
    color: #7a8084;
    margin-bottom: 8px;
  }
  .accessories-info-comp .custom-panel .details-section .tablet-display .contact-details-email .detail-part-email .detail-value {
    color: #383737;
    margin: 0;
  }
  .accessories-info-comp .custom-panel .billing-details .billing-details-title {
    width: 46.71%;
  }
  .accessories-info-comp .custom-panel .billing-details .billing-section {
    max-width: 284px !important;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .map-section {
    padding-left: 8px;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .map-section #accessories-info-map {
    width: 100%;
    height: 159px;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-row {
    padding-top: 0px !important;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-row .dealer-name {
    display: inline-block;
    padding-right: 9px;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-row .desktop-rating {
    display: block;
    padding-left: 0;
  }
  .accessories-info-comp .custom-panel .shipping-details .shipping-row {
    background-color: #f8f8f8;
    border-left: 8px solid #307fe2;
    padding: 24px 32px 24px 24px;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-info-comp .custom-accordion {
    padding: 24px 16px 25px 16px;
  }
  .accessories-info-comp .custom-accordion h5 {
    width: 88%;
  }
  .accessories-info-comp .custom-accordion::after {
    font-size: 20px;
    height: 20px;
    width: 20px;
  }
  .accessories-info-comp .custom-accordion .icon-Chevron-Down::before,
  .accessories-info-comp .custom-accordion .icon-Chevron-Up::before {
    font-size: 20px;
  }
  .accessories-info-comp .custom-panel {
    padding: 16px 16px;
  }
  .accessories-info-comp .custom-panel .personal-details-section {
    padding-bottom: 0;
  }
  .accessories-info-comp .custom-panel .personal-details-section h5 {
    margin-bottom: 0px !important;
    width: 100%;
  }
  .accessories-info-comp .custom-panel .personal-details-section .details-section .desktop-display {
    display: grid;
  }
  .accessories-info-comp .custom-panel .personal-details-section .details-section .desktop-display .name-details,
  .accessories-info-comp .custom-panel .personal-details-section .details-section .desktop-display .detail-part-email {
    width: 100%;
    margin-right: 0px;
  }
  .accessories-info-comp .custom-panel .personal-details-section .details-section .desktop-display .detail-part {
    margin-bottom: 24px;
  }
  .accessories-info-comp .custom-panel .personal-details-section .details-section .desktop-display .detail-part .detail-label {
    color: #7a8084;
    margin-bottom: 8px;
  }
  .accessories-info-comp .custom-panel .personal-details-section .details-section .desktop-display .detail-part .detail-value {
    color: #383737;
    margin: 0;
  }
  .accessories-info-comp .custom-panel .personal-details-section .details-section .desktop-display .detail-part-email {
    order: 2;
  }
  .accessories-info-comp .custom-panel .personal-details-section .details-section .desktop-display .detail-part-number {
    order: 1;
    width: 100%;
  }
  .accessories-info-comp .custom-panel .personal-details-section .details-section .tablet-display {
    display: none;
  }
  .accessories-info-comp .custom-panel .personal-details-section .disclaimer-label {
    padding-top: 0px !important;
    padding-bottom: 40px !important;
  }
  .accessories-info-comp .custom-panel .billing-details .billing-details-title {
    width: 100%;
  }
  .accessories-info-comp .custom-panel .billing-details .billing-section {
    max-width: 100% !important;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details {
    padding: 0;
    --bs-gutter-x: 0;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-row {
    padding-top: 0;
    --bs-gutter-x: 0;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-row .dealer-title:first-child {
    margin-top: 40px;
    margin-bottom: 16px;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-row .dealer-section .dealer-pin {
    margin-bottom: 8px;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .map-section {
    margin-top: 8px;
    margin-bottom: 16px;
    padding-left: 0px !important;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .map-section #accessories-info-map {
    max-width: 100%;
    max-height: 159px;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .desktop-rating {
    display: none;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .mob-rating {
    display: block;
    padding-left: 0%;
    margin-bottom: 16px;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .mob-rating .icon-Star-Active,
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .mob-rating .icon-Star-Half,
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .mob-rating .icon-Star-Rest {
    width: 16.67px;
    margin-left: 3.33px;
    height: 16.67px;
    color: #307fe2;
  }
  .accessories-info-comp .custom-panel .vehicle-dealer-details .dealer-section .mob-rating span:first-child {
    margin-left: 0px !important;
  }
  .accessories-info-comp .custom-panel .shipping-details .shipping-row {
    margin-top: 24px;
    background-color: #f8f8f8;
    border-left: 4px solid #307fe2;
    padding: 16px 16px 16px 12px;
  }
}

.accessories-details-comp {
  display: grid;
  gap: 24px;
}
.accessories-details-comp h5,
.accessories-details-comp h6,
.accessories-details-comp p {
  padding: 0;
  margin: 0;
  color: #383737;
}
.accessories-details-comp .details-accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  border: none;
  padding: 45px 64px;
  text-align: left;
  position: relative;
  border-bottom: 2px solid #eaeaec;
}
.accessories-details-comp .details-accordion h5 {
  margin: 0;
  width: 89.5%;
  word-break: break-word;
  color: #383737;
}
.accessories-details-comp .details-accordion .icon-Chevron-Down::before,
.accessories-details-comp .details-accordion .icon-Chevron-Up::before {
  color: #383737;
  font-size: 24px;
}
.accessories-details-comp .details-accordion.active .icon-Chevron-Down,
.accessories-details-comp .details-accordion.active .icon-Chevron-Up {
  transform: rotate(180deg);
}
.accessories-details-comp .pannel {
  padding: 64px 64px 85px 64px;
  background-color: #ffffff;
}
.accessories-details-comp .pannel h6 {
  margin-bottom: 12px;
}
.accessories-details-comp .details-pannel {
  display: grid;
  gap: 11.2727%;
  grid-template-columns: 39.6363% 36%;
}
.accessories-details-comp .details-pannel .product-details p {
  color: #7a8084;
}
.accessories-details-comp .details-pannel .right-details p {
  margin-bottom: 8px;
  width: fit-content;
}
.accessories-details-comp .details-pannel .right-details h6 {
  width: fit-content;
}
.accessories-details-comp .details-pannel .right-details .key-benefits {
  margin-bottom: 40px;
}
.accessories-details-comp .specifications-details div {
  padding: 24px 66px;
}
.accessories-details-comp .specifications-details div p {
  width: 100%;
}
.accessories-details-comp .specifications-details div:nth-child(odd) {
  background-color: #f8f8f8;
}
@media only screen and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) {
  .accessories-details-comp {
    gap: 16px;
  }
  .accessories-details-comp .details-accordion {
    padding: 24px 40px;
  }
  .accessories-details-comp .pannel {
    padding: 40px 40px 56px 40px;
  }
  .accessories-details-comp .details-pannel {
    grid-template-columns: auto;
    gap: 0;
  }
  .accessories-details-comp .details-pannel .right-details {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 46.217105% 46.217105%;
    gap: 7.565789%;
  }
  .accessories-details-comp .details-pannel .right-details p {
    width: 100%;
  }
  .accessories-details-comp .details-pannel .right-details .key-benefits {
    margin-bottom: 0;
  }
  .accessories-details-comp .specifications-details div {
    padding: 24px !important;
  }
}
@media only screen and (max-width: 576px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accessories-details-comp .details-accordion {
    padding: 24px 16px;
  }
  .accessories-details-comp .pannel {
    padding: 24px 16px;
  }
  .accessories-details-comp .details-pannel {
    display: block;
  }
  .accessories-details-comp .details-pannel .right-details {
    display: block;
    gap: 7.565789%;
  }
  .accessories-details-comp .details-pannel .right-details p {
    width: 100%;
  }
  .accessories-details-comp .details-pannel .right-details .key-benefits {
    margin-bottom: 40px;
  }
  .accessories-details-comp .specifications-details div {
    padding: 24px !important;
  }
}