@charset "utf-8";
/* Puja Booking */
.booking-card {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	border: 1px solid #ddd;
	border-radius: 10px;
	/* -tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
	box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); */
}
@media (max-width: 600px) {
  .booking-card {
    flex-direction: column;
  }
}
.booking-info {
	width: 360px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #ddd;
}
.booking-info .puja-vcard {
	width: 100%;
	display: flex;
	margin: 0px;
	padding: 15px;
	border-bottom: 1px solid #ddd;
}
.booking-info .puja-vcard > .figure {
	width: 80px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	border-radius: 10px;
}
.booking-info .puja-vcard > .figure img {
	max-width: 100%;
	border-radius: 10px;
}
.booking-info .puja-vcard > .detail {
	width: calc(100% - 90px);
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.booking-info .puja-vcard > .detail > h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: 600;
}
.booking-form {
	width: calc(100% - 360px);
	display: flex;
	justify-content: center;
	margin: 0px;
	padding: 0px;
}
.booking-form .h3-title {
	width: 100%;
	float: left;
	margin: 0px 0px 15px 0px;
	color: #364153;
	font-size: 13px;
	font-weight: 600;
}
.booking-form .booking-form-container {
	max-width: 660px;
	margin: 0px;
	padding: 30px 30px;
}
.booking-form .form-group > label {
	font-weight: normal;
	font-size: 13px;
}
.booking-form .form-control-feedback {
	color: #99a1af;
	height: 40px;
	line-height: 40px;
}
.booking-form .form-control {
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding: 6px 15px;
	border-radius: 8px;
}
.booking-form .form-control:focus {
	border-color: #ff6900;
  outline: 0;
}
.booking-form textarea.form-control {
  height: auto;
}
.booking-form .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 8px;
}
.booking-form .select2-container .select2-selection--single {
  height: 40px;
}
.booking-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 40px;
}
.booking-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
}
.booking-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.booking-form .dsply-radio-btn {
	width: 180px;
	display: flex;
	justify-content: flex-start;
	padding: 6px 12px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.booking-form .dsply-radio:hover {
	background: #fefce8;
	border: 1px solid #ddd;
}
.booking-form .dsply-radio-btn > input[type="radio"] {
	margin: 0px;
}
.booking-form .dsply-radio-btn .label-text {
	width: 100%;
	display: flex;
	align-items: center;
	margin: 0px 0px;
	padding: 0px;
}
.booking-form .dsply-radio-btn .label-text div.icon {
	width: 40px;
	margin: 0px 0px;
	padding: 0px;
	text-align: center;
}
.booking-form .dsply-radio-btn .label-text div.icon > i {
	color: #737373;
	font-size: 24px;
	text-align: center;
}
.booking-form .dsply-radio-btn .label-text div.info {
	margin: 0px 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
}
.booking-form .dsply-radio-btn ~ input[type="radio"]:checked {
	border: 1px solid #333;
	border-radius: 5px;
	background-color: #93e026;
}
.booking-form .choose-address {
	color: #f54900;
	float: right;
	font-size: 12px;
	padding: 2px 8px;
	border: 1px solid #ff8904;
	border-radius: 6px;
}
.booking-form .skip-btn {
	color: #525252;
	float: right;
	font-size: 12px;
	line-height: 14px;
	padding: 2px 8px;
	border: 1px solid #d4d4d4;
	border-radius: 6px;
}
.booking-form .group-pandit {
	width: 100%;
	display: flex;
	flex-direction: row;
	min-height: 100px;
	border: 1px solid #ddd;
	border-radius: 12px;
	margin: 0px 0px 0px 0px;
	padding: 12px;
	gap: 25px;
}
.booking-form .group-pandit .pandit-pfp {
	width: 72px;
	height: 72px;
	display: inline-block;
	float: left;
	align-items: center;
	justify-content: cener;
	border-radius: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #f4f4f4;
}
.booking-form .pandit-pfp img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
}
.booking-form .pandit-rcol {
	width: calc(100% - 230px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0px;
}
.booking-form .pandit-desc {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.booking-form .pandit-desc .name {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
}
.booking-form .pandit-desc .exp {
	width: 60%;
	min-height: 15px;
	font-size: 13px;
}
.booking-form .pandit-action {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.booking-form .pandit-action > a {
	font-size: 12px;
	color: #f54900;
	border: 1px solid #ff8904;
	border-radius: 50px;
	padding: 3px 15px;
}
.booking-form .pandit-action > a:hover {
	color: #f54900;
	border: 1px solid #ff8904;
	border-radius: 50px;
	padding: 3px 15px;
}
.booking-form .pandit-price {
	width: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.booking-form .pandit-price > .labeltxt {
	width: 100%;
	display: flex;
	justify-content: center;
	min-height: 20px;
	font-size: 12px;
}
.booking-form .pandit-price > .price {
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
}
.booking-form .pandit-desc > .name.skleton,
.booking-form .pandit-desc > .exp.skleton,
.booking-form .pandit-price > .labeltxt.skleton,
.booking-form .pandit-price > .price.skleton {
	background: #f5f5f5;
	border-radius: 25px;
}
.booking-form .pandit-desc > .name.skleton {
	min-height: 22px;
}
.booking-form .pandit-desc > .exp.skleton {
	min-height: 15px;
}
.booking-form .pandit-price > .labeltxt.skleton {
	min-height: 15px;
}
.booking-form .pandit-price > .price.skleton {
	min-height: 30px;
}
.booking-form .group-pandit-error {
	color: #e7000b;
	font-size: 13px;
	animation: horizontal-shaking 0.35s 2s;
}
.booking-form .group-samagri {
	width: 100%;
	display: flex;
	flex-direction: row;
	min-height: 100px;
	border: 1px solid #ddd;
	border-radius: 12px;
	margin: 0px 0px 0px 0px;
	padding: 12px;
	gap: 25px;
}
.booking-form .group-samagri .samagri-img {
	width: 72px;
	height: 72px;
	align-items: center;
	justify-content: cener;
	border-radius: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.booking-form .samagri-img img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
}
.booking-form .samagri-rcol {
	width: calc(100% - 230px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0px;
}
.booking-form .samagri-desc {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.booking-form .samagri-desc .name {
	width: 100%;
	min-height: 20px;
}
.booking-form .samagri-desc .exp {
	width: 60%;
	min-height: 15px;
}
.booking-form .samagri-action {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.booking-form .samagri-action > a {
	font-size: 12px;
	color: #f54900;
	border: 1px solid #ff8904;
	border-radius: 50px;
	padding: 3px 15px;
}
.booking-form .samagri-action > a:hover {
	color: #f54900;
	border: 1px solid #ff8904;
	border-radius: 50px;
	padding: 3px 15px;
}
.booking-form .samagri-price {
	width: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.booking-form .samagri-price > .labeltxt {
	width: 100%;
	display: flex;
	justify-content: center;
	min-height: 20px;
	font-size: 12px;
}

.booking-form .samagri-price > .price {
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
}
.booking-form .samagri-desc > .name.skleton,
.booking-form .samagri-desc > .exp.skleton,
.booking-form .samagri-price > .labeltxt.skleton,
.booking-form .samagri-price > .price.skleton {
	background: #f5f5f5;
	border-radius: 25px;
}
.booking-form .samagri-desc > .name.skleton {
	min-height: 22px;
}
.booking-form .samagri-desc > .exp.skleton {
	min-height: 15px;
}
.booking-form .samagri-price > .labeltxt.skleton {
	min-height: 15px;
}
.booking-form .samagri-price > .price.skleton {
	min-height: 30px;
}
.booking-form .group-samagri-error {
	color: #e7000b;
	font-size: 13px;
	animation: horizontal-shaking 0.35s 2s;
}
.booking-form .group-barber {
	width: 100%;
	display: flex;
	flex-direction: row;
	min-height: 100px;
	border: 1px solid #ddd;
	border-radius: 12px;
	margin: 0px 0px 0px 0px;
	padding: 12px;
	gap: 25px;
}
.booking-form .group-barber .barber-pfp {
	width: 72px;
	height: 72px;
	align-items: center;
	justify-content: cener;
	border-radius: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.booking-form .barber-pfp img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
}
.booking-form .barber-rcol {
	width: calc(100% - 230px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0px;
}
.booking-form .barber-desc {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.booking-form .barber-desc .name {
	width: 100%;
	min-height: 20px;
}
.booking-form .barber-desc .exp {
	width: 60%;
	min-height: 15px;
}
.booking-form .barber-action {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.booking-form .barber-action a {
	font-size: 12px;
	color: #f54900;
	border: 1px solid #ff8904;
	border-radius: 50px;
	padding: 3px 15px;
}
.booking-form .barber-action > a:hover {
	color: #f54900;
	border: 1px solid #ff8904;
	border-radius: 50px;
	padding: 3px 15px;
}
.booking-form .barber-price {
	width: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.booking-form .barber-price > .labeltxt {
	width: 100%;
	display: flex;
	justify-content: center;
	min-height: 20px;
	font-size: 12px;
}
.booking-form .barber-price > .price {
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
}
.booking-form .barber-desc > .name.skleton,
.booking-form .barber-desc > .exp.skleton,
.booking-form .barber-price > .labeltxt.skleton,
.booking-form .barber-price > .price.skleton {
	background: #f5f5f5;
	border-radius: 25px;
}
.booking-form .barber-desc > .name.skleton {
	min-height: 22px;
}
.booking-form .barber-desc > .exp.skleton {
	min-height: 15px;
}
.booking-form .barber-price > .labeltxt.skleton {
	min-height: 15px;
}
.booking-form .barber-price > .price.skleton {
	min-height: 30px;
}
.booking-form .group-barber-error {
	color: #e7000b;
	font-size: 13px;
	animation: horizontal-shaking 0.35s 2s;
}
@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(10px) }
 50% { transform: translateX(-10px) }
 75% { transform: translateX(10px) }
 100% { transform: translateX(0) }
}
.booking-form .button-continue {
	padding: 8px 20px;
	border: 1px solid #f54900;
	background: #f54900;
	border-radius: 10px;
	color: #ffffff;
}
.pandit-modal,
.barber-modal {
	height: 400px;
	overflow: auto;
}
.pandit-list {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.pandit-list .pandit-list-info {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 15px 0px;
	border-bottom: 1px solid #ddd;
}
.pandit-list .pandit-list-info .pb-pfp {
	width: 80px;
	float: left;
	margin-right: 25px;
}
.pandit-list .pandit-list-info .pb-info {
	width: calc(100% - 250px);
	float: left;
	margin: 0px;
	padding: 0px;
}
.pandit-list .pandit-list-info .pb-info p {
	margin-bottom: 0px!important;
}
.pandit-list .pandit-list-info .pb-info .rating {
	font-size: 13px;
}
.pandit-list .pandit-list-info .pb-info a {
	font-size: 13px;
	font-weight: 500;
	margin:10px 0px 0px 0px;
	color: #0084d1;
}
.star-on {
	color: #ffb900;
}
.star-off {
	color: #cad5e2;
}
.pandit-list .pandit-list-info .pb-price {
	width: 120px;
	float: right;
}
.pandit-list .pandit-list-info .pb-price .amount {	
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.7px;
	margin-bottom: 10px;
}

.samagri-modalx {
	width: 100%;
	display: flex;
	margin: 0px;
	padding: 15px 0px;
}
.samagri-modal .smg-thumb {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.samagri-modal .smg-info {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.samagri-modal .smg-info > .smg-excerpt {
	display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.samagri-modal .smg-va-opt {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 15px;
}
.samagri-modal .smg-va-opt > .pv-box {
	width: 24%;
	display: flex;
	flex-direction: column;
	gap: 0px;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 5px 10px;
}
.samagri-modal .smg-va-opt > .pv-box > label {
	font-weight: 500;
}
.samagri-modal .smg-va-opt > .pv-box > .pv-price {
	display: flex;
	padding-left: 12px;
	font-size: 18px;
	font-weight: 600;
	color: #f54900;
}
.samagri-modal .smg-va-opt > .pv-box > .pv-price > span {
	float:left;
}
.samagri-modal .smg-va-opt > .pv-box > .pv-price > .sv_price {
	width: 100%;
	display: flex;
	border: 0px;
	padding: 0px;
	margin: 0px;
	line-height: inherit;
}
.samagri-modal .smg-va-tbl {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 15px;
}
.samagri-modal .smg-va-tbl > .qty-input {
	display: flex;
	flex-direction: row;
	border: 1px solid #ddd;
	border-radius: 8px;
}
.samagri-modal .smg-va-tbl > .qty-input button {
	width: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: none;
}
.samagri-modal .smg-va-tbl > .qty-input input {
	width: 80px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: center;
}
.samagri-modal .smg-va-tbl > .va-total {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: right;
}
.samagri-modal .smg-va-tbl > .va-total input {	
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: right;
}
.samagri-modal .smg-va-btn {	
	width: 100%;
	display: flex;
	padding: 0px;
	margin: 0px;
}
.samagri-modal .radio-btn {
	width: 120px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ddd;
	border-radius: 12px;
}
.pandit-list .pandit-list-info .pb-info p {
	margin-bottom: 0px!important;
}
.pandit-list .pandit-list-info .pb-info .rating {
	font-size: 13px;
}
.pandit-list .pandit-list-info .pb-info a {
	font-size: 13px;
	font-weight: 500;
	margin:10px 0px 0px 0px;
	color: #0084d1;
}





/* Cart Page */
.cart-row {
	display: flex;
	width: 100%;
	max-width: 100%;
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
}
.booking-cart-box input[type="checkbox"] {
	margin: 0px;
}
.booking-cart-box {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 20px;
	position: relative;
}
.booking-cart-info {
	width: 65%;
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd;
	border-radius: 10px;
}
.booking-cart-puja {
	display: flex;
	padding: 15px;
	border-bottom: 1px solid #ddd;
	gap: 15px;
}
.booking-cart-puja > .thumb {
	width: 120px;
}
.booking-cart-puja > .title {
}
.booking-cart-puja-list {
	padding: 15px;
	border-bottom: 1px solid #ddd;
}
.cart-row.puja-info {
	gap: 15px;
	padding: 15px;
}
.cart-row.puja-info > .thumb {
	width: 120px;
}
.cart-row.puja-info > .thumb > img {
	max-width: 100%;
	border-radius: 8px;
}
.cart-row.puja-info > .title {
	width: calc(100% - 150px);
}
.cart-row.puja-info > .title > h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: 600;
}
.cart-row.puja-info > .title > .remove {
	float: left;
	margin: 5px 15px 0px 0px;
	padding: 2px 15px;
	border: 1px solid #e7000b;
	color: #e7000b;
	border-radius: 25px;
	font-size: 12px;
	cursor: pointer;
}
.cart-row.date-time {
	width: 100%;
	flex-wrap: wrap;
	margin: 0px 0px 0px 0px;
	color: #364153;
}
.cart-row.date-time .h3-title {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	color: #364153;
}
.cart-row.date-time .h3-title > span {
	color: #364153;
	font-weight: 600;
}
.cart-row.address {
	display: flex;
	flex-direction: column;
	margin: 0px 0px;
}
.cart-row.address .h3-title {
	width: 100%;
	display: flex;
	margin: 0px 0px 5px 0px;
	color: #364153;
}
.cart-row.pandit {
	gap: 15px;
	padding: 15px;
}
.cart-row.pandit > .thumb {
	width: 80px;
	height: 80px;
}
.cart-row.pandit > .thumb > img {
	max-width: 100%;
	height: 80px;
	border-radius: 50%;
}
.cart-row.pandit > .thumb > img.img-samagri {
	border-radius: 8px;
}
.cart-row.pandit > .desc {
	width: calc(77% - 120px);
	height: 100%;
}
.cart-row.pandit > .desc > .info {
	display: flex;
	margin: 0px 0px;
	padding: 0px;
}
.cart-row.pandit > .desc > .title {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 0px 0px;
	padding: 0px;
}
.cart-row.pandit > .desc > h3 {
	margin: 5px 0px;
	font-size: 18px;
	font-weight: 600;
}
.cart-row.pandit > .desc > p {
	margin-bottom: 0px;
}
.cart-row.pandit > .desc > .remove {
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 15px;
	border: 1px solid #e7000b;
	color: #e7000b;
	border-radius: 25px;
	font-size: 12px;
	cursor: pointer;
}
.cart-row.pandit > .price {
	width: 23%;
	margin: 0px 0px;
	padding: 0px;
	justify-content: flex-end;
	text-align: right;
	justify-content: center; /* Horizontal center */
  align-items: center;     /* Vertical center */
}
.cart-row.pandit > .price > h3 {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: 600;
	color: #f54900;
}
.cart-row.pandit > .desc > .cash-app {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	gap: 10px
}
.cart-row.coupon {
	border-bottom: 0px;
	gap: 15px;
	padding: 25px 15px;
}
.cart-row.coupon .label-text {
	line-height: 24px;
	padding: 6px 12px;
}
.cart-row.coupon .label-text > i {
	font-size: 20px;
	color: #0084d1;
}
.cart-row.coupon input {
	border: 1px solid #ddd;
	border-radius: 8px;
	line-height: 24px;
	padding: 6px 12px;
}
.cart-row.coupon button {
	border: 1px solid #00a63e;
	background: #00a63e;
	color: #ffffff;
	border-radius: 8px;
	line-height: 24px;
	padding: 6px 12px;
}
.cart-row.coupon button.remove {
	border: 1px solid #e7000b;
	background: #ffffff;
	color: #e7000b;
	border-radius: 8px;
	line-height: 24px;
	padding: 6px 12px;
}
.cart-row.billing-summary {
	gap: 0px;
	padding: 15px 15px;
	flex-direction: column;
}
.cart-row.billing-summary h3 {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	font-size: 18px;
}
.cart-row.billing-summary p {
	margin-bottom: 5px;
}
.cart-row.order-summary {
	border-bottom: 0px;
	gap: 0px;
	padding: 15px 15px;
	flex-direction: column;
}
.cart-row.order-summary h3 {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	font-size: 18px;
}
.cart-row.order-summary p {
	margin-bottom: 5px;
}
.cart-row.auth {
	border-bottom: 0px;
	gap: 5px;
	padding: 25px 15px;
	flex-direction: column;
	text-align: center;
}

.booking-cart-price {
	width: 33%;
	float: left;
	position: sticky;
	top: 0;
	height: fit-content;
}
.cart-payment-summary {
	width: 100%;
	float: left;
	border-radius: 10px;
	border: 1px solid #ddd;
}
.cart-payment-summary > .heading {
	width: 100%;
	float: left;
	padding: 10px 15px;
	margin: 0px;
	font-weight: 700;
	border-bottom: 1px solid #ddd;
}
.cart-payment-summary > .payment-line {
	width: 100%;
	float: left;
	padding: 8px 15px;
	margin: 0px;
	font-weight: 400;
}
.cart-payment-summary > .payment-line > span {
	float: right;
	padding: 0px;
	margin: 0px;
	font-weight: 500;
}
.cart-payment-summary > .payment-line.sub-total {	
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.cart-payment-summary > .payment-line.amount-pay {	
	border-top: 1px solid #ddd;
	padding: 10px 15px;
	background: #fefce8;
}
.cart-payment-summary > .paynow {
	width: 100%;
	float: left;
	padding: 10px 15px;
	margin: 0px;
	border-top: 1px solid #ddd;
}
.cart-payment-summary .button-continue {
	padding: 8px 20px;
	border: 1px solid #f54900;
	background: #f54900;
	border-radius: 10px;
	color: #ffffff;
}
.ajax-validate-error {
	color: #e7000b;
	font-size: 13px;
	animation: horizontal-shaking 0.35s 2s;
}
i.fw-24 {
 	width: 24px;
	text-align: center;
}
.ml-25 {
	margin-left: 25px!important;
}
.mb-5 {
	margin-bottom: 5px!important;
}
@media (max-width: 540px) {
  
	.booking-info {
		width: 100%;
		border-right: 0px solid #ddd;
	}
	.booking-form {
		width: 100%;
	}
	.booking-form .booking-form-container {
		max-width: 100%;
		margin: 0px;
		padding: 15px 15px;
	}
	.booking-form .group-pandit {
		padding: 8px;
		gap: 8px;
	}
	.booking-form .pandit-rcol {
		width: calc(100% - 150px);
	}
	.booking-form .pandit-desc .name {
		width: 100%;
		font-size: 14px;
		font-weight: 500;
	}
	.booking-form .pandit-action > a {
		white-space: nowrap;
		font-size: 12px;
		padding: 2px 6px;
	}
	.booking-form .pandit-action > a:hover {
		padding: 2px 6px;
	}
	.booking-form .pandit-price {
		width: 100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}
	.booking-form .pandit-price > .price {
		font-size: 14px;
		font-weight: bold;
	}
	.booking-form .group-samagri {
		padding: 8px;
		gap: 8px;
	}
	.booking-form .samagri-rcol {
		width: calc(100% - 150px);
	}
	.booking-form .samagri-desc .name {
		width: 100%;
		font-size: 14px;
		font-weight: 500;
	}
	.booking-form .samagri-desc .exp {
		width: 100%;
		font-size: 12px;
	}
	.booking-form .samagri-price {
		width: 100px;
		gap: 8px;
	}
	.booking-form .samagri-price > .price {
		font-size: 14px;
		font-weight: bold;
	}
	.booking-form .samagri-action > a {
		white-space: nowrap;
		font-size: 12px;
		padding: 2px 6px;
	}
	.booking-form .samagri-action > a:hover {
		padding: 2px 6px;
	}
	.booking-form .group-barber {
		padding: 8px;
		gap: 8px;
	}
	.booking-form .barber-rcol {
		width: calc(100% - 150px);
	}
	.booking-form .barber-desc .name {
		width: 100%;
		font-size: 14px;
		font-weight: 500;
	}
	.booking-form .barber-price {
		width: 100px;
		gap: 8px;
	}
	.booking-form .barber-price > .price {
		font-size: 14px;
		font-weight: bold;
	}
	.booking-form .barber-action > a {
		white-space: nowrap;
		font-size: 12px;
		padding: 2px 6px;
	}
	.booking-form .barber-action > a:hover {
		padding: 2px 6px;
	}
	.booking-cart-box {
    flex-direction: column;
  }
	.booking-cart-info {
		width: 100%;
	}
	.cart-row.puja-info > .title > h3 {
		margin: 0px 0px 5px 0px;
		padding: 0px;
		font-size: 14px;
		font-weight: 600;
	}
	.cart-row.puja-info > .title > p {
		margin: 0px 0px 5px 0px;
		font-size: 14px;
	}
	.cart-row.pandit {
		gap: 8px;
		padding: 10px;
	}
	.cart-row.pandit > .desc {
		width: calc(77% - 90px);
		height: 100%;
	}
	.cart-row.pandit > .desc > h3 {
		margin: 5px 0px;
		font-size: 14px;
		font-weight: 600;
	}
	.cart-row.pandit > .desc > p {
		margin-bottom: 0px;
		font-size: 12px;
	}
	.cart-row.pandit > .price {
		width: 23%;
		margin: 0px 0px;
		padding: 0px;
		justify-content: flex-end;
		text-align: right;
		justify-content: center; /* Horizontal center */
		align-items: center;     /* Vertical center */
	}
	.cart-row.pandit > .price > h3 {
		margin: 5px 0px 10px 0px;
		padding: 0px;
		font-size: 16px;
		font-weight: 600;
		color: #f54900;
	}
	.cart-row.coupon {
		flex-direction: column;
		gap: 8px;
	}
	.booking-cart-price {
		width: 100%;
	}
	
}

