button.frm-ctrl {
  border-radius: 50%;
  padding: 0;
}

.ssb-booking-form {
  padding: 60px 0;

}

.ssb-booking-form .card-header h3 {
  color: #ffffff;
}
.ssb-booking-form .btn {
  --bs-btn-bg: #ee5b09;
  --bs-btn-color: #fff;
  --bs-btn-border-color: #db4242;
  --bs-btn-border-width: 2px;
  --bs-btn-hover-bg: #ff4800;
  --bs-btn-hover-color: #fff;
  transition: box-shadow 0.4s ease;
}
.ssb-booking-form .btn:hover{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.remove{
  background: unset;
}

.pooja-wrp {
  background: #e5c17b;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.pooja-card {
  border-radius: 10px;
  overflow: hidden;
  background-color: #e48f2d;
  margin-bottom: 20px;
}
.ssb-booking-form:after {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%; 
  right: 50%;
  margin-left: -50vw; 
  margin-right: -50vw; 
  width: 100vw; 
  background: linear-gradient(-30deg, #e1b665, #f9eed6);
  z-index: -1;
}

.ssb-booking-form .card {
  --bs-card-bg:#e5c17b;
  --bs-card-cap-bg: #a82424;
  --bs-card-cap-color:#fff;
}

.ssb-booking-form table {
  border-radius: 10px;
  --bs-table-color: #ffffff;
  --bs-table-bg: #e48f2d;
  --bs-table-border-color: #a34000;
}

.ssb-booking-form ul.nav {
  --bs-nav-tabs-border-width: 2px;
  --bs-nav-tabs-border-color: #c4560d;
}
.ssb-booking-form .nav-link.active {
  --bs-nav-tabs-link-active-bg: #ED8C1B;
  --bs-nav-tabs-link-active-color: #FFF;
  --bs-nav-link-font-weight: 600;
}

.ssb-booking-form .nav-tabs .nav-link {
  --bs-nav-link-color: #000;
  --bs-nav-tabs-border-color:#ed8c1c;
  --bs-nav-tabs-border-width: 0;
  border: solid 1px #ed8c1b;
    border-radius: 10px;
    margin: 2px 2px;
    font-weight: 700;
}

.ssb-booking-form .list-group-item {
  --bs-list-group-bg: #ffeaca;
  --bs-list-group-border-color:#e97574;
  color: #db4241;
  font-weight: 700;
}

.ssb-booking-form .list-group-item.active {
  --bs-list-group-active-bg: #fdcf0d;
  --bs-list-group-active-color: #c31010;
}
.ssb-booking-form .title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 5px;
}

.ssb-booking-form .title span.p {
  padding: 0 10px;
  color: #ce2222;
  font-weight: 400;
  min-width: 90px;
}

.ssb-booking-form h5.total {
  margin: 0 0 20px 0;
  border: solid 1px #ee5b07;
  padding: 20px 10px;
  border-radius: 10px;
}


.ssb-booking-form .login button.btn {
  margin-top: 30px;
}

.ssb-booking-form  .list-group-item {
  display: flex;
  align-items: center;
}

.ssb-booking-form .lang-switch {
  margin: 0 0 30px 0;
  --bs-btn-bg: #ddd;
}

.ssb-booking-form .lang-switch .btn {
  --bs-btn-bg: #ddd;
  --bs-btn-font-size: 12px;
  --bs-btn-color: #000;
  --bs-btn-border-color: unset;
  --bs-btn-active-bg: #ee5b07; 
}

.ssb-booking-form .p-methods {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ssb-booking-form  .pay-tpl {
  color: #000;
}

.ssb-booking-form .qr-code {
  text-align: center;
  margin: 30px 20px;
}

.ssb-booking-form .qr-code img {
  width: 100%;
}

.ssb-booking-form .qr-code img.logos {
  margin: 20px 10px;
}

.ssb-booking-form button.btn.upi {
  font-weight: 600;
}

.ssb-booking-form button.btn.upi img {
  width: 130px;
  margin: 0 10px;
}
 
.ssb-booking-form .qr-code h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-top: 15px;
}
.ssb-booking-form .qr-code h4 span {
  font-size: 10px;
}


.ssb-booking-form .qr-code a.open-app {
  text-decoration: unset;
  padding: 10px 30px;
  display: block;
  background: var(--primary-color);
  color: #fff;
  border-radius: 6px;
  margin: 20px 10px;
}


@media screen and (max-width: 768px) {
  .ssb-booking-form  .list-group-item {
    flex-direction: column;
  }

  .ssb-booking-form .btn-group {
    margin-top: 20px;
  }
  .ssb-booking-form .btn-group {
    margin-top: 20px;
  }

  .m-row {
    flex-direction: column-reverse;
  }

  .cart-v {
    margin-bottom: 50px;
  }

  .ssb-booking-form .login button.btn {
    margin-top: 20px;
    width: 100%;
  }

  .ssb-booking-form button.next {
    width: 100%;
  }
}