@media only screen and (max-width: 572px) {
  .customerConfirmationPage h3 {
    font-size: 1rem;
    text-align: center;
  }
  #mapAddressForOrderConfirmationPage {
    width: 100%;
    height: 300px;
  }
}

@media only screen and (min-width: 573px) and (max-width: 820px) {
  .customerConfirmationPage h3 {
    font-size: 1.3rem;
    text-align: center;
  }
  #mapAddressForOrderConfirmationPage {
    width: 100%;
    height: 420px;
  }
}
@media (min-width: 768px) {
  #mapAddressForOrderConfirmationPage {
    width: 100%;
    height: 680px;
  }
}

.locationSticky {
  position: -webkit-sticky;
  position: sticky;
  top: 75px;
}

.customerConfirmationPage .card {
  border-radius: 3.5px;
}

.customerConfirmationPage h6 {
  font-size: 0.9rem;
  color: #ff385c;
}

.customerConfirmationPage h6 .btn:hover {
  color: #fff;
}

.filter1 .btn {
  color: #ff385c;
  font-size: 85%;
  background-color: #fff;
  border-color: #ff385c;
}
.filter1 .btn:hover {
  color: #fff;
  background-color: #ff385c;
  border-color: #fff;
}

.customerConfirmationPage a {
  text-decoration: none;
}
.customerConfirmationPage p {
  font-size: 0.9rem;
}
.customerConfirmationPage h5 {
  font-size: 1.1rem;
}

.hr-sect {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  color: rgba(0, 0, 0, 0.35);
  margin: 8px 0px;
}
.hr-sect::before,
.hr-sect::after {
  content: "";
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.35);
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px 8px;
}

.customerConfirmationPage .fa-regular {
  color: #ff385c;
}

.customerConfirmationPage .fa-solid {
  color: #ff385c;
}

.customerConfirmationPage .cpScroll {
  overflow-x: hidden !important;
}

.customerConfirmationPage ::-webkit-scrollbar {
  width: 5px;
}

.customerConfirmationPage ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ff385c;

  border-radius: 10px;
}

.customerConfirmationPage ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #ff385c;
}