/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-ExtraLight.eot");
  src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"),
    url("../../assets/fonts/font/Montserrat-ExtraLight.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-ExtraLight.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-ExtraLight.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-MediumItalic.eot");
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"),
    url("../../assets/fonts/font/Montserrat-MediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-MediumItalic.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-MediumItalic.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-MediumItalic.ttf")
      format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-Italic.eot");
  src: local("Montserrat Italic"), local("Montserrat-Italic"),
    url("../../assets/fonts/font/Montserrat-Italic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-Italic.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-Italic.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url("../../assets/fonts/font/Montserrat-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-Regular.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-Regular.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-ThinItalic.eot");
  src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"),
    url("../../assets/fonts/font/Montserrat-ThinItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-ThinItalic.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-ThinItalic.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url("../../assets/fonts/font/Montserrat-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-Bold.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-Bold.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-Light.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"),
    url("../../assets/fonts/font/Montserrat-Light.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-Light.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-Light.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-Black.eot");
  src: local("Montserrat Black"), local("Montserrat-Black"),
    url("../../assets/fonts/font/Montserrat-Black.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-Black.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-Black.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-Medium.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"),
    url("../../assets/fonts/font/Montserrat-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-Medium.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-Medium.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-ExtraLightItalic.eot");
  src: local("Montserrat ExtraLight Italic"),
    local("Montserrat-ExtraLightItalic"),
    url("../../assets/fonts/font/Montserrat-ExtraLightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-ExtraLightItalic.woff2")
      format("woff2"),
    url("../../assets/fonts/font/Montserrat-ExtraLightItalic.woff")
      format("woff"),
    url("../../assets/fonts/font/Montserrat-ExtraLightItalic.ttf")
      format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-BlackItalic.eot");
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"),
    url("../../assets/fonts/font/Montserrat-BlackItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-BlackItalic.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-BlackItalic.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-ExtraBoldItalic.eot");
  src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"),
    url("../../assets/fonts/font/Montserrat-ExtraBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-ExtraBoldItalic.woff2")
      format("woff2"),
    url("../../assets/fonts/font/Montserrat-ExtraBoldItalic.woff")
      format("woff"),
    url("../../assets/fonts/font/Montserrat-ExtraBoldItalic.ttf")
      format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-SemiBoldItalic.eot");
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"),
    url("../../assets/fonts/font/Montserrat-SemiBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-SemiBoldItalic.woff2")
      format("woff2"),
    url("../../assets/fonts/font/Montserrat-SemiBoldItalic.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-SemiBoldItalic.ttf")
      format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-ExtraBold.eot");
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"),
    url("../../assets/fonts/font/Montserrat-ExtraBold.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-ExtraBold.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-ExtraBold.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-BoldItalic.eot");
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"),
    url("../../assets/fonts/font/Montserrat-BoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-BoldItalic.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-BoldItalic.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-LightItalic.eot");
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"),
    url("../../assets/fonts/font/Montserrat-LightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-LightItalic.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-LightItalic.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-SemiBold.eot");
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"),
    url("../../assets/fonts/font/Montserrat-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-SemiBold.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-SemiBold.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/font/Montserrat-Thin.eot");
  src: local("Montserrat Thin"), local("Montserrat-Thin"),
    url("../../assets/fonts/font/Montserrat-Thin.eot?#iefix")
      format("embedded-opentype"),
    url("../../assets/fonts/font/Montserrat-Thin.woff2") format("woff2"),
    url("../../assets/fonts/font/Montserrat-Thin.woff") format("woff"),
    url("../../assets/fonts/font/Montserrat-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

:root {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", sans-serif;
  background-color: #fafafa;
}

a {
  color: #4154f1;
  text-decoration: none;
}

a:hover {
  color: #717ff5;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
p,
span {
  font-family: "Montserrat", sans-serif;
  color: #000 !important;
}

/* Purchase related css start */

.device-type-cls-adding h4 {
  font-size: 20px;
}
.purchase-temp-one-cls-adding span {
  font-size: 0.75rem;
}
.bg-brand-yellow {
  background-color: #ffeb00;
}

.card-footer-box {
  border-radius: 0px 0px 7px 7px !important;
}

.radius-pixel {
  border-radius: 7px 7px 0px 0px !important;
}

.copy-right-text {
  font-size: 0.75rem;
  color: rgb(90, 106, 133);
  font-weight: 400;
}

.check-all-system-cls-adding input:focus {
  box-shadow: none;
  border-color: #dee2e6;
}

.check-all-system-cls-adding select:focus {
  box-shadow: none;
  border-color: #dee2e6;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

.position-set-ab {
  position: absolute;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  border: none;
  background: transparent;
  color: #000;
}

.modal-body-terms-conditions .listing-followup {
  background: rgba(250, 250, 250, 1);
  border-radius: 8px;
  padding: 13px 6px 5px 4px;
}

.modal-body-terms-conditions .listing-followup ul li {
  font-weight: 500;
  padding-bottom: 10px;
  font-size: 14px;
}

.modal-outline-dated-cls-adding .btn-secondary {
  background: transparent;
  border-width: 2px;
  border-color: #000;
  color: #000;
  font-weight: 600;
}

.modal-outline-dated-cls-adding .btn-primary {
  background: #000;
  border-color: #000;
  font-weight: 600;
}

.modal-outline-dated-cls-adding .btn-primary:active {
  background: #000;
  border-color: #000;
  color: #fff;
}

.form-check-input:checked {
  background-color: #000;
  border-color: #000;
}

.multiple-tab-cls-adding .form-group.checkbox-type-cls-adding input:checked {
  background-color: #000 !important;
}

.device-sealed-cls-adding-type-all .form-check-input:checked {
  background-color: #000 !important;
}

.card-related-typee {
  border: 1px solid #ebf1f6;
}

.listing-overflow-scrolling {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.listing-overflow-scrolling::-webkit-scrollbar {
  width: 12px;
  background-color: rgba(231, 231, 231, 1);
}
.listing-overflow-scrolling::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.listing-overflow-scrolling::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}
.card-related-typee:active {
  background: rgba(255, 235, 0, 1);
  border: 1px solid #000 !important;
}
.radio-btn-cls-adding {
  border: 1px solid #ebf1f6;
  padding: 10px 0 10px 0;
  border-radius: 4px;
}
.radio-btn-cls-adding label {
  border: none;
}
.card-light-box label {
  border: none;
}
.card-light-box {
  border: 1px solid #ebf1f6;
  border-radius: 4px;
  padding: 8px 0 8px 0;
}
.checking-cls-adding {
  border: 1px solid #ebf1f6;
  padding: 13px 15px 13px 15px;
  margin-bottom: 15px;
  border-radius: 8px;
}
.checking-cls-adding label {
  font-size: 18px;
}
.same-for-change-card-font-style .device-span {
  font-size: 14px;
  font-weight: 600;
}
.third-card.same-for-change-card-font-style
  .active-remove-cls-adding
  .form-check
  label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.same-for-change-card-font-style .active-remove-cls-adding .for-all-stroage {
  font-size: 10px;
  font-weight: 500;
}
.same-for-change-card-font-style .active-remove-cls-adding .storage-type {
  font-size: 12px;
  font-weight: 700;
}
.device-details-cls-adding-all h4 {
  font-size: 14px;
}
.device-details-cls-adding-all span {
  font-size: 10px !important;
  text-transform: capitalize;
}
.first-card .active-remove-cls-adding.active .radio-btn-cls-adding {
  border: 1px solid #000;
}
.second-card .active-remove-cls-adding.active .card-light-box {
  border: 1px solid #000;
}
.third-card .active-remove-cls-adding.active .same-box-cls-adding {
  border: 1px solid #000;
}
.four-card .active-remove-cls-adding.active {
  border: 1px solid #000;
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: none !important;
}
.info-ics-cls-adding i {
  color: #000;
  font-size: 20px;
}
.info-ics-cls-adding .btn-secondary {
  background: transparent;
  border: none;
  padding: 0;
}
.form-select {
  max-height: 58px;
}
.verify-input-grp-cls-adding .btn-outline-dark {
  padding-top: 17px;
  padding-bottom: 16px;
}
.color-related-cls-adding .storage-type.color-name {
  font-weight: 600 !important;
}
.input-type-cls-adding input {
  border-left: none;
  border-top: none;
  border-right: none;
  border-radius: 0px;
  border-color: #ebf1f6;
  border-width: 3px;
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
.add-on-item-card {
  min-width: 180px;
  width: 30%;
  margin-bottom: 8px;
}
.add-on-item-card .active.anchor-heading {
  background: #212529 !important;
  border-color: #212529 !important;
  color: #fff !important;
}
.badge-button {
  font-size: 0.625rem;
}
.main-details-view-portion .add-on-item-card h4 {
  font-size: 0.625rem;
  margin-top: 8px;
}
.add-on-item-card .card-body p {
  font-size: 0.625rem;
}
.add-on-item-card .card-body p {
  font-size: 0.625rem;
}
.add-on-item-card.accessory-container img {
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}
.add-on-item-card .anchor-heading {
  font-size: 0.625rem;
  height: fit-content;
  margin-top: auto;
  border: 1px solid #212529 !important;
  background: transparent !important;
  color: #212529 !important;
}
.add-on-item-card .anchor-heading:focus-visible {
  box-shadow: none;
}
.add-on-item-card.accessory-container .card {
  height: 100%;
}
.add-on-item-card.accessory-container .card .card-body {
  height: 100%;
  display: grid;
}
.main-details-view-portion h5 {
  font-size: 0.75rem;
  font-weight: 500;
}
.main-details-view-portion .paragraph-heading {
  font-size: 0.75rem;
}
.main-details-view-portion .h4-heading {
  font-size: 0.875rem;
}
.main-details-view-portion .bg-light-set {
  background-color: #f6f9fc;
}
.main-details-view-portion .span-heading {
  font-size: 0.625rem;
}
.main-details-view-portion .span-heading-first {
  font-size: 0.75rem;
}
.otp-text-verifications a {
  font-weight: 600;
  color: rgba(165, 165, 165, 1) !important;
  font-size: 14px;
}
.otp-text-verifications u {
  color: #000;
}
.vertically-aling-proper .valid-feedback {
  text-align: center;
}
.vertically-aling-proper .invalid-feedback {
  text-align: center;
}
.location-img-responsive {
  max-height: 60px;
}
.fill-check-cls-adding i {
  font-size: 65px;
  color: #000;
}
.active-remove-cls-adding label:hover {
  background: transparent;
  color: #000;
}
.active-remove-cls-adding .same-box-cls-adding .form-check {
  padding-left: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.active-remove-cls-adding .same-box-cls-adding input {
  width: 1.5rem;
  height: 1.5rem;
}
.proper-foronly-otp-verifications .input-type-cls-adding input {
  width: 100% !important;
}
.all-card-related-copy-paste {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.queue-input-queue .queue-input {
  border-radius: 4px;
  border: 3px solid #ebf1f6;
  font-weight: 800;
  font-size: 25px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.queue-input-queue .queue-input::placeholder {
  font-weight: 800;
  font-size: 25px;
}
.custom-footer-cls-adding-booking .continue-cls-adding {
  border-color: #000;
  color: #000;
  opacity: 1;
}
.custom-footer-cls-adding-booking .continue-cls-adding:hover {
  background: #000;
  color: #fff !important;
}
.link-text-cls-adding {
  font-weight: 600;
  color: rgba(0, 0, 0, 1);
}
.link-text-cls-adding:hover {
  color: rgba(0, 0, 0, 1);
}
.appointemenet-queue-btn .refresh-btn-cls-adding {
  background: rgba(0, 0, 0, 1);
  border: 1px solid rgba(0, 0, 0, 1);
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}
.appointemenet-queue-btn .refresh-btn-cls-adding:hover {
  background: rgba(0, 0, 0, 1);
  border: 1px solid rgba(0, 0, 0, 1);
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}
.appointemenet-queue-btn .refresh-btn-cls-adding:active {
  background: rgba(0, 0, 0, 1);
  border: 1px solid rgba(0, 0, 0, 1);
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}
.estimated-time {
  font-weight: 700;
}
.check-all-system-cls-adding {
  margin-top: 9px;
}
.fw-customedit {
  color: #ff0000 !important;
}
.both-side-left-right-spacing {
  max-width: 400px;
  min-width: 400px;
  text-align: center;
  font-size: 15px;
}
.right-side-btn-yellow .warning-btn-cls-adding {
  background: #ffeb00;
  border-radius: 8px;
  border-color: #ffeb00;
  font-weight: 700;
}
.border-radius-cls-adding {
  border-radius: 8px;
}
.right-part-add .remove-unnecessary-part {
  background: transparent;
  color: #181818;
  font-weight: 700;
  border: none;
}
.bg-add-cls-adding-gift-modal {
  background: url(../img/purchase/free-gift-modal.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
}
.modal-gifting-cls-adding {
  margin-top: 50px;
}
.changing-cls-only {
  color: #8f8f8f;
  font-weight: 400 !important;
}

.check-all-system-cls-adding input {
  font-size: 0.875rem;
}

.check-all-system-cls-adding select,
option {
  font-size: 0.875rem;
}

.check-all-system-cls-adding input::placeholder {
  font-size: 0.875rem;
}

.check-all-system-cls-adding .form-floating label {
  font-size: 0.875rem;
}
.btn-outline-secondary {
  color: #000 !important;
  border-color: #000 !important;
}
.btn-outline-secondary:hover {
  background-color: transparent;
}
.btn-outline-secondary:active {
  border: 1px solid #000 !important;
}
.btn-outline-secondary:focus-visible {
  background: transparent;
  box-shadow: none;
}
.btn-dark {
  background: #000;
}
.btn-dark:focus-visible {
  background: #000;
  border-color: #000 !important;
  box-shadow: none;
}
.btn-dark:hover {
  background: #000;
}
.btn-dark:active {
  background: #000 !important;
  color: #fff !important;
}
.main-heading-title-phone {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 1.09375rem;
}
.active-inactive-btns button h4 {
  font-size: 0.875rem;
  color: #000;
}
.underline-cls-adding {
  cursor: pointer;
}
.active-inactive-btns button span {
  font-size: 0.75rem;
  color: rgb(90, 106, 133);
}
.invalid-feedback {
  font-size: 11px !important;
}
.checkbox-type-cls-adding input {
  margin-top: 6px;
}
.checkbox-type-cls-adding label {
  font-size: 0.75rem;
  color: rgb(90, 106, 133);
}
.card {
  box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,
    rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
}
.purhchase-template-cls-adding-unique button {
  font-size: 13px;
}
.proper-foronly-otp-verifications .enter-otp-sent {
  font-size: 16px;
  font-weight: 600;
}
.proper-foronly-otp-verifications .email-cls-adding {
  font-size: 14px;
  font-weight: 400;
}
.purhchase-template-cls-adding-unique span {
  font-size: 0.75rem;
  font-weight: 400;
}
.purhchase-template-cls-adding-unique p {
  font-size: 14px;
  font-weight: 400;
}
.check-myappointment-cls-adding {
  font-size: 14px;
}
.border {
  border-color: #ebf1f6 !important;
}
.device-details-cls-adding-all .device-image {
  width: 40px;
  height: auto;
  aspect-ratio: 0.79;
  object-fit: contain;
}
.color-related-cls-adding .first-seperate-color {
  background: #c0beb7;
  border: 1px solid #000;
}
.color-related-cls-adding .second-seperate-color {
  background: #d2bfb0;
  border: 1px solid #000;
}
.color-related-cls-adding .third-seperate-color {
  background: #ededec;
  border: 1px solid #000;
}
.color-related-cls-adding .four-seperate-color {
  background: #4d4d4d;
  border: 1px solid #000;
}
.color-related-cls-adding input {
  border: 1px solid #000 !important;
}
.content-item.select-item {
  margin-top: 35px;
}
/* Purchase related css over */

/* Slider related css start */

.slider-portion .tiles-libary-all {
  width: 100%;
}

.slider {
  max-width: 100%;
  margin: 0 auto 0;
  overflow: hidden;
}

.slider__item {
  display: inline-flex;
  width: 300px;
  margin-left: 12px;
  align-items: center;
  justify-content: center;
}

.slick-list {
  padding: 0 20% 0 0;
}

.slider-portion .main-img-cls-off {
  padding: 40px 50px 40px 50px;
}

.slider-portion .main-img-cls-off .same-for-all-wooden {
  max-height: 118px;
}

.slider-portion .subtitle {
  background: #fff;
  text-align: left;
  padding: 8px 18px 18px 18px;
  border-radius: 0px 0px 5px 5px;
}

.slider-portion .subtitle label {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 18px;
}

.slider-portion .downld-btns-cls {
  background: transparent;
  border: none;
  color: #0174be;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 0px;
}
/* Slider related css over */

/* overflow global css */
::-webkit-scrollbar {
  width: 12px;
  background-color: rgba(231, 231, 231, 1);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

/* Repair related css start */
.device-details-cls-adding-all .device-image {
  width: 40px;
  height: auto;
  aspect-ratio: 0.79;
  object-fit: contain;
}
.main-details-view-portion .new-appointement-cls-adding {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #000;
}
.main-details-view-portion p {
  font-size: 10px !important;
  color: #000 !important;
}
.main-details-view-portion .for-all-type-cls-adding-yellow .device-image {
  width: 38px;
  height: auto;
  aspect-ratio: 0.79;
  object-fit: contain;
}
.repair-services-cls-adding .card-related-typee {
  height: 100%;
  padding: 7px !important;
}
.repair-services-cls-adding img {
  max-height: 70px;
  object-fit: contain;
}
.repair-services-cls-adding span {
  margin-top: 15px;
}
.modal-other-related-type {
  color: #000 !important;
}
.select-services-cls-adding-type-here .card-related-typee {
  height: 100%;
}
.multiple-tab-cls-adding button {
  background: transparent !important;
  color: #000 !important;
}
.multiple-tab-cls-adding span {
  color: rgba(120, 120, 120, 1) !important;
}
.multiple-tab-cls-adding .nav-link.active {
  background: transparent;
  color: #000;
}
.multiple-tab-cls-adding .nav-link.active span {
  color: #000 !important;
}
.multiple-tab-cls-adding button:hover {
  color: #000;
  background: transparent;
}
.multiple-tab-cls-adding button:focus-visible {
  background: transparent;
  color: #000;
  box-shadow: none;
}
.multiple-tab-cls-adding button:active {
  color: #000 !important;
  background: transparent !important;
  border-color: #000 !important;
  border: 1px solid #000;
}
.guest-check-box-cls-adding a.guest-info-cls-adding {
  color: rgba(165, 165, 165, 1);
  font-weight: 600;
  font-size: 14px;
}
.guest-check-box-cls-adding u {
  color: #000;
}
.new-payment-method-cls-adding img {
  max-height: 65px;
  margin-right: 10px;
}
.payment-method-text-cls-adding p {
  color: rgba(165, 165, 165, 1) !important;
}
.red-color-edit-cls-adding {
  color: red !important;
}
.sales-as-guide-cls-adding {
  background: rgba(255, 255, 255, 1);
  border-radius: 8px;
  padding: 16px;
  width: 100%;
  max-width: 550px;
}
.middle-part-carousel-style {
  min-height: calc(100vh - 80px);
}
.carousel-indicators button {
  border-radius: 8px !important;
  height: 15px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  background: #000 !important;
}
.carousel-indicators-cls-adding-type .carousel-indicators button.active {
  border-radius: 50% !important;
  width: 17px !important;
  border-top: 5px !important;
  border-bottom: 5px !important;
  height: 15px !important;
}
.middle-part-carousel-style p {
  font-size: 13px;
}
.middle-part-carousel-style .heading-part-footer h6 {
  font-size: 15px;
}
.estimated-cls-waiting {
  max-height: 100px;
}
.nav-pills-all-cls-adding-side li .nav-link.active {
  background: rgba(0, 0, 0, 1);
  color: #fff;
  font-weight: 700;
}
.nav-pills-all-cls-adding-side li .nav-link.active span {
  color: rgba(255, 255, 255, 1) !important;
}
.nav-pills-all-cls-adding-side li .nav-link span {
  font-weight: 600 !important;
  color: rgba(0, 0, 0, 0.3) !important;
}
.nav-pills-all-cls-adding-side .nav-item .nav-link {
  background: rgba(244, 225, 0, 1);
  padding: 13px 15px 13px 15px;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 700;
}
.refresh-line-status-cls-adding button {
  background: transparent !important;
  color: rgba(0, 0, 0, 1) !important;
}
.priority-walkin-cls-adding .left-side-image-adding span i {
  color: #000;
}
.priority-walkin-cls-adding .right-side-description-adding p {
  color: #000;
  font-size: 15px;
  margin-bottom: 5px;
}
.priority-walkin-cls-adding {
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
}
.repair-services-all-type img {
  max-height: 26px;
}
.repair-services-all-type h6 {
  font-size: 14px;
}
.repair-services-all-type .left-side-heading h6 {
  font-size: 12px;
  margin-top: 3px;
}
.main-heading-used h6 {
  font-size: 14px;
}
.chnge-price-color-cls-adding {
  background-color: #ffeb00 !important;
  border-color: #ffeb00 !important;
  color: #000 !important;
  font-size: 11px;
}
.chnge-price-color-cls-adding:active {
  background-color: #ffeb00 !important;
  border-color: #ffeb00 !important;
  color: #000 !important;
}
.repair-services-all-type .error-payment-method-related-cls-typing button {
  background: #ff0000;
  border-color: #ff0000;
  font-weight: 700;
  border-radius: 8px;
  color: #fff;
}
.repair-services-all-type
  .error-payment-method-related-cls-typing
  button:active {
  background: #ff0000;
  border-color: #ff0000;
  font-weight: 700;
  border-radius: 8px;
  color: #fff;
}
.repair-services-all-type .right-side-btn-cls-adding button {
  background: rgba(255, 235, 0, 1);
  border-color: rgba(255, 235, 0, 1);
  font-weight: 700;
  border-radius: 8px;
  color: #fff;
}
.back-glass-repair-cls-adding {
  border: 1px solid rgba(220, 220, 220, 1);
  border-radius: 8px;
  padding: 15px 15px 20px 15px;
  margin-top: 20px;
}
.back-glass-border-cls-adding .progress-bar {
  background: #ffeb00 !important;
}
.right-side-port-cls-adding {
  position: absolute;
  right: 20px;
  top: 20px;
}
.right-side-port-cls-adding img {
  max-height: 50px;
  cursor: pointer;
}
.new-exitsting-number-cls-adding .middle-img-cls-adding img {
  max-height: 318px;
}
.bg-brand-mix-color {
  background: rgba(250, 248, 227, 1);
}
.waiting-heading-title h6 {
  font-size: 19px;
  font-weight: 800;
}
.paragraph-heading-cls-all-type {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.scanner-box-cls-adding img {
  max-height: 275px;
  margin-bottom: 15px;
}
.middle-img-cls-adding-center-checkin img {
  max-height: 61px;
}
.scanner-box-cls-adding {
  box-shadow: 2px 2px 22px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 23px;
  background: #fff;
}
.scanner-btn-cls-adding button {
  background: rgba(255, 235, 0, 1);
  border-color: rgba(255, 235, 0, 1);
  border-radius: 7px;
  font-weight: 700;
  padding: 9px 12px 9px 12px;
}
.scanner-btn-cls-adding button:hover {
  background: rgba(255, 235, 0, 1);
  border-color: rgba(255, 235, 0, 1);
  border-radius: 7px;
  font-weight: 700;
  padding: 9px 12px 9px 12px;
}
.scanner-btn-cls-adding {
  margin: -25px 0 0 0;
}
.main-card-no-appointement-box-cls-adding .scanner-box-cls-adding {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.multiple-tab-cls-adding .nav-tabs {
  margin-bottom: 13px;
  border-bottom: 0px;
  align-items: center;
}
.multiple-tab-cls-adding .nav-tabs .nav-link:focus-visible {
  box-shadow: none;
}
.multiple-tab-cls-adding .nav-tabs .nav-link {
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  font-weight: 800;
  width: 48%;
}
.multiple-tab-cls-adding .nav-tabs .nav-link {
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-width: 4px;
  border-color: rgba(120, 120, 120, 1);
}
/* Repair related css over */

/* Trade IN Focus related css start */
.nav-tab-pills-tab-cls-adding {
  border: 1px solid rgba(229, 229, 229, 1);
  border-radius: 33px;
  padding: 8px 15px 0px 10px;
}
.nav-tab-pills-tab-cls-adding ul li button.active {
  background: rgba(255, 235, 0, 1) !important;
  border-radius: 99px;
  font-size: 16px;
  font-weight: 600;
  color: #000 !important;
}
.nav-tab-pills-tab-cls-adding ul {
  margin-bottom: 10px !important;
  border: 1px solid rgba(229, 229, 229, 1);
  border-radius: 33px;
  padding: 8px 8px 8px 13px;
  width: fit-content;
}
.ul-li-listing-cls-adding ul li .nav-link.active {
  background: rgba(255, 235, 0, 1);
  border-bottom: 2px solid #000;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ul-li-listing-cls-adding ul li {
  width: 49%;
}
.nav-tab-pills-tab-cls-adding ul li .nav-link {
  color: rgba(165, 165, 165, 1);
  border-radius: 0px;
  font-weight: 500;
}
.nav-tab-pills-tab-cls-adding ul li .nav-link:focus {
  outline: none;
}
.ul-li-listing-cls-adding li .nav-link {
  color: rgba(165, 165, 165, 1);
  font-weight: 600;
  width: 100%;
}
.ul-li-listing-cls-adding li .nav-link:hover {
  border-color: transparent;
}
.adding-new-img-cls-adding img {
  max-height: 160px;
}
.new-radio-btn-cls-adding-typebeside {
  position: relative;
}
.input-valuecls-adding {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(0, 0, 0, 1);
  padding: 4px 20px 4px 20px;
  border-radius: 99px;
}
.input-valuecls-adding label {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.checking-type-all-options {
  position: relative;
}
.checking-type-all-options .input-valuecls-adding {
  top: 7px;
}
.editing-icon-cls-adding {
  cursor: pointer;
}
.card.shadow-none.unique-third-card.same-for-change-card-font-style
  .active-remove-cls-adding.active
  .radio-btn-cls-adding {
  border-color: #000;
}
.card.shadow-none.unique-four-card.same-for-change-card-font-style
  .active-remove-cls-adding.active {
  border-color: transparent;
}
.card.shadow-none.unique-four-card.same-for-change-card-font-style
  .active-remove-cls-adding.active
  .radio-btn-cls-adding {
  border-color: #000;
}
.five-card.same-for-change-card-font-style .active-remove-cls-adding.active {
  border-color: #000;
}
.six-card.same-for-change-card-font-style .active-remove-cls-adding.active {
  border-color: #000;
}
.seven-card.same-for-change-card-font-style .active-remove-cls-adding.active {
  border-color: #000;
}
.eight-card.same-for-change-card-font-style .active-remove-cls-adding.active {
  border-color: #000;
}
.radio-btn-cls-adding .all-cracked-cls-adding {
  font-size: 14px;
}
.main-alert-danger-cls-adding {
  border-color: #ff0000;
  background: #ff0000;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-alert-danger-cls-adding .total-main-alert-heading {
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
}
.main-alert-danger-cls-adding .medium-font-weight-cls-adding h6 {
  font-weight: 400;
  color: #fff !important;
  font-size: 13px;
}
.inner-modal-body-part-alert .alert-info-requirment-cls-adding-inner-body {
  font-size: 60px;
  color: rgba(255, 235, 0, 1) !important;
}
.max-width-auto-editing-cls {
  max-width: 318px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.inner-modal-body-part-alert h4 {
  font-size: 20px;
}
.modal-dialog .btn-close:focus {
  box-shadow: none;
}
.alert-info-requirment-cls-adding i {
  color: #fff;
}
.activation-container.activated-been-saled label {
  font-size: 12px !important;
  font-weight: 400 !important;
}
.activation-container.activated-been-saled input {
  width: 20px;
  height: 20px;
  background-color: #e2e2e2;
  margin-right: 10px;
}
.local-set-cls-adding .form-check label {
  font-size: 12px !important;
  font-weight: 400 !important;
}
.local-set-cls-adding input {
  width: 20px;
  height: 20px;
  background-color: #e2e2e2;
  margin-right: 10px;
}
/* Trade IN Focus related css over */

/* Sales Services Related css start */
.sales-service-appointement-cls-adding.active-inactive-btns {
  border: 1px solid #101010;
  border-radius: 8px;
  padding: 18px 15px 18px 15px;
}
.sales-service-appointement-cls-adding.active-inactive-btns
  .same-for-all-img-service
  .modern-img-cls-adding {
  max-height: 64px;
}
.sales-service-appointement-cls-adding.active-inactive-btns h4 {
  font-size: 0.875rem;
  color: #000;
}
.sales-service-appointement-cls-adding.active-inactive-btns span {
  font-size: 0.75rem;
  color: rgb(90, 106, 133);
}
.same-for-all-btn-alert-info button {
  border-color: #275600;
  background: #d0ffcc;
  border-width: 2px;
  color: #275600;
  font-weight: 600;
  padding: 10px 10px 10px 10px;
  border-radius: 4px;
}
.same-for-all-btn-alert-info button:hover {
  border-color: #275600;
  background: #d0ffcc;
  color: #275600;
}
.same-for-all-btn-alert-info button:active {
  background: #d0ffcc !important;
  color: #275600 !important;
  border: 2px solid #275600 !important;
}
.same-for-all-btn-alert-info button:focus {
  border-color: #275600;
  background: #d0ffcc;
  color: #275600;
}
.same-for-all-btn-alert-info i {
  color: #275600;
  font-size: 19px;
}
.custom-tooltip {
  position: absolute;
  top: 145px;
  right: 0;
  background-color: #ffffff;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  width: 255px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.3s ease, transform 0.3s ease;
  text-align: left;
}
.tooltip-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tooltip-heading {
  margin: 0;
  font-size: 16px;
}
.close-button {
  background: none;
  border: none;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
.tooltip-content {
  margin: 10px 0 0;
  font-size: 14px;
}
.hidden {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
}
.show-tooltip {
  opacity: 1;
  transform: scale(1);
}
.info-button {
  cursor: pointer;
  margin-left: 5px;
  color: #0d6efd;
}
.warneety-cls-adding i {
  color: #000;
}
.main-tooltip-heading-cls-adding i {
  font-size: 18px;
  color: #275600;
}
.expired-warrenty-cls-adding .same-for-all-secondary button {
  border-color: #5e5e5e;
  background: #e5e5e5;
  color: #5e5e5e;
  border-width: 2px;
  font-weight: 600;
  padding: 10px 10px 10px 10px;
  border-radius: 4px;
}
.custom-dropdown-cls-adding-typo .dropdown-toggle::after {
  border: none;
  margin: 0;
}
.custom-dropdown-cls-adding-typo .main-dropdown-menu-cls-item-adding {
  min-width: 430px;
  padding: 15px 15px 25px 15px;
  margin-right: -50px !important;
}
.custom-dropdown-cls-adding-typo .info-icon-cls-adding img {
  max-height: 70px;
}
.right-side-fit-cls-adding-postions {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-dropdown-cls-adding-typo .dropdown-toggle i {
  cursor: pointer;
}
.right-side-cross-fit {
  position: absolute;
  right: 20px;
}
.right-side-cross-fit i {
  font-size: 24px;
  cursor: pointer;
}
.scanning-now.text-center a.scanning-now-cls-adding {
  text-decoration: underline;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* loader */
.loader-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #cdcdcdd9;
  z-index: 1000;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
  text-align: center;
}

.check-option .price-container,
.item-condition-options .option .price-container {
  display: none;
}
.check-option.active .price-container {
  display: inline;
}
.item-condition-options .option.active .price-container {
  display: inline-block;
}

.error,
.error * {
  color: red;
}

/* Sales Services Related css over */

/* New CSS After Development start here */
.multiple-tab-cls-adding .card-body label {
  font-size: 12px;
  font-weight: 700;
  color: #000 !important;
}
.multiple-tab-cls-adding .card-body .same-for-all-input-cls-adding {
  border-radius: 0px;
  border-left: none;
  border-right: none;
  border-top: none;
  padding-left: 0px;
  color: #333333;
  font-weight: 700;
  font-size: 16px;
}
.for-all-contact-type-box .same-for-all-input-cls-adding {
  width: 20px;
  height: 20px;
}
.multiple-tab-cls-adding
  .card-body
  .same-for-all-input-cls-adding::placeholder {
  color: #919191 !important;
  font-weight: 700 !important;
}
.multiple-tab-cls-adding .card-body select {
  border-left: none;
  border-radius: 0px;
  border-right: none;
  border-top: none;
  padding-left: 0px;
  color: #5c5c5c;
  font-weight: 700;
  font-size: 16px;
  max-height: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
}
.for-all-contact-type-box {
  border: 1px solid rgb(229, 229, 229);
  border-radius: 8px;
  padding: 15px 24px;
  width: fit-content;
}
.for-all-contact-type-box label {
  font-weight: 400 !important;
  font-size: 10px !important;
  margin-bottom: 0px;
  margin-top: 9px;
}
.for-all-contact-type-box input {
  width: 20px;
  height: 20px;
  margin-right: 7px;
}
.positining-setting {
  position: absolute;
}
.bi-question-circle-fill {
  color: #000;
}
.amount-number-cls-adding {
  text-transform: capitalize;
}
.main-part-set-proper-row .for-all-column-set {
  max-width: 58px;
  max-height: 50px;
}
.main-part-set-proper-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.appointemenet-queue-btn.refresh-line-status-cls-adding button {
  width: 100% !important;
}
.appointemenet-queue-btn.refresh-line-status-cls-adding button:focus-visible {
  box-shadow: none;
}
.queue-input-queue
  .max-width-adding-form
  .for-all-column-set
  .invalid-feedback {
  font-size: 9px !important;
}
.queue-input-queue .max-width-adding-form .for-all-column-set .valid-feedback {
  font-size: 9px !important;
}
.device-details-all {
  text-transform: capitalize;
}
.device-type-cls-adding button:focus-visible {
  box-shadow: none;
  border: none;
  outline: none;
}
.spacing-less-responsive-allside {
  margin-bottom: 0px !important;
}
.review-btn {
  min-height: 42px;
}
.middle-part-carousel-style img {
  max-height: 90px;
}
.sales-as-guide-cls-adding .img-guide-cls-adding img {
  max-height: 60px;
}
.middle-part-carousel-style .heading-part-footer h6 {
  font-size: 15px;
}
.middle-part-carousel-style .heading-part-footer p {
  margin-bottom: 5px;
  line-height: 21px !important;
}
.middle-part-carousel-style .heading-part-footer ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px !important;
}
.middle-part-carousel-style .heading-part-footer ul {
  padding-left: 15px;
  margin-bottom: 0px;
}
.carousel-indicators-cls-adding-type .middle-part-carousel-style h3 {
  font-size: 16px;
}
.top-side-adding-properly {
  position: relative;
  top: -3px;
}
.red-icon {
  color: red;
}
.main-accordion-related-cls-start-here .accordion-item {
  border: none;
  background: transparent;
  border-radius: 0px;
  margin-bottom: 14px;
}
.main-accordion-related-cls-start-here .accordion-header {
  border-bottom: none;
}
.main-accordion-related-cls-start-here .accordion-item .accordion-button {
  background: transparent;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: none;
  align-items: center;
}
.main-accordion-related-cls-start-here .accordion-button {
  font-size: 12px;
  font-weight: 600;
  color: #000 !important;
  font-family: "Montserrat", sans-serif !important;
}
.main-accordion-related-cls-start-here .accordion-body {
  padding: 9px 12px 9px 12px;
  background: #f9f4e1;
  border-radius: 4px;
}
.main-accordion-related-cls-start-here .accordion-collapse {
  margin-top: 7px;
  margin-bottom: 13px;
}
.main-accordion-related-cls-start-here .accordion-body p {
  margin-bottom: 0px;
  line-height: 18px;
  word-wrap: break-word;
  white-space: break-spaces;
}
.main-accordion-related-cls-start-here
  .accordion-item
  .accordion-button::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2220%22%20y%3D%2220%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%224%22%20transform%3D%22rotate(180%2020%2020)%22%20fill%3D%22%23F4F4F4%22%2F%3E%3Cpath%20d%3D%22M6.42253%2012.2559L10%208.67836L13.5775%2012.2559L14.7559%2011.0775L10%206.32169L5.24419%2011.0775L6.42253%2012.2559Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}
/* When accordion is collapsed (default state) */
.main-accordion-related-cls-start-here
  .accordion-item
  .accordion-button.collapsed::after {
  transform: rotate(180deg);
}

/* When accordion is expanded */
.main-accordion-related-cls-start-here
  .accordion-item
  .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}
.for-all-stroage {
  font-size: 10px;
  font-weight: 500;
}
.same-for-change-card-font-style .same-box-cls-adding {
  height: 100%;
  display: grid;
  align-items: center;
}
.color-related-cls-adding .storage-type {
  font-weight: 600 !important;
}
.form-select:focus {
  box-shadow: none !important;
  border-color: #dee2e6 !important;
}
.add-on-item-card .added.anchor-heading {
  background: #212529 !important;
  border-color: #212529 !important;
  color: #fff !important;
}
.proper-foronly-otp-verifications .input-type-cls-adding input:focus {
  box-shadow: none;
}
.vertically-aling-proper.proper-foronly-otp-verifications .invalid-feedback {
  font-size: 9px !important;
}
.vertically-aling-proper.proper-foronly-otp-verifications .valid-feedback {
  font-size: 9px !important;
}
.vertically-aling-proper.proper-foronly-otp-verifications
  .main-part-set-proper-row {
  align-items: start;
}
.new-pristine-collection-cls-adding .form-check {
  justify-content: flex-start !important;
}
.queue-purchase-cls-adding-purchase label {
  cursor: pointer;
}
.queue-purchase-cls-adding-purchase input {
  cursor: pointer;
}
.new-pristine-collection-cls-adding label {
  margin-top: 4px;
}
.queue-purchase-cls-adding-purchase label {
  margin-top: 4px;
}
.new-pristine-collection-cls-adding.active .same-box-cls-adding {
  border-color: #000;
}
.multiple-tab-cls-adding .nav-tabs .nav-link.active {
  border-color: #000;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.for-all-interface-cls-adding .button-check-appointment8:active {
  border: 1px solid #000;
}
.text-centering-align p {
  color: #b5b5b5 !important;
  font-weight: 600;
}
.width-decrease {
  max-width: 50px;
}
.accessories-title {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 7px;
}
.accessory-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.accessory-info {
  display: flex;
  align-items: center;
  gap: 11px;
}
.accessory-image {
  width: 60px;
  height: auto;
}
.accessory-name {
  font-size: 12px;
  font-weight: 500;
}
.accessory-price {
  font-size: 10px !important;
  font-weight: 700;
}
.remove-btn {
  font-size: 10px;
  font-weight: 600;
  background: none;
  border: none;
  cursor: pointer;
}
.main-accessories-part {
  margin-top: 15px;
}
.card-related-typee img {
  object-fit: contain;
  max-width: 100%;
  height: auto;
}
/* New CSS After Development over here */

@media (max-width: 768px) {
  /* Hide country names on mobile */
  #country-code option {
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #country-code option::after {
    content: attr(value); /* Show only the dial code */
  }
}

@media only screen and (max-width: 1224px) {
  .proper-all-sideinline {
    min-height: 480px;
  }
  .width-decrease {
    max-width: 48px;
  }
  #ctnbtn {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .card-footer h5 {
    font-size: 1rem !important;
  }
  .add-services-btn {
    font-size: 13px;
  }
  .card-footer .btn-dark {
    padding: 0.5rem !important;
  }
  .device-type-cls-adding h4 {
    font-size: 16px;
  }
  .main-details-view-portion .h4-heading {
    font-size: 10px;
    padding-right: 13px;
  }
  .main-details-view-portion .span-heading-first {
    font-size: 0.6rem;
  }
  .multiple-tab-cls-adding .card-body .same-for-all-input-cls-adding {
    font-size: 13px !important;
  }
  .multiple-tab-cls-adding .card-body select {
    font-size: 13px !important;
  }
  .check-all-system-cls-adding {
    margin-top: 0px;
  }
  .form-select {
    padding: 1rem 0.75rem;
  }
  .repair-services-cls-adding img {
    max-height: 100%;
    object-fit: contain;
  }
  .all-img-cls-adding-type-joint .card-related-typee img {
    max-height: 110px;
    object-fit: contain;
  }
  .middle-part-carousel-style {
    min-height: calc(100vh - 400px);
  }
}

@media only screen and (max-width: 767px) {
  .verify-input-grp-cls-adding button {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .repair-services-all-type .error-payment-method-related-cls-typing button {
    font-size: 10px;
  }
  .main-accordion-related-cls-start-here .accordion-body p {
    line-height: 13px;
    font-size: 9px !important;
  }
  .main-accordion-related-cls-start-here .accordion-button {
    font-size: 11px;
  }
  .add-on-item-card {
    min-width: 128px;
  }
  .add-on-item-card.accessory-container img {
    width: 40px;
    height: 35px;
    object-fit: contain;
  }
  .main-details-view-portion .add-on-item-card h4 {
    font-size: 9px !important;
    line-height: 11px;
  }
  .add-on-item-card .card-body p {
    font-size: 9px !important;
    line-height: 10px;
  }
  .add-on-item-card .anchor-heading {
    font-size: 8px !important;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .review-edit-changing span {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
  .review-edit-changing .review-btn {
    padding-left: 8px !important;
    padding-right: 8px !important;
    min-height: 32px;
  }
  .review-edit-changing {
    gap: 0.2rem !important;
  }
  .sales-as-guide-cls-adding h6 {
    font-size: 14px !important;
  }
  .sales-as-guide-cls-adding p {
    font-size: 12px;
  }
  .nav-pills-all-cls-adding-side ul {
    flex-wrap: nowrap;
  }
  .nav-pills-all-cls-adding-side .nav-item .nav-link {
    font-size: 11px;
  }
  .for-all-contact-type-box .form-check {
    display: flex;
    align-items: center;
  }
  .multiple-tab-cls-adding .nav-tabs .nav-link {
    font-size: 11px;
  }
  .position-set-ab {
    position: relative;
  }
  .both-side-left-right-spacing {
    max-width: 300px;
    min-width: 300px;
  }
  .queue-input-queue .queue-input {
    width: 100%;
  }
  .appointemenet-queue-btn .refresh-btn-cls-adding {
    width: 100% !important;
  }
  .right-side-btn-all-type {
    margin-top: 10px;
  }
  .middle-part-carousel-style {
    min-height: calc(100vh - 80px);
  }
  .multiple-tab-cls-adding .nav-tabs {
    width: 100%;
    flex-wrap: nowrap;
  }
  .input-valuecls-adding {
    padding: 1px 20px 1px 20px;
    right: 5px;
    top: 5px;
  }
  .adding-new-img-cls-adding img {
    max-height: 118px;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1224px) {
  .card-related-typee img {
    max-height: 80px;
  }
}
/* loader */

.loader-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #cdcdcdd9;
  z-index: 1000;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
  text-align: center;
}

.check-option .price-container,
.item-condition-options .option .price-container {
  display: none;
}
.check-option.active .price-container {
  display: inline;
}
.item-condition-options .option.active .price-container {
  display: inline-block;
}

.error,
.error * {
  color: red !important;
}