@font-face {
  font-family: "Futura Hv BT";
  src: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/fonts/futuhv.ttf);
}

@font-face {
  font-family: "Eurostile Demi";
  src: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/fonts/Eurostile-Demi.otf);
}

@font-face {
  font-family: "Eurostile-Medium";
  src: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/fonts/Eurostile-Medium.ttf);
}

@font-face {
  font-family: "Gilroy-Bold";
  src: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/fonts/Gilroy-Bold.ttf);
}

@font-face {
  font-family: "Gilroy-SemiBold";
  src: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/fonts/Gilroy-SemiBold.ttf);
}

*:focus {
  outline: none !important;
}

.popup-form-container li,
.wc-form-steps .seprator,
.popup-form-container .form-group input[type="text"],
.iti--allow-dropdown input,
.otp-expires:before,
.tire-info,
.popup-form-container .form-group input[type="email"],
.dealers-list .dealer-address,
.modal:has(ul.dealers-list) .modal-body input[type="search"],
.popup-form-container .claim-next-step-text p,
.existing-customer-info-body .label,
.existing-customer-info-body .value,
.input-error,
#tire-defect-dropzone .dz-placeholder,
#select-concern-modal .concerns-list li textarea,
#tire-health-form .custom-select,
.form-group-custom-select .custom-select,
.wc-left-content .tire-details-info-card .value,
.select2-container--default .select2-selection--single,
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field,
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  font-family: "Eurostile-Medium";
}

.popup-form-container #loader {
  position: absolute;
  z-index: 9999;
  background: #222222;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.popup-form-container #loader lottie-player {
  width: 300px !important;
  margin: 0 auto;
}

.popup-form-container p, .popup-form-container .form-group label, .wc-code-sent-info .wc-sent-info, .otp-inputs input[type="text"], .resend-otp-wrapper, .wc-form-action-wrapper button, 
.dealer-info-select label, .tire-details-header button, .tire-details-form-footer .btn-save-tire, .dealers-list .dealer-name, .no-dealer-found, .btn-register,
#tire-health-form .form-group-custom-select label, #tire-health-form .tire-details-form-body h2, #tire-defect-dropzone .dz-button, .btn-exit-form, .tire-detail-action-wrapper .btn,
.miles-driven-list li, .concerns-list li, #select-concern-modal .modal-footer .btn-save-concerns, .reference-box h3, .reference-box h6, .claim-next-step-text h4,
.popup-form-container .dot-no-text, .exit-form-actions .btn, /*.popup-form-container .wc-code-sent-info,*/ .dealer-not-found-wrapper {
  font-family: "Eurostile Demi";
}

.popup-form-container h2,
.modal:has(ul.dealers-list) .modal-body h4,
#select-mile-range-modal .modal-body h4,
#select-concern-modal .modal-body h4 {
  font-family: "Futura Hv BT";
}

/*


.popup-form-container .row:not(.row .row) {
    max-width: 1440px;
    margin: 0px auto;
    height: 100%;
    position: relative;
}

.popup-form-container .row:not(.row .row):after {
    content: ""; 
    width: 579.499px;
    height: 441.111px; 
    background: url(/app/themes/armstrongtire-v2/assets/images/tuffy-left-col-img.png) 0% / cover no-repeat;
    position: absolute;
    bottom: 0px;
    left: -55px; 
    mix-blend-mode: soft-light;
}*/

.consent-check {
  margin-bottom: -20px;
  margin-top: 35px;
}

#userConsent {
  appearance: none;
}

.consent-check .form-check-label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  border-radius: 4px;
  top: 3px;
  border: 1.5px solid #424647;
}

#userConsent:checked ~ .form-check-label:before {
  background-color: #f6c648;
  border-color: #f6c648;
}

#userConsent ~ .form-check-label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  opacity: 0;
  transition: opacity 0.25s ease;
  background: url(https://armstrongtire.pineapple.design/app/themes/armstrongtire/assets/images/green-tick-icon.svg)
    no-repeat center;
}

#userConsent:checked ~ .form-check-label:after {
  opacity: 1;
}

.consent-check .form-check-label {
  font-size: 14px;
  position: relative;
  padding-left: 35px !important;
}

.popup-form-container .outer-tire-row {
  max-width: 1440px;
  margin: 0px auto;
  height: 100%;
  position: relative;
}

.outer-tire-row:after {
  content: "";
  width: 540px;
  height: 430px;
  background: url(/app/themes/armstrongtire-v2/assets/images/tuffy-left-col-img2.png)
    0% 100% / 100% no-repeat;
  /* width: 579.499px;
    height: 441.111px;
    background: url(/app/themes/armstrongtire-v2/assets/images/tuffy-left-col-img.png) 0% / cover no-repeat; */
  position: absolute;
  bottom: 0px;
  left: -55px;
  z-index: -1;
  /*mix-blend-mode: soft-light;*/
}

.popup-form-container {
  --container-height: 85%;
  --footer-height: 120px;
  background: #222;
  padding: 50px 0 0px;
  position: fixed;
  z-index: 99999;
  height: var(--container-height);
  bottom: 0;
  transform: translateY(100%);
  transition: 0.3s linear;
}

.popup-form-container.active {
  transform: translateY(0);
}

.wc-form-step {
  height: 100%;
}

.wc-form-step:has(.wc-form-step-footer) .wc-form-step-body {
  /* height: 60dvh; */
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 46px;
  margin-right: -46px;
  height: var(--container-height);

  /* padding-right: 30px;
    margin-right: -30px;*/
}

/*#warranty-claim-form .wc-form-step:has(.wc-form-step-footer) .wc-form-step-body {
    margin-right: -46px;
}
*/
.wc-form-step-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #222;
}

.wc-form-step-body::-webkit-scrollbar {
  width: 8px;
}

.wc-form-step-body::-webkit-scrollbar-thumb {
  background-color: #424647;
  height: 137px;
  border-radius: 16px;
}

.warranty-overlay--show {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  touch-action: none;
  -webkit-overflow-scrolling: none;
}

body.warranty-overlay--show {
  overflow: hidden;
  position: fixed;
  touch-action: none;
  -webkit-overflow-scrolling: none;
  width: 100%;
  height: 100%;
}

.warranty-overlay--show:before {
  content: "";
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.wc-left-content {
  position: relative;
  max-height: 613px;
  height: 100%;
}

.popup-form-container .wc-form-step-body {
  /* max-width: 636px;*/
  max-width: 689px;
}

.popup-form-container .step-1 div:has(.seprator) {
  max-width: 635px;
}

/*.wc-left-content:after {
    content: "";
    width: 579.499px;
    height: 441.111px;
    background: url(/app/themes/armstrongtire-v2/assets/images/tuffy-left-col-img.png) 0% / cover no-repeat;
    position: absolute;
    bottom: 0px;
    left: -55px;
    mix-blend-mode: soft-light;
    /*mix-blend-mode: soft-light;
    transform: rotate(-15deg);*/ /*
}*/

.popup-form-container h2 {
  font-weight: 400;
}

.popup-form-container h2,
.popup-form-container p,
.popup-form-container li,
.popup-form-container .form-group label,
.popup-form-container .form-group input[type="text"],
.iti--allow-dropdown input,
.dealer-info-select label,
#tire-health-form .form-group-custom-select label,
.dp__input {
  line-height: 1.3;
}

.popup-form-container h2,
.otp-inputs input[type="text"],
.wc-code-sent-info .wc-sent-info,
#select-mile-range-modal .miles-driven-list li,
#select-concern-modal .concerns-list li,
.reference-box h3,
.claim-next-step-text h4 {
  color: #fff;
}

.popup-form-container .form-group label,
.dealer-info-select label,
#tire-health-form .form-group-custom-select label,
#tire-health-form .tire-details-form-body h2,
#select-mile-range-modal .modal-body h4,
#select-concern-modal .modal-body h4 {
  color: #d3d3d3;
  font-size: 20px;
}

.popup-form-container p,
.popup-form-container li,
.popup-form-container .form-group input[type="text"],
.iti--allow-dropdown input,
.resend-otp-wrapper,
.otp-expires:before,
.no-dealer-found,
.reference-box h6,
.dot-no-text {
  color: #8e9091;
}

.popup-form-container .wc-left-content h2 {
  font-size: 38px;
  max-width: 445px;
}

.popup-form-container .wc-left-content p {
  max-width: 380px;
  font-size: 18px;
}

#warranty-claim-form .wc-left-content p {
  max-width: 410px;
}

.popup-form-container .wc-form-step h2 {
  margin-bottom: 28px;
}

.popup-form-container .wc-phone-scanner-instruction {
  background: #1c1c1b;
  border-radius: 18px;
  padding: 60px 45px 0;
  max-width: 635px;
}

.qr-col img {
  height: 268px;
  width: 192px;
  object-fit: cover;
}

.wc-phone-scanner-instruction .qr-content-col {
  padding-left: 0;
}

.popup-form-container .wc-phone-scanner-instruction h2 {
  font-size: 20px;
  margin-top: 12px;
  margin-bottom: 20px;
}

.popup-form-container li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  margin-bottom: 10px;
}

.popup-form-container li:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/app/themes/armstrongtire-v2/assets/images/red-checklist-icon.svg)
    no-repeat;
  background-size: contain;
  position: absolute;
  left: 0px;
}

.popup-form-container .form-group input[type="text"],
.iti--allow-dropdown input,
.popup-form-container .form-group input[type="email"],
.form-group-custom-select .custom-select,
.dp__input,
.popup-form-container .form-group input[type="date"],
.select2-container--default .select2-selection--single,
textarea#message {
  border: 0;
  border-radius: 6px;
  border-bottom: 1px solid #424647;
  height: 44px;
  font-size: 16px;
  color: #fff;
}

.popup-form-container .form-group input[type="text"],
.iti--allow-dropdown input,
.iti--allow-dropdown input:focus,
.popup-form-container .form-group input[type="email"],
.dp__input,
.popup-form-container .form-group input[type="date"],
.select2-container--default .select2-selection--single,
textarea#message {
  background: transparent;
}

.form-group-custom-select .custom-select,
.select2-container--default .select2-selection--single {
  background: url(/app/themes/armstrongtire-v2/assets/images/down-angle-icon.svg)
    98% 6px / 24px no-repeat;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  display: none;
}

.select2-dropdown,
.iti__country-list {
  background-color: #222;
  border: 1px solid #424647;
  border-radius: 6px !important;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected,
.iti__country.iti__highlight,
.iti__country.iti__highlight .iti__dial-code {
  background-color: #f6c648;
  color: #0e3e3e;
}
.select2-results__options li,
.iti__country-list li {
  margin: 0;
  padding: 10px;
}
.select2-results__options li:before,
.iti__country-list li:before {
  width: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #424647;
  border: 0;
  height: 45px;
  border-radius: 6px;
  color: #fff;
  padding: 8px 16px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff;
  padding-left: 0;
}

.select2-container--default .select2-selection--single {
  padding: 0.375rem 0.75rem;
}

.iti {
  width: 100%;
}

.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  color: #fff;
}

.iti__arrow {
  border-top-color: #fff;
  visibility: hidden;
}
.iti__arrow--up {
  border-bottom-color: #fff;
}

.form-group-custom-select {
  display: flex;
  flex-direction: column;
}

.popup-form-container .form-group input[type="text"]:focus,
.iti--allow-dropdown input:focus,
.popup-form-container .form-group input[type="email"]:focus,
textarea#message:focus {
  border-bottom: 1px solid #fff;
  color: #fff;
}

.popup-form-container .form-group input::placeholder,
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #555559;
}

.wc-form-steps .seprator {
  color: #555559;
  font-size: 12px;
  position: relative;
  width: max-content;
  margin: 36px auto 35px;
  /*margin: 28px auto;*/
}

.wc-form-steps .seprator:before,
.wc-form-steps .seprator:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #555559;
  position: absolute;
  top: 8px;
}

.wc-form-steps .seprator:before {
  left: -57px;
}

.wc-form-steps .seprator:after {
  right: -57px;
}

.wc-form-steps .form-control:focus {
  box-shadow: unset;
}

.wc-form-step-fields button,
.wc-form-step-fields,
.wc-code-sent-info,
.wc-code-sent-info .wc-sent-info,
.otp-inputs,
.resend-otp-wrapper,
.wc-form-action-wrapper,
.wc-form-action-wrapper .btn-next,
.wc-form-action-wrapper .btn-back {
  display: flex;
}

.wc-code-sent-info {
  align-items: flex-start;
}

.wc-form-step-fields button:disabled {
  background: #555559;
  cursor: default;
}

.wc-form-step-fields button:disabled img {
  filter: invert(0.5);
}

.wc-form-step-fields button {
  background: #f6c648;
  width: 44px;
  height: 44px;
  border-radius: 6px;
  margin-left: 20px;
  align-items: center;
  justify-content: center;
}

.wc-form-step-fields {
  align-items: flex-end;
}

.tire-register-form-container .step-1 .form-group {
  /* max-width: 383px;*/
  max-width: 303px;
  width: 100%;
}

.popup-form-container .form-group {
  position: relative;
}

.input-error {
  color: #fd0d1b;
  font-size: 14px;
  margin-top: 12px;
}

#warranty-claim-form .step-1 .input-error,
#warranty-register-form .step-1 .input-error,
#passenger-warranty-claim-form .step-1 .input-error,
#warranty-register-form .step-1 .input-error {
  position: absolute;
  left: 0;
  bottom: -30px;
}

#warranty-register-form .step-1 .form-check,
#passenger-warranty-claim-form .step-1 .form-check {
  color: #8e9091;
  font-size: 14px;
  font-family: "Eurostile Demi";
}

#warranty-register-form .step-1 .form-check a,
#passenger-warranty-claim-form .step-1 .form-check a {
  color: #fd0d1b;
}

#user-not-registered {
  width: 635px;
  height: 94px;
  padding: 16px 30px;
  border-radius: 6px;
  background: #1c1c1b;
  display: grid;
  grid-template-columns: 42.6% 33%;
  gap: 138px;
  align-items: center;
  margin-top: 70px;
}

#user-not-registered p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 21px;
}

.btn-register {
  border-radius: 6px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #f6c648;
  display: flex;
  width: 192px;
  height: 44px;
  padding: 0px 18px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  color: #0e3e3e;
}

.wc-form-step-fields button img,
.wc-code-sent-info img {
  width: 18px;
}

.wc-sent-info {
  font-size: 16px;
  align-items: flex-end;
}

.wc-code-sent-info .wc-edit-phone {
  margin-left: 5px;
}

.wc-code-sent-info .wc-sent-info {
  margin-left: 15px;
  margin-right: 5px;
  font-weight: 600;
  font-size: 16px;
}

.wc-code-sent-info .wc-sent-info,
.resend-otp-link,
.add-dealer-link {
  text-decoration: underline;
  text-underline-position: under;
}

.resend-otp-link {
  font-size: 13px;
}

.resend-otp-link[disabled] {
  cursor: auto;
  pointer-events: none;
}

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

.otp-inputs input[type="text"] {
  border: 1px solid #424647;
  background: #222;
  width: 66px;
  height: 70px;
  padding: 23px;
  text-align: center;
  border-radius: 6px;
  outline: none;
}
.otp-inputs input[type="text"],
.wc-code-sent-info,
.reference-box h3,
.reference-box h6,
.claim-next-step-text h4,
.dot-no-text {
  font-size: 20px;
}
/*
.popup-form-container .new-customer-form h2 {
    margin-bottom: 14px;
}*/

.otp-inputs input[type="text"]:focus {
  color: #0e3e3e;
  background: #f6c648;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.06),
    0px 6px 24px 0px rgba(0, 0, 0, 0.12);
}

.otp-inputs {
  gap: 10px;
  margin-top: 23px;
  margin-bottom: 13px;
}

.resend-otp-wrapper {
  max-width: 445px;
}

.resend-otp-wrapper,
.wc-form-action-wrapper {
  justify-content: space-between;
}

.otp-expires:before {
  content: "OTP Expires in";
  margin-right: 6px;
}

.otp-expires {
  color: #fd0d1b;
}

.wc-form-steps {
  position: relative;
  /* max-height: 613px; commented by ak */
  max-height: 100%;
  height: 100%;
}

.wc-form-step-footer {
  /*padding: 30px; box-shadow: 2px -6px 14px -5px rgba(0, 0, 0, 0.20);*/
  position: absolute;
  width: 100%;
  bottom: 0;
}
.wc-form-action-wrapper .btn-next,
.wc-form-action-wrapper .btn-back {
  height: 44px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.wc-form-action-wrapper .btn-next {
  width: 192px;
  padding: 0px 18px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #f6c648;
  color: #0e3e3e;
  font-size: 16px;
  margin-left: auto;
}

.wc-form-action-wrapper .btn-next:disabled {
  background: #555559;
  color: #8e9091;
  border-top: 0;
}

.wc-form-action-wrapper .btn-back {
  width: 44px;
  height: 44px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #424647;
}

.wc-form-action-wrapper .btn-back:has(.back-text) {
  background: transparent;
  border: 0;
  color: #8e9091;
  text-decoration: underline;
  text-underline-offset: 2px;
  width: unset;
}
/*
.new-customer-form {
    background: #1C1C1B;
    border-radius: 8px;
    padding: 20px 25px;
    margin-bottom: 26px;
}*/

/*.popup-form-container .new-customer-form h2, .dealer-info-select h2, .tire-details-header h2,*/
.wc-form-step-body h2 {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
}

.dealer-info-select {
  margin-top: 32px;
}

/* #customer-registration-form {
  max-height: 625px;
} */

/*.tire-details-header h2 {
   position: relative;
}

.tire-details-header h2:after {
    content: "";
    height: 24px;
    width: 24px;
}*/

.tire-details-header,
.tire-details-header button,
.info-heading-style h2,
.tire-details-form-footer {
  display: flex;
}

.tire-details-header,
.tire-details-form-footer {
  justify-content: space-between;
}

.tire-details-header button {
  height: 44px;
  width: 160px;
  border-radius: 6px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #424647;
  color: #fff;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.tire-details-header button:disabled {
  cursor: default;
  border-top: 0;
  color: #8e9091;
}

.tire-details-header button:disabled img {
  opacity: 0.5;
}

.wc-form-step {
  display: none;
}

.wc-form-step.active {
  display: block;
}

.info-heading-style h2 {
  align-items: center;
  gap: 10px;
}

.info-heading-style h2 img {
  width: 24px;
}

.tire-details-header button img {
  width: 20px;
}

.tire-details-form-footer .btn-save-tire img {
  width: 18px;
}

#tire-details-form > div {
  border-radius: 8px;
  background: #1c1c1b;
  padding: 20px 0;
}
#tire-details-form h2 {
  font-size: 24px;
}
#tire-details-form h2,
.existing-customer-info-header h2 {
  color: #8e9091;
}

#tire-details-form h2,
.popup-form-container .info-heading-style h2 {
  margin-bottom: 0px;
}

.tire-details-form-header {
  border-bottom: 1px dashed #424647;
  padding: 0 30px 21px;
  margin-bottom: 20px;
}

.tire-details-form-body,
.tire-details-form-footer {
  padding: 0 30px;
}

.tire-details-form-footer .btn-delete-tire {
  height: 35px;
  width: 35px;
  border-radius: 6px;
  background: #222;
  padding: 7.7px;
}

.tire-details-form-footer .btn-save-tire {
  display: flex;
  border: 0;
  gap: 7px;
  width: 92px;
  height: 35px;
  font-size: 13px;
  color: #0e3e3e;
  background: #0e3e3e;
  justify-content: center;
  align-items: center;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: var(--Yellow, #f6c648);
  margin-left: auto;
}

.tire-details-form-footer .btn-save-tire:disabled {
  background: #555559;
  color: #8e9091;
  border-top: 0;
}

.tire-details-form-footer .btn-save-tire:disabled svg path {
  fill: #8e9091;
}

.tire-details-form-footer {
  /*  margin-top: 10px;*/
}

.tire-details-header {
  margin-bottom: 35px;
  align-items: center;
}

.added-tire-detail-item-header .tire-number,
.added-tire-detail-item-header,
.tire-info {
  display: flex;
}

.added-tire-detail-item-header {
  justify-content: space-between;
}

#tire-details-form > div:has(.added-tire-detail-item-header) {
  padding: 20px 25px;
  max-height: 124px;
}

#tire-details-form .added-tire-detail-item-header .tire-number h2,
.existing-customer-info-header h2 {
  font-size: 20px;
}

#tire-details-form .added-tire-detail-item-header .tire-number img,
.select-tire-option .select-tire-info-header img {
  /* width: 26px;
    height: 37px;*/
  width: 30px;
  height: 42px;
  object-fit: cover;
  object-fit: cover;
}

.added-tire-detail-item-header .tire-number {
  align-items: center;
  gap: 10px;
}
.added-tire-detail-item-header .tire-number + button,
.existing-customer-info-header h2 + button {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  background: #222;
}

.added-tire-detail-item-header .tire-number + button img,
.existing-customer-info-header h2 + button img {
  width: 18px;
  height: 18px;
  margin: 0 auto;
}

.added-tire-detail-item-header {
  margin-bottom: 10px;
}

.tire-info {
  color: #fff;
  gap: 60px;
}

.tire-info .label {
  color: #555559;
  font-size: 12px;
}

.tire-info .value {
  font-size: 14px;
}

#tire-details-form:not(:first-child),
.select-tire-option:not(:first-child) {
  /* margin-top: 20px;
    margin-top: 16px;*/
  margin-top: 12px;
}

.warranty-activated-modal {
  background: rgba(0, 0, 0, 0.75);
}

.warranty-activated-modal .modal-dialog,
.modal:has(ul.dealers-list) .modal-dialog,
.modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
}

.warranty-activated-modal .modal-dialog,
.modal:has(ul.dealers-list) .modal-dialog,
.warranty-activated-modal .modal-body,
.modal:has(ul.dealers-list) .modal-body,
.warranty-activated-modal .modal-content,
.modal:has(ul.dealers-list) .modal-content,
#select-mile-range-modal .modal-dialog,
#select-mile-range-modal .modal-body,
#select-mile-range-modal .modal-content,
#select-concern-modal .modal-dialog,
#select-concern-modal .modal-body,
#select-concern-modal .modal-content,
#exit-form-modal .modal-dialog,
#exit-form-modal .modal-body,
#exit-form-modal .modal-content {
  max-width: 476px;
  width: 100%;
}

.warranty-activated-modal .modal-content,
.modal:has(ul.dealers-list) .modal-content,
#tire-details-modal .modal-content,
#cant-find-tire-modal .modal-content,
.modal-content {
  background: transparent !important;
}

#tire-details-modal .modal-content,
#tire-images-modal .modal-content {
  max-width: 856px;
  width: 100%;
}

.warranty-activated-modal .modal-body {
  text-align: center;
  padding: 40px 38px 35px;
}

.modal:has(ul.dealers-list) .modal-body {
  padding: 22px;
}

.modal:has(ul.dealers-list) .modal-body h4 {
  font-size: 20px;
  color: #d3d3d3;
  line-height: 26px;
}

.warranty-activated-modal .modal-body,
.modal:has(ul.dealers-list) .modal-body,
#tire-details-modal .modal-body,
#cant-find-tire-modal .modal-body,
.modal-body {
  background: #222;
  border-radius: 8px;
  border: 1px solid #424647;
}

.warranty-activated-modal .modal-header,
.modal:has(ul.dealers-list) .modal-header,
#tire-details-modal .modal-header,
#cant-find-tire-modal .modal-header,
.modal-content .modal-header {
  border-bottom: 0;
  margin-bottom: 11px;
}

.warranty-activated-modal .modal-body h2 {
  font-size: 38px;
}

.warranty-activated-modal .modal-body p {
  font-size: 18px;
}

.warranty-activated-modal .modal-header .close,
.modal:has(ul.dealers-list) .modal-header .close,
#tire-details-modal .modal-header .close,
#cant-find-tire-modal .modal-header .close,
.modal-header .close,
.btn-close {
  width: 40px;
  height: 40px;
  background: #222;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: unset;
  font-weight: 400;
}

.btn-close img {
  width: 20px;
  height: 20px;
}

.popup-form-container.active .btn-close {
  position: absolute;
  z-index: 1;
  right: 40px;
  top: -52px;
}

.modal-header .close,
.modal-header .close span {
  color: #fff;
}

div.modal-header .close {
  padding: 10px;
}
/*
.modal-header .close span  {
    font-size: 30px;
}*/
.modal-header .close span {
  font-weight: 200;
  font-size: 0;
  height: 20px;
  width: 20px;
  background: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/close.svg)
    100% 0 / 20px no-repeat;
}
#exit-form-modal h2 {
  font-size: 28px;
  margin-bottom: 25px;
}

#exit-form-modal .modal-body {
  padding: 40px;
  font-size: 18px;
}

.exit-form-actions .btn {
  width: 192px;
  height: 44px;
  border-radius: 6px;
  font-size: 16px;
  box-shadow: unset;
}

.exit-form-actions .btn-stay {
  color: #0e3e3e;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #f6c648;
}

.exit-form-actions .btn-exit {
  color: #fff;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #424647;
}

.exit-form-actions {
  margin-top: 33px;
  display: flex;
  justify-content: space-between;
}

#exit-form-modal .modal-body .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.exit-form-description {
  padding-left: 15px;
  padding-right: 15px;
}

.modal-header .close,
.modal-header .close:focus,
.modal-header .close:hover {
  opacity: 1;
  outline: 0;
}
.warranty-active-img {
  width: 210px;
  margin: 0 auto 10px;
}

.modal:has(ul.dealers-list) .modal-body input[type="search"] {
  border-radius: 6px;
  border: 0;
  margin-bottom: 20px;
  height: 45px;
  margin-top: 12px;
  background: url(/app/themes/armstrongtire-v2/assets/images/search-bar-icon.svg)
    14px / 20px no-repeat #424647;
  padding-left: 42px;
}

.modal:has(ul.dealers-list) .modal-body input[type="search"]:focus {
  background: url(/app/themes/armstrongtire-v2/assets/images/search-bar-white-icon.svg)
    14px / 20px no-repeat #424647;
}

.modal:has(ul.dealers-list) .modal-body input[type="search"],
.modal:has(ul.dealers-list) .modal-body input[type="search"]::placeholder {
  /* font-size: 18px;*/
  font-size: 16px;
}

.modal:has(ul.dealers-list) .modal-body input[type="search"]::placeholder {
  color: #8e9091;
}

.modal:has(ul.dealers-list) .modal-body input[type="search"],
.modal:has(ul.dealers-list) .modal-body input[type="search"]:focus {
  color: #fff;
}

.modal:has(ul.dealers-list)
  .modal-body
  input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 14px;
  /* filter: brightness(5);*/
}

.dealers-list {
  max-height: 400px;
  overflow: auto;
  margin-right: -18px;
  padding-right: 18px;
  margin-bottom: 0;
}

.dealers-list::-webkit-scrollbar-track,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-track,
.iti__country-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #222;
}

.dealers-list::-webkit-scrollbar,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar,
.iti__country-list::-webkit-scrollbar {
  width: 5px;
}

.dealers-list::-webkit-scrollbar-thumb,
.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb,
.iti__country-list::-webkit-scrollbar-thumb {
  background-color: #424647;
  height: 137px;
  border-radius: 16px;
}

.dealers-list li {
  border-radius: 6px;
  padding: 20px 160px 20px 20px;
  margin-bottom: 0;
  transition: 0.3s;
}

.dealers-list li:hover {
  background: #f6c648;
}

.dealers-list li:before {
  opacity: 0;
  width: 0;
}

.dealers-list .dealer-name {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}

.dealers-list .dealer-address {
  font-size: 14px;
  color: #8e9091;
  line-height: 18px;
  margin-top: 8px;
}

.dealers-list li:hover .dealer-name {
  color: #0e3e3e;
}

.dealers-list li:hover .dealer-address {
  color: #1c1c1b;
}

.dealer-not-found-wrapper {
  text-align: center;
  background: #1c1c1b;
  padding: 16px;
  border-radius: 6px;
}

.dealer-not-found-heading {
  font-size: 16px;
  color: #8e9091;
}

.add-dealer-link {
  font-size: 13px;
  margin-top: 5px;
}

.add-dealer-link,
#cant-find-tire-modal .modal-body p span {
  color: #fff;
}

.modal:has(ul.dealers-list) .modal-body input[type="search"] {
}

.no-dealer-found {
  font-size: 16px;
  min-height: 280px;
  margin-top: 16px;
}

.no-dealer-found,
.tire-image-info,
#cant-find-tire-modal .modal-content,
#tire-images-modal .modal-body h2,
#exit-form-modal {
  text-align: center;
}

#cant-find-tire-modal .modal-content h2 {
  margin-bottom: 20px;
  font-size: 28px;
}

#cant-find-tire-modal .modal-body p {
  font-size: 18px;
}

#cant-find-tire-modal .modal-body {
  padding: 40px 50px;
}

#cant-find-tire-modal .modal-content img {
  width: 199px;
  margin: 0 auto 16px;
}

.btn-exit-form {
  color: #0e3e3e;
  border-radius: 6px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #f6c648;
  font-size: 16px;
  height: 44px;
  width: 100%;
  max-width: 227px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 33px auto 0;
}

#tire-details-modal .modal-body h2,
#tire-images-modal .modal-body h2 {
  justify-content: center;
  margin-bottom: 38px;
}

#tire-details-modal .modal-body,
#tire-images-modal .modal-body {
  padding: 40px 10px;
}

#cant-find-tire-modal .modal-dialog {
  max-width: 476px;
}

.tire-image-info {
  border-radius: 8px;
  background: #1c1c1b;
  padding: 34px 28px 28px;
}

.tire-info-caption {
  margin-top: 38px;
  margin-bottom: 0;
}

.tire-info-caption span {
  color: #fff;
}

.tire-detail-action-wrapper .btn {
  padding: 16px;
  width: 100%;
  height: 53px;
  justify-content: flex-start;
  border: 0;
  background: #222;
  transition: 0.3s;
  outline: 0 !important;
  box-shadow: unset !important;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #fff;
}

.tire-detail-action-wrapper .btn:hover,
.tire-detail-action-wrapper .btn.active {
  background: #f6c648;
  color: #0e3e3e;
}

.tire-image-info img {
  height: 150px;
  object-fit: cover;
  width: 100%;
}

.existing-customer-info-card {
  padding: 20px 25px;
  background: #1c1c1b;
  border-radius: 8px;
}

.existing-customer-info-card .existing-customer-info-header h2 {
  /*  margin-bottom: 0;*/
  margin-bottom: 14px;
}

.existing-customer-info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.existing-customer-info-body .label,
.wc-left-content .tire-details-info-card .label {
  font-size: 12px;
  color: #555559;
}

.existing-customer-info-body .label {
  margin-bottom: 5px;
}

.existing-customer-info-body .value,
.wc-left-content .tire-details-info-card .value {
  font-size: 16px;
  color: #fff;
}

.existing-customer-info-body .row .col-md-6:not(.row:last-child .col-md-6) {
  /*border-bottom: 1px dashed #424647;*/
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.existing-customer-info-body .row .col-md-6:first-child {
  padding-left: 0;
}

.existing-customer-info-body .row .col-md-6:last-child {
  padding-right: 0;
}

.existing-customer-info-body .row {
  padding-left: 15px;
  padding-right: 15px;
}

.popup--open {
  position: relative;
}

.popup--open .modal:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
}

.select-tire-option {
  background: #1c1c1b;
  border-radius: 8px;
  padding: 20px 25px;
  display: flex;
  max-width: 661px;
  align-items: center;
  gap: 20px;
  border: 1px solid #1c1c1b;
}

.select-tire-option,
.miles-driven-list li,
.concerns-list li {
  cursor: pointer;
}

.select-tire-option .select-tire-info-header h2 {
  gap: 10px;
  /*margin-bottom: 10px;*/
  margin-bottom: 8px;
  max-height: 26px;
}

.select-tire-option .select-tire-info-header h2,
.wc-left-content .existing-customer-info-header h2,
.wc-left-content .tire-details-info-header h2 {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #8e9091;
}

.wc-left-content .existing-customer-info-header h2,
.wc-left-content .tire-details-info-header h2 {
  gap: 6px;
  margin-bottom: 20px;
}

.wc-left-content .existing-customer-info-header h2 img,
.wc-left-content .tire-details-info-header h2 img {
  width: 26px;
  height: 26px;
}

.wc-left-content .existing-customer-info-card {
  padding: 0;
  background: transparent;
  border-radius: 0px;
}

.wc-left-content .existing-customer-info-body .row .col-md-6,
.wc-left-content .tire-details-info-card .row .col-md-6 {
  /*border-bottom: 1px dashed #424647;)*/
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.wc-left-content .existing-customer-info-body .row .col-md-6:after,
.wc-left-content .tire-details-info-card .row .col-md-6:after,
.existing-customer-info-body
  .row
  .col-md-6:not(.row:last-child .col-md-6):after {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(
    to right,
    #8e9091 33%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
  left: 0;
}

.wc-left-content .tire-details-info-card {
  margin-top: 35px;
}

.select-tire-option input[type="radio"],
.new-customer-form input[type="radio"] {
  appearance: none;
}

.select-tire-option input[type="radio"]:after,
.new-customer-form input[type="radio"]:after {
  width: 25px;
  height: 25px;
  border-radius: 15px;
  top: 0px;
  left: 0px;
  position: relative;
  background-color: #1c1c1b;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #424647;
}

.select-tire-option input[type="radio"]:checked:after,
.new-customer-form input[type="radio"]:checked:after {
  width: 25px;
  height: 25px;
  border-radius: 15px;
  top: 0px;
  left: 0px;
  position: relative;
  background-color: #f6c648;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 3px solid #1c1c1b;
  outline: 2px solid #f6c648;
}

.select-tire-option:has(input[type="radio"]:checked) {
  border: 1px solid #f6c648;
}

.new-customer-form input[type="radio"] {
  margin-left: 20px;
  margin-top: 14px;
}

.new-customer-form .form-check-label {
  padding-left: 56px;
  display: flex;
  background: #1c1c1b;
  border-radius: 8px;
  height: 50px;
  align-items: center;
  font-size: 18px !important;
  font-family: "Eurostile-Medium" !important;
}

.new-customer-form input[type="radio"]:after,
.new-customer-form input[type="radio"]:checked:after {
  width: 20px;
  height: 20px;
}

.new-customer-form input[type="radio"]:checked + label {
  border: 1px solid #f6c648;
}

#warranty-claim-form .tire-info .label {
  margin-bottom: 5px;
}

#warranty-claim-form .row:has(.existing-customer-info-card):after {
  width: 0;
  opacity: 0;
}

#tire-health-form .tire-details-form-header {
  border-bottom: 0;
}

#tire-health-form .tire-details-form-header,
#tire-health-form .tire-details-form-body {
  padding: 0;
}

#tire-health-form .form-group-custom-select {
  /* max-width: 303px; */
  margin-bottom: 20px;
}

#tire-health-form .tire-details-form-body h2 {
  display: flex;
  align-items: center;
  /*  gap: 10px;*/
}

#tire-health-form .tire-details-form-body h2 img {
  width: 22px;
  height: 22px;
  margin-left: 10px;
}

#tire-defect-dropzone {
  background-color: #1c1c1b;
  border-radius: 6px;
  padding: 20px;
  height: 199px;
  /*display: flex;
    flex-direction: column-reverse;
    gap: 15px;*/
  position: relative;
}

.dropzone .dz-preview.dz-image-preview,
.dropzone .dz-preview .dz-image {
  background: #141413 !important;
  width: 72px !important;
  height: 50px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin: 0 7px 0 0px;
  min-height: 50px;
}
/*
.dropzone .dz-preview.dz-image-preview {
    float: left;
    display: inline-block;
}*/

.dropzone .dz-preview .dz-details {
  padding: 0;
}

.dropzone .dz-preview .dz-remove {
  font-size: 0;
}

.dropzone .dz-preview .dz-image img {
  object-fit: contain;
  height: 50px;
}

.dropzone .dz-preview.dz-image-preview .dz-details,
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  display: none !important;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: unset;
  filter: unset;
}

.dz-preview.dz-image-preview {
  position: relative;
}

.dropzone .dz-preview .dz-remove {
  font-size: 0 !important;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/red-close-btn.svg)
    no-repeat center;
  z-index: 99;
}

#tire-defect-dropzone:has(.dz-image-preview) {
  height: 264px;
}

#tire-defect-dropzone .dz-placeholder img {
  width: 24px;
  height: 24px;
  margin: 0 auto 12px;
}

#tire-defect-dropzone .dz-placeholder,
#tire-defect-dropzone .dz-button {
  color: #fff;
}

#tire-defect-dropzone .dz-placeholder {
  font-size: 12px;
}

#tire-defect-dropzone .dz-button {
  font-size: 13px;
  display: flex;
  width: 152px;
  height: 35px;
  padding: 0px 18px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #424647;
  margin: 16px auto 0;
}

#tire-defect-dropzone .dz-default.dz-message {
  /* margin: 0;
    height: 159px;
    width: 100%;
    border: 1px dashed #424647;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
  height: 159px;
  width: 94%;
  border: 1px dashed #424647;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 20px;
}

#select-mile-range-modal .modal-body,
#select-concern-modal .modal-body {
  padding: 20px;
}

#select-mile-range-modal .modal-body h4,
#select-concern-modal .modal-body h4 {
  margin-bottom: 23px;
}

#select-concern-modal .modal-footer {
  background: #222222;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid #424647;
  border-top: 0;
}

#select-concern-modal .modal-body {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#select-concern-modal .modal-footer .btn-save-concerns {
  display: flex;
  width: 192px;
  height: 44px;
  padding: 0px 18px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #f6c648;
}

#select-concern-modal .concerns-list li {
  margin-bottom: 2px;
}

#select-concern-modal .concerns-list li:not(:last-child) {
  min-height: 56px;
}

#select-concern-modal .concerns-list li textarea {
  border-radius: 6px;
  border: 1px solid #f6c648;
  background: var(--black-1, #1c1c1b);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.06),
    0px 6px 24px 0px rgba(0, 0, 0, 0.12);
  margin-top: 16px;
  padding: 12px 16px;
  font-size: 14px;
  height: 138px;
  color: #fff;
}

/*#select-concern-modal .concerns-list li textarea,*/
#select-concern-modal .concerns-list li textarea::placeholder {
  color: #555559;
}

.miles-driven-list li:before,
.concerns-list li:before {
  width: 0;
  opacity: 0;
}

.miles-driven-list {
  margin-bottom: 0;
}

.miles-driven-list li,
.concerns-list li {
  padding: 16px;
  transition: 0.3s;
  border-radius: 6px;
}

#select-mile-range-modal .miles-driven-list li:hover,
#select-mile-range-modal .miles-driven-list li.active {
  color: #0e3e3e;
  background: #f6c648;
}

.miles-driven-list li:not(:last-child) {
  margin-bottom: 5px;
}

.miles-driven-list li:last-child {
  margin-bottom: 0px;
}

.concerns-list li:hover,
.concerns-list li.active {
  background: #1c1c1b;
}

.concerns-list li span {
  position: relative;
}

.concerns-list li input[type="checkbox"] {
}

.concerns-list li span {
  padding-left: 42px;
  display: inline-flex;
}

.concerns-list li span:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  border-radius: 4px;
  top: -1px;
}

.concerns-list li input ~ span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: opacity 0.25s ease;
  background: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/green-tick-icon.svg)
    no-repeat center;
}

.concerns-list li span:before {
  border: 1.5px solid #424647;
}

.concerns-list li input[type="checkbox"] {
  appearance: none;
}

.concerns-list li input:checked ~ span:before {
  background-color: #f6c648;
  border-color: #1c1c1b;
}
.concerns-list li input:checked ~ span:after {
  opacity: 1;
}
.concerns-list li:hover input ~ span:before {
  background-color: #222;
}
.concerns-list li:hover input:checked ~ span:before {
  background-color: #f6c648;
}

.reference-box {
  padding: 25px;
  border-radius: 8px;
  background: #1c1c1b;
  max-width: fit-content;
  margin-bottom: 71px;
}

.reference-box h3 img {
  width: 24px;
  height: 24px;
}

.reference-box h3 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 0;
  margin-top: 15px;
}

.claim-next-step img,
.contact-list-item--icon img {
  width: 25px;
  height: 25px;
}

.claim-next-step,
.contact-list-item {
  display: grid;
  grid-template-columns: 12% 84%;
  position: relative;
}

.claim-next-step:not(:last-child):before {
  content: "";
  position: absolute;
  height: 57px;
  width: 1px;
  background: #424647;
  left: 27.5px;
  bottom: -35px;
}

.claim-next-step:not(:last-child) {
  margin-bottom: 48px;
}

.popup-form-container .wc-form-step .steps-heading {
  margin-bottom: 38px;
}

.img-box-style,
.contact-list-item--icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid #424647;
  display: flex;
  align-items: center;
  justify-content: center;
}

.claim-next-step:nth-child(2) .img-box-style,
.contact-list-item--icon {
  padding-left: 5px;
}

.contact-list-item--detail h5,
.contact-list-item--detail a {
  color: #fff;
  font-family: "Eurostile Demi";
  font-size: 20px;
}

.contact-list-item:has(a) {
  align-items: center;
}

.contact-lists .contact-list-item:not(:first-child) {
  margin-top: 10px;
}

.dot-no-text {
  margin-top: 12px;
}

.warranty-claim-cta,
.warranty-claim-cta-points,
.warranty-claim-cta-right-col {
  display: grid;
}

.warranty-claim-cta {
  max-width: 1170px;
  height: 135px;
  background: #f9f3e3;
  position: relative;
  z-index: 9;
  grid-template-columns: 62% 33%;
  padding: 35px;
  gap: 54px;
  margin-top: 60px;
  margin-bottom: -20px;
  align-items: center;
}

.warranty-claim-cta-points {
  grid-template-columns: 2fr 2fr 2fr;
  gap: 71px;
}

.warranty-claim-cta-right-col {
  gap: 10px;
  grid-template-columns: 119px 234px;
}

.warranty-claim-cta-point h2 {
  font-family: "Gilroy-Bold";
  font-size: 35.586px;
  line-height: 1.1;
  margin-bottom: 0;
}

.theme-red .bg-theme .warranty-claim-cta-point h2 {
  color: #da3a34;
}

.theme-green .bg-theme .warranty-claim-cta-point h2 {
  color: #0e3e3e;
}

.warranty-claim-cta-point p {
  color: #1c1c1b;
  font-size: 18px;
  font-weight: 500;
  font-family: "Gilroy-SemiBold";
  margin-bottom: 0;
}

.warranty-claim-cta-point {
  position: relative;
}

.warranty-claim-cta-point:not(:last-child):after {
  content: "";
  background: #8e9091;
  width: 1px;
  height: 42px;
  position: absolute;
  top: 15px;
  right: -35px;
}

.warranty-claim-cta-right-col a {
  height: 62px;
}

.warranty-claim-cta-right-col svg {
  display: none;
}

.warranty-claim-cta-right-col .mr-16 {
  margin-right: 0;
}

.warranty-claim-cta-right-col .p-24 {
  padding: 18px;
}

.warranty-claim-cta-right-col .justify-between {
  justify-content: center;
}

.warranty-claim-cta-right-col .text-18 {
  font-size: 16px;
}

.warranty-claim-cta-right-col .bg-yellow.relative:after {
  content: "";
  width: 28px;
  height: 28px;
  margin-left: 20px;
  background: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/arrow-right.svg)
    no-repeat center;
}

.warranty-claim-cta-right-col .bg-yellow.relative strong {
  font-style: italic;
}
.bg-green:has(#register-tire-btn) {
  background-image: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/green-road.png);
}

.bg-red:has(#register-tire-btn) {
  background-image: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/red-road.png);
}

.bg-green:has(#register-tire-btn),
.bg-red:has(#register-tire-btn) {
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 144%;
}

.bg-green:has(#register-tire-btn) h2,
.bg-red:has(#register-tire-btn) h2 {
  font-size: 35px;
}

.bg-green:has(#register-tire-btn) p,
.bg-red:has(#register-tire-btn) p {
  color: #d3d3d3;
}

#register-tire-btn {
  margin-top: 35px;
  margin-bottom: 50px;
  max-width: 288px;
  width: 100%;
  position: relative;
  height: 60px;
  padding: 18px;
  border: 3px solid #fff;
  color: #0e3e3e;
}

#register-tire-btn:after {
  content: "";
  width: 28px;
  height: 28px;
  margin-left: 20px;
  background: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/arrow-right.svg)
    no-repeat center;
}

#register-tire-btn svg {
  visibility: hidden;
}

.bg-green:has(#register-tire-btn) ~ .relative .md\:-mb-72,
.bg-red:has(#register-tire-btn) ~ .relative .md\:-mb-72 {
  margin-bottom: 0;
}

#purchase-date-input {
  background-image: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/calendar-icon.svg);
  background-repeat: no-repeat;
  background-position: 96%;
  background-size: 24px;
}

#reader img[alt="Info icon"],
#reader img[alt="Camera based scan"] {
  display: none;
}

#reader img[alt="Camera based scan"] {
  width: 100px !important;
  height: 100px !important;
}

#reader button {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #f6c648;
  color: #0e3e3e;
  font-family: "Eurostile Demi";
  font-size: 16px;
  margin-top: 12px;
}

#reader button:hover {
  /* background-color: #008000;*/
}

#reader video {
  /*width: 66% !important;
    border: 1px solid #b2b2b2 !important;
    border-radius: 0.25em;*/
  position: absolute;
  top: -158px;
  margin: 0 auto;
  left: 0;
  right: 0;
  /* height: 197px; */
  border-radius: 12px;
}

#reader:has(video),
#reader:has(canvas) {
  background-size: 0;
  background-position: center;
}

#html5-qrcode-anchor-scan-type-change {
  text-decoration: none !important;
  color: #fff;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  background: #424647;
  padding: 8px 16px;
  font-family: "Eurostile Demi";
  font-size: 16px;
  border-radius: 6px;
  display: block;
}

#reader {
  border: 0 !important;
  background-size: 215px;
  background-position: top center;
  height: 360px;
  /*padding-top: 120px !important;)*/
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#reader__dashboard_section {
  display: flex;
  flex-direction: column-reverse;
  /*height: 180px;*/
  justify-content: space-between;
  align-items: center;
  padding: 0 !important;
}

#reader__scan_region img {
  width: 90px;
  /*    margin: -155px auto 0;*/
  margin: -135px auto 0;
  filter: invert(1);
}

#reader__header_message {
  color: #ed2027 !important;
  /*width: 56%;
    margin: -55px auto -10px !important;*/
  width: 65%;
  position: absolute;
  bottom: 95px;
  left: 0;
  right: 0;
  margin: 0px auto !important;
  border: 0 !important;
  background: transparent !important;
  line-height: normal;
}

#qr-canvas-visible {
  /* height: 100px !important; height: 190px !important; */
}

#qr-canvas-visible {
  /* height: 200px !important;
   margin-top: -122px;
   width: 65% !important; */
  object-fit: cover;
  height: 215px !important;
  /*margin-top: -106px;*/
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

#reader__dashboard_section_csr + div {
  border: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}

#reader__dashboard_section_csr + div,
#reader__dashboard_section_csr + div label {
  margin-bottom: 0 !important;
}

#reader__dashboard_section_csr + div label {
  /*margin-top: 12px;*/
}

#reader__dashboard_section_csr + div label + div {
  display: none !important;
}

.contact-us-form-container .form-group:has(textarea) {
  max-width: 100%;
}

.contact-us-form-container .wc-left-content p {
  max-width: 510px;
}

.become-dealer-form-container .wc-left-content p {
  max-width: 460px;
}
.dp__input {
  font-family: "Eurostile-Medium" !important;
  border: 0 !important;
  border-radius: 6px !important;
  border-bottom: 1px solid #424647 !important;
  height: 44px;
  font-size: 16px !important;
  color: #fff !important;
  background: transparent !important;
  padding: 0.375rem 0.75rem !important;
}

.dp__input_icon {
  right: 0 !important;
  left: unset !important;
  width: 22px !important;
  height: 22px !important;
  color: #555559 !important;
}

.dp__input:focus {
  border-bottom: 1px solid #fff !important;
  color: #fff;
}

@media only screen and (min-width: 1200px) {
  .max-w-1320:has(.warranty-claim-cta) .max-w-550 {
    max-width: 27rem;
    margin-left: 9rem;
  }

  .max-w-1320:has(.warranty-claim-cta) .max-w-460,
  .max-w-1320:has(.warranty-claim-cta) .max-w-410 {
    margin-right: 10rem;
  }

  .popup-form-container .outer-tire-row {
    gap: 50px;
    display: grid;
    grid-template-columns: 2fr 2fr;
  }

  .popup-form-container .outer-tire-row > .col-md-6 {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (min-width: 1920px) {
  .popup-form-container {
    height: calc(100dvh - 237px);
  }
}

@media only screen and (max-width: 1200px) {
  .warranty-claim-cta-point h2 {
    font-size: 24px;
  }

  .warranty-claim-cta-point p {
    font-size: 14px;
  }

  .warranty-claim-cta {
    padding: 20px 25px;
  }

  .warranty-claim-cta-right-col .bg-yellow.relative:after {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .warranty-claim-cta {
    gap: 0px;
  }
  .warranty-claim-cta-points {
    gap: 31px;
  }
  .warranty-claim-cta {
    grid-template-columns: 60% 40%;
  }
  .warranty-claim-cta-point:not(:last-child):after {
    top: 0px;
    right: 0px;
  }
}

@media only screen and (min-width: 1024px) {
  .wc-form-step-footer .wc-form-action-wrapper {
    box-shadow: 2px -6px 14px -5px rgba(0, 0, 0, 0.2);
    padding: 30px;
  }
  .wc-form-step-footer {
    overflow: hidden;
    padding-top: 15px;
    max-height: var(--footer-height);
  }
  .wc-form-step:has(.wc-form-step-footer) .wc-form-step-body {
    height: calc(100% - var(--footer-height));
  }
  #warranty-register-form .step-1 .wc-form-step-body {
    /*height: 600px;*/
    height: 95%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 46px;
    margin-right: -46px;
  }
}

/* commented by ak */
/* @media only screen and (min-width: 1600px) {
    .wc-form-steps {
        max-height: 680px;
    }
} */

@media only screen and (max-width: 1024px) {
  #register-tire-btn {
    margin-bottom: 120px;
  }
}

@media only screen and (max-width: 1023px) {
  .warranty-claim-cta,
  .warranty-claim-cta-points,
  .warranty-claim-cta-right-col {
    display: flex;
    flex-direction: column;
  }

  .warranty-claim-cta-point:not(:last-child):after {
    width: 205px;
    height: 1px;
    top: inherit;
    bottom: -15px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .warranty-claim-cta {
    margin-top: 25px;
    height: unset;
    text-align: center;
    gap: 30px;
  }

  .warranty-claim-cta {
    gap: 30px;
  }
  .warranty-claim-cta-right-col a {
    height: 40px;
    padding: 11px;
  }
  .warranty-claim-cta-right-col,
  .warranty-claim-cta-left-col {
    width: 100%;
  }

  .warranty-claim-cta-points {
    gap: 31px;
  }

  .popup-form-container {
    padding: 30px 10px 0 !important;
  }

  .popup-form-container .wc-left-content h2,
  .wc-form-step-body h2,
  #exit-form-modal h2 {
    font-size: 22px;
  }

  .existing-customer-info-header h2,
  .scan-tire-qr-code h2 {
    font-size: 20px;
  }

  .wc-code-sent-info,
  .reference-box h3,
  .reference-box h6 {
    font-size: 18px;
  }

  .claim-next-step-text h4,
  .dot-no-text {
    font-size: 16px;
  }

  .otp-expires,
  .resend-otp-link,
  .dealers-list .dealer-address,
  .add-dealer-link,
  #select-concern-modal .concerns-list li textarea,
  .concerns-list li span {
    font-size: 12px;
  }

  .popup-form-container .wc-form-step h2 {
    margin-bottom: 22px;
  }

  .popup-form-container .wc-left-content h2 {
    padding-right: 40px;
  }

  .popup-form-container .wc-left-content p,
  .popup-form-container .form-group label,
  .dealer-info-select label,
  .popup-form-container .form-group input[type="text"],
  .popup-form-container .form-group input[type="email"],
  .form-group-custom-select .custom-select,
  .popup-form-container .form-group input[type="date"],
  .wc-code-sent-info .wc-sent-info,
  .scan-tire-qr-code-body a,
  .existing-customer-info-body .value,
  .dealers-list .dealer-name,
  .modal:has(ul.dealers-list) .modal-body input[type="search"],
  .modal:has(ul.dealers-list) .modal-body input[type="search"]::placeholder,
  .no-dealer-found,
  .dealer-not-found-heading,
  .tire-info-caption,
  .tire-detail-action-wrapper .btn,
  #tire-health-form .form-group-custom-select label,
  #tire-health-form .tire-details-form-body h2,
  .claim-next-step-text p,
  .miles-driven-list li,
  .concerns-list li,
  .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code,
  .iti--allow-dropdown input {
    font-size: 14px;
  }

  .wc-form-action-wrapper .btn-back:has(.back-text) {
    font-size: 13px;
  }

  #tire-details-form h2,
  #tire-details-form .added-tire-detail-item-header .tire-number h2,
  #select-mile-range-modal .modal-body h4,
  #select-concern-modal .modal-body h4 {
    font-size: 18px;
  }

  .tire-image-info img {
    height: 100px;
  }

  .tire-info-caption {
    margin-top: 30px;
  }
  .tire-detail-action-wrapper .btn {
    height: unset;
    margin-bottom: 0;
  }
  .no-dealer-found {
    min-height: 209px;
  }

  .popup-form-container .row:not(.row .row):after {
    width: 309.801px;
    height: 235.819px;
  }
  #select-mile-range-modal .modal-body h4 {
    margin-bottom: 19px;
  }

  #select-concern-modal .modal-body h4 {
    margin-bottom: 30px;
  }

  .miles-driven-list li:not(:last-child) {
    margin-bottom: 7px;
  }

  .miles-driven-list li,
  .concerns-list li {
    padding: 12px;
  }

  .wc-form-step.step-1 h2, 
    .popup-form-container .row:has(.wc-form-step) .col-md-6:first-child:not(.row:has(.wc-form-step.step-1.active) .col-md-6:first-child),
    .popup-form-container .row:not(.row .row):after
    /*.popup-form-container .row:has(.wc-form-step.step-2.active) .col-md-6:first-child*/ {
    display: none;
  }

  .popup-form-container .row:has(.wc-form-step.step-1.active):after,
  .popup-form-container .row:has(.wc-form-step.step-2.active):after {
    display: block;
  }

  /*.popup-form-container .row:has(.wc-form-step.step-1.active) .col-md-6:first-child,*/
  .tire-register-form-container
    .row:has(.wc-form-step.step-1.active)
    .col-md-6:first-child {
    height: 160px;
  }

  .commercial-warranty-claim-form-container .wc-left-content,
  .become-dealer-form-container .wc-left-content,
  .contact-us-form-container .wc-left-content {
    display: none !important;
  }
  .commercial-warranty-claim-form-container .wc-form-step.step-1 h2,
  .become-dealer-form-container .wc-form-step.step-1 h2,
  .contact-us-form-container .wc-form-step.step-1 h2 {
    display: block;
  }
  .new-customer-form .form-check-label {
    display: none !important;
  }
  .commercial-warranty-claim-form-container .step-1 .form-group {
  }

  .popup-form-container
    .row:has(.wc-form-step.step-1.active)
    .col-md-6:last-child {
    /* margin-top: -240px;*/
    height: 100%;
  }

  .wc-form-step-fields button {
    width: 35px;
    height: 35px;
    margin-left: auto;
  }

  .otp-inputs input[type="text"] {
    font-size: 16px;
    width: 48px;
    height: 55px;
    padding: 10px;
  }

  .otp-inputs {
    gap: 7.5px;
    margin-top: 38px;
    margin-bottom: 18px;
  }

  .resend-otp-wrapper {
    max-width: 325px;
  }

  .wc-left-content {
    max-height: unset;
  }

  .wc-code-sent-info,
  .tire-info {
    flex-direction: column;
    gap: 5px;
  }

  .popup-form-container .form-group input[type="text"],
  .iti--allow-dropdown input,
  .popup-form-container .form-group input[type="email"],
  .form-group-custom-select .custom-select,
  .popup-form-container .form-group input[type="date"] {
    height: 40px;
  }

  .popup-form-container
    .row:has(.wc-form-step.step-1.active)
    .col-md-6:last-child
    #phone-input {
    /* width: 98%;*/
  }
  .popup-form-container .wc-form-step-fields:has(#phone-input) .form-group {
    width: 87.5%;
  }
  .wc-code-sent-info .wc-sent-info {
    margin-left: 0px;
    margin-right: 0px;
  }

  .wc-form-step-footer {
    /*padding: 20px 0 10px;*/
    padding: 20px 0 0;
    padding: 15px 20px 0;
    bottom: 20px;
    margin-left: -25px;
    margin-right: -25px;
    width: 115.1%;
    z-index: 1;
    box-shadow: 2px -6px 14px -5px rgba(0, 0, 0, 0.2);
  }

  .wc-form-step.step-1 h2,
  .popup-form-container .row:has(.wc-form-step.step-2.active):after {
    /*bottom: 120px;*/
    bottom: 85px;
    z-index: -1;
  }
  .wc-form-steps {
    max-height: 100%;
  }
  .scan-tire-qr-code {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .wc-form-action-wrapper
    .btn-next:not(.wc-form-action-wrapper .btn-back + .btn-next) {
    width: 100%;
  }

  .scan-tire-qr-code-footer {
    color: #8e9091;
    font-size: 14px;
    background: #1c1c1b;
    border-radius: 6px;
    padding: 24px 40px 12px;
    margin-top: 50px;
  }

  .scan-tire-qr-code-footer h6 {
    color: #fff;
    font-size: 16px;
  }

  .scan-tire-qr-code-footer h6,
  .scan-tire-qr-code-body a,
  #tire-details-form h2,
  .select-tire-option .select-tire-info-header h2 {
    font-family: "Eurostile Demi";
  }

  .existing-customer-info-card {
    padding: 20px;
  }
  .existing-customer-info-body .row .col-md-6 {
    padding-left: 0;
  }
  .scan-tire-img {
    width: 229px;
    margin: 30px auto 40px;
  }

  .scan-tire-qr-code-body a {
    text-decoration: underline;
    text-underline-position: under;
    color: #fff;
  }

  .open-camera-file-input,
  .scan-tire-actions,
  .btn-torch-btn {
    display: flex;
  }

  .scan-tire-actions {
    gap: 16px;
    justify-content: center;
  }

  .btn-torch-btn {
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    background: #424647;
    border-radius: 6px;
    border-top: 1.5px solid rgba(255, 255, 255, 0.3);
    padding: 0;
  }

  .btn-torch-btn img {
    width: 20px;
    height: 20px;
  }

  .open-camera-file-input input[type="file"] {
    display: none;
  }
  .open-camera-file-input button {
    display: flex;
    height: 40px;
    padding: 0px 18px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border-top: 1.5px solid rgba(255, 255, 255, 0.3);
    background: #f6c648;
    color: #0e3e3e;
    font-family: "Eurostile Demi";
    font-size: 16px;
  }
  .tire-details-header button {
    height: 35px;
    width: 140px;
    font-size: 13px;
  }

  .tire-details-header button img {
    width: 18px;
  }

  .popup-form-container .info-heading-style h2,
  .popup-form-container .wc-form-step .existing-customer-info-header h2 {
    margin-bottom: 0;
  }

  .tire-details-header {
    margin-bottom: 30px;
  }

  .tire-details-form-header {
    padding: 0 20px 12px;
  }

  .tire-details-form-body,
  .tire-details-form-footer {
    padding: 0 20px;
  }

  #tire-details-form > div:has(.added-tire-detail-item-header) {
    padding: 20px;
  }

  .tire-info .tire-info-item {
    position: relative;
  }

  .tire-info .tire-info-item:not(:last-child):after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(
      to right,
      #8e9091 33%,
      rgba(255, 255, 255, 0) 0%
    );
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    left: 0;
  }

  .tire-info .tire-info-item:not(:last-child) {
    /*border-bottom: 1px dashed #8E9091;*/
    padding-bottom: 10px;
    margin-bottom: 5px;
  }
  .warranty-activated-modal .modal-body {
    padding: 30px 30px 20px;
  }

  .warranty-activated-modal .modal-body h2 {
    font-size: 24px;
  }

  .warranty-activated-modal .modal-body p {
    font-size: 14px;
  }
  .warranty-activated-modal .modal-dialog,
  .modal:has(ul.dealers-list) .modal-dialog,
  .warranty-activated-modal .modal-body,
  .modal:has(ul.dealers-list) .modal-body,
  .warranty-activated-modal .modal-content,
  .modal:has(ul.dealers-list) .modal-content,
  .modal-content .modal-header {
    width: 96%;
  }

  #tire-details-modal .modal-dialog,
  #exit-form-modal .modal-dialog,
  #tire-images-modal .modal-dialog,
  #select-mile-range-modal .modal-dialog {
    width: 88%;
  }

  #tire-details-modal .modal-header,
  #exit-form-modal .modal-header,
  #tire-images-modal .modal-header,
  #cant-find-tire-modal .modal-header,
  .modal-content .modal-header {
    width: 100%;
  }

  #cant-find-tire-modal .modal-dialog,
  #select-concern-modal .modal-dialog {
    width: 90%;
  }

  .warranty-activated-modal .modal-dialog,
  .modal:has(ul.dealers-list) .modal-dialog,
  .warranty-activated-modal .modal-body,
  .modal:has(ul.dealers-list) .modal-body,
  .warranty-activated-modal .modal-content,
  .modal:has(ul.dealers-list) .modal-content,
  #tire-details-modal .modal-dialog,
  #exit-form-modal .modal-dialog,
  #tire-images-modal .modal-dialog,
  #cant-find-tire-modal .modal-dialog,
  #select-mile-range-modal .modal-dialog,
  #select-concern-modal .modal-dialog {
    margin: 0 auto;
  }

  #select-concern-modal .modal-footer .btn-save-concerns {
    width: 152px;
  }

  #select-concern-modal ul {
    margin-bottom: 0;
  }

  #exit-form-modal .modal-body {
    padding: 40px 31px;
  }

  .exit-form-actions .btn {
    width: 126px;
    height: 40px;
  }

  .exit-form-actions {
    margin-top: 29px;
  }

  .modal-content .modal-header {
    margin: 0 auto 8px;
  }

  .warranty-active-img {
    width: 135px;
  }

  .popup-form-container .row:has(.wc-form-step) .col-md-6 .col-md-6 {
    display: block !important;
  }

  .existing-customer-info-body .col-md-6 {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
  }

  .wc-form-step:has(.wc-form-step-footer) .wc-form-step-body {
    padding-right: 20px;
    margin-right: -20px;
  }

  .wc-form-step-body::-webkit-scrollbar {
    width: 6px;
  }

  .scan-tire-input-wrapper {
    display: flex;
    align-items: center;
  }

  .scan-tire-input-wrapper img {
    width: 18px;
  }

  .scan-tire-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 29px;
    margin-bottom: 0;
    border-radius: 6px;
    border-top: 1.5px solid rgba(255, 255, 255, 0.3);
    background: #424647;
    height: 35px;
    width: 93px;
    gap: 7px;
  }

  .scan-tire-input-wrapper input[type="file"] {
    display: none;
  }

  #tire-details-modal .modal-body h2,
  #tire-images-modal .modal-body h2 {
    text-align: center;
    font-size: 18px;
  }

  .tire-detail-action-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .tire-detail-action-wrapper .btn {
    padding: 0;
    justify-content: center;
    width: auto;
  }

  .tire-detail-action-wrapper .btn:hover,
  .tire-detail-action-wrapper .btn.active {
    color: #f6c648;
    background: transparent;
    text-decoration: underline;
    text-underline-position: under;
  }

  #tire-details-modal .modal-body h2,
  .tire-detail-action-wrapper,
  #tire-images-modal .modal-body h2 {
    margin-bottom: 30px;
  }

  .tire-image-info {
    padding: 24px 19px 30px;
  }

  #tire-details-modal .modal-body,
  #tire-images-modal .modal-body {
    padding: 20px 0px;
  }

  .warranty-activated-modal .modal-header .close,
  .modal:has(ul.dealers-list) .modal-header .close,
  #tire-details-modal .modal-header .close {
    padding: 0px;
    font-size: 20px;
  }

  .warranty-activated-modal .modal-header,
  .modal:has(ul.dealers-list) .modal-header,
  #tire-details-modal .modal-header {
    margin-bottom: 8px;
  }

  .modal:has(ul.dealers-list) .modal-body h4 {
    font-size: 18px;
  }

  .modal:has(ul.dealers-list) .modal-body {
    padding: 20px 14px;
  }

  .dealers-list {
    margin-right: -10px;
    padding-right: 10px;
  }

  .dealers-list li {
    padding: 12px 16px;
  }

  .btn-close,
  .popup-form-container.active .btn-close {
    right: 12px;
    top: -48px;
  }

  .popup-form-container {
    /*height: 688px;*/
    /* height: calc(100dvh - 124px); */
  }

  .popup-form-container .wc-left-content p,
  .popup-form-container .wc-form-step-fields:has(#phone-input) {
    max-width: 325px;
  }

  .outer-tire-row:after {
    left: -25px;
    background: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/tuffy-left-col-img2-m.png)
      0% 100% / 100% no-repeat;
  }

  .popup-form-container .wc-code-sent-info {
    font-family: "Eurostile-Medium";
  }

  .wc-form-action-wrapper .btn-next {
    width: 152px;
  }

  .existing-customer-info-header {
    margin-bottom: 9px;
  }

  .existing-customer-info-body .row:last-child .col-md-6:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .dealer-info-select {
    margin-top: 38px;
  }

  .dealer-info-select .form-group-custom-select {
    margin-bottom: 19px;
  }

  .popup-form-container:has(.step-4.active .scan-tire-qr-code) {
    height: 100%;
    padding-top: 90px !important;
    padding-bottom: 30px !important;
    overflow: auto;
  }

  .popup-form-container:has(.step-4.active .scan-tire-qr-code) .btn-close {
    top: 12px;
    background: #1c1c1b;
  }

  .popup-form-container .wc-form-step .scan-tire-qr-code h2 {
    margin-bottom: 48px;
  }

  .wc-form-step.active:has(.scan-tire-qr-code),
  .scan-tire-qr-code {
    height: 100%;
  }

  .tire-details-form-body label {
    margin-bottom: 4px;
  }

  .wc-form-step:has(.wc-form-step-footer) .wc-form-step-body {
    /*height: 530px;*/
    /* max-height: 530px; */
    max-height: calc(65vh);
  }

  #warranty-register-form
    .wc-form-step.step-4:has(.wc-form-step-footer)
    .wc-form-step-body {
    max-height: calc(90vh - var(--footer-height));
  }

  #tire-details-form > div:has(.added-tire-detail-item-header) {
    max-height: unset;
  }
  .select-tire-option {
    padding: 20px;
    gap: 16px;
    align-items: flex-start;
  }

  .select-tire-option input[type="radio"]:after,
  .select-tire-option input[type="radio"]:checked:after {
    top: 6px;
  }

  .select-tire-option input[type="radio"]:after {
    background-color: #222;
  }

  #user-not-registered {
    display: none;
  }

  .select-tire-option .select-tire-info-header h2 {
    margin-bottom: 18px;
  }

  .select-tire-option:not(:first-child) {
    margin-bottom: 15px;
  }

  .select-tire-info {
    width: 100%;
  }

  .tire-details-form-header {
    margin-bottom: 30px;
  }

  #tire-health-form .form-group-custom-select label {
    margin-bottom: 10px;
  }

  #tire-health-form .tire-details-form-body h2 img {
    /*width: 18px;
        height: 18px;
        margin-left: 5px;*/
    width: 15px;
    height: 15px;
  }

  #tire-defect-dropzone .dz-placeholder img {
    display: none;
  }

  #tire-defect-dropzone .dz-button {
    font-size: 12px;
    font-family: "Eurostile Demi";
    letter-spacing: 1px;
    width: 115px;
    height: 32px;
    margin-top: 10px;
    border-top: 1px solid #555559;
  }

  #tire-defect-dropzone {
    height: 165px;
    padding: 16px;
  }

  #tire-defect-dropzone .dz-default.dz-message {
    height: 130px;
    bottom: 16px;
    width: 89%;
  }

  #tire-defect-dropzone:has(.dz-image-preview) {
    height: 232px;
  }

  .reference-box {
    max-width: 100%;
  }

  .reference-box h3 {
    justify-content: space-between;
  }

  .claim-next-step,
  .contact-list-item {
    grid-template-columns: 25% 75%;
  }

  .popup-form-container .wc-form-step .claim-next-steps h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .claim-next-step:not(:last-child) {
    margin-bottom: 50px;
  }

  .claim-next-step:not(:last-child):before {
    height: 85px;
  }

  .bg-green:has(#register-tire-btn) h2,
  .bg-red:has(#register-tire-btn) h2 {
    font-size: 28px;
  }

  #cant-find-tire-modal .modal-body {
    padding: 40px 20px;
  }

  #cant-find-tire-modal .modal-content h2 {
    font-size: 22px;
    margin-bottom: 46px;
  }

  .btn-exit-form {
    max-width: 264px;
  }

  .concerns-list li span:before,
  .concerns-list li input ~ span:after {
    width: 23px;
    height: 23px;
  }

  .concerns-list li span:before {
    top: -3px;
  }

  .concerns-list li input ~ span:after {
    top: -2px;
  }

  #select-concern-modal .concerns-list li textarea {
    height: 91px;
  }

  #select-concern-modal .concerns-list li:not(:last-child) {
    min-height: 44px;
  }

  .contact-us-form-container
    .row:has(.wc-form-step.step-1.active)
    .col-md-6:first-child,
  .become-dealer-form-container
    .row:has(.wc-form-step.step-1.active)
    .col-md-6:first-child {
    /*height: unset;*/
  }
}

@media only screen and (max-width: 767px) {
  .bg-green:has(#register-tire-btn),
  .bg-red:has(#register-tire-btn) {
    padding: 30px 20px 200px;
  }

  .bg-green:has(#register-tire-btn),
  .bg-red:has(#register-tire-btn) {
    background-position: 54% 100%;
    background-size: 225%;
  }

  .bg-green:has(#register-tire-btn) {
    background-image: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/green-road-m.png);
  }

  .bg-red:has(#register-tire-btn) {
    background-image: url(https://alpha.armstrong-mea.com/app/themes/armstrongtire-v2/assets/images/red-road-m.png);
  }

  .contact-us-form-container,
  .become-dealer-form-container {
  }

  .contact-us-form-container .step-1 .form-group,
  .popup-form-container .wc-left-content p,
  .popup-form-container .wc-form-step-fields:has(#phone-input) {
    max-width: 100%;
  }
  .contact-list-item--detail h5,
  .contact-list-item--detail a {
    font-size: 16px;
  }

  .contact-us-form-container .outer-tire-row:after,
  .commercial-warranty-claim-form-container .outer-tire-row:after,
  .become-dealer-form-container .outer-tire-row:after {
    opacity: 0;
  }
  #warranty-register-form
    .row:has(.wc-form-step.step-1.active)
    .col-md-6:first-child {
    display: none;
  }
  .wc-form-step:has(.wc-form-step-footer) .wc-form-step-body {
      padding-bottom: 30px;
  }
}

#reader__dashboard_section_csr span {
  color: red;
  font-size: 14px;
  font-weight: bold;
}

#reader__dashboard_section_csr #html5-qrcode-select-camera {
  padding: 50px;
  background-color: #3d4142;
  color: white;
  border-radius: 5px;
  padding: 50px !important;
  font-size: 16px;
  font-weight: bold;
  height: 36px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.3);
}

#html5-qrcode-button-camera-start {
  margin-left: auto;
  margin-right: auto;
}

.select2 *:focus {
  outline: none;
}