.two-line-text {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.scrollable-cart {
  max-height: 70vh;
  overflow-y: scroll;
}

.grayscale-img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Member Area Start */
.cart-empty img {
  width: 100%;
  max-width: 200px;
  height: auto;
}

.cart-empty p {
  font-size: 1.5rem;
}

@media (max-width: 576px) {
  .cart-empty p {
    font-size: 1rem;
  }
}
/* Member Area End */

.grey-line {
  height: 0.25rem;
  background-color: #f3f3f3;
  border-top: 0;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.text-end {
  text-align: end !important;
}

.border-top {
  border-top: 1px solid var(--gray-border);
}

.border-left {
  border-left: 1px solid var(--gray-border);
}

.border-right {
  border-right: 1px solid var(--gray-border);
}

.border-bottom {
  border-bottom: 1px solid var(--gray-border);
}

.border-top-0 {
  border-top: 0;
  border-bottom: 1px solid var(--gray-border);
  border-left: 1px solid var(--gray-border);
  border-right: 1px solid var(--gray-border);
}

/* Start Eye Icon */
.eye-icon {
  color: var(--primary);
  font-size: 1.25rem;
  position: absolute;
  right: 4%;
  top: 25%;
  z-index: 3;
}

.eye-icon-error {
  color: var(--primary);
  font-size: 1.25rem;
  position: absolute;
  right: 5%;
  /* top: 20%; */
  top: 12%;
  z-index: 3;
}

/* End Eye Icon */

.field-icon {
  float: right;
  top: -35px;
  right: 3%;
  position: relative;
  z-index: 2;
  color: #212529;
}

.field-icon-text-area {
  float: right;
  top: -165px;
  right: 1.5%;
  position: relative;
  z-index: 2;
  color: #212529;
}

.custom-text-color {
  color: var(--color);
}

.w-100 {
  width: 100% !important;
}

.custom-width {
  width: var(--width) !important;
}

.desktop-custom-width {
  width: var(--width) !important;
}

.mobile-custom-width {
  width: auto !important;
}

.mobile-custom-height {
  height: auto !important;
}

.custom-height {
  height: var(--height) !important;
}

.custom-line-height {
  line-height: var(--line-height) !important;
}

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

/* Firefox */
.hide-textfiled-arrow input[type="number"] {
  -moz-appearance: textfield;
}

/* [START] Overlay */

.overlay50-background-image {
  background-image: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    var(--background-image);
}

/* [END] Overlay */

.cursor-pointer {
  cursor: pointer;
}

/* [START] Hero */
.page-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 12.5rem;
  font-size: 2.25rem;
}

@media (max-width: 576px) {
  .page-hero {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 12.5rem;
    font-size: 2rem;
  }
}
/* [END] Hero */

@media screen and (min-width: 992px) {
  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }

  .desktop-w-10 {
    width: 10%;
  }

  .desktop-w-20 {
    width: 20%;
  }

  .desktop-w-25 {
    width: 25%;
  }

  .desktop-w-30 {
    width: 30%;
  }

  .desktop-w-40 {
    width: 40%;
  }

  .desktop-w-50 {
    width: 50%;
  }

  .desktop-w-60 {
    width: 60%;
  }

  .desktop-w-70 {
    width: 70%;
  }

  .desktop-w-80 {
    width: 80%;
  }

  .desktop-w-90 {
    width: 90%;
  }

  .desktop-w-100 {
    width: 100% !important;
  }

  .about-us-id {
    height: 5rem;
  }

  .desktop-text-center {
    text-align: center !important;
  }

  .desktop-text-end {
    text-align: end !important;
  }
}

/* TABLET SCREEN [START] */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .scrollable-cart {
    max-height: 50vh;
    overflow-y: scroll;
  }
}
/* TABLET SCREEN [END] */

/* MOBILE PHONE SCREEN [START] */
@media screen and (max-width: 767px) {
  .desktop {
    display: none;
  }

  .desktop-custom-width {
    width: auto !important;
  }

  .mobile {
    display: block;
  }
  .mobile-flex {
    display: flex;
  }

  .mobile-custom-width {
    width: var(--width) !important;
  }

  .mobile-custom-height {
    height: var(--height) !important;
  }

  .mobile-w-10 {
    width: 10%;
  }

  .mobile-w-20 {
    width: 20%;
  }

  .mobile-w-25 {
    width: 25%;
  }

  .mobile-w-30 {
    width: 30%;
  }

  .mobile-w-40 {
    width: 40%;
  }

  .mobile-w-50 {
    width: 50%;
  }

  .mobile-w-60 {
    width: 60%;
  }

  .mobile-w-70 {
    width: 70%;
  }

  .mobile-w-80 {
    width: 80%;
  }

  .mobile-w-90 {
    width: 90%;
  }

  .mobile-w-100 {
    width: 100% !important;
  }

  .about-us-id {
    height: 1.25rem;
  }

  .mobile-text-center {
    text-align: center !important;
  }

  .mobile-text-end {
    text-align: end !important;
  }

  .mobile-justify-content-center {
    justify-content: center !important;
  }

  .mobile-custom-line-height {
    line-height: var(--line-height) !important;
  }

  .scrollable-cart {
    max-height: 45vh;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 375px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }
}

@media screen and (max-width: 360px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }
}

@media screen and (max-width: 320px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }
}
/* MOBILE PHONE SCREEN [END] */