@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

input[type="checkbox"]:before,
input[type="checkbox"]:checked:before {
  position: absolute;

  top: -2px;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  color: #171717;

  font-weight: 700;

  font-size: 11px;
}

input[type="checkbox"]:checked:before {
  content: "\2713";
}

input[type="checkbox"] {
  -webkit-appearance: none;

  height: 14px;

  width: 13px;

  outline: none;

  cursor: pointer;

  position: relative;

  margin-left: 0;

  border: 1px solid #707070;
}

input[type="number"] {
  -moz-appearance: textfield;
}

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

  margin: 0;
}

.page {
  margin-bottom: 0;
}

body {
  margin: 0;

  padding: 0;

  max-width: 1920px;

  margin-right: auto !important;

  margin-left: auto !important;

  overflow-x: hidden;
}

* {
  box-sizing: border-box;

  font-family: "Roboto Condensed", sans-serif;

  font-style: normal;

  font-optical-sizing: auto;

  outline: none;
}

p {
  color: #3d3d3d;

  font-size: 18px;

  font-weight: 400;

  line-height: 28px;

  /* text-transform: capitalize; */

  font-family: "Roboto", sans-serif;
}

p strong,
p b {
  font-weight: 700;
}

.wp-theme-amacar a {
  text-decoration: none;

  color: inherit;

  cursor: pointer;
}

h1,
h2,
h3,
h4 {
  margin: 0;
}

.wp-theme-amacar h1 {
  color: #fff;

  font-size: 72px;

  font-style: normal;

  font-weight: 700;

  line-height: 100%;

  text-align: left;
}

h2 {
  color: #122938;

  font-size: 48px;

  font-weight: 700;

  line-height: normal;

  text-transform: capitalize;
}

ul {
  width: 100%;
}

ul,
li {
  padding: 0;

  margin: 0;

  font-weight: 500;

  line-height: 1.6;

  color: #3d3d3d;

  list-style: none;

  font-size: 14px;
}

.text-container .content li {
  list-style-type: disc;

  margin-bottom: 10px;

  font-size: 16px;

  font-family: "Roboto", sans-serif;
}

.text-container .content ul {
  margin-bottom: 1.5em;

  padding-left: 15px;
}

.page {
  margin-top: 97px;
}

button {
  border: 0;

  cursor: pointer;
}

.container {
  width: 100%;

  max-width: 1270px;

  margin: 0 auto;
}

section {
  display: flex;

  padding: 120px 30px;
}

section#shadow-host-companion {
  padding: 0;
}

.home {
  margin-bottom: 0;
}

.licence-container .btn-disabled {
  pointer-events: none;

  opacity: 0.8;
}

.licence-container a:visited {
  color: #ffffff;
}

.btn .cm-button,
.woocommerce .button.woocommerce-button,
.page-code-registration .sinup-btn,
.woocommerce .button.woocommerce-Button {
  display: flex;

  padding: 19px 24px;

  justify-content: center;

  align-items: center;

  gap: 9.5px;

  border-radius: 4px;

  text-align: center;

  font-family: "Roboto", sans-serif;

  font-size: 18px;

  font-weight: 600;

  line-height: 100%;

  /* 18px */

  letter-spacing: -0.36px;

  position: relative;

  overflow: hidden;

  z-index: 1;

  min-width: 243px;
}

.woocommerce .button.woocommerce-button {
  margin-right: 0 !important;
}

.woocommerce .button.woocommerce-button,
.page-code-registration .sinup-btn,
.woocommerce .button.woocommerce-Button {
  padding: 12px 24px;
}

.btn .cm-button.btn-blue,
.woocommerce .button.woocommerce-button,
.page-code-registration .sinup-btn,
.woocommerce .button.woocommerce-Button {
  background: #000000 !important;

  color: #ffffff !important;
}

.page-code-registration .sinup-btn {
  width: 100%;
}

.woocommerce .button.woocommerce-Button {
  margin-top: 20px;
}

.btn .cm-button.btn-white {
  background-color: #000000;

  color: #394da1;
}

.btn .cm-button.btn-white:hover {
  color: #ffffff;
}

.btn {
  display: flex;
}

.btn .cm-button.btn-blue::before,
.woocommerce .button.woocommerce-button::before,
.page-code-registration .sinup-btn::before,
.woocommerce .button.woocommerce-Button::before {
  background: #394da1;
}

.btn .cm-button.btn-white::before {
  background-color: #ffffff;
}

.btn .cm-button::before,
.menu-header-menu-container li.btn-orange a::before,
.woocommerce .button.woocommerce-button::before,
.page-code-registration .sinup-btn::before,
.woocommerce .button.woocommerce-Button::before {
  content: "";

  position: absolute;

  width: 120%;

  left: -10%;

  transform: skew(30deg);

  transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);

  top: 0;

  height: 100%;

  z-index: -1;
}

.btn .cm-button:hover::before,
.menu-header-menu-container li.btn-orange a:hover::before,
.woocommerce .button.woocommerce-button:hover::before,
.page-code-registration .sinup-btn:hover::before,
.woocommerce .button.woocommerce-Button:hover::before {
  transform: translate3d(100%, 0, 0);
}

.menu-header-menu-container .menu li.btn-orange.current_page_item a {
  color: #ffffff !important;
}

/* Start Home Page */

.home-banner {
  background-size: cover;

  background-position: center;

  padding: 200px 30px 180px;
}

.home-banner h1 span {
  color: #f6851f;
}

.banner-content {
  width: 76%;
}

.home-banner p {
  color: #ffffff;

  font-size: 24px;

  line-height: 34px;

  width: 55%;

  margin: 32px 0 40px;

  text-align: left;
}

.btn-conatiner {
  display: flex;

  gap: 20px;
}

.offer {
  background-size: cover;

  background-position: center;
}

.offer-container {
  display: flex;

  gap: 40px 42px;

  align-items: center;
}

.offer-image {
  width: 74%;
}

.offer .btn-conatiner {
  margin-top: 44px;
}

section.counter {
  /* padding: 120px 30px; */

  background-size: cover;

  background-position: center;
}

.counter-list {
  align-items: center;

  display: flex;

  justify-content: space-between;

  gap: 20px 40px;
}

.counter-count {
  display: flex;

  justify-content: center;
}

.counter-count h4 {
  color: #f6851f;

  text-align: center;

  font-size: 64px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;
}

.counter-item {
  display: flex;

  flex-direction: column;

  align-items: center;
}

.counter-item p {
  color: #fff;

  text-align: center;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: capitalize;

  margin: 0;

  margin-top: 12px;

  width: 85%;
}

.page-dealer-registration .car-details {
  position: sticky;

  top: 80px;
}

.page-dealer-registration .form-info {
  align-items: flex-start;
}

.dealers .offer-container {
  flex-direction: row-reverse;
}

.dealers .offer-content {
  width: 37%;
}

.dealers .offer-image {
  width: 60%;
}

.custom-address-order {
  display: flex;

  flex-direction: column;
}

.custom-address-order .forminator-row:nth-child(1) {
  order: 1;
}

/* .custom-address-order .forminator-row:nth-child(2){

  order: 2;

} */

.custom-address-order .forminator-row:nth-child(3) {
  order: 4;

  margin-bottom: 0;
}

.custom-address-order .forminator-row:nth-child(4) {
  order: 3;

  margin-bottom: 40px;
}

.information-container {
  display: flex;

  justify-content: space-between;

  gap: 40px 92px;
}

.information-image {
  width: 50%;

  border-radius: 12px;
}

.information-image img {
  border-radius: 12px;
}

.information-content {
  width: 50%;
}

section.information {
  padding-bottom: 0;
}

.information-content p {
  margin: 12px 0 36px;
}

section.home-selling {
  background-size: cover;

  background-position: center;
}

.selling-content {
  width: 48%;

  padding: 52px 42px 52px 48px;

  border-radius: 12px;

  background: linear-gradient(
    166deg,
    rgba(9, 4, 0, 0.3) 9.93%,

    rgba(255, 255, 255, 0.3) 89.81%
  );

  box-shadow: 0px 4px 8px 0px rgba(57, 77, 161, 0.25);

  backdrop-filter: blur(15px);

  -webkit-backdrop-filter: blur(15px);

  position: relative;

  z-index: 1;
}

.home-selling h2 {
  color: #ffffff;
}

.selling-content p {
  color: #ffffff;

  margin: 12px 0 44px;

  line-height: 27px;

  width: 95%;
}

section.work {
  padding: 120px 30px 188px;
}

.work .container {
  max-width: 1215px;
}

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

.work-content p {
  margin: 22px auto 0;

  width: 80%;
}

.work-content h2 {
  line-height: 44px;
}

.work-list {
  display: flex;

  justify-content: space-between;

  margin-top: 145px;

  gap: 10px;
}

.work-item {
  display: flex;

  flex-direction: column;

  align-items: center;

  width: 15%;

  position: relative;
}

.work-item::after {
  content: "";

  position: absolute;

  background-size: 100% 100%;

  width: 156px;

  height: 57px;

  right: -112px;
}

.work-item:nth-child(odd)::after {
  background-image: url(../image/orange-arrow.svg);

  top: -85px;
}

.work-item:nth-child(even)::after {
  bottom: -75px;

  background-image: url(../image/bottom-arrow.svg);
}

.work-item span {
  display: flex;

  width: 60px;

  height: 60px;

  padding: 5px;

  justify-content: center;

  align-items: center;

  gap: 5px;

  border-radius: 5px;

  opacity: 0.8;

  background: #e3e8ff;

  box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.3);
}

.work-item:last-child::after {
  content: none;
}

.work-item h3 {
  color: #000;

  text-align: center;

  font-size: 16px;

  font-weight: 600;

  line-height: 30px;

  margin-top: 12px;
}

.work-item p {
  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  text-align: center;

  margin: 4px 0 0;
}

section.unlock {
  background-size: cover;

  background-position: center;

  border-radius: 18px 18px 0 0;

  position: relative;
}

.unlock-container {
  display: flex;

  align-items: center;
}

.unlock-content h2 {
  color: #000;

  font-size: 64px;

  font-weight: 700;

  line-height: 100%;
}

.unlock-content h2 span {
  color: #ffffff;
}

.unlock-content .btn-conatiner {
  margin-top: 52px;
}

.unlock-image {
  position: absolute;

  right: 0px;

  top: -35px;

  width: 50%;

  overflow-x: hidden;

  z-index: 1;
}

.unlock-image img {
  transform: translate(30px, 0);
}

.unlock-content {
  width: 57%;
}

section.shortcode {
  padding-bottom: 0;
}

.shortcode .container {
  max-width: 1265px;
}

.shortcode-content h2 {
  text-align: center;
}

.review-item {
  display: flex;

  flex-direction: column;

  border-radius: 7.589px;

  opacity: var(--sds-size-stroke-border);

  background: #fff;

  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);

  padding: 41px 20px 120px;

  margin: 20px;

  position: relative;
}

.review-item::after {
  content: "";

  position: absolute;

  right: 65px;

  bottom: -23px;

  background-image: url(../image/quote.svg);

  background-size: 41px 28px;

  background-position: center;

  background-repeat: no-repeat;

  background-color: #ffffff;

  border-radius: 50%;

  padding: 23px;

  width: 80.637px;

  height: 40.793px;
}

.review-content {
  display: flex;

  gap: 25px;

  position: relative;
}

.review-content::after {
  content: "";

  position: absolute;

  background-image: url(../image/star.svg);

  background-size: 100% 100%;

  width: 95px;

  height: 16px;

  right: 0;

  top: 0;
}

/* .shortcode .owl-item {

    margin: 20px;

} */

.review-item h4 {
  color: #808080;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;
}

.review-text p {
  color: #010715;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 28.46px;

  margin: 25px 0 0;
}

.review-content span {
  border: 6px solid #f6851f;

  border-radius: 100%;

  position: relative;

  z-index: 1;

  width: 85px;

  height: 85px;
}

.review-content span img {
  border-radius: 100%;

  height: 100%;

  object-fit: cover;
}

.review-content span::after {
  content: "";

  position: absolute;

  width: 0;

  height: 0;

  bottom: -6px;

  right: -6px;

  border-bottom: 50px solid #f6851f;

  border-left: 50px solid transparent;

  z-index: -1;
}

.review-content h3 {
  color: #1a1818;

  font-size: 30px;

  font-weight: 700;

  line-height: normal;
}

.review-list {
  margin-top: 24px;
}

.review-list .owl-dot span {
  background-color: #d9d9d9 !important;

  border: ipx solid #d9d9d9 !important;

  width: 8px !important;

  height: 8px !important;
}

.review-list .owl-dot.active span {
  background-color: #ffaa72 !important;

  border: 1px solid #f6851f !important;
}

.review-list .owl-theme .owl-dots .owl-dot span {
  width: 8px !important;

  height: 8px !important;

  margin: 5px 3px !important;
}

.logo .container {
  max-width: 1270px;
}

.logo-list {
  gap: 15px;
}

.logo-item {
  display: flex;

  align-items: center;

  justify-content: center;
}

.logo-item img {
  height: 100px;

  object-fit: contain;

  object-position: center;
}

.logo .splide__pagination {
  margin-top: 47px;

  position: static;
}

.splide__pagination__page {
  background-color: #d9d9d9 !important;

  border: ipx solid #d9d9d9 !important;
}

.splide__pagination__page.is-active {
  background-color: #ffaa72 !important;

  border: 1px solid #f6851f !important;

  transform: unset !important;
}

.unlock .container {
  max-width: 1263px;
}

.licence {
  padding: 0;

  min-height: 158px;

  background-color: #ffffff;

  position: relative;

  z-index: 1;
}

.licence .container {
  max-width: 1000px;
}
.licenceModal-width {
  max-width: 1000px !important;
}

.licence-container #cashOfferForm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26px 45px;
  border-radius: 8px;
  background: #fff;
  gap: 30px;
}

.licence-container #cashOfferForm.year-error {
  position: relative;
  padding-bottom: 70px;
}
.licence-container #cashOfferForm.year-error .vin-message {
  position: absolute;
  inset: 44px;
  top: auto;
  bottom: 20px;
}
.licence-container #cashOfferForm.year-error .input-group {
  position: static;
}
span.vin-message {
  font-size: 14px;

  line-height: 24px;

  color: #ff0000;

  margin-top: 5px;
}

.input-group {
  width: 100%;

  display: flex;

  flex-direction: column;
}

.licence-container #cashOfferForm input {
  display: flex;

  padding: 17px 15px;

  align-items: flex-start;

  gap: 45px;

  align-self: stretch;

  color: #000000;

  font-family: Roboto;

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  outline: none;
}

.licence-container .button-container {
  width: 44%;

  display: flex;

  justify-content: flex-end;
}

.car-content {
  display: flex;

  width: 80%;

  gap: 30px;

  align-items: flex-start;

  padding-right: 82px;

  padding: 20px 92px 20px 0;

  border-right: 1px solid #e9e9e9;
}

/* Start Footer CSS */

.site-footer {
  background-color: #222222;

  padding: 118px 30px 0;
}

.site-footer .container {
  max-width: 1263px;
}

.footer-list {
  display: flex;

  justify-content: space-between;

  gap: 20px 120px;
}

.footer-item h3 {
  color: #ffffff;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 24px;

  text-transform: capitalize;
}

.heading h3 {
  font-size: 24px;

  line-height: 18px;

  margin-bottom: 24px;
}

.footer-item #menu-footer-menu a {
  color: #fff;

  font-size: 16px;

  font-style: normal;

  font-weight: 300;

  line-height: 18px;

  text-transform: capitalize;

  position: relative;
}

.footer-item #menu-footer-menu a::before {
  content: "";

  position: absolute;

  width: 0;

  height: 1px;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  background-color: #ffffff;

  transition: 0.3s ease-in-out;
}

.footer-item #menu-footer-menu a:hover::before {
  width: 100%;
}

ul#menu-footer-menu {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 12px;
}

.footer-item h2,
.page-about-us .footer-item h2 {
  color: #fff;

  text-align: center;

  font-size: 32px;

  font-style: italic;

  font-weight: 700;

  line-height: 38px;

  text-transform: capitalize;
}

.footer-item {
  width: 65%;
}

.footer-item:last-child {
  width: 53%;

  padding-left: 125px;

  border-left: 1px solid #a7a7a7;
}

.footer-item:first-child {
  border-right: 1px solid #a7a7a7;

  padding-right: 82px;

  width: 38%;
}

.site-footer.site-branding {
  display: flex;

  justify-content: center;
}

.copyright-container {
  display: flex;

  justify-content: space-between;

  padding: 21px 0;

  border: 1px solid #a7a7a7;

  border-left: 0;

  border-right: 0;

  margin-top: 50px;

  align-items: center;
}

.footer-item .site-branding {
  display: flex;

  justify-content: center;
}

.policy,
.copyright {
  color: #ffffff !important;

  font-size: 16px;

  font-style: normal;

  font-weight: 300;

  line-height: 141.7%;
}

.social-list {
  display: flex;

  justify-content: space-between;

  margin-top: 32px;
}

.social-list a {
  transition: 0.3s ease-in-out;
}

.social-list a:hover {
  transform: translatey(-10px);
}

.input input[type="email"] {
  background: transparent;

  outline: none;

  border: none;

  padding: 0;

  font-size: 14px;

  color: #ffffff;
}

.newsletter {
  border-radius: 4px;

  border: 1px solid #fff;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 13px;

  margin-top: 32px;
}

.newsletter .input::placeholder {
  font-family: "Roboto Condensed", sans-serif;
}

.submit input[type="submit"] {
  background-color: transparent;

  padding: 0;

  color: transparent;

  outline: none;

  border: none;

  width: 10px;

  height: 10px;

  z-index: 1;

  position: relative;

  cursor: pointer;
}

.submit {
  position: relative;

  width: 10px;

  height: 10px;

  cursor: pointer;
}

.submit img {
  position: absolute;

  right: 0;
}

.mc4wp-response p {
  color: #ffffff !important;

  font-size: 15px;
}

/* Start Header CSS */

img.custom-logo {
  max-width: 164px;
}

.site-header.header-top {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.header-container {
  display: flex;

  gap: 20px 200px;

  align-items: center;
}

header#masthead {
  padding: 24px 30px;

  position: fixed;

  top: 0;

  width: 100%;

  background-color: #ffffff;

  z-index: 9999999;

  max-width: 1920px;

  margin: 0 auto;
}
.main-navigation ul {
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 90%;
}
.main-navigation .menu-header-menu-container {
  display: flex;
  justify-content: flex-end;
}

.menu-header-menu-container li a {
  color: #3d3d3d;

  font-family: "Roboto", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: -0.3px;

  position: relative;
}

.menu-header-menu-container li.btn-orange {
  margin-left: auto;
}

.menu-header-menu-container li.btn-orange a {
  padding: 8px 48px;

  border-radius: 4px;

  background: #000000;

  color: #ffffff;

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: 32px;

  position: relative;

  overflow: hidden;

  z-index: 1;
}

.menu-header-menu-container li.btn-orange.my-account-btn,
.logged-in .menu-header-menu-container li.btn-orange.login-btn {
  display: none;
}

.logged-in .menu-header-menu-container li.btn-orange.my-account-btn {
  display: block;
}

.menu-header-menu-container li.btn-orange a::before {
  background: #f6851f;

  color: #ffffff;
}

.mobile-navigation {
  display: none;
}

a.custom-logo-link {
  display: flex;
}

#site-navigation .menu li a {
  position: relative;

  transition: 0.3s ease-in-out;
}

#site-navigation .menu li a::after,
#site-navigation .menu li.current_page_item a::after {
  content: "";

  position: absolute;

  width: 0;

  height: 1px;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  background-color: #f6851f;

  transition: 0.3s ease-in-out;
}

#site-navigation .menu li a:hover {
  color: #f6851f;
}

#site-navigation .menu li.btn-orange a:hover {
  color: #ffffff;
}

#site-navigation .menu li a:hover::after,
#site-navigation .menu li.current_page_item a::after {
  width: 100%;
}

#site-navigation .menu li.current_page_item a {
  color: #f6851f;
}

#site-navigation .menu li.btn-orange a::after {
  content: none;
}

.home .widget {
  margin-bottom: 0;
}

ul.licence-list {
  display: flex;

  gap: 13px;
}

li.tab-heading {
  color: #ffffff;

  padding: 4px 24px;

  border-radius: 4px 4px 0 0;

  background-color: #f6851f;

  font-size: 18px;

  line-height: 28px;

  min-width: 157px;

  text-align: center;
}

.licence-data {
  padding: 48px;

  background-color: #ffffff;
}

.acf-fields > .acf-field {
  border: none !important;

  padding: 0 !important;
}

.licence .acf-form-fields {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

/* Start About page  */

/* .page-about-us .container{

  max-width: 1279px;

} */

.page-about-us h2 {
  line-height: 72px;

  letter-spacing: -0.96px;

  color: #000000;
}

.page-about-us .unlock-content h2 {
  line-height: 100%;

  letter-spacing: unset;
}

.page-about-us p {
  line-height: 24px;

  letter-spacing: -0.36px;

  text-transform: none;
}

section.home-innerbanner {
  background-size: cover;

  background-position: top;

  height: 564px;

  display: flex;

  align-items: center;
}

.innerbanner-container {
  display: flex;

  align-items: center;

  justify-content: center;
}

.breadcrumb {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 25px;

  margin-top: 40px;
}

.breadcrumb a {
  color: #f6851f;

  font-size: 24px;
}

.innerbanner-container h3 {
  text-align: center;
}

.breadcrumb h3,
.innerbanner-container h3 {
  font-size: 24px;

  color: #ffffff;

  font-weight: 400;
}

.home-innerbanner h1 {
  text-transform: capitalize;

  text-align: center;
}

section.home-innerbanner.overlay {
  position: relative;

  z-index: 1;
}

section.home-innerbanner.overlay::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-color: #000000;

  opacity: 0.7;

  z-index: -1;
}

.commitment-container {
  display: flex;

  justify-content: space-between;

  gap: 40px 77px;

  align-items: center;
}

.commitment-image {
  width: 48%;

  border-radius: 12px;

  display: flex;
}

.commitment-content {
  width: 54%;
}

/* .commitment .container {

  max-width: 1274px;

} */

.commitment-image img {
  border-radius: 12px;
}

.commitment-image img {
  width: 100%;

  height: 100%;
}

.commitment-content p {
  margin: 14px 0 44px;
}

.commitment-list {
  display: flex;

  flex-flow: wrap;

  justify-content: space-between;

  gap: 24px 44px;

  margin-top: 32px;
}

.commitment-item {
  width: 43%;

  display: flex;

  gap: 12px;
}

.commitment-item span {
  display: flex;

  min-width: 60px;

  height: 60px;

  padding: 12px;

  background: #e3e8ff;

  border-radius: 5px;

  box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.3);
}

.commitment-item h3 {
  color: #3d3d3d;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  font-family: "Roboto", sans-serif;
}

section.commitment {
  padding: 120px 30px;
}

/* section.mission {

  padding: 110px 30px;

} */

/* .mission .container {

  max-width: 1279px;

} */

.mission-container {
  display: flex;

  justify-content: space-between;

  gap: 40px 79px;
}

.mission-content {
  width: 48%;
}

.mission-image {
  width: 50%;
}

.mission-list {
  display: flex;

  flex-direction: column;

  gap: 32px;

  width: 84%;

  margin-top: 44px;
}

.mission-item {
  display: flex;

  gap: 24px;
}

.mission-item span {
  display: flex;

  min-width: 50px;

  width: 50px;

  height: 50px;

  background-color: #fff;

  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));

  padding: 8px 12px;

  border-radius: 50%;
}

.mission-content p {
  margin: 16px 0 0;
}

.mission-content p:nth-of-type(2) {
  margin-top: 16px;
}

.mission-item .content h3 {
  color: #000;

  font-size: 30px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;

  letter-spacing: -0.6px;
}

.mission-item .content p {
  margin: 4px 0 0;

  font-family: "Roboto", sans-serif;
}

.choose-list {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 30px 66px;

  margin-top: 83px;
}

.choose-item {
  width: 21%;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;
}

.choose-item span {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 150px;

  height: 150px;

  padding: 30px 32px;

  border-radius: 100%;

  background-color: #e3e8ff;
}

.choose-content h2 {
  text-align: center;
}

.choose-item h3 {
  color: #111111;

  text-align: center;

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 22.273px;

  text-transform: capitalize;

  margin-top: 20px;
}

.choose-item p {
  color: #111111;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  margin-bottom: 0;

  /* line-height: 17.633px; */

  text-transform: capitalize;
}

section.choose {
  padding-bottom: 0;
}

.page-about-us section.logo {
  padding-bottom: 120px;
}

/* Start Testimonial Page */

.page-testimonials section.shortcode {
  padding: 120px 30px;
}

.testimonial-item {
  display: flex;

  flex-direction: column;

  border-radius: 7.589px;

  opacity: var(--sds-size-stroke-border);

  background: #fff;

  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);

  padding: 14px 30px;
}

.testimonial-content {
  display: flex;

  gap: 8px;

  align-items: center;
}

.testimonial-content .info {
  position: relative;
}

.testimonial-content .info::after {
  content: "";

  position: absolute;

  background-image: url(../image/star.svg);

  background-size: 100% 100%;

  width: 95px;

  height: 16px;

  left: 0;

  bottom: -22px;
}

.testimonial-list {
  display: grid;

  grid-template-columns: auto auto auto;

  gap: 48px;
}

.testimonial-item h4 {
  color: #808080;

  font-size: 14px;

  font-weight: 700;

  line-height: 18px;

  color: #f6851f;
}

.testimonial-text p {
  color: #010715;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin: 25px 0 33px;
}

.testimonial-content span {
  border: 6px solid #f6851f;

  border-radius: 100%;

  position: relative;

  z-index: 1;

  width: 98px;

  height: 98px;
}

.testimonial-content span img {
  width: 100%;

  height: 100%;

  border-radius: 100%;
}

.testimonial-content span::after {
  content: "";

  position: absolute;

  width: 0;

  height: 0;

  bottom: -6px;

  right: -6px;

  border-bottom: 50px solid #f6851f;

  border-left: 50px solid transparent;

  z-index: -1;
}

.testimonial-content h3 {
  color: #000000;

  font-size: 20px;

  font-weight: 700;

  line-height: 16px;
}

.testimonial-info {
  display: flex;

  justify-content: space-between;

  margin-top: auto;
}

.pagination {
  margin-top: 48px;

  display: flex;

  justify-content: center;

  gap: 15px;
}

.pagination .page-numbers {
  background-color: #ffffff;

  padding: 5px 10px;

  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);

  font-size: 14px;

  line-height: 24px;

  transition: 0.3s ease-in-out;
}

.pagination .page-numbers.current {
  background-color: #f6851f;

  color: #ffffff;
}

/* Instant offer Page */

.offer-car-iamge {
  /* display: none; */
}

#form-Consent input[type="checkbox"]:before,
#form-Consent input[type="checkbox"]:checked:before {
  font-size: 22px;
}

.forminator-ui#forminator-module-469.forminator-design--default
  .forminator-pagination-steps
  .forminator-break:before {
  width: 100%;
}

.forminator-ui#forminator-module-469.forminator-design--default
  .forminator-textarea {
  resize: none;
}

.car-details {
  position: sticky;

  top: 118px;
}

#specific-dealers option:checked {
  background-color: transparent;

  color: #f6851f;
}

.form-info {
  align-items: flex-start;
}

div#forminator-custom-form-469--page-2,
div#forminator-custom-form-492--page-1 {
  position: relative;
}

.position-change .cm-button {
  position: absolute;

  right: 0;

  min-width: 163px;

  bottom: -87px;
}

#forminator-custom-form-469--page-2 .forminator-row:nth-child(2) {
  margin-bottom: 0 !important;
}

.cashoffer-btn.forminator-button-submit {
  display: none !important;
}

.car-details .details {
  align-items: center;

  display: flex;

  justify-content: space-between;

  column-gap: 44px;
}

.car-details .right-details p {
  margin: 0;

  color: #000000;

  font-family: "Roboto", sans-serif;

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: capitalize;
}

.right-details h3 {
  color: #f6851f;

  font-family: "Roboto", sans-serif;

  font-size: 12px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: capitalize;
}

.left-details h3 {
  display: flex;

  height: 52px;

  padding: 16px 32px;

  justify-content: center;

  align-items: center;

  gap: 10px;

  background: #f6851f;

  border-radius: 8px;

  color: #ffffff;

  font-size: 12px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: capitalize;

  font-family: "Roboto", sans-serif;
}

.solidbanner-content h1 {
  text-align: center;
}

.form-section {
  background-color: #f6f8ff;

  flex-direction: column;
}

.form-section .heading-container h2 {
  text-align: center;
}

.form-container h2 {
  color: #000000;

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-align: center;
}

select#specific-dealers {
  margin-bottom: 20px;
}

.tab-list {
  justify-content: center;

  display: flex;

  gap: 30px 77px;

  margin-top: 46px;
}

.form-tab span {
  background-color: #f6f8ff;

  width: 100px;

  height: 100px;

  border-radius: 100%;

  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));

  display: flex;

  padding: 25px;

  border: 4px solid #ffffff;
}

.form-tab h3 {
  color: #8c8c8c;

  font-size: 20px;

  font-weight: 700;

  line-height: normal;

  text-transform: capitalize;

  margin-top: 16px;

  text-align: center;
}

.form-tab {
  display: flex;

  flex-direction: column;

  align-items: center;
}

.form-item .af-fields {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 40px 10px;
}

.form-item .af-field {
  width: 48.9%;
}

.form-info {
  display: flex;

  justify-content: space-between;

  gap: 40px 40px;
}

.form-details {
  width: 60%;
}

.form-item .acf-field .acf-label label {
  color: #3d3d3d;

  font-size: 16px;

  font-weight: 700;

  line-height: 26.059px;
}

.form-item .af-input input,
.form-item .af-input select,
.form-item .af-input textarea {
  border-radius: 7.113px;

  border: 1.303px solid #d6d6d6;

  padding: 13.03px 13.03px 13.03px 31.271px !important;

  background-color: rgba(255, 255, 255, 0.77);

  outline: none;
}

.form-item .af-input .acf-input-append {
  outline: none;

  background-color: rgba(255, 255, 255, 0.77);

  border-radius: 0 7px 7px 0;

  border: 1.303px solid #d6d6d6;

  border-left: 0;

  padding: 13.03px 13.03px 13.03px 31.271px !important;

  font-size: 14px;

  line-height: 1.4;
}

.form-item #acf-field_66f3f68b88fbc {
  border-right: 0;
}

.form-section .af-submit {
  padding: 0;
}

.form-section .af-submit .acf-button {
  background: #394da1;

  border-radius: 6px;

  padding: 16px 32px;

  color: #ffffff;
}

#details-form .af-fields {
  flex-wrap: unset;

  flex-direction: column;
}

#details-form .af-label label {
  color: #f6851f;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: capitalize;

  font-family: "Roboto", sans-serif;

  margin-bottom: 32px;
}

.form-section .acf-radio-list label {
  padding: 8px 32px;

  border-radius: 7.113px;

  border: 1.303px solid #d6d6d6;

  background: rgba(255, 255, 255, 0.77);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  color: #3d3d3d;
}

.form-section .acf-radio-list label.selected {
  border: 1.303px solid #f6851f;

  background-color: #f6851f;

  color: #ffffff;

  cursor: pointer;
}

.form-section .acf-radio-list.acf-bl > li,
.form-section .acf-radio-list > li {
  float: left !important;

  margin-right: 16px !important;
}

.form-section .acf-radio-list input[type="radio"] {
  visibility: hidden;

  position: absolute;

  width: 100%;

  height: 100%;
}

#details-form .af-field {
  width: 100%;
}

#details .af-fields {
  gap: 64px 20px;
}

.form-item .af-input textarea {
  height: 67px;

  resize: unset;
}

#contact-details .af-label label {
  color: #3d3d3d;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 26.059px;

  text-transform: capitalize;
}

#contact-details .af-fields {
  flex-flow: wrap;
}

#contact-details .af-field {
  width: 48.9%;
}

/* get-instant-offer step form page  */

#smartwizard ul {
  width: 100%;

  max-width: 520px;

  margin: auto;

  justify-content: space-between;
}

#smartwizard .nav-item {
  width: max-content;

  flex-grow: initial;
}

#smartwizard .nav-item a {
  height: 100px;

  padding-top: 70px;

  font-size: 18px;

  font-family: Roboto;

  font-weight: 700;

  white-space: nowrap;

  width: max-content;

  color: #8c8c8c;

  outline: none;
}

.custom-step-form.sw-theme-dots > .nav .nav-link.active {
  color: #f6851f !important;
}

#smartwizard .nav-item a img {
  width: 40px;

  height: 40px;

  margin-top: 19px;

  font-size: 13px;
}

#smartwizard .nav-item a.active img {
  filter: none;
}

#smartwizard .nav-item a::after {
  border: 0;
}

#smartwizard .nav-item a::after {
  border: 4px solid #ffffff;

  background-color: #f6f8ff !important;

  width: 100px;

  height: 100px;
}

#smartwizard .nav-item a.active::after,
#smartwizard .nav-item a.done::after {
  background-color: #f6851f !important;

  border-color: #f6851f;
}

#smartwizard ul:has(.done) a.active img,
#smartwizard ul:has(.done) li:nth-child(2) a.done img,
#smartwizard ul:has(.done) li:nth-child(3) a.done img {
  filter: brightness(0) invert(1);
}

#smartwizard .nav::before {
  top: -30px;

  bottom: 0;

  margin: auto;

  width: 80%;

  left: 0;

  right: 0;
}

body:has(.custom-step-form) {
  background-color: #f6f8ff;
}

body .custom-step-form .form-outer,
#smartwizard.custom-step-form .toolbar-bottom {
  max-width: 1260px;

  margin: auto;
}

body:has(.custom-step-form) .entry-header {
  display: none;
}

body:has(.custom-step-form) .solidbanner {
  margin-bottom: 120px;
}

body:has(.custom-step-form) h4.instant-offer-heading {
  color: #122938;

  font-size: 48px;

  font-weight: 700;

  line-height: normal;

  text-transform: capitalize;

  text-align: center;

  margin-bottom: 63px;
}

body .custom-step-form .form-outer {
  border-top: 1px solid rgba(128, 128, 128, 0.5);

  padding: 0 30px;

  padding-top: 110px;

  margin-top: 56px;

  display: flex;

  flex-wrap: wrap;

  gap: 40px 40px;
}

.custom-step-form .car-details {
  width: 36%;

  height: max-content;

  min-height: 250px;
}

body .custom-step-form .tab-content {
  width: 58%;

  height: auto !important;
}

body .custom-step-form form {
  display: flex;

  flex-wrap: wrap;

  gap: 2%;

  row-gap: 40px;

  justify-content: space-between;
}

body .custom-step-form form > div {
  width: 47%;

  display: flex;

  flex-direction: column;
}

body .custom-step-form form label {
  color: #3d3d3d;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 26.059px;

  margin-bottom: 10px;

  text-transform: capitalize;
}

body .custom-step-form form input,
body .custom-step-form form select {
  font-size: 14px;

  font-family: Roboto;

  font-weight: 700;

  border-color: #d6d6d6;

  background-color: #ffffff;

  color: #3d3d3d;

  width: 100%;

  display: block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  min-width: unset;

  max-width: unset;

  min-height: unset;

  max-height: unset;

  height: auto;

  line-height: 1.3em;

  background-image: unset;

  -webkit-transition: 0.2s ease;

  transition: 0.2s ease;

  margin: 0;

  padding: 9px;

  border-width: 1px;

  border-style: solid;

  padding: 13.03px 13.03px 13.03px 31.271px;

  border-radius: 7px;
}

body .custom-step-form form .invalid-feedback {
  color: #ff0000;

  font-size: 12px;

  font-family: Roboto;

  font-weight: 500;

  padding: 2px 10px;

  border-radius: 2px;

  line-height: 2em;

  display: block;

  margin-top: 5px;
}

#smartwizard.custom-step-form .toolbar-bottom button {
  padding: 8px 48px;

  border-radius: 4px;

  background: #000000;

  color: #ffffff;

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: 32px;

  position: relative;

  overflow: hidden;

  z-index: 1;

  position: relative;

  border: none;

  transition: 0.3s ease-in-out;

  font-family: Roboto;

  font-weight: 500;
}

#smartwizard.custom-step-form .toolbar-bottom button.disabled {
  display: none;
}

#smartwizard.custom-step-form .toolbar-bottom button::before {
  content: "";

  position: absolute;

  width: 120%;

  left: -10%;

  transform: skew(30deg);

  transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);

  top: 0;

  height: 100%;

  z-index: -1;

  background: #394da1;

  color: #ffffff;
}

#smartwizard.custom-step-form .toolbar-bottom button:hover:before {
  transform: translate3d(100%, 0, 0);
}

#smartwizard.custom-step-form .toolbar-bottom {
  padding: 12px 0 120px 0;

  display: flex;

  justify-content: space-between;

  order: 3;

  width: 100%;
}

#smartwizard.custom-step-form .toolbar-bottom:has(.disabled) {
  justify-content: flex-end;
}

body .custom-step-form #form-2 {
  flex-direction: column;
}

body .custom-step-form #form-2 > div {
  width: 100%;
}

body .custom-step-form #form-2 > div {
  flex-direction: row;

  flex-wrap: wrap;

  gap: 20px;
}

body .custom-step-form #form-2 .form-label {
  width: 100%;

  color: #f6851f;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-transform: inherit;

  font-family: "Roboto", sans-serif;

  margin-bottom: 0;
}

body .custom-step-form #form-2 .form-check {
  width: max-content;

  position: relative;

  padding-left: 0;
}

body .custom-step-form #form-2 .is-invalid {
  width: 100%;

  margin: 0;
}

body .custom-step-form #form-2 .form-check-label {
  display: block;

  padding: 8px 32px;

  border-radius: 7.113px;

  border: 1.303px solid #d6d6d6;

  background: rgba(255, 255, 255, 0.77);

  pointer-events: auto;

  color: #3d3d3d;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 26.059px;

  margin-bottom: 0px;

  text-transform: capitalize;

  cursor: pointer;
}

body .custom-step-form #form-2 .form-check-input {
  position: absolute;

  inset: 0;

  opacity: 0;

  z-index: 1;

  cursor: pointer;

  margin-left: 0;

  border-radius: 0;
}

body .custom-step-form #form-2 .form-check-input:checked + * {
  color: white;

  background-color: rgba(246, 133, 31, 1);

  border-color: rgba(246, 133, 31, 1);
}

.custom-step-form.sw > .progress > .progress-bar {
  background-color: rgba(246, 133, 31, 1);
}

/* new */

.forminator-pagination-steps .forminator-break {
  height: 4px !important;
}

/* .forminator-pagination-steps  .forminator-break::before {

  height: 4px !important;

} */

.forminator-pagination--content:focus-visible,
.forminator-ui,
.forminator-pagination {
  outline: none;
}

.forminator-textarea {
  resize: none;
}

.form-container {
  margin-top: 110px;

  position: relative;
}

.heading-container {
  padding-bottom: 256px;

  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
}

.form-details .forminator-pagination-steps {
  position: absolute;

  width: 100%;

  top: -307px;

  left: 0;

  right: 0;

  margin: auto !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center;
}

.form-details .forminator-step .forminator-step-dot {
  display: none !important;
}

.form-details .forminator-step {
  width: auto !important;

  gap: 10px;
}

.form-details .forminator-step.forminator-current ~ .forminator-step::before {
  border: 4px solid #ffffff;

  background-color: #f6f8ff;
}

.form-details #forminator-module-469 .forminator-step::before {
  background-image: url(../image/car-condition-white.svg);
}

.form-details #forminator-module-492 .forminator-step::before {
  background-image: url(../image/personal-info-white.svg);
}

.form-details .forminator-step::before {
  content: "";

  width: 100px;

  height: 100px;

  border: 4px solid #f6851f;

  background-color: #f6851f;

  background-size: 40px 40px;

  background-repeat: no-repeat;

  background-position: center;

  border-radius: 100%;

  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));
}

.form-details
  #forminator-module-469
  .forminator-step.forminator-step-0::before {
  background-image: url(../image/car-details.svg);
}

.form-details
  #forminator-module-469
  .forminator-step.forminator-step-2::before {
  background-image: url(https://amacar.ai/wp-content/uploads/2024/12/Mask-group.png) !important;
}

.form-details
  #forminator-module-469
  .forminator-step.forminator-step-2.forminator-current::before {
  background-image: url(https://amacar.ai/wp-content/uploads/2024/12/Mask-group-1.png) !important;
}

.form-details
  #forminator-module-469
  .forminator-step.forminator-current
  ~ .forminator-step::before {
  background-image: url(../image/car-condition.svg);
}

/* Dealer */

.page-dealer-partner #forminator-submit {
  display: none !important;
}

div#address-1-zip {
  margin-bottom: 40px;
}

.form-details
  #forminator-module-492
  .forminator-step.forminator-step-0::before {
  background-image: url(../image/dealership.svg);
}

.form-details
  #forminator-module-492
  .forminator-step.forminator-step-2.forminator-current::before {
  background-image: url(../image/payment-white.svg) !important;
}

.form-details
  #forminator-module-492
  .forminator-step.forminator-step-2::before {
  background-image: url(../image/payment.svg) !important;
}

.form-details
  #forminator-module-492
  .forminator-step.forminator-current
  ~ .forminator-step::before {
  background-image: url(../image/personal-info.svg);
}

.dealer-account
  .form-details
  .forminator-pagination-steps
  .forminator-step:nth-of-type(1)::before {
  background-image: url(../image/details.svg);
}

.dealer-account
  .form-details
  .forminator-pagination-steps
  .forminator-step:nth-of-type(2)::before {
  background-image: url(../image/white-personal-info.svg);
}

.dealer-account
  .form-details
  .forminator-step.forminator-current
  ~ .forminator-step:nth-of-type(2)::before {
  background-image: url(../image/personal-info.svg);
}

.forminator-pagination-steps span.forminator-step-label {
  text-transform: capitalize;
}

.form-section .forminator-radio-bullet {
  visibility: hidden;

  position: absolute !important;

  width: 100% !important;

  height: 100% !important;

  left: 0;

  top: 0;

  display: none !important;
}

.form-section .forminator-radio input[type="radio"] {
  position: absolute !important;

  width: 100% !important;

  height: 100% !important;

  left: 0;

  top: 0;

  overflow: unset !important;
}

.form-info .forminator-ui.forminator-design--default .forminator-label,
.forminator-radio-label,
.consent-label-payment {
  color: #3d3d3d !important;

  font-size: 16px !important;

  font-style: normal !important;

  font-weight: 700 !important;

  line-height: 26.059px !important;

  margin-bottom: 10px !important;

  text-transform: capitalize !important;
}

.consent-label-payment a {
  color: #4169e1;
}

.forminator-radio-label {
  margin-bottom: 0 !important;
}

.form-info .forminator-ui.forminator-design--default .forminator-input,
.form-info
  .forminator-ui.forminator-design--default
  .select2-selection__rendered {
  padding: 13.03px 13.03px 13.03px 31.271px !important;

  line-height: 22px !important;

  /* text-transform: capitalize; */
}

.form-info #forminator-custom-form-469--page-1 .forminator-label {
  color: #f6851f !important;

  font-size: 20px !important;

  font-style: normal !important;

  font-weight: 500 !important;

  line-height: normal !important;

  text-transform: inherit !important;

  font-family: "Roboto", sans-serif !important;
}

.form-info #forminator-custom-form-469--page-1 .forminator-row {
  margin-bottom: 32px;
}

.form-section .forminator-radio .forminator-radio-label {
  padding: 8px 32px;

  border-radius: 7.113px;

  border: 1.303px solid #d6d6d6;

  background: rgba(255, 255, 255, 0.77);

  color: #3d3d3d;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  pointer-events: auto !important;

  text-transform: capitalize;
}

.ex-condition .forminator-checkbox-box {
  display: none !important;
}

.ex-condition
  input[type="checkbox"]:checked
  + .forminator-checkbox-box
  + .forminator-checkbox-label {
  color: #ffffff !important;

  background: #f6851f !important;
}

.ex-condition .forminator-checkbox-label {
  padding: 8px 32px;

  border-radius: 7.113px;

  border: 1.303px solid #d6d6d6;

  background: rgba(255, 255, 255, 0.77);

  color: #3d3d3d;

  font-size: 16px !important;

  font-weight: 700 !important;

  line-height: 26.059px !important;

  pointer-events: auto !important;

  text-transform: capitalize;

  margin-left: 0 !important;
}

.form-section
  .forminator-radio
  input:checked
  + .forminator-radio-bullet
  ~ .forminator-radio-label {
  border: 1.303px solid #f6851f;

  color: #ffffff !important;

  background: #f6851f;
}

.form-section span.forminator-radio-label {
  margin-left: 0 !important;
}

h3.dealership {
  color: #f6851f;

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: 26.059px;

  text-transform: capitalize;
}

.form-section .forminator-break:first-child,
.form-section .forminator-break:last-child {
  display: none !important;
}

.form-section .forminator-break {
  max-width: 77px !important;

  margin-top: -16px !important;
}

.field-disable {
  pointer-events: none;
}

.get-price .forminator-field {
  display: flex;

  flex-direction: column;

  align-items: flex-start;
}

.page-car-auction h2.heading {
  text-align: center;
}

.loader {
  width: 35px;

  height: 35px;

  margin-bottom: 10px;
}

#forminator-module-617 .price {
  display: none;
}

#forminator-module-617 .forminator-field p {
  margin: 0;
}

.starting-price {
  color: #f6851f;

  font-family: Roboto;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: capitalize;

  padding: 14px 30px;

  border-radius: 7.113px;

  border: 1.303px solid #f6851f;
}

/* Start submission Page */

.congratulation-container .btn-conatiner {
  margin: 30px 0;
}

.btn-disabled {
  pointer-events: none;

  opacity: 0.8;
}

.auction-submission-notice {
  color: #f6851f;

  margin-top: 15px;

  width: 100% !important;

  text-align: center;

  font-weight: 500;
}

.congratulation-container,
.thankyou-container {
  padding: 61px 153px;

  border-radius: 5px;

  background: #fff;

  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);

  display: flex;

  flex-direction: column;

  align-items: center;

  margin: 0 auto;
}

.congratulation-container {
  width: 64%;
}

.thankyou-container {
  width: 70%;
}

.congratulation-container,
.thankyou-container {
  padding: 61px 100px;
}

span.tick {
  width: 150px;

  margin-bottom: 10px;
}

.thankyou-container {
  text-align: center;

  margin-bottom: 0;
}

.congratulation-container span.image {
  width: 204.639px;

  /* height: 230.105px; */
}

.congratulation-container h3 {
  color: #3d3d3d;

  text-align: center;

  font-size: 40px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;

  margin: 24px 0;
}

.congratulation-container h4.info {
  color: #f6851f;

  text-align: center;

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;
}

.congratulation-container h3.offer {
  color: #394da1;

  margin: 16px 0 32px;
}

.congratulation-container p {
  color: #8c8c8c;

  text-align: center;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin: 0;
}

.congratulation-container .social-list {
  display: flex;

  gap: 35px;
}

.follow {
  color: #000;

  text-align: center;

  font-size: 20px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  text-transform: capitalize;

  padding-top: 36px;

  border-top: 2px solid #f6851f;

  width: 100%;
}

/* Custom Popup */

.pop-up-active {
  scroll-behavior: unset;

  overflow: hidden;

  position: relative;
}

#custom-popup,
#form-Consent {
  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  background: rgba(0, 0, 0, 0.6);

  width: 100%;

  height: 100vh;

  z-index: 99999999;

  overflow: hidden;

  scroll-behavior: unset;

  display: none;
}

.popup-data {
  display: flex;
}

.popup-content {
  display: flex;

  flex-direction: column;

  padding: 24px;

  width: 500px;

  /* height: 297px; */

  border-radius: 12px;

  background: #ffffff;

  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}

.consent-container {
  display: flex;

  flex-direction: column;

  padding: 30px 50px;

  width: 723px;

  border-radius: 12px;

  background: #ffffff;

  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);

  position: relative;

  height: calc(90vh - 10px);

  overflow: scroll;
}

span.cross-img {
  position: absolute;

  width: 20px;

  height: 20px;

  right: 25px;

  top: 25px;
}

.popup-header h3 {
  color: #101828;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 28px;
}

.cancelation p {
  color: #667085;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;
}

.cancelation p:nth-of-type(2) {
  margin: 0;
}

.popup-buttons {
  display: flex;

  margin-top: 32px;

  gap: 12px;
}

.btn .cm-button.btn-cancel,
.btn .cm-button.btn-quit {
  padding: 18px 20px;

  min-width: auto;

  width: 100%;
}

.popup-buttons .btn {
  width: 100%;
}

.btn .cm-button.btn-cancel {
  border: 1px solid #394da1;
}

.consent-container h2,
select#dealership,
.consent-section {
  margin-bottom: 30px;
}

.consent-container h2 {
  color: #242244;

  font-family: "Roboto", sans-serif;

  font-size: 35px;

  font-style: normal;

  font-weight: 800;

  line-height: 81.652%;

  margin-bottom: 40px;

  text-align: center;
}

.consent-container p {
  color: #3d3d3d;

  font-family: "Roboto", sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: normal;

  margin: 0 0 20px;
}

.consent-container select {
  width: 100%;

  padding: 18px 20px;

  color: #3d3d3d;

  font-size: 20px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  border: 1px solid #a8a8a8;

  border-radius: 4px;

  font-family: "Roboto", sans-serif;
}

#dealership option {
  color: #3d3d3d;

  font-size: 20px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  font-family: "Roboto", sans-serif;
}

.consent-container label {
  display: flex;

  align-items: center;

  color: #3d3d3d;

  font-size: 20px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  font-family: "Roboto", sans-serif;

  gap: 5px;
}

.user-data {
  display: flex;

  justify-content: space-between;

  margin-bottom: 20px;
}

.user-data h3 {
  font-size: 23px;

  color: #242244;
}

.consent-container label a {
  color: #3d3d3d;

  font-size: 20px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  font-family: "Roboto", sans-serif;

  text-decoration: underline;
}

.consent-container input[type="checkbox"] {
  height: 35px;

  width: 35px;

  margin-right: 29px;
}

/* input[type="checkbox"]:before,

input[type="checkbox"]:checked:before {

  font-size: 23px;

} */

.form-Consent button.btn-blue.cm-button {
  width: 100%;

  margin-top: 32px;

  min-width: 100%;
}

/* Start Login page */

.woocommerce-page input {
  padding: 5px 10px;
}

input#rememberme {
  padding: 0;
}

.woocommerce-notices-wrapper {
  display: flex;

  align-items: center;

  justify-content: center;
}

.woocommerce-notices-wrapper .woocommerce-error {
  background-color: #f6f8ff !important;

  width: auto;
}

.woocommerce-error {
  border-color: #b81c23;

  border: 2px solid #b81c23;
}

.woocommerce-account .entry-content,
.page-code-registration .entry-content {
  background-image: url(../image/customer_login.png);

  background-size: cover;

  background-repeat: no-repeat;

  padding: 80px 0px;
}

.logged-in.woocommerce-account .entry-content {
  padding: 0;
}

.woocommerce-account .entry-content {
  background: #f5f5f5;
}

.logged-in.woocommerce-account .woocommerce {
  max-width: 100%;
}

.logged-in.woocommerce-account .woocommerce::before,
.logged-in.woocommerce-account .woocommerce::after {
  display: none;
}

/* form.woocommerce-form.woocommerce-form-login.login{

  width: 450px;

  margin: 0 auto;

  background-color: #ffffff;

} */

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 270px;

  padding: 100px 0px;

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.12);

  background: white;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: calc(100% - 270px);

  padding: 30px;
}

.page-my-account .entry-header,
.page-code-registration .entry-header {
  display: none;
}

#customer_login .u-column1.col-1,
.woocommerce-account .woocommerce-ResetPassword {
  width: 30% !important;

  float: unset;

  margin: 0 auto;

  border: 1px solid #d6d6d6;

  border-radius: 8px;
}

.woocommerce-account .woocommerce-ResetPassword {
  padding: 40px 30px;

  background-color: #ffffff;
}

.woocommerce-account .woocommerce-ResetPassword p {
  margin: 0;

  font-size: 15px;

  line-height: 25px;

  width: 100%;
}

#customer_login .login {
  border: none;

  padding: 40px 30px;

  margin: 0;

  background-color: #ffffff;
}

h2.login-heading,
.signup-heading {
  text-align: center;

  text-transform: uppercase;

  margin-bottom: 30px;
}

.woocommerce-form__input-wrapper {
  display: flex;

  flex-direction: column;

  margin-bottom: 20px;
}

.home-url {
  margin-top: 10px;
}

.home-url {
  transition: 0.3s ease-in-out;
}

.home-url:hover {
  color: #394da1;
}

/* Start Register Form */

.page-code-registration form.woocommerce-RegisterForm {
  width: 30% !important;

  margin: 0 auto;

  border: 1px solid #d6d6d6;

  border-radius: 8px;

  padding: 40px 30px;

  background-color: #ffffff;

  display: flex;

  flex-direction: column;

  row-gap: 20px;
}

.woocommerce-RegisterForm .form-row.form-row-wide {
  margin: 0;

  display: flex;

  flex-direction: column;
}

.page-code-registration label,
.page-my-account label {
  color: #8c8c8c;

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: capitalize;

  margin-bottom: 10px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  margin-bottom: 0;
}

.woocommerce-LostPassword.lost_password a:visited {
  color: #8c8c8c;

  font-weight: 700;
}

/* Start dashboard Page */

.logged-in.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard {
  pointer-events: none;
}

.logged-in.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard
  a {
  font-size: 32px;

  margin-bottom: 13px;

  border: 0;
}

.logged-in .woocommerce {
  display: flex;

  width: 100%;

  max-width: 1270px;

  margin: 0 auto;
}

.logged-in .woocommerce-MyAccount-navigation ul {
  display: flex;

  flex-direction: column;

  justify-content: center;
}

.logged-in .woocommerce-MyAccount-navigation ul li a {
  color: #3d3d3d;

  font-family: "Roboto", sans-serif;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: -0.3px;

  transition: 0.3s ease-in-out;
}

.logged-in .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #f6851f;
}

.logged-in .woocommerce-MyAccount-navigation ul li a:hover {
  color: #394da1;
}

.forminator-button-next,
.forminator-button-back,
.forminator-button-submit {
  display: flex;

  padding: 19px 24px !important;

  justify-content: center;

  align-items: center;

  gap: 9.5px;

  border-radius: 4px !important;

  text-align: center;

  font-family: "Roboto", sans-serif;

  font-size: 18px !important;

  font-weight: 600;

  line-height: 100% !important;

  /* 18px */

  letter-spacing: -0.36px;

  position: relative !important;

  overflow: hidden;

  z-index: 1;

  min-width: 163px !important;
}

.forminator-button-next,
.forminator-button-submit {
  background: #000000 !important;

  color: #ffffff !important;
}

.forminator-button-next::before,
.forminator-button-submit::before {
  background: #394da1;
}

.forminator-button-back {
  background: #000000 !important;

  color: #394da1 !important;

  border: 1px solid #394da1 !important;
}

.forminator-button-back::before {
  background-color: #ffffff !important;
}

.forminator-button-next::before,
.forminator-button-back::before,
.forminator-button-submit::before {
  content: "";

  position: absolute;

  width: 120%;

  left: -10%;

  transform: skew(30deg);

  transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);

  top: 0;

  height: 100%;

  z-index: -1;
}

.forminator-button-next:hover::before,
.forminator-button-back:hover::before,
.forminator-button-submit:hover::before {
  transform: translate3d(100%, 0, 0);
}

.forminator-button-back:hover {
  color: #ffffff !important;

  border: 1px solid #000000 !important;
}

.forminator-select-dropdown {
  padding: 0 !important;
}

/* Upload Image Page */

.label-bar {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 77px;

  width: auto;

  position: relative;
}

.label-bar::before {
  content: "";

  position: absolute;

  width: 99%;

  height: 4px;

  background-color: #f6851f;

  top: -36px;

  bottom: 0;

  margin: auto;

  left: 0;
}

.label-bar span {
  background-color: #f6851f;

  display: flex;

  width: 100px;

  height: 100px;

  border-radius: 100%;

  padding: 30px;

  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));

  margin-bottom: 16px;
}

.page-upload-images .banner-container,
.page-submission .banner-container {
  display: flex;

  flex-direction: column;

  align-items: center;
}

.page-upload-images .banner-container h2,
.page-submission .banner-container h2 {
  color: #000;

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: capitalize;

  text-align: center;

  margin-bottom: 48px;
}

.label-bar .item {
  display: flex;

  align-items: center;

  flex-direction: column;
}

.label-bar span img {
  width: 100%;

  height: 100%;

  filter: brightness(10);
}

.label-bar h3 {
  color: #f6851f;

  text-align: center;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: capitalize;
}

.page-upload-images .banner,
.page-submission .banner,
.congratulation {
  background-color: #f6f8ff;

  border-bottom: 1px solid #808080;
}

.photos-section,
.congratulation,
.thankyou {
  background-color: #f6f8ff;
}

.item.white span {
  background-color: #f6f8ff;

  border: 4px solid #ffffff;
}

.item.white span img {
  filter: unset;
}

.section-title {
  color: #f57c00;

  margin-bottom: 25px;
}

.photos-section .container {
  max-width: 1073px;
}

.photo-grid {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  grid-gap: 46px 22px;

  margin-bottom: 30px;
}

.photo-card {
  position: relative;

  width: 100%;

  border: 2px dashed #ccc;

  background-color: #ffffff;

  border-radius: 8px;

  cursor: pointer;

  transition: border-color 0.3s ease;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;
}
.photo-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.6;
  pointer-events: none;
  z-index: 0;
}
.photo-card.image-uploaded:before {
  display: none;
}
.photo-card-cross {
  position: absolute;

  top: 5px;

  right: 5px;

  border-radius: 25px;

  padding: 5px;

  background-image: url(../image/cross.svg);

  height: 25px;

  width: 25px;

  z-index: 9999;
}

.photo-card-cross-hide {
  display: none;
}

.photo-card:hover {
  border-color: #999;
}

.photo-card input[type="file"] {
  opacity: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  cursor: pointer;
}

.preview-image {
  width: 100%;

  height: 100%;

  max-height: 166px;

  object-fit: cover;

  /* display: none; */
}

.placeholder {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.photo-card .label {
  position: absolute;

  bottom: 10px;

  left: 10px;

  background-color: rgba(0, 0, 0, 0.6);

  color: #fff;

  padding: 5px 10px;

  border-radius: 4px;

  font-size: 14px;
}

.input-group label {
  color: #000000;

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  text-transform: capitalize;

  margin-bottom: 8px;
}

.photos-container .btn {
  justify-content: flex-end;
}

/* ------------- woocommerce my account page ----------- */

/* live auction  */

/* sidebar styling  */

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  font-family: "Barlow Condensed", sans-serif;

  font-size: 22px;

  line-height: 34px;

  text-transform: uppercase;

  color: #000000;

  font-weight: 600;

  width: 100%;

  border-bottom: 1px solid rgba(0, 0, 0, 0.15);

  display: block;

  padding: 12px 30px;

  transition: all 400ms ease-in-out;
}

.logged-in.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.is-active
  a {
  background: #f5f5f5;

  position: relative;
}

.logged-in.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li.is-active
  a::after {
  content: "";

  position: absolute;

  background-image: url(../image/active-menu.png);

  background-size: contain;

  width: 12px;

  height: 11px;

  right: 20px;

  top: 0;

  bottom: 0;

  margin: auto;

  background-repeat: no-repeat;
}

.logged-in.woocommerce-account
  .woocommerce-MyAccount-navigation
  ul
  li:last-child
  a {
  border: 0;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: #f5f5f5;

  transition: all 400ms ease-in-out;
}

.section-without-carousel {
  overflow: auto;
}

.section-without-carousel .original-offer-container {
  width: 50%;

  min-width: 780px;
}

.original-offer-container {
  display: flex;

  align-items: stretch;

  padding: 20px 0px;

  background-color: white;

  border-radius: 8px;

  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.06);

  margin: 0;

  font-family: Arial, sans-serif;
}

.original-offer-container > div {
  width: 50%;

  padding: 20px 40px;
}

.original-offer-container > div span {
  font-size: 36px;

  letter-spacing: -1px;

  line-height: 60px;

  color: #000000;

  font-weight: 700;

  font-family: "Roboto Condensed";
}

.offer-left {
  font-weight: bold;

  font-size: 18px;

  border-right: 1px solid black;
}

.offer-left .price {
  font-size: 30px;

  line-height: 60px;

  color: #f8861f;

  font-weight: 700;

  font-family: "Roboto";
}

.offer-left .expiry-date {
  font-size: 20px;

  line-height: 30px;

  color: #000000;

  font-weight: 400;

  font-family: "Roboto";
}

.offer-right {
  font-size: 14px;

  line-height: 1.5;

  text-align: right;
}

.offer-right div {
  margin-bottom: 4px;
}

.original-offer-container .price-expiry {
  display: flex;

  align-items: center;

  gap: 25px;
}

.original-offer-container .offer-right div,
.original-offer-container .offer-right div span {
  display: flex;

  text-align: left;

  font-size: 18px;

  line-height: 23px;

  color: #000000;

  font-weight: 400;

  font-family: "Roboto";

  margin: 0;
}

.original-offer-container .offer-right div span {
  width: calc(100% - 90px);
}

.original-offer-container .offer-right div strong {
  width: 90px;

  display: block;
}

.confirmation-popup {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 20px;
}

.confirmation-popup p {
  margin: 0;
}

/* table styling  */

/* Base table styling */

.live-auction-table table {
  width: 100%;

  border-collapse: collapse;

  background-color: #fff;

  border-radius: 8px;

  overflow: hidden;

  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);

  margin: 0;
}

.live-auction-table th {
  background-color: #f8f8f8;

  padding: 15px;

  text-align: left;

  border-bottom: 2px solid #eee;

  font-size: 20px;

  letter-spacing: 0px;

  line-height: 20px;

  text-transform: uppercase;

  color: #000000;

  font-weight: 700;

  font-family: "Roboto";

  border-right: 1px solid rgba(0, 0, 0, 0.2);

  border-top: 2px solid #eee;
}

.live-auction-table th:last-child {
  border-right: 0;
}

.live-auction-table td {
  padding: 16px;

  vertical-align: middle;

  border-bottom: 1px solid #eee;
}

.live-auction-table td,
.live-auction-table td.make-model,
.live-auction-table td.offer-td {
  font-size: 20px;

  letter-spacing: 0px;

  line-height: 20px;

  color: #000000;

  font-weight: 700;

  font-family: "Roboto";
}

.live-auction-table td.offer-td {
  color: #f8861f;
}

.live-auction-table td:has(.timer) {
  color: #ff0001;
}

.accepted-offers-page .live-auction-table td:has(.timer) {
  color: green;
}

.live-auction-table td.bidder-name span {
  position: relative;
}

.live-auction-table td.bidder-name span::before {
  content: "";

  height: 1px;

  background-color: black;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  bottom: -3px;
}

.live-auction {
  display: inline-block;

  background-color: #f9871f;

  padding: 5px 8px;

  border-radius: 4px;

  font-size: 14px;

  letter-spacing: 0px;

  line-height: 14px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 700;

  font-family: "Roboto Condensed";

  position: absolute;

  top: -5px;

  left: 0;

  right: 0;

  margin: auto;

  width: max-content;
}

.vehicle-img .live-auction-div {
  position: relative;

  width: max-content;
}

.remainingTime {
  font-size: 20px;

  letter-spacing: 0px;

  line-height: 20px;

  color: #ff0001;

  font-weight: 700;

  font-family: "Roboto";
}

/* Offer button styling */

.offer-button,
.accept-offer-btn {
  background-color: #4a90e2;

  border: none;

  cursor: pointer;

  transition: background-color 0.3s ease;

  border-radius: 10px;

  background-image: linear-gradient(
    103deg,
    #499dd9 0%,

    #3945a3 53%,

    #59bfdb 100%
  );

  padding: 17px 23px;

  font-size: 20px;

  letter-spacing: 0px;

  line-height: 20px;

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 700;

  font-family: "Roboto";

  transition: all 400ms ease-in-out;
}

.previous-offers-page .offer-button,
.previous-offers-page .offer-button:hover,
.accepted-offers-page .offer-button,
.accepted-offers-page .offer-button:hover {
  border-radius: 4px;

  background: transparent;

  color: black;

  cursor: text;

  padding-left: 0;
}

.accept-offer-btn {
  padding: 12px 20px;

  font-size: 18px;

  line-height: 18px;
}

.offer-button:hover,
.accept-offer-btn:hover {
  background-image: linear-gradient(
    103deg,
    #2cb73c 0%,

    #7ee8a0 53%,

    #2c9819 100%
  );

  transition: all 400ms ease-in-out;
}

/* Image styling */

.live-auction-table img {
  width: 150px;

  height: 80px;

  border-radius: 10px;

  margin-top: 5px;

  object-fit: cover;

  border: 1px solid #d9d9d9;
}

.live-auction-page .live-auction-section {
  margin-top: 30px;

  padding: 30px 0 0 0;

  border-top: 1px solid black;
}

.live-auction-section {
  overflow: auto;
}

.logged-in.woocommerce-account .container {
  max-width: 100%;
}

.logged-in.woocommerce-account #reviews {
  display: none;
}

#notfixed-img {
  transform: scale(0);

  opacity: 0;

  transition: opacity 1s ease, transform 0.3s ease;

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  z-index: 1043;

  display: none;
}

#notfixed-img.fixed-img {
  transform: scale(1);

  opacity: 1;

  position: fixed;

  display: flex;

  align-items: center;

  justify-content: center;

  left: 0;

  top: 0;

  z-index: 1043;

  overflow: hidden;

  height: 100vh;

  width: 100vw;

  margin: 0 auto;

  transition: opacity 1s ease, transform 0.3s ease;
}

#notfixed-img.fixed-img .size-bg {
  display: block;

  z-index: 0;

  overflow: hidden;

  background: #000000;

  opacity: 0.702;

  position: fixed;

  left: 0;

  top: 0;

  height: 100vh;

  width: 100vw;

  cursor: pointer;
}

.catalog-content {
  z-index: 10;

  background-color: white;

  padding: 30px;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

  max-width: 90%;

  max-height: 90%;

  min-width: 1000px;

  min-height: 150px;

  position: relative;

  display: flex;

  gap: 20px;

  align-items: center;

  justify-content: center;

  border-radius: 4px;
}

.catalog-content .fa-xmark {
  position: absolute;

  right: -10px;

  top: -15px;

  width: 42px;

  height: 42px;

  background-color: white;

  color: #020f28;

  border-radius: 50%;

  font-size: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  border: 1px solid black;
}

.confirmation-checkbox-div {
  display: flex;

  align-items: center;

  gap: 10px;
}

.confirmation-popup .accept-offer-btn {
  opacity: 0.8;

  cursor: no-drop;
}

.confirmation-popup .accept-offer-btn:hover {
  background-image: linear-gradient(
    103deg,
    #499dd9 0%,

    #3945a3 53%,

    #59bfdb 100%
  );
}

.confirmation-checkbox-div:has(input:checked) + .accept-offer-btn {
  opacity: 1;

  cursor: pointer;
}

.confirmation-checkbox-div:has(input:checked) + .accept-offer-btn:hover {
  background-image: linear-gradient(
    103deg,
    #2cb73c 0%,

    #7ee8a0 53%,

    #2c9819 100%
  );
}

.confirmation-checkbox-div input {
  height: 20px;

  width: 20px;
}

.confirmation-checkbox-div input[type="checkbox"]:checked::before {
  font-size: 18px;

  top: -5px;

  bottom: auto;
}

.confirmation-checkbox-div label {
  margin: 0;
}

.woocommerce-account h1 {
  color: black;

  font-size: 50px;

  font-style: normal;

  font-weight: 700;

  line-height: 100%;

  margin-bottom: 20px;
}

.add-vehicle-page .licence-container #cashOfferForm {
  margin: 0;

  gap: 42px;
}

.add-vehicle-page .licence-container .button-container {
  width: max-content;
}

.add-vehicle-page .car-content {
  padding-right: 42px;

  width: 82%;
}

.woocommerce-account .main-navigation ul {
  justify-content: flex-start;
}

.logged-in.woocommerce-account .main-navigation ul li {
  display: none;
}

.logged-in.woocommerce-account .main-navigation ul li:last-child {
  display: block;
}

.woocommerce-account #online-offer-section .owl-nav button {
  background: transparent;
}

.woocommerce-account #online-offer-section .owl-nav button span {
  padding: 2px 15px 6px 13px;

  background-color: #f9871f;

  border-radius: 50%;

  opacity: 1;

  font-size: 25px;

  color: white;
}

.woocommerce-account #online-offer-section .owl-nav button.owl-next span {
  padding: 2px 15px 6px 15px;
}

.woocommerce-page .header-container {
  justify-content: space-between;
}

.woocommerce-account.logged-in .main-navigation {
  width: 65%;
}

#form-Consent input[type="checkbox"]:before,
#form-Consent input[type="checkbox"]:checked:before {
  top: -3px;
}

.consent-container input[type="checkbox"] {
  height: 30px;

  width: 30px;

  margin-right: 15px;
}

#specific-dealers option {
  margin-bottom: 5px;
}

#specific-dealers option:last-child {
  margin-bottom: 0;
}

/* Start Popup CSS */

#popmake-543 .pum-title {
  margin-bottom: 0;
}

/* ========================Start Dealer dashboard ========================== */

.page-template-Dealer-dashboard img.custom-logo {
  max-width: 300px;
}

.page-template-Dealer-dashboard .container {
  max-width: 1800px;
}
.page-template-Dealer-dashboard.page-template-landing-page .container {
  max-width: 1200px;
}

.page-template-Dealer-dashboard {
  margin-top: 0;
}

.page-template-Dealer-dashboard .site-header {
  display: none;
}

section.dashboard-banner {
  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  min-height: 400px;

  flex-direction: column;

  align-items: center;

  gap: 30px;
}

.dashboard-banner input {
  height: 56px;

  width: 500px;

  border-radius: 6px 0 0 6px;

  padding: 0.5rem 1rem;
}

.dashboard-banner .breadcrumb {
  margin-top: 0;
}

.search-box {
  display: flex;

  align-items: center;
}

.dashboard-frame {
  background-color: #f8f7fe;
}

.bid-pannel {
  display: flex;

  justify-content: space-between;

  margin-top: 50px;

  gap: 30px;
}

.bid-pannel .menu {
  width: 19%;

  display: flex;

  flex-direction: column;

  gap: 20px;
}

.bid-pannel .info-pannel {
  width: calc(100% - 19%);

  display: flex;

  justify-content: space-between;

  gap: 30px;
}

.bid-pannel .menu a {
  padding: 20px;

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);

  background-color: #ffffff;
}

.new-appraisals {
  width: 30%;
}

.navbar {
  background: #fff;

  display: flex;

  justify-content: space-between;

  padding: 1rem 2rem;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.navbar a {
  margin: 0 10px;

  text-decoration: none;

  color: #333;

  font-weight: bold;
}

.hero {
  position: relative;
}

.hero img {
  width: 100%;

  height: auto;
}

.dashboard-stats {
  display: flex;

  gap: 1rem;

  justify-content: space-between;
}

.stat-card {
  background: white;

  flex: 1;

  padding: 1rem;

  border-radius: 8px;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);

  text-align: center;
}

.overview {
  display: flex;

  gap: 1rem;

  padding: 2rem;
}

.dashboard-frame .live-auction-bid {
  flex: 3;
}

.auction-card {
  background: white;

  padding: 1rem;

  margin-bottom: 1rem;

  border-radius: 8px;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);

  display: flex;

  justify-content: space-between;

  align-items: center;
}

.auction-info {
  display: flex;

  gap: 1rem;

  align-items: center;
}

.auction-btn {
  background: orange;

  color: white;

  border: none;

  padding: 0.5rem 1rem;

  border-radius: 5px;

  cursor: pointer;

  font-weight: bold;
}

.new-appraisals {
  flex: 1;

  background: white;

  padding: 1rem;

  border-radius: 8px;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.appraisal-item {
  border-bottom: 1px solid #eee;

  padding: 0.5rem 0;
}

.page-template-Dealer-dashboard .site-header,
.page-template-Dealer-dashboard .site-footer,
.page-template-dealership-user-management .site-header,
.page-template-dealership-user-management .site-footer,
.page-template-live-auctions .site-header,
.page-template-live-auctions .site-footer {
  display: none;
}

.page-template-Dealer-dashboard,
.page-template-dealership-user-management,
.page-template-live-auctions {
  margin-top: 0px;
}

/* pain solution section hoemapeg  */

.pain-solution-section {
  background-color: #f9f9f9;

  padding: 120px 20px 0 20px;

  font-family: Arial, sans-serif;
}

.container {
  max-width: 800px;

  margin: 0 auto;

  text-align: center;
}

.section-title {
  font-size: 2rem;

  color: #333;

  margin-bottom: 30px;
}

.card {
  background-color: #fff;

  padding: 30px;

  border-radius: 10px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.problem {
  font-size: 24px;

  line-height: 34px;

  color: #f6851f;

  font-weight: bold;

  margin-bottom: 15px;
}

.solution {
  font-size: 1.2rem;

  color: #000000;

  font-weight: bold;
}

.dashboard-stats {
  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(251px, 1fr));

  gap: 20px;
}

/* Responsive styling */

@media (max-width: 1680px) {
  .original-offer-container > div span {
    font-size: 26px;

    line-height: 50px;
  }

  .offer-left .price {
    font-size: 24px;

    line-height: 50px;
  }

  .offer-left .expiry-date {
    font-size: 18px;

    line-height: 28px;
  }

  .original-offer-container .offer-right div,
  .original-offer-container .offer-right div span {
    font-size: 16px;

    line-height: 21px;
  }

  .original-offer-container {
    padding: 10px 0px;
  }

  .original-offer-container > div {
    padding: 10px 20px;
  }

  .section-without-carousel .original-offer-container {
    min-width: 670px;
  }

  .live-auction-table th,
  .live-auction-table td,
  .live-auction-table td.make-model,
  .live-auction-table td.offer-td,
  .remainingTime {
    font-size: 16px;

    line-height: 16px;
  }

  .offer-button,
  .accept-offer-btn {
    padding: 12px 15px;

    font-size: 16px;

    line-height: 16px;
  }

  .woocommerce-account h1 {
    font-size: 40px;
  }

  .unlock-image {
    top: 80px;

    width: 50%;
  }
}

/* Start Dealer Dashbaord css */

.stat-card:nth-child(5) .stat-icon {
  background-color: rgb(153, 40, 40);

  color: #ff4d4d;
}

.page-template-Dealer-dashboard .site-header,
.page-template-Dealer-dashboard .site-footer {
  display: none;
}

.page-template-Dealer-dashboard {
  margin-top: 0px;
}

/* Amacar Dashboard Styles */

.amacar-dashboard {
  display: flex;

  min-height: 100vh;

  background-color: #f5f7fb;

  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

  position: relative;
}

/* Sidebar styles */

.sidebar-menu {
  width: 280px;

  background-color: #2c3e50;

  color: #ecf0f1;

  transition: all 0.3s ease;

  position: fixed;

  height: 100vh;

  overflow-y: auto;

  z-index: 100;

  left: 0;
}

.sidebar-menu.collapsed {
  width: 80px;
}

.sidebar-header {
  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 20px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-header .logo h2 {
  margin: 0;

  color: #ecf0f1;

  font-weight: bold;
}

.sidebar-header .logo a {
  text-decoration: none;

  color: inherit;
}

.sidebar-toggle {
  background: none;

  border: none;

  color: #ecf0f1;

  cursor: pointer;

  font-size: 18px;
}

.sidebar-menu .menu {
  list-style: none;

  padding: 0;

  margin: 0;
}

.sidebar-menu .menu li {
  margin: 0;

  padding: 0;
}

.sidebar-menu .menu li a {
  display: flex;

  align-items: center;

  padding: 15px 20px;

  color: #ecf0f1;

  text-decoration: none;

  transition: all 0.3s ease;
}

.sidebar-menu .menu li a:hover,
.sidebar-menu .menu li.active a {
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar-menu .menu li a i {
  font-size: 18px;

  margin-right: 15px;

  width: 25px;

  text-align: center;
}

.sidebar-menu.collapsed .menu li a span {
  display: none;
}

/* Main content styles */

.dashboard-content {
  flex: 1;

  margin-left: 280px;

  padding: 20px;

  transition: all 0.3s ease;

  width: calc(100% - 280px);

  position: relative;
}

.dashboard-content.expanded {
  margin-left: 80px;
}

/* Header styles */

.dashboard-header {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 30px;

  background-color: #fff;

  border-radius: 8px;

  padding: 15px 20px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.header-left {
  display: flex;

  align-items: center;
}

.mobile-sidebar-toggle {
  display: none;

  background: none;

  border: none;

  color: #2c3e50;

  font-size: 20px;

  cursor: pointer;

  margin-right: 15px;

  padding: 8px;

  border-radius: 4px;

  transition: background-color 0.3s;
}

.mobile-sidebar-toggle:hover {
  background-color: rgba(44, 62, 80, 0.1);
}

.search-box {
  position: relative;

  width: 300px;
}

.search-box input {
  width: 100%;

  padding: 10px 15px 10px 40px;

  border: 1px solid #e0e0e0;

  border-radius: 4px;

  font-size: 14px;

  transition: all 0.3s ease;
}

.search-box input:focus {
  border-color: #3498db;

  outline: none;
}

.search-box i {
  position: absolute;

  left: 15px;

  top: 50%;

  transform: translateY(-50%);

  color: #7f8c8d;
}

.user-info {
  display: flex;

  align-items: center;
}

.notifications {
  position: relative;

  margin-right: 25px;
}

.notification-toggle {
  font-size: 18px;

  color: #7f8c8d;

  position: relative;
}

.notification-badge {
  position: absolute;

  top: -8px;

  right: -8px;

  background-color: #e74c3c;

  color: white;

  border-radius: 50%;

  width: 18px;

  height: 18px;

  font-size: 11px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.notification-dropdown {
  position: absolute;

  top: 100%;

  right: 0;

  width: 300px;

  background-color: white;

  border-radius: 8px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

  display: none;

  z-index: 100;
}

.notification-dropdown.active {
  display: block;
}

.notification-item {
  display: flex;

  padding: 15px;

  border-bottom: 1px solid #f0f0f0;
}

.notification-icon {
  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #f0f0f0;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 15px;

  color: #3498db;
}

.notification-content h4 {
  margin: 0 0 5px;

  font-size: 14px;

  font-weight: 600;
}

.notification-content p {
  margin: 0 0 5px;

  font-size: 13px;

  color: #7f8c8d;
}

.notification-content .time {
  font-size: 11px;

  color: #95a5a6;
}

.view-all {
  padding: 10px 15px;

  text-align: center;
}

.view-all a {
  color: #3498db;

  font-size: 13px;

  text-decoration: none;
}

/* User profile styles */

.user-profile {
  position: relative;
}

.profile-dropdown-toggle {
  display: flex;

  align-items: center;

  cursor: pointer;

  text-decoration: none;

  color: inherit;
}

.user-info-wrapper {
  margin-right: 10px;

  text-align: right;
}

.user-name {
  font-size: 14px;

  font-weight: 500;

  color: #2c3e50;
}

.user-role {
  font-size: 12px;

  color: #7f8c8d;
}

.user-avatar {
  width: 40px;

  height: 40px;

  border-radius: 50%;

  overflow: hidden;

  border: 2px solid #f0f0f0;
}

.user-avatar img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.profile-dropdown {
  position: absolute;

  top: calc(100% + 10px);

  right: 0;

  width: 250px;

  background-color: white;

  border-radius: 8px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

  display: none;

  z-index: 100;

  overflow: hidden;
}

.profile-dropdown.active {
  display: block;
}

.profile-header {
  background-color: #f5f7fb;

  padding: 15px;

  display: flex;

  align-items: center;

  border-bottom: 1px solid #e0e0e0;
}

.profile-header .user-avatar {
  margin-right: 15px;
}

.profile-header .user-name {
  font-weight: 600;

  margin-bottom: 3px;
}

.profile-header .user-email {
  font-size: 12px;

  color: #7f8c8d;
}

.profile-actions {
  list-style: none;

  padding: 0;

  margin: 0;
}

.profile-actions li {
  margin: 0;

  padding: 0;
}

.profile-actions li a {
  display: flex;

  align-items: center;

  padding: 12px 15px;

  color: #2c3e50;

  text-decoration: none;

  transition: background-color 0.3s;
}

.profile-actions li a:hover {
  background-color: #f0f0f0;
}

.profile-actions li a i {
  font-size: 16px;

  width: 25px;

  margin-right: 10px;

  color: #3498db;
}

/* Dashboard stats styles */

.dashboard-stats {
  display: flex;

  justify-content: space-between;

  margin-bottom: 30px;
}

.stat-card {
  background-color: #fff;

  border-radius: 8px;

  padding: 20px;

  flex: 1;

  margin-right: 20px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);

  display: flex;

  align-items: center;
}

.stat-card:last-child {
  margin-right: 0;
}

.stat-icon {
  width: 60px;

  height: 60px;

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 20px;

  font-size: 24px;
}

.stat-card:nth-child(1) .stat-icon {
  background-color: rgba(52, 152, 219, 0.1);

  color: #3498db;
}

.stat-card:nth-child(2) .stat-icon {
  background-color: rgba(46, 204, 113, 0.1);

  color: #2ecc71;
}

.stat-card:nth-child(3) .stat-icon {
  background-color: rgba(241, 196, 15, 0.1);

  color: #f1c40f;
}

.stat-card:nth-child(4) .stat-icon {
  background-color: rgba(155, 89, 182, 0.1);

  color: #9b59b6;
}

.stat-details h3 {
  margin: 0 0 8px;

  font-size: 14px;

  font-weight: 500;

  color: #7f8c8d;
}

.stat-details p {
  margin: 0;

  font-size: 18px;

  font-weight: 600;

  color: #2c3e50;
}

/* Dashboard row and card styles */

.dashboard-row {
  display: flex;

  margin-bottom: 30px;
}

.dashboard-card {
  background-color: #fff;

  border-radius: 8px;

  flex: 1;

  margin-right: 20px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);

  overflow: hidden;
}

.dashboard-card:last-child {
  margin-right: 0;
}

.dashboard-card.wide {
  flex: 100%;
}

.card-header {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 20px;

  border-bottom: 1px solid #f0f0f0;
}

.card-header h3 {
  margin: 0;

  font-size: 16px;

  font-weight: 600;

  color: #2c3e50;
}

.card-actions a {
  color: #7f8c8d;

  text-decoration: none;

  font-size: 14px;

  display: flex;

  align-items: center;
}

.btn-refresh {
  background: none;

  border: none;

  cursor: pointer;

  color: #7f8c8d;

  font-size: 16px;
}

.view-all-link {
  font-size: 13px;

  color: #3498db;

  transition: all 0.3s ease;
}

.view-all-link:hover {
  color: #2980b9;
}

.card-body {
  padding: 20px;
}

/* Activity timeline styles */

.activity-timeline {
  padding: 10px 0;
}

.timeline-item {
  position: relative;

  padding-left: 50px;

  padding-bottom: 20px;
}

.timeline-item:last-child {
  padding-bottom: 0;
}

.timeline-item::before {
  content: "";

  position: absolute;

  left: 22px;

  top: 30px;

  bottom: 0;

  width: 2px;

  background-color: #f0f0f0;
}

.timeline-item:last-child::before {
  display: none;
}

.timeline-icon {
  position: absolute;

  left: 0;

  top: 0;

  width: 45px;

  height: 45px;

  background-color: #f5f7fb;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #3498db;

  font-size: 16px;

  border: 2px solid #f0f0f0;

  z-index: 1;
}

.timeline-item:nth-child(1) .timeline-icon {
  color: #3498db;
}

.timeline-item:nth-child(2) .timeline-icon {
  color: #2ecc71;
}

.timeline-item:nth-child(3) .timeline-icon {
  color: #f1c40f;
}

.timeline-item:nth-child(4) .timeline-icon {
  color: #9b59b6;
}

.timeline-content {
  background-color: #f5f7fb;

  border-radius: 8px;

  padding: 15px;
}

.timeline-content h4 {
  margin: 0 0 8px;

  font-size: 15px;

  font-weight: 600;

  color: #2c3e50;
}

.timeline-content p {
  margin: 0 0 8px;

  font-size: 14px;

  color: #7f8c8d;
}

.timeline-content .time {
  font-size: 12px;

  color: #95a5a6;
}

/* Table styles */

.data-table {
  width: 100%;
}

.data-table table {
  width: 100%;

  border-collapse: collapse;
}

.data-table table th,
.data-table table td {
  padding: 12px 15px;

  text-align: left;

  border-bottom: 1px solid #f0f0f0;
}

.data-table table th {
  font-weight: 600;

  color: #7f8c8d;

  font-size: 13px;
}

.data-table table td {
  font-size: 14px;

  color: #2c3e50;
}

.data-table table tr:last-child td {
  border-bottom: none;
}

/* Status badges */

.status-active {
  color: #3498db;

  background-color: rgba(52, 152, 219, 0.1);

  padding: 5px 10px;

  border-radius: 4px;

  font-size: 12px;

  font-weight: 500;
}

.status-auction {
  color: #f1c40f;

  background-color: rgba(241, 196, 15, 0.1);

  padding: 5px 10px;

  border-radius: 4px;

  font-size: 12px;

  font-weight: 500;
}

.status-pending {
  color: #e67e22;

  background-color: rgba(230, 126, 34, 0.1);

  padding: 5px 10px;

  border-radius: 4px;

  font-size: 12px;

  font-weight: 500;
}

.status-sold {
  color: #2ecc71;

  background-color: rgba(46, 204, 113, 0.1);

  padding: 5px 10px;

  border-radius: 4px;

  font-size: 12px;

  font-weight: 500;
}

/* Animations */

.animate-on-scroll {
  opacity: 0;

  transform: translateY(20px);

  transition: all 0.5s ease;
}

.animate-on-scroll.animated {
  opacity: 1;

  transform: translateY(0);
}

.sidebar-menu.icon-only .sidebar-header {
  padding: 15px 20px;
}

.sidebar-menu.icon-only .menu li a {
  justify-content: center;

  padding: 15px;
}

.menu li a span {
  transition: opacity 0.2s ease;

  white-space: nowrap;
}

.sidebar-menu.icon-only .menu li a span {
  display: none;
}

.sidebar-menu .logo {
  display: flex;

  transition: all 0.3s ease;
}

.sidebar-menu.icon-only .logo {
  display: none;
}

.dashboard-content.expanded {
  margin-left: 100px !important;
}

.sidebar-menu.icon-only {
  width: fit-content !important;
}

/* Responsive styles - Mobile First Approach */

@media (max-width: 1200px) {
  .dashboard-stats {
    flex-wrap: wrap;
  }
}

@media (max-width: 992px) {
  .sidebar-menu {
    width: 240px;
  }

  .dashboard-content {
    margin-left: 240px;
  }

  .search-box {
    width: 200px;
  }

  .dashboard-row {
    flex-direction: column;
  }

  .dashboard-card {
    margin-right: 0;

    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  /* Base container */

  .amacar-dashboard {
    position: relative;

    overflow-x: hidden;

    width: 100%;

    display: block;

    /* Change from flex to block on mobile */
  }

  /* Main content - no margin on mobile */

  .dashboard-content {
    margin-left: 0 !important;

    width: 100% !important;

    padding: 15px;

    position: relative;

    z-index: 1;
  }

  /* Sidebar overlay behavior */

  .sidebar-menu {
    position: fixed;

    top: 0;

    left: -280px;

    /* Start offscreen with exact width */

    width: 280px;

    max-width: 85%;

    /* Maximum percentage of screen */

    z-index: 1010;

    height: 100vh;

    transition: all 0.3s ease;

    overflow-y: auto;

    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  }

  /* When sidebar is active */

  .sidebar-menu.mobile-active {
    left: 0;
  }

  /* Overlay when sidebar is active */

  .sidebar-overlay {
    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 1005;
  }

  .sidebar-overlay.active {
    display: block;
  }

  /* Show mobile toggles */

  .mobile-sidebar-toggle {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-right: 15px;
  }

  .mobile-menu-toggle {
    display: inline-flex;

    align-items: center;

    justify-content: center;
  }

  /* Header layout on mobile */

  .dashboard-header {
    display: flex;

    flex-wrap: wrap;

    padding: 10px 15px;

    position: relative;

    margin-bottom: 15px;
  }

  .search-box {
    flex-grow: 1;

    width: auto;
  }

  /* Hide user info by default on mobile */

  .user-info {
    display: none;

    width: 100%;

    padding-top: 15px;

    margin-top: 15px;

    border-top: 1px solid #f0f0f0;
  }

  /* Show user info when mobile menu is active */

  .user-info.mobile-active {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
  }

  .notifications {
    margin-right: 0;

    margin-bottom: 15px;

    width: 100%;
  }

  .user-profile {
    width: 100%;
  }

  .profile-dropdown-toggle {
    width: 100%;

    justify-content: space-between;
  }

  /* Fix dropdown positioning */

  .notification-dropdown,
  .profile-dropdown {
    width: 100%;

    right: 0;

    left: 0;

    position: absolute;
  }

  /* Stats card styles for full width on mobile */

  .stat-card {
    flex: 0 0 100% !important;

    margin-right: 0 !important;

    margin-bottom: 15px;

    width: 100% !important;
  }

  /* Ensure sidebar has full height */

  .sidebar-menu {
    max-height: none !important;

    height: 100vh !important;
  }

  /* Fix user info display on mobile */

  .user-info.mobile-active {
    display: flex !important;

    position: absolute;

    top: 60px;

    left: 0;

    right: 0;

    background: white;

    z-index: 100;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

    padding: 15px;
  }

  /* Ensure dropdowns appear above other content */

  .notification-dropdown,
  .profile-dropdown {
    z-index: 110;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }

  .sidebar-toggle {
    display: none;
  }
}

/* Ensure responsive tables */

.data-table {
  overflow-x: auto;
}

/* Animation for sidebar toggle */

@keyframes slideDown {
  from {
    max-height: 60px;
  }

  to {
    max-height: none;
  }
}

@keyframes slideUp {
  from {
    max-height: 100vh;
  }

  to {
    max-height: 60px;
  }
}

.sidebar-menu.collapsed {
  animation: slideUp 0.3s ease forwards;
}

.sidebar-menu:not(.collapsed) {
  animation: slideDown 0.3s ease forwards;
}

.sidebar-menu.icon-only .menu li a i {
  margin-right: 0;
}

/* Mobile menu toggle (three dots) */

.mobile-menu-toggle {
  display: none;

  background: none;

  border: none;

  color: #2c3e50;

  font-size: 20px;

  cursor: pointer;

  padding: 8px;

  border-radius: 4px;

  transition: background-color 0.3s;

  position: absolute;

  right: 15px;

  top: 15px;

  z-index: 10;
}

.mobile-menu-toggle:hover {
  background-color: rgba(44, 62, 80, 0.1);
}

/* Desktop overrides to ensure mobile elements don't show */

@media (min-width: 769px) {
  .mobile-menu-toggle,
  .mobile-sidebar-toggle {
    display: none !important;
  }

  .user-info {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    width: auto !important;

    padding-top: 0 !important;

    margin-top: 0 !important;

    border-top: none !important;
  }

  .sidebar-menu {
    left: 0 !important;

    width: 280px !important;

    position: fixed !important;

    height: 100vh !important;
  }

  .sidebar-overlay {
    display: none !important;
  }

  .header-left {
    width: auto !important;

    margin-bottom: 0 !important;
  }
}

/* ------------- Responsive ---------------- */

@media screen and (max-width: 1366px) {
  .unlock-image {
    width: 50%;
  }

  .choose-list {
    gap: 15px;
  }

  .unlock-content {
    width: 59%;
  }

  .page-about-us section.logo {
    padding-bottom: 80px;
  }

  .consent-container label {
    display: block;
  }

  .consent-container p {
    font-size: 16px;
  }

  .consent-container label {
    font-size: 16px;
  }

  .consent-container {
    width: 614px;
  }

  .consent-container label a {
    font-size: 16px;
  }

  .consent-container input[type="checkbox"] {
    height: 16px;

    width: 16px;
  }

  #form-Consent input[type="checkbox"]:before,
  #form-Consent input[type="checkbox"]:checked:before {
    font-size: 13px;
  }

  .user-data {
    margin-bottom: 12px;
  }

  .user-data h3 {
    font-size: 16px;
  }
}

@media screen and (max-width: 1200px) {
  h2,
  body:has(.custom-step-form) h4.instant-offer-heading {
    font-size: 38px;
  }

  section {
    padding: 80px 30px;
  }

  .header-container {
    gap: 20px;
  }

  .menu-header-menu-container li.btn-orange {
    margin-left: 0;
  }

  .main-navigation ul {
    justify-content: flex-end;
  }

  section.counter,
  section.offer.dealers {
    padding: 80px 30px;
  }

  section.work {
    padding-top: 80px;
  }

  section.information {
    padding: 80px 30px 0;
  }

  .counter-count h4 {
    font-size: 45px;
  }

  .dealers .offer-image {
    width: 56%;
  }

  .dealers .offer-content {
    width: 40%;
  }

  .work-item {
    width: 20%;
  }

  section.logo {
    padding: 80px 30px;
  }

  .logo .splide__pagination {
    display: flex !important;
  }

  .splide:not(.is-overflow) .splide__pagination {
    display: flex !important;
  }

  .unlock-image {
    width: 50%;
  }

  .unlock-content h2 {
    font-size: 46px;
  }

  .unlock-content {
    width: 49%;
  }

  .site-footer {
    padding: 80px 30px 0;
  }

  .footer-item:first-child {
    padding-right: 30px;
  }

  .footer-list {
    gap: 20px 30px;
  }

  .footer-item:last-child {
    padding-left: 30px;
  }

  .footer-item h2,
  .page-about-us .footer-item h2 {
    font-size: 24px;

    line-height: 34px;
  }

  /* Start About Page CSS */

  .choose-list {
    margin-top: 40px;
  }

  .page-about-us h2 {
    line-height: 48px;
  }

  .mission-item .content h3 {
    font-size: 25px;

    line-height: 35px;
  }

  /* Start Testimonial Page CSS */

  .page-testimonials section.shortcode {
    padding: 80px 30px;
  }

  /* Login Pages */

  #customer_login .u-column1.col-1,
  .woocommerce-account .woocommerce-ResetPassword {
    width: 50% !important;
  }

  .page-code-registration form.woocommerce-RegisterForm {
    width: 50% !important;
  }

  .site-footer .container {
    padding-bottom: 92px;
  }

  body:has(.custom-step-form) .entry-title {
    margin-top: 180px;
  }

  body .custom-step-form .form-outer {
    padding-top: 80px;
  }

  #smartwizard.custom-step-form .toolbar-bottom {
    padding: 12px 0 80px 0;
  }

  body:has(.custom-step-form) .solidbanner {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 1040px) {
  .home-banner {
    padding: 180px 30px 80px;
  }

  .unlock-content {
    width: 52%;
  }

  /* Start About Page CSS */

  .mission-container {
    gap: 40px 30px;
  }

  section.commitment,
  section.mission {
    padding: 80px 30px;
  }

  .commitment-item {
    width: 45%;
  }

  .commitment-list {
    margin-top: 20px;
  }

  .commitment-content p {
    margin: 14px 0 20px;
  }

  .choose-item span {
    width: 110px;

    height: 110px;
  }

  /* Start Upload-images Page */

  .licence-container #cashOfferForm {
    margin: 0;
  }

  .licence {
    padding: 80px 30px;
  }
}

@media screen and (max-width: 1024px) {
  .page {
    margin-top: 75px;
  }

  header#masthead {
    padding: 13px 30px;
  }

  .header-container .site-branding {
    max-width: 152px;
  }

  #site-navigation {
    display: none;
  }

  .mobile-navigation {
    display: flex;
  }

  .hambar .line {
    background-color: #000000;

    width: 27px;

    height: 3px;

    transition: 0.3s ease-in-out;
  }

  .hambar {
    display: flex;

    flex-direction: column;

    gap: 5px;
  }

  .header-container {
    justify-content: space-between;
  }

  .header-container {
    position: relative;
  }

  #pum-543 {
    z-index: 9999 !important;
  }

  .mobile-menu {
    position: fixed;

    width: 0;

    background-color: #ffffff;

    padding: 50px 30px;

    right: -100%;

    transition: 0.3s ease-in-out;

    top: 79px;

    border: 1px solid #f6851f;

    border-width: 1px 0 1px 0;
  }

  .mobile-menu.active {
    right: 0;

    width: 100%;
  }

  .mobile-menu ul#primary-menu {
    display: flex;

    flex-direction: column;

    gap: 20px;

    text-align: center;
  }

  .hambar.hambar-active .line:first-child {
    transform: translate(0px, 9px) rotate(231deg);
  }

  .hambar.hambar-active .line:nth-child(2) {
    opacity: 0;
  }

  .hambar.hambar-active .line:last-child {
    transform: translate(1px, -7px) rotate(131deg);
  }

  .mobile-menu li.btn-orange a::before {
    content: none;
  }

  .mobile-menu li.btn-orange a {
    background-color: #f6851f;
  }

  /* Start About page CSS */

  .mission-container {
    flex-direction: column;

    align-items: center;
  }

  .mission-content {
    width: 100%;
  }

  .commitment-container {
    flex-direction: column-reverse;

    align-items: center;
  }

  .commitment-content {
    width: 100%;
  }

  /* Start consent-Popup CSS */

  .consent-container p {
    text-align: left;
  }

  .consent-container {
    padding: 50px;

    width: 80%;
  }

  .consent-container h2,
  select#dealership,
  .consent-section {
    margin-bottom: 30px;
  }

  .form-Consent button.btn-blue.cm-button {
    margin-top: 20px;
  }

  .woocommerce-account .live-auction-table {
    width: max-content;
  }
}

@media screen and (max-width: 990px) {
  .banner-content {
    width: 100%;
  }

  .banner-content h1 {
    text-align: center;
  }

  .home-banner p {
    text-align: center;

    width: 100%;
  }

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

  .offer-container {
    flex-direction: column-reverse;
  }

  h2 {
    text-align: center;
  }

  p {
    text-align: center;
  }

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

  .offer-image {
    width: 50%;
  }

  .counter-list {
    gap: 40px 20px;
  }

  .dealers .offer-container {
    flex-direction: column-reverse;
  }

  .dealers .offer-content {
    width: 100%;
  }

  .information-container {
    flex-direction: column-reverse;

    align-items: center;
  }

  .information-content {
    width: 100%;
  }

  .selling-container {
    align-items: center;

    display: flex;

    justify-content: center;
  }

  .unlock-image {
    position: static;
  }

  .unlock-image img {
    transform: translate(0);
  }

  .unlock-container {
    flex-direction: column;

    gap: 40px;
  }

  section.logo {
    padding-bottom: 80px;
  }

  .unlock-content .btn-conatiner {
    margin-top: 30px;
  }

  .work-item::after {
    content: none;
  }

  .work-list {
    margin-top: 40px;

    gap: 40px;

    flex-direction: column;

    align-items: center;
  }

  section.work {
    padding-bottom: 80px;
  }

  .licence-container #cashOfferForm {
    flex-direction: column;

    gap: 30px;

    padding: 35px 20px;

    width: 90%;

    margin: 0 auto;

    align-items: center;
  }

  .car-content {
    padding: 0;

    border: none;
  }

  .input-group {
    width: 100%;
  }

  .licence-container .button-container {
    width: auto;
  }

  /* Start About Page CSS */

  .mission-item .content p {
    text-align: left;
  }

  .commitment-list {
    flex-direction: column;
  }

  .commitment-item {
    width: 100%;

    align-items: center;
  }

  .mission-item .content h3 {
    font-size: 25px;
  }

  .mission-item {
    flex-direction: column;

    align-items: center;

    gap: 10px;
  }

  .content {
    flex-direction: column;

    display: flex;

    text-align: center;
  }

  .mission-list {
    width: 100%;
  }

  .mission-item .content p {
    text-align: center;
  }

  .commitment-item {
    flex-direction: column;
  }

  .innerbanner-content h1 {
    text-align: center;

    font-size: 48px;

    line-height: 58px;
  }

  .choose-list {
    flex-direction: column;

    align-items: center;
  }

  .choose-item {
    width: 100%;
  }

  .unlock-content .btn-conatiner {
    flex-direction: column;

    align-items: center;
  }

  /* Start Testimonial Page */

  .testimonial-list {
    grid-template-columns: auto auto;
  }

  .page-code-registration form.woocommerce-RegisterForm p {
    text-align: left;
  }

  /* Start Login Page */

  .form-details .forminator-pagination-steps {
    width: 100%;
  }

  .forminator-col {
    padding: 0 !important;

    flex: 1;

    width: 50%;
  }

  .forminator-button {
    flex: 0 0 auto;

    width: auto;

    margin: 0;
  }

  .forminator-row {
    display: flex;

    gap: 20px;

    margin-left: 0 !important;

    margin-right: 0 !important;
  }

  .forminator-button {
    width: auto !important;
  }

  .forminator-step {
    height: auto !important;

    flex-direction: column !important;

    width: auto !important;
  }

  .forminator-pagination-steps .forminator-break {
    flex: 1 !important;

    width: 100% !important;

    height: 5px !important;

    width: 50%;
  }

  .forminator-pagination-steps .forminator-break {
    width: 100% !important;
  }

  .form-container {
    margin-top: 70px;
  }

  .heading-container {
    padding-bottom: 228px;
  }

  .form-details .forminator-pagination-steps {
    top: -260px;
  }

  .solidbanner-content h1 {
    font-size: 35px;

    line-height: 40px;
  }

  .form-section .heading-container h2,
  h2,
  body:has(.custom-step-form) h4.instant-offer-heading {
    font-size: 28px;
  }

  /* .page-dealer-registration .forminator-row{

margin-bottom: 40px !important;

} */

  .forminator-field-address {
    padding: 0;
  }

  /* .forminator-pagination-footer{

  margin-top: 0 !important;

} */

  .popup-content {
    width: 410px;
  }

  .cancelation p {
    text-align: left;
  }

  .forminator-col {
    margin-bottom: 0 !important;
  }

  .car-details .details {
    flex-direction: column;

    gap: 30px;
  }

  .page-upload-images .banner-container h2,
  .page-submission .banner-container h2 {
    font-size: 28px;
  }

  #forminator-custom-form-469--page-1 .forminator-row {
    margin-bottom: 20px !important;
  }

  .form-info #forminator-custom-form-469--page-1 .forminator-label {
    font-size: 17px !important;
  }

  /* Start Submission Page */

  .congratulation-container,
  .thankyou-container {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .banner-content h1 {
    font-size: 48px;
  }

  .banner-content .btn-conatiner {
    flex-direction: column;

    align-items: center;
  }

  .counter-list {
    flex-direction: column;
  }

  .dealers .offer-image {
    width: 100%;
  }

  .offer-image {
    width: 100%;
  }

  .information-image {
    width: 100%;

    display: flex;

    justify-content: center;
  }

  .work-item {
    width: 100%;
  }

  .selling-content {
    width: 100%;
  }

  .unlock-content {
    width: 100%;
  }

  .review-content::after {
    position: static;
  }

  .footer-list {
    flex-direction: column;
  }

  .heading h3 {
    text-align: center;
  }

  .footer-item:first-child {
    width: 100%;

    border: navajowhite;

    padding: 0;
  }

  ul#menu-footer-menu {
    align-items: center;
  }

  .footer-item {
    width: 100%;
  }

  .footer-item:last-child {
    padding: 0;

    border: none;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .footer-item h3 {
    text-align: center;
  }

  .footer-item .social-list {
    width: auto;

    margin: 32px auto 0;

    gap: 20px;
  }

  .copyright-container {
    flex-direction: column;

    gap: 20px;
  }

  .policy,
  .copyright {
    text-align: center;
  }

  .footer-item h2,
  .page-about-us .footer-item h2 {
    font-size: 18px;

    line-height: 28px;
  }

  .footer-item h3 {
    font-size: 18px;

    line-height: 25px;
  }

  .commitment-item h3 {
    text-align: center;
  }

  /* Login Pages */

  #customer_login .u-column1.col-1,
  .woocommerce-account .woocommerce-ResetPassword {
    width: 100% !important;
  }

  .woocommerce .button.woocommerce-button,
  .page-code-registration .sinup-btn,
  .woocommerce .button.woocommerce-Button {
    min-width: 100%;
  }

  .page-code-registration form.woocommerce-RegisterForm {
    width: 100% !important;
  }

  .form-details {
    width: 100%;
  }

  .form-details .forminator-pagination-steps {
    width: 100%;
  }

  .form-info {
    flex-direction: column-reverse;

    align-items: center;
  }

  /* .car-details .details{  

    margin-top: 25px;

  } */

  .car-details {
    position: static;

    top: 0;
  }

  .form-details {
    width: 100%;
  }

  .page-dealer-registration .car-details {
    position: static;

    top: 0;

    display: flex;
  }

  .page-dealer-registration .form-info {
    align-items: center;
  }

  .forminator-pagination-steps .forminator-break {
    flex: 1 !important;

    width: 100% !important;

    height: 5px !important;

    width: 50%;
  }

  /* Start Upload-image page */

  .label-bar {
    gap: 38px;
  }

  .photo-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Start Submission Page */

  .congratulation-container .social-list {
    width: auto;

    gap: 20px;

    margin: 30px auto 0;
  }

  .social-list a {
    min-width: 32px;
  }

  .congratulation-container h3,
  .congratulation-container h3.offer {
    font-size: 38px;
  }

  .congratulation-container p {
    width: auto;
  }

  .congratulation-container,
  .thankyou-container {
    padding: 40px 30px;
  }

  span.tick {
    width: 100px;
  }

  .consent-container input[type="checkbox"] {
    height: 16px;

    width: 16px;
  }

  #form-Consent input[type="checkbox"]:before,
  #form-Consent input[type="checkbox"]:checked:before {
    font-size: 13px;
  }

  body .custom-step-form .tab-content {
    width: 100%;

    order: 2;
  }

  .custom-step-form .car-details {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .woocommerce-account #online-offer-section .owl-item {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 640px) {
  .woocommerce-account #online-offer-section .owl-item {
    align-items: center;
  }

  #smartwizard .nav::before {
    top: 0;

    width: 4px;
  }

  #smartwizard .nav-item a .num {
    width: 100%;
  }

  #smartwizard .nav-item a::after {
    width: 78px;

    height: 78px;

    left: 0;

    right: 0;
  }

  #smartwizard .nav-item a img {
    width: 28px;

    height: 28px;

    margin-top: 15px;
  }

  #smartwizard .nav-item a {
    padding: 90px 0 30px 0;

    background-color: #f6f8ff;

    margin-bottom: 50px;

    z-index: 9;
  }

  #smartwizard .nav-item:last-child a {
    margin-bottom: 0;
  }

  #smartwizard ul {
    align-items: center;
  }
}

@media screen and (max-width: 550px) {
  .btn .cm-button {
    padding: 15px 10px;
  }

  .btn .cm-button,
  .woocommerce .button.woocommerce-button,
  .page-code-registration .sinup-btn,
  .woocommerce .button.woocommerce-Button {
    min-width: 212px;
  }

  .banner-content h1 {
    font-size: 35px;

    line-height: 40px;
  }

  .home-banner p {
    font-size: 20px;

    line-height: 30px;

    margin: 22px 0 22px;
  }

  h1 {
    font-size: 35px;

    line-height: 40px;
  }

  h2 {
    font-size: 28px;
  }

  .selling-content {
    padding: 40px 20px;
  }

  .unlock-content h2 {
    font-size: 28px;

    line-height: 34px;
  }

  .unlock-content .btn-conatiner {
    flex-direction: column;

    justify-content: center;
  }

  .unlock-content .btn-conatiner .btn {
    justify-content: center;
  }

  .unlock-image {
    width: 100%;
  }

  .footer-item .site-branding {
    margin-bottom: 20px;
  }

  .social-list {
    width: 100%;

    max-width: 255px;
  }

  .review-content span {
    width: 65px;

    height: 65px;
  }

  .review-content {
    flex-direction: column;
  }

  .review-content span::after {
    border-bottom: 36px solid #f6851f;

    border-left: 36px solid transparent;
  }

  .review-content {
    flex-direction: column;
  }

  .review-content span {
    width: 65px;

    height: 65px;

    display: flex;
  }

  .review-text p {
    font-size: 18px;

    line-height: 28px;
  }

  .review-content h3 {
    font-size: 25px;
  }

  .review-content {
    gap: 15px;
  }

  .review-text p {
    margin: 18px 0 0;
  }

  .review-item {
    padding: 41px 20px 80px;
  }

  .newsletter {
    max-width: 260px;

    margin: 32px auto 0;
  }

  .car-content {
    flex-direction: column;

    width: 100%;

    gap: 10px;
  }

  /* Strat About Page CSS */

  .commitment-image {
    width: 100%;
  }

  .mission-image {
    width: 100%;
  }

  .breadcrumb {
    gap: 35px;
  }

  .breadcrumb h3,
  .breadcrumb a,
  .innerbanner-container h3 {
    font-size: 19px;
  }

  .breadcrumb {
    flex-direction: column;

    align-items: center;
  }

  .breadcrumb span {
    transform: rotate(89deg);
  }

  /* Start Testimonial Page CSS */

  .testimonial-list {
    grid-template-columns: auto;
  }

  .testimonial-content span {
    width: 70px;

    height: 70px;
  }

  .testimonial-content span::after {
    border-bottom: 38px solid #f6851f;

    border-left: 38px solid transparent;
  }

  /* Start Login Page */

  .forminator-row {
    flex-direction: column;

    margin-bottom: 40px !important;

    gap: 40px;
  }

  .forminator-col {
    width: 100%;

    padding: 0;
  }

  .form-details .forminator-step::before {
    width: 78px;

    height: 78px;

    background-size: 28px 28px;
  }

  .forminator-ui#forminator-module-469.forminator-design--default
    .forminator-pagination-steps
    .forminator-step
    .forminator-step-label {
    font-size: 14px;
  }

  .heading-container {
    padding-bottom: 550px;
  }

  .form-details .forminator-pagination-steps {
    top: -557px;
  }

  .form-details .forminator-pagination-steps {
    flex-direction: column;
  }

  .forminator-pagination-steps .forminator-break {
    width: 4px !important;

    height: 50px !important;

    flex: unset !important;
  }

  .forminator-radio {
    margin-bottom: 20px;
  }

  .forminator-button-next,
  .forminator-button-back,
  .forminator-button-submit,
  .position-change .cm-button {
    padding: 12px 16px !important;

    font-size: 16px !important;

    min-width: 108px !important;

    margin: 0 !important;
  }

  .car-details .details {
    flex-direction: column;

    gap: 20px;
  }

  .form-section .forminator-break {
    margin-top: 0 !important;
  }

  /* Start Upload-image Page */

  .label-bar {
    flex-direction: column;

    z-index: 1;
  }

  .label-bar::before {
    width: 4px;

    height: 93%;

    right: 0;

    z-index: -1;
  }

  .label-bar span {
    width: 78px;

    height: 78px;

    padding: 24px;

    margin-bottom: 0;
  }

  .label-bar h3 {
    background-color: #f6f8ff;
  }

  .photo-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .licence-container #cashOfferForm {
    width: 100%;

    margin: 0 auto;
  }

  /* Start Consent  Popup  */

  span.cross-img {
    width: 10px;

    height: 10px;

    top: 9px;

    right: 15px;
  }

  .popup-content {
    width: 300px;
  }

  .popup-buttons {
    flex-direction: column;

    gap: 12px;

    margin-top: 18px;
  }

  .cancelation .btn {
    width: 100%;
  }

  .consent-container {
    max-height: 600px;

    overflow: scroll;

    padding: 30px 20px;

    width: 85%;
  }

  .consent-container h2 {
    margin-bottom: 12px;

    font-size: 25px;

    line-height: 30px;
  }

  .consent-container p {
    text-align: left;

    font-size: 15px;
  }

  select#dealership {
    margin-bottom: 18px;
  }

  .consent-container select {
    font-size: 16px;

    padding: 12px 15px;
  }

  #dealership option {
    font-size: 16px;
  }

  .consent-section {
    margin-bottom: 20px;
  }

  .consent-container label,
  .consent-container label a {
    font-size: 15px;
  }

  .form-Consent button.btn-blue.cm-button {
    min-width: 100%;

    font-size: 15px;
  }

  /* Start Submision page */

  .congratulation-container h3,
  .congratulation-container h3.offer {
    font-size: 22px;
  }

  .congratulation-container h4.info {
    font-size: 20px;
  }

  .congratulation-container span.image {
    width: 130px;
  }

  .add-vehicle-page .licence-container #cashOfferForm {
    gap: 20px;
  }

  .site-footer .container {
    padding-bottom: 176px;
  }

  body .custom-step-form form > div {
    width: 100%;
  }
}

.color-accepted {
  color: #2c9819 !important;
}

.color-expired {
  color: #ff0001 !important;
}

span.zip-message {
  font-size: 14px;

  line-height: 24px;

  color: #ff0000;

  margin-top: 5px;
}

.home-banner {
  padding: 240px 30px 80px;
}

.hidden {
  display: none;
}

/* Dashboard Spinner Styles */

.dashboard-submit-btn {
  position: relative;
}

.dashboard-spinner {
  display: none;

  margin-left: 8px;

  width: 18px;

  height: 18px;

  border: 2px solid #ccc;

  border-top: 2px solid #007bff;

  border-radius: 50%;

  animation: dashboard-spin 0.7s linear infinite;

  vertical-align: middle;
}

@keyframes dashboard-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.dashboard-submit-btn[disabled],
.dashboard-submit-btn.btn-disabled {
  opacity: 0.6;

  pointer-events: none;

  cursor: not-allowed;
}

/* Ensure spinner is visible when shown */

.dashboard-submit-btn .dashboard-spinner[style*="display: inline-block"] {
  display: inline-block !important;
}

/* New Homepage Sections Styles */

/* Pain Solution Section */

section.pain-solution {
  padding: 80px 0;

  background-color: #fff;
}

.pain-solution-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;
}

.pain-solution-content {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 60px;

  align-items: center;
}

.pain-section h2 {
  color: #ff6b35;

  font-size: 2.5rem;

  font-weight: 700;

  margin-bottom: 20px;

  line-height: 1.2;
}

.pain-section p {
  color: #666;

  font-size: 1.1rem;

  line-height: 1.6;

  margin-bottom: 0;
}

.solution-section h2 {
  color: #1e3a8a;

  font-size: 2.5rem;

  font-weight: 700;

  margin-bottom: 20px;

  line-height: 1.2;
}

.solution-section p {
  color: #666;

  font-size: 1.1rem;

  line-height: 1.6;

  margin-bottom: 0;
}

/* Mini How It Works Section */

section.mini-how-it-works {
  padding: 80px 0;

  background-color: #f8f9fa;
}

.mini-how-it-works-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;
}

.mini-how-it-works-content h2 {
  text-align: center;

  color: #1e3a8a;

  font-size: 3rem;

  font-weight: 700;

  margin-bottom: 50px;
}

.steps-container {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 40px;

  margin-bottom: 50px;
}

.step-item {
  text-align: center;

  padding: 30px 20px;

  background: #fff;

  border-radius: 15px;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

  transition: transform 0.3s ease;
}

.step-item:hover {
  transform: translateY(-5px);
}

.step-number {
  width: 60px;

  height: 60px;

  background: linear-gradient(135deg, #ff6b35, #ff8c42);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 20px;
}

.step-number span {
  color: #fff;

  font-size: 1.5rem;

  font-weight: 700;
}

.step-content h3 {
  color: #1e3a8a;

  font-size: 1.3rem;

  font-weight: 600;

  margin-bottom: 15px;
}

.step-content p {
  color: #666;

  font-size: 1rem;

  line-height: 1.5;

  margin-bottom: 0;
}

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

.cta-container .btn-blue {
  display: inline-block;

  padding: 15px 40px;

  font-size: 1.1rem;

  font-weight: 600;
}

/* Feature Highlights Section */

section.feature-highlights {
  padding: 80px 0;

  background-color: #fff;
}

.feature-highlights-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;
}

.feature-highlights-content h2 {
  text-align: center;

  color: #1e3a8a;

  font-size: 3rem;

  font-weight: 700;

  margin-bottom: 50px;
}

.features-list {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 40px;
}

.feature-item {
  text-align: center;

  padding: 40px 30px;

  background: #f8f9fa;

  border-radius: 15px;

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-5px);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.feature-icon {
  width: 80px;

  height: 80px;

  background: linear-gradient(135deg, #1e3a8a, #3b82f6);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 25px;
}

.feature-icon i {
  color: #fff;

  font-size: 2rem;
}

.feature-content h3 {
  color: #1e3a8a;

  font-size: 1.4rem;

  font-weight: 600;

  margin-bottom: 15px;
}

.feature-content p {
  color: #666;

  font-size: 1rem;

  line-height: 1.6;

  margin-bottom: 0;
}

/* CTA Strip Section */

section.cta-strip {
  padding: 80px 0;

  background: linear-gradient(135deg, #ff6b35, #ff8c42);

  color: #fff;
}

.cta-strip-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;

  text-align: center;
}

.cta-strip-content h2 {
  color: #fff;

  font-size: 3rem;

  font-weight: 700;

  margin-bottom: 20px;
}

.cta-strip-content p {
  color: #fff;

  font-size: 1.2rem;

  line-height: 1.6;

  margin-bottom: 40px;

  opacity: 0.9;
}

.cta-button-container .btn-blue {
  background: #1e3a8a;

  color: #fff;

  border: 2px solid #1e3a8a;

  padding: 18px 50px;

  font-size: 1.2rem;

  font-weight: 600;

  transition: all 0.3s ease;
}

.cta-button-container .btn-blue:hover {
  background: #fff;

  color: #1e3a8a;

  border-color: #fff;
}

/* Responsive Design for New Sections */

@media screen and (max-width: 1024px) {
  .pain-solution-content {
    grid-template-columns: 1fr;

    gap: 40px;
  }

  .steps-container {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .features-list {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .pain-section h2,
  .solution-section h2,
  .mini-how-it-works-content h2,
  .feature-highlights-content h2,
  .cta-strip-content h2 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  section.pain-solution,
  section.mini-how-it-works,
  section.feature-highlights,
  section.cta-strip {
    padding: 60px 0;
  }

  .pain-solution-container,
  .mini-how-it-works-container,
  .feature-highlights-container,
  .cta-strip-container {
    padding: 0 15px;
  }

  .pain-section h2,
  .solution-section h2,
  .mini-how-it-works-content h2,
  .feature-highlights-content h2,
  .cta-strip-content h2 {
    font-size: 2rem;
  }

  .step-item,
  .feature-item {
    padding: 25px 20px;
  }

  .cta-strip-content p {
    font-size: 1.1rem;
  }

  .cta-button-container .btn-blue {
    padding: 15px 40px;

    font-size: 1.1rem;
  }
}

@media screen and (max-width: 480px) {
  .pain-section h2,
  .solution-section h2,
  .mini-how-it-works-content h2,
  .feature-highlights-content h2,
  .cta-strip-content h2 {
    font-size: 1.8rem;
  }

  .pain-section p,
  .solution-section p,
  .step-content p,
  .feature-content p {
    font-size: 0.95rem;
  }

  .step-number,
  .feature-icon {
    width: 50px;

    height: 50px;
  }

  .step-number span {
    font-size: 1.2rem;
  }

  .feature-icon i {
    font-size: 1.5rem;
  }
}

/* About Us Page Styles */

/* About Header Section */

section.about-header {
  padding: 80px 0;

  background-color: #f8f9fa;

  text-align: center;
}

.about-header-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;
}

.about-header-content h1 {
  color: #1e3a8a;

  font-size: 3.5rem;

  font-weight: 700;

  margin-bottom: 40px;

  line-height: 1.2;
}

.about-header-cta .btn-blue {
  display: inline-block;

  padding: 18px 50px;

  font-size: 1.2rem;

  font-weight: 600;
}

/* About 3-Step Process Section */

section.about-3-step-process {
  padding: 80px 0;

  background-color: #fff;
}

.about-3-step-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;
}

.about-3-step-content {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 40px;
}

.about-3-step-content .step-item {
  text-align: center;

  padding: 40px 30px;

  background: #f8f9fa;

  border-radius: 15px;

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-3-step-content .step-item:hover {
  transform: translateY(-5px);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.about-3-step-content .step-number {
  width: 80px;

  height: 80px;

  background: linear-gradient(135deg, #ff6b35, #ff8c42);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 25px;
}

.about-3-step-content .step-number span {
  color: #fff;

  font-size: 2rem;

  font-weight: 700;
}

.about-3-step-content .step-content h3 {
  color: #1e3a8a;

  font-size: 1.5rem;

  font-weight: 600;

  margin-bottom: 20px;
}

.about-3-step-content .step-copy {
  color: #666;

  font-size: 1.1rem;

  line-height: 1.6;

  margin-bottom: 15px;
}

.about-3-step-content .step-why {
  color: #1e3a8a;

  font-size: 1rem;

  line-height: 1.5;

  font-style: italic;
}

/* About Dealers Section */

section.about-dealers {
  padding: 80px 0;

  background-color: #f8f9fa;
}

.about-dealers-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;
}

.about-dealers-content {
  display: grid;

  grid-template-columns: 2fr 1fr;

  gap: 60px;

  align-items: center;

  margin-bottom: 40px;
}

.dealers-info h2 {
  color: #1e3a8a;

  font-size: 2.5rem;

  font-weight: 700;

  margin-bottom: 25px;
}

.dealers-main-copy {
  color: #333;

  font-size: 1.3rem;

  font-weight: 600;

  line-height: 1.5;

  margin-bottom: 20px;
}

.dealers-why {
  color: #666;

  font-size: 1.1rem;

  line-height: 1.6;

  margin-bottom: 0;
}

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

.dealers-icon {
  width: 120px;

  height: 120px;

  background: linear-gradient(135deg, #1e3a8a, #3b82f6);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;
}

.dealers-icon i {
  color: #fff;

  font-size: 3rem;
}

.dealer-subscription-note {
  background: #fff;

  padding: 25px 30px;

  border-radius: 10px;

  border-left: 4px solid #ff6b35;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dealer-subscription-note p {
  color: #666;

  font-size: 1rem;

  line-height: 1.6;

  margin-bottom: 0;

  font-style: italic;
}

/* About Proof Section */

section.about-proof {
  padding: 80px 0;

  background-color: #fff;
}

.about-proof-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;
}

.about-proof-content h2 {
  text-align: center;

  color: #1e3a8a;

  font-size: 3rem;

  font-weight: 700;

  margin-bottom: 50px;
}

.proof-stats {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 40px;
}

.proof-stat-item {
  text-align: center;

  padding: 40px 30px;

  background: #f8f9fa;

  border-radius: 15px;

  transition: transform 0.3s ease;
}

.proof-stat-item:hover {
  transform: translateY(-5px);
}

.stat-number {
  color: #ff6b35;

  font-size: 3rem;

  font-weight: 700;

  margin-bottom: 15px;
}

.stat-text {
  color: #333;

  font-size: 1.1rem;

  line-height: 1.5;

  font-weight: 500;
}

/* About Final CTA Section */

section.about-final-cta {
  padding: 80px 0;

  background: linear-gradient(135deg, #1e3a8a, #3b82f6);

  color: #fff;
}

.about-final-cta-container {
  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;

  text-align: center;
}

.about-final-cta-content h2 {
  color: #fff;

  font-size: 3rem;

  font-weight: 700;

  margin-bottom: 20px;
}

.about-final-cta-content p {
  color: #fff;

  font-size: 1.2rem;

  line-height: 1.6;

  margin-bottom: 40px;

  opacity: 0.9;
}

.final-cta-button .btn-blue {
  background: #ff6b35;

  color: #fff;

  border: 2px solid #ff6b35;

  padding: 18px 50px;

  font-size: 1.2rem;

  font-weight: 600;

  transition: all 0.3s ease;
}

.final-cta-button .btn-blue:hover {
  background: #fff;

  color: #ff6b35;

  border-color: #fff;
}

/* Responsive Design for About Us Page */

@media screen and (max-width: 1024px) {
  .about-3-step-content {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .about-dealers-content {
    grid-template-columns: 1fr;

    gap: 40px;
  }

  .proof-stats {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .about-header-content h1,
  .dealers-info h2,
  .about-proof-content h2,
  .about-final-cta-content h2 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  section.about-header,
  section.about-3-step-process,
  section.about-dealers,
  section.about-proof,
  section.about-final-cta {
    padding: 60px 0;
  }

  .about-header-container,
  .about-3-step-container,
  .about-dealers-container,
  .about-proof-container,
  .about-final-cta-container {
    padding: 0 15px;
  }

  .about-header-content h1,
  .dealers-info h2,
  .about-proof-content h2,
  .about-final-cta-content h2 {
    font-size: 2rem;
  }

  .about-3-step-content .step-item,
  .proof-stat-item {
    padding: 30px 20px;
  }

  .about-3-step-content .step-content h3 {
    font-size: 1.3rem;
  }

  .stat-number {
    font-size: 2.5rem;
  }

  .dealers-icon {
    width: 100px;

    height: 100px;
  }

  .dealers-icon i {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 480px) {
  .about-header-content h1,
  .dealers-info h2,
  .about-proof-content h2,
  .about-final-cta-content h2 {
    font-size: 1.8rem;
  }

  .about-3-step-content .step-copy,
  .dealers-main-copy,
  .about-final-cta-content p {
    font-size: 1rem;
  }

  .about-3-step-content .step-why,
  .dealers-why {
    font-size: 0.95rem;
  }

  .about-3-step-content .step-number,
  .dealers-icon {
    width: 70px;

    height: 70px;
  }

  .about-3-step-content .step-number span {
    font-size: 1.5rem;
  }

  .dealers-icon i {
    font-size: 2rem;
  }

  .stat-number {
    font-size: 2rem;
  }
}

/* Seller Landing Page Styles */

section.seller-hero {
  background: linear-gradient(135deg, #394da1 0%, #2c3e50 100%);

  padding: 80px 0;

  color: white;

  text-align: center;
}

.seller-hero-container {
  max-width: 800px;

  margin: 0 auto;
}

.seller-hero-content h1 {
  font-size: 48px;

  font-weight: 700;

  margin-bottom: 20px;

  line-height: 1.2;

  text-align: center;
}

.seller-hero-content p {
  color: white;

  font-size: 20px;

  margin-bottom: 40px;

  opacity: 0.9;
}

.seller-hero-cta .btn-blue {
  font-size: 18px;

  padding: 15px 30px;

  background: #ff6b35;

  border: none;

  transition: all 0.3s ease;
}

.seller-hero-cta .btn-blue:hover {
  background: #e55a2b;

  transform: translateY(-2px);
}

section.seller-why-it-works {
  padding: 80px 0;

  background: #f8f9fa;
}

.seller-why-it-works-container {
  max-width: 1000px;

  margin: 0 auto;
}

.seller-why-it-works-content h2 {
  text-align: center;

  margin-bottom: 60px;

  font-size: 36px;

  color: #122938;
}

.why-points {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 40px;
}

.why-point {
  background: white;

  padding: 40px;

  border-radius: 10px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

  transition: transform 0.3s ease;
}

.why-point:hover {
  transform: translateY(-5px);
}

.why-point h3 {
  font-size: 24px;

  color: #122938;

  margin-bottom: 15px;

  font-weight: 600;
}

.why-point p {
  font-size: 16px;

  color: #666;

  line-height: 1.6;
}

section.seller-walkthrough-steps {
  padding: 80px 0;

  background: white;
}

.seller-walkthrough-container {
  max-width: 1000px;

  margin: 0 auto;
}

.seller-walkthrough-content h2 {
  text-align: center;

  margin-bottom: 60px;

  font-size: 36px;

  color: #122938;
}

.walkthrough-steps {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 30px;
}

.walkthrough-step {
  text-align: center;

  padding: 30px 20px;

  background: #f8f9fa;

  border-radius: 10px;

  transition: transform 0.3s ease;
}

.walkthrough-step:hover {
  transform: translateY(-5px);
}

.walkthrough-step .step-number {
  width: 60px;

  height: 60px;

  background: #394da1;

  color: white;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 20px;

  font-size: 24px;

  font-weight: 700;
}

.walkthrough-step .step-content h3 {
  font-size: 20px;

  color: #122938;

  margin-bottom: 15px;

  font-weight: 600;
}

.walkthrough-step .step-content p {
  font-size: 16px;

  color: #666;

  line-height: 1.6;
}

section.seller-trust-block {
  padding: 80px 0;

  background: #f8f9fa;
}

.seller-trust-container {
  max-width: 1000px;

  margin: 0 auto;
}

.seller-trust-content {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 60px;

  align-items: center;
}

.trust-testimonial {
  background: white;

  padding: 40px;

  border-radius: 10px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.testimonial-quote p {
  font-size: 20px;

  font-style: italic;

  color: #122938;

  margin-bottom: 20px;

  line-height: 1.6;
}

.testimonial-author strong {
  color: #394da1;

  font-size: 16px;
}

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

.badge-content {
  background: #394da1;

  color: white;

  padding: 40px;

  border-radius: 10px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.badge-content h3 {
  font-size: 28px;

  margin-bottom: 10px;

  font-weight: 700;
}

.badge-content p {
  color: white;

  font-size: 18px;

  opacity: 0.9;
}

section.seller-deal-logic {
  padding: 80px 0;

  background: white;
}

.seller-deal-logic-container {
  max-width: 1000px;

  margin: 0 auto;
}

.seller-deal-logic-content {
  text-align: center;
}

.deal-points {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 40px;

  margin-top: 40px;
}

.deal-point {
  background: #f8f9fa;

  padding: 40px;

  border-radius: 10px;

  transition: transform 0.3s ease;
}

.deal-point:hover {
  transform: translateY(-5px);
}

.deal-point h3 {
  font-size: 24px;

  color: #122938;

  margin-bottom: 15px;

  font-weight: 600;
}

.deal-point p {
  font-size: 16px;

  color: #666;

  line-height: 1.6;
}

section.seller-final-cta {
  padding: 80px 0;

  background: linear-gradient(135deg, #394da1 0%, #2c3e50 100%);

  color: white;

  text-align: center;
}

.seller-final-cta-container {
  max-width: 600px;

  margin: 0 auto;
}

.seller-final-cta-content h2 {
  font-size: 36px;

  margin-bottom: 20px;

  font-weight: 700;
}

.seller-final-cta-content p {
  color: white;

  font-size: 18px;

  margin-bottom: 40px;

  opacity: 0.9;
}

.final-cta-button .btn-blue {
  font-size: 18px;

  padding: 15px 30px;

  background: #ff6b35;

  border: none;

  margin-bottom: 15px;

  transition: all 0.3s ease;
}

.final-cta-button .btn-blue:hover {
  background: #e55a2b;

  transform: translateY(-2px);
}

.urgency-text {
  font-size: 14px;

  opacity: 0.8;

  font-style: italic;
}

/* Responsive Styles for Seller Landing Page */

@media screen and (max-width: 1024px) {
  .seller-hero-content h1 {
    font-size: 40px;
  }

  .why-points {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .walkthrough-steps {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .seller-trust-content {
    grid-template-columns: 1fr;

    gap: 40px;
  }

  .deal-points {
    grid-template-columns: 1fr;

    gap: 30px;
  }
}

@media screen and (max-width: 768px) {
  section.seller-hero,
  section.seller-why-it-works,
  section.seller-walkthrough-steps,
  section.seller-trust-block,
  section.seller-deal-logic,
  section.seller-final-cta {
    padding: 60px 0;
  }

  .seller-hero-content h1 {
    font-size: 32px;
  }

  .seller-hero-content p {
    font-size: 18px;
  }

  .seller-why-it-works-content h2,
  .seller-walkthrough-content h2,
  .seller-final-cta-content h2 {
    font-size: 28px;
  }

  .why-point,
  .trust-testimonial,
  .badge-content,
  .deal-point {
    padding: 30px 20px;
  }

  .walkthrough-step {
    padding: 25px 15px;
  }

  .walkthrough-step .step-number {
    width: 50px;

    height: 50px;

    font-size: 20px;
  }

  .testimonial-quote p {
    font-size: 18px;
  }

  .badge-content h3 {
    font-size: 24px;
  }
}

@media screen and (max-width: 480px) {
  .seller-hero-content h1 {
    font-size: 28px;
  }

  .seller-hero-content p {
    font-size: 16px;
  }

  .seller-why-it-works-content h2,
  .seller-walkthrough-content h2,
  .seller-final-cta-content h2 {
    font-size: 24px;
  }

  .why-point h3,
  .deal-point h3 {
    font-size: 20px;
  }

  .walkthrough-step .step-content h3 {
    font-size: 18px;
  }

  .walkthrough-step .step-number {
    width: 45px;

    height: 45px;

    font-size: 18px;
  }

  .testimonial-quote p {
    font-size: 16px;
  }

  .badge-content h3 {
    font-size: 20px;
  }

  .badge-content p {
    font-size: 16px;
  }
}

/* Car not working disabled state styles */

.car-not-working-disabled {
  opacity: 0.5 !important;

  pointer-events: none !important;

  cursor: not-allowed !important;
}

.car-not-working-disabled input,
.car-not-working-disabled textarea,
.car-not-working-disabled select {
  opacity: 0.5 !important;

  pointer-events: none !important;

  cursor: not-allowed !important;
}

.car-not-working-disabled .form-check-input {
  opacity: 0.5 !important;

  pointer-events: none !important;

  cursor: not-allowed !important;
}

.car-not-working-disabled .form-check-label {
  opacity: 0.5 !important;

  cursor: not-allowed !important;
}

/* Submit button disabled state */

#btnFinish:disabled,
#consent-submit-btn:disabled {
  opacity: 0.5 !important;

  cursor: not-allowed !important;

  background-color: #6c757d !important;

  border-color: #6c757d !important;
}

#btnFinish:disabled:hover,
#consent-submit-btn:disabled:hover {
  background-color: #6c757d !important;

  border-color: #6c757d !important;

  transform: none !important;
}

/* Car not working banner */

#car-not-working-banner {
  background-color: #dc3545 !important;

  color: white !important;

  padding: 15px !important;

  margin: 10px 0 !important;

  border-radius: 5px !important;

  text-align: center !important;

  font-weight: bold !important;

  position: sticky !important;

  top: 0 !important;

  z-index: 1000 !important;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;

  animation: bannerPulse 2s infinite !important;
}

@keyframes bannerPulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}