@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&family=Roboto:wght@400;500;700&display=swap');

body {
	font-family: roboto;
}

/*google fonts icon */
.material-symbols-rounded {
	font-family: 'Material Symbols Rounded' !important;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
}

/* ends here */
body.login {
	background: #E8E4DF;
}

.login-head {
	background: #F5F5F5;
}

.head.login-head {
	padding: 04px 0px;
	position: relative;
}

.login-acc {
	column-gap: 15px;
	display: flex;
	align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
table,
label,
a,
input,
p,
span {
	font-family: roboto !important;
}

.logo-img {
	max-width: 12%;
}

.head {
	padding: 28px 0px;
}

.hdr-div {
	width: 90%;
	margin: auto;
	display: flex;
	align-items: center;
}

.content-sec {
	padding: 40px 15px 45px 15px;
	min-height: calc(100vh - 174px);
}

.detail-acc {
	display: flex;
	flex-direction: column;
}

header .hdr-div a.navbar-brand:hover {
	text-decoration: none;
}

header .hdr-div .navbar-brand .detail-acc {
	color: #504346;
}

header .hdr-div .navbar-brand .detail-acc p {
	font-weight: 700;
}

header .hdr-div .navbar-brand .detail-acc {
	font-weight: 500;
	padding-top: 10px;
}

.detail-acc span {
	margin: 0px;
	font-size: 11px;
	font-weight: 400;
}

.detail-acc p {
	font-size: 13px;
	margin: 0px;
	font-weight: 600;
}

.head .logo {
	max-width: 200px;
	height: auto;
	width: 100%;
}

.navbar-li {
	justify-content: space-between;
	display: flex;
	width: 100%;
	/*column-gap: 50px;*/
}

.navbar-li li a img.li-img {
	max-height: 22px;
	max-width: 22px;
}

.navbar-li li a.active img.li-img {
	max-height: 22px;
	max-width: 22px;
}

.navbar-li li a.active {
	color: #45A735 !important;
}

.navbar-li li a {
	font-size: 18px;
	font-family: 'Maven Pro';
	font-weight: 700;
	color: #504346;
	display: flex;
	align-items: center;
	column-gap: 5px;
}

.step-btns .icon-btn.active span.material-symbols-rounded {
	color: #fff;
}

.footer {
	padding: 25px 0px 25px 0px;
	/* background:  url(../../images/footer-color.svg) #e8e4df no-repeat; */
	background-color: #e8e4df;
	background-position: bottom;
	background-size: contain;
}

.colored_line {
	padding: 25px 0px 10px 0px;
	background: url(../../images/footer-color.svg) #e8e4df no-repeat;
	background-color: #e8e4df;
	background-position: bottom;
	background-size: contain;

}

.footer._ssl_login .container .row {
	align-items: center;
}

.footer .ssl-div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

.footer img.ssl-img {
	max-width: 12px;
	width: 100%;
	height: auto;
}

.footer img.ssl-img1 {
	max-width: 22px;
	width: 100%;
	height: auto;
}

.footer img.ssl-img2 {
	max-width: 17px;
	width: 100%;
	height: auto;
}

.footer .ssl-div p {
	margin: 0px;
	font-weight: 700;
	font-size: 13px;
	color: #504346;
}

.footer .contact {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
	margin-top: 0px;
}

.footer .contact a.footer-link {
	color: #504346;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.footer .social-links {
	display: flex;
	gap: 10px;
	justify-content: end;
}

.footer .social-links a {
	display: flex;
	align-items: center;
}

.footer .social-links i {
	font-size: 16px;
}

/* login css starts here */
.login.login-form-bckg {
	background: url('../images/login-bckg.png') rgb(232 228 223) no-repeat;
	background-size: 246px;
	background-position: 95% 80%;
}

.login-form {
	max-width: 34%;
	margin: 0px auto;
	padding: 50px 0px;
}

.login-div {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
}

.login-heading {
	background: #F6F6F6;
	padding: 45px 20px 26px 20px;
	text-align: center;
	position: relative;
	width: 100%;
	border-radius: 5px 5px 0px 0px;
}

.login-div img.login-img {
	position: absolute;
	top: -38px;
	left: 42%;
	right: auto;
	max-width: 70px;
}

.login-heading h3 {
	color: #504346;
	font-size: 24px;
	font-family: 'Roboto';
	margin: 0px;
	font-weight: 400;
}

.login .form {
	padding: 30px 30px 35px;
	display: flex;
	flex-direction: column;
	row-gap: 25px;
}

.form-div label.form-label,
.form-div label.form-check-label {
	color: #504346;
	font-family: 'Roboto';
	font-size: 13px;
	font-weight: 500;
}

.form-div .form-control {
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	font-size: 15px;
	padding: 10px;
	color: #AFACA2;
}

.form button.submit-btn {
	background: transparent linear-gradient(179deg, #39B54A 0%, #25A638 100%) 0% 0% no-repeat padding-box;
	border: none;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 600;
	/* font-family: 'Maven Pro'; */
	margin: 8px 0px 0px;
	color: #fff;
	border-radius: 4px;
}

.form button.submit-btn:active {
	color: #fff;
}

.form-div .form-control:focus {
	box-shadow: none;
}

p.text-line {
	text-align: center;
	display: flex;
	align-items: center;
	font-family: 'Roboto';
	justify-content: center;
	font-weight: 500;
	color: #504346;
	width: 100%;
	white-space: nowrap;
	position: relative;
	font-size: 14px;
	margin: 0px;
}

p.text-line:before,
p.text-line:after {
	content: '';
	width: 38%;
	height: auto;
	border-top: 1px solid #E8E4DF;
	position: absolute;
}

p.text-line:before {
	left: -50px;
}

p.text-line:after {
	right: -50px;
}

.fb-check-div {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.fb-check-div img.fb-img {
	max-width: 60px;
}

.form-div input.form-check-input {
	box-shadow: inset 1px 1px 8px #00000029;
	border: 1px solid #B9B9B9;
	border-radius: 5px;
	margin: 0px 10px 0px 0px;
}

.login-bottom-links {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	padding: 20px 0px;
}

.login-bottom-links a {
	text-decoration: none;
	font-size: 14px;
	font-family: 'Roboto';
	font-weight: 500;
}

.login-bottom-links a .sign-up1 {
	text-decoration: underline;
}

.login-bottom-links a.register-link {
	color: #25A638;
}

.login-bottom-links a.forget-link {
	color: #A3A3A3;
	font-weight: 400;
}

.form-div .form-control:focus {
	border: 1px solid #25A638;
}

/* login css ends here */
/* register css starts here */
.login.register-form-bckg {
	background: url('../images/register-bckg.png') rgb(232 228 223) no-repeat;
	background-size: 190px;
	background-position: 95% 80%;
}

.register-container {
	position: relative;
	width: 58.7%;
	/* height: 560px; */
	height: 535px;
	margin: 30px auto;
	display: flex;
	background: #fff;
	border-radius: 4px;
	padding: 30px 60px 30px 30px;
	align-items: baseline;
	gap: 20px;
}

table.step-table td a {
	margin-right: 5px;
}

.register-container .arrow-div,
.add-user-body .arrow-div,
.form-box .arrow-div {
	position: relative;
	padding: 13px 15px;
	background: transparent linear-gradient(180deg, #39B54A 0%, #25A638 100%) 0% 0% no-repeat padding-box;
	border-radius: 50px;
}

.register-container .arrow-div i,
.add-user-body .arrow-div i {
	font-size: 20px;
	color: #fff;
}

.form-box .arrow-div {
	font-size: 20px;
	color: #fff;
	padding: 15px;
}

.register-container .top-header {
	position: relative;
	display: inline-block;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: fit-content;
	z-index: 10;
	top: 0;
	left: 0;
}

.register-container .top-header .indicator {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-left: 15px;
	background-color: #D7D5D1;
}

.register-container .top-header .indicator &:first-of-type {
	margin-left: 0;
}

.register-container .content {
	box-sizing: border-box;
	overflow: hidden;
	z-index: 5;
	display: block;
	position: absolute;
	background: white;
	color: grey;
	/* height: 470px; */
	height: 445px;
	top: 30px;
	padding: 0px 40px 20px 20px;
	width: 100%;
}

.alert-success p.alert-msg {
	line-height: 24px;
	margin-bottom: 5px;
}

.content.message_box_content .alert.alert-success {
	background-color: #E0F8E2;
	border-color: #25A639;
}

.content.message_box_content .alert.alert-success b {
	color: #25A638;
}

.register-container .content .content__box {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 1000px;
	/* padding: 10px; */
	padding: 0px 60px 20px 20px;
	top: 0;
}

.content {
	.content__box {
		&.visible__no-animation {
			right: 0;
		}

		&.slide-in {
			animation: slide-in 500ms ease-in-out forwards;
		}

		&.slide-out {
			animation: slide-out 500ms ease-in-out forwards;
		}
	}
}

.register-container .content .content__box .title {
	position: relative;
	color: #504346;
}

.register-container .content .content__box .title h5 {
	/* text-transform: capitalize; */
	/* font-family: 'Maven Pro'; */
	/* font-size: 28px; */
	font-size: 25px;
}

.register-container .content .content__box .title p {
	font-size: 16px;
	margin-top: 12px;
	font-family: 'Roboto';
	max-width: 91%;
}

.register-container .content .content__box .description {
	margin-bottom: 10px;
}

.register-container .top-header span.indicator.active {
	background-color: #25A638;
}

@keyframes slide-in {
	0% {
		right: 1000px;
	}

	100% {
		right: 0;
	}
}

@keyframes slide-out {
	0% {
		left: 0;
	}

	100% {
		left: 1000px;
	}
}

.contact-infodiv {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	gap: 22px;
}

button.continue-btn,
.cmn-btn {
	background: transparent linear-gradient(179deg, #39B54A 0%, #25A638 100%) 0% 0% no-repeat padding-box;
	border: none;
	padding: 10px 40px;
	font-size: 14px;
	font-weight: 500;
	/* font-family: 'Maven Pro'; */
	margin: 8px 0px 0px;
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
}

.cmn-btn {
	width: 100%;
}

.form-btn-div {
	text-align: end;
	/* padding-top:35px; */
	padding-top: 25px;
	/* display: flex; justify-content: space-between; */
}

.form-btn-div.last-div-btn {
	text-align: end;
	padding-top: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.step-2 .form-div {
	margin-top: 20px;
}

.contact-infodiv .form-group {
	width: 50%;
}

button.add-new-user-btn,
button.add-new-user-btn:hover,
button.add-new-user-btn:active {
	background: #FAB409;
	border: none;
	padding: 10px 40px;
	font-size: 14px;
	font-weight: 500;
	/* font-family: 'Maven Pro'; */
	margin: 8px 0px 0px;
	color: #fff;
	border-radius: 4px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.step-table {
	width: 100%;
}

.step-table thead {
	border: 1px solid #AFACA380;
	background: #F5F5F5;
}

.step-table thead th {
	color: #AFACA3;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 10px;
}

.step-table tbody tr {
	border: 1px solid #E8E4DF;
	color: #6A6466;
}

.step-table tbody tr td {
	font-size: 14px;
	font-weight: 500;
	padding: 20px 10px;
	font-family: 'Roboto';
	color: #6A6466;
}

.actions-btn a {
	color: #6A6466;
	font-size: 14px;
	padding-right: 7px;
}

.verify-otp1 {
	text-transform: capitalize;
	font-size: 25px;
	color: #504346;
}

.resend-otp {
	background: #FAB409;
	border: none;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 500;
	/* font-family: 'Maven Pro'; */
	margin: 8px 0px 0px;
	color: #fff;
	border-radius: 4px;
}

.add-new-user-btn i {
	font-size: 10px;
}

.add-user-body {
	width: 100%;
	margin: 30px auto;
	display: flex;
	background: #fff;
	border-radius: 4px;
	padding: 30px 60px 30px 30px;
	align-items: baseline;
	gap: 20px;
	flex-direction: row;
}

.step-btns .icon-btn.active img.slider-icon {
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(225deg) brightness(300%) contrast(106%);
}

.add-user-body button.btn-close {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 12px;
	padding: 10px 12px;
	color: #504346;
	opacity: 1;
}

.add-user-body button.btn-close:focus {
	box-shadow: none;
}

.step-form-body .form-div {
	margin-top: 15px;
	padding-left: 0px;
}

.popup-content .form-btn-div {
	padding: 0px;
	width: 100%;
}

.popup-content .form-btn-div button.continue-btn {
	width: 100%;
}

.form-div select.form-select {
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%) 0% 0% no-repeat padding-box;
	/* background: transparent linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%) 0 0 no-repeat padding-box; */
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23AFACA3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat, linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
	background-size: 9px;
	background-position: right 0.55rem center;
	width: 100%;
}

.form-div select.form-select:focus {
	box-shadow: none;
	border-color: #25A638;
}

.popup-content p {
	font-size: 13px;
	font-weight: 500;
	word-wrap: break-word;
}

.popup-content label.form-check-label {
	font-weight: 400;
}

.popup-content .state-error p {
	border: 1px solid #ED1C24;
	/* background: #ED1C2426;*/
	background: rgb(237 28 36 / 6%);
	border-radius: 2px;
	padding: 10px 12px;
	margin-top: 15px;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto';
}

.popup-content .state-error p span {
	color: #ED1C24;
	display: block;
	font-weight: 700;
	font-size: 14px;
}

.register_page1 {
	max-width: 800px;
}

/* .new-parent-happy .fix_hit_scroll_card {
	max-height: 750px;
	min-height: fit-content !important;
}
.new-parent-happy .fix_hit_card_2{
	max-height: 750px;
	min-height: fit-content !important;
} */

.hit_scroll_cards .fix_hit_card_2 {
	max-height: 750px;
	min-height: 700px;

}

.hit_scroll_cards .fix_hit_scroll_card {
	max-height: 750px;
	min-height: 700px;
}

@media screen and (min-width: 1400px) {
	.hit_scroll_cards .fix_hit_scroll_card {
		max-height: 750px;
		min-height: 580px !important;
	}

	.hit_scroll_cards .fix_hit_card_2 {
		max-height: 750px;
		min-height: 580px !important;
	}
}

@media screen and (max-width: 991px) {
	.hit_scroll_cards .fix_hit_scroll_card {
		max-height: 750px;
		min-height: fit-content !important;
	}

	.hit_scroll_cards .fix_hit_card_2 {
		max-height: 750px;
		min-height: fit-content !important;
	}

}

@media screen and(min-width: 1300px) and (max-width: 1400px) {
	.hit_scroll_cards .fix_hit_scroll_card {
		max-height: 750px;
		min-height: 700px !important;
	}

	.hit_scroll_cards .fix_hit_card_2 {
		max-height: 750px;
		min-height: 700px !important;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
	.hit_scroll_cards .fix_hit_scroll_card {
		max-height: 750px;
		min-height: 700px !important;
	}

	.hit_scroll_cards .fix_hit_card_2 {
		max-height: 750px;
		min-height: 700px !important;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
	.hit_scroll_cards .fix_hit_scroll_card {
		max-height: 750px;
		min-height: 750px !important;
	}

	.hit_scroll_cards .fix_hit_card_2 {
		max-height: 750px;
		min-height: 700px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
	.hit_scroll_cards .fix_hit_scroll_card {
		max-height: 750px;
		min-height: 750px !important;
	}

	.hit_scroll_cards .fix_hit_card_2 {
		max-height: 750px;
		min-height: 700px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.hit_scroll_cards .fix_hit_scroll_card {
		max-height: 750px;
		min-height: fit-content !important;
	}

	.hit_scroll_cards .fix_hit_card_2 {
		max-height: 750px;
		min-height: fit-content !important;
	}
}



.tabs-card .contact-tab .nav-tabs .nav-item:focus-visible {
	outline: unset !important;
}

.page-box1 {
	display: flex;
	justify-content: center;
	min-height: calc(100vh - 198px);
	height: 100%;
	align-items: center;
}

.registerside_space {
	margin: 35px 15px 25px 15px;
}

.sendimg-space {
	margin-bottom: 52px;
}

.welcome-text {
	margin-bottom: 48px;
	min-height: 226px;
}

.lunch-online {
	font-size: 16px;
	font-weight: 600;
	color: #504346;
	margin-bottom: 14px;
}

.welcome-text1 {
	color: #504346;
	font-size: 32px;
	margin-bottom: 2px;
}

#top_up_modal .crss-btn-div .btn-close {
	margin-right: -30px;
}

.school-lunch1 {
	color: #504346;
	font-size: 14px;
	margin: 0px;
}

.buyer-benefits {
	color: #504346;
	font-size: 16px;
	margin: 48px 0px 0px 0px;
	font-weight: 600;
}

.ongoing-payment {
	margin: 16px 0px 0px 0px;
	color: #6A6466;
	font-size: 14px;
}

.fees {
	margin: 0px;
	color: #6A6466;
	font-size: 14px;
}

.text-foot {
	margin-top: 70px;
}

.text-foot a {
	color: #928A8C;
	font-size: 12px;
	text-decoration: none;
}

.text-foot .line-color {
	color: #928A8C;
}

.create-account {
	font-size: 20px;
	color: #504346;
	text-align: center;
	font-weight: 400;
}

.account-space {
	padding: 35px 30px 28px 30px;
	max-width: 390px;
}

.fbbtn {
	font-size: 13px;
	font-weight: 500;
	color: white;
	background: transparent linear-gradient(0deg, #1180D3, #2492E4) no-repeat;
	border-radius: 5px;
	margin: 20px 0px 16px 0px;
	padding: 10px 0px;
}

.emailclass {
	border-top: 1px solid #E8E4DF;
	margin: 0px 0px 8px 0px;
	font-size: 13px;
	font-weight: 500;
	padding-top: 25px;
	color: #504346;
}

.inputFld {
	font-size: 14px;
	color: #AFACA3;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #E8E8E8;
}

.password1 {
	font-size: 13px;
	font-weight: 500;
	color: #504346;
}

.checkbox_1 {
	box-shadow: inset 1px 1px 8px 0px #00000029;
	border: 1px solid #B9B9B9;
	margin-right: 12px;
}

.term-condition {
	font-size: 14px;
	color: #B0B0B0;
}

.term-space {
	display: flex;
	margin: 10px 0px 0px 0px;
}

.signupbtn {
	margin: 28px 0px 0px 0px;
	color: white;
	padding: 14px 0px;
	text-align: center;
	background: transparent linear-gradient(179deg, #39B54A, #25A638) no-repeat;
	font-size: 14px;
	font-weight: 500;
}

.signupbtn:focus {
	color: white;
}

.welcome-message {
	background-color: #F7F7F7;
	border-right: 1px solid #E8E4DF;
	border-radius: 4px 0px 0px 4px;
}

.family-account {
	background: white;
	border-radius: 0px 4px 4px 0px;
}

.send-icon {
	max-width: 55px;
}

.trmcondition {
	text-decoration: underline;
}

/* register css ends here */
/* validation errors css starts */
.form-group-flex {
	position: relative;
	display: flex;
	flex-direction: column;
}

#item_table_body .add_event_modal-fix button {
	margin-right: 41px;
}

.form-group-flex .formError {
	position: relative !important;
	left: 0 !important;
	display: inline-block !important;
	float: left !important;
	clear: both !important;
	margin-top: 0 !important;
	width: 100% !important;
	background: transparent !important;
	top: 0px !important;
	bottom: -13px !important;
	order: 3;
	padding-bottom: 0px;
}

.form-group-flex .formError .formErrorContent {
	background: transparent;
	color: #d0002e;
	padding: 0px;
	border: none;
	width: auto;
	box-shadow: none;
	background-image: none;
}

.form-group-flex .formError .formErrorArrow {
	display: none;
}

.form-group-flex2 .formError .formErrorContent {
	background: transparent;
	color: #d0002e;
	padding: 0px;
	border: none;
	width: auto;
	box-shadow: none;
	background-image: none;
}

.navbar-close {
	display: block;
}

.navbar-content {
	display: flex;
	width: 100%;
}





/* validation errors css ends */
/* Suraj css starts */
.text-heading {
	background-color: #F6F6F6;
}

.text-heading h3 {
	font-size: 27px;
	font-weight: 400;
}

.logo-size {
	position: absolute;
	top: 0px;
}

.banner1 {
	/* background: url('../images/Banner.png') no-repeat; */
	/* background: url('../images/Banner-1111.jpg') no-repeat; */
	background: url('../images/frontend_main_image.jpeg') no-repeat;



	padding: 110px 0px;
	background-size: cover;
}

.banner-content {
	background-color: #ffffffb3;
	max-width: 390px;
	padding: 30px 35px;
	border-radius: 10px;
}

.banner-content h1 {
	font-size: 30px;
	font-weight: 700;
	/* line-height: 42px; */
	max-width: 315px;
	margin: 0;
	/* font-family: maven pro; */
	color: #383838;
}

.register-btn {
	border-radius: 50px;
	background-color: #FB4700;
	color: white;
	border: 0px;
	max-width: 135px;
	width: 100%;
	font-size: 12px;
	font-weight: 600;
	padding: 10px;
	/* font-family: maven pro; */
	margin-top: 20px;
}

.learn-btn {
	border-radius: 50px;
	background: linear-gradient(0.5turn, #39B54A, #25A638);
	color: white;
	border: 0px;
	max-width: 135px;
	width: 100%;
	font-size: 12px;
	font-weight: 600;
	padding: 10px;
	/* font-family: maven pro; */
	margin: 20px 0px 0px 10px;
}

.school-text {
	background-color: #759E09;
	padding: 20px 0px;
}

.school-text1 {
	font-weight: 500;
	font-size: 21px;
	color: white;
	/* font-family: maven pro; */
	line-height: 26px;
}

.school-text1 span {
	font-weight: 600;
}

.school-text2 {
	text-align: end;
}

.signup-btn {
	border-radius: 50px;
	background: white;
	color: #25A638;
	border: 0px;
	max-width: 205px;
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	padding: 10px;
	/* font-family: maven pro; */
}

.winner {
	text-align: center;
	color: #504346;
	/* font-family: maven pro; */
	/* font-size: 30px; */
	font-weight: 700;
	margin-bottom: 30px;
}


/* 
Gourav Garg Intern CSS Changes Start Here
*/
.below-text-responsive {
	display: none;
}
.below-text-responsive2{
	display: block;
}
/* Show only between 990px and 1220px */
@media (min-width: 990px) and (max-width: 1205px) {
	.below-text-responsive {
		display: block;
	}
		.below-text-responsive2 {
			display: none;
		}
}
.img-sect-part .text-side {
	width: 35%;
}

.img-sect-part .img-se-pt {
	width: 65%;
}

.text-below-image {
	font-size: medium !important;
	color: black !important;
	font-weight: normal !important;
}
.HowItWorkslink {
	text-decoration: none;
	color: #51A347;
	font-weight: bold;
}

a#fp_resend_otp:hover {
	color: #25A638;
}

a#fp_resend_otp {
	text-decoration: none;
	color: #000;
}

.winner-banner {
	text-align: center;


}

.innerPageBg .ajax_loading img {
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
	outline: none;
}

.winner-banner h2 {
	text-align: center;
	color: #504346 !important;
	font-size: 24px !important;
}

/*
Gourav Garg Intern CSS Changes End Here
*/
.everyone {
	padding: 60px 0px;
}

.families {
	padding: 20px 20px 35px 20px;
	background-color: #F7F7F7;
	border: 1px solid #D5D5D5;
	border-radius: 5px;
	max-width: 350px;
	width: 100%;
	min-height: 477px;
}

.families1 {
	font-size: 13px;
	font-weight: 600;
	background-color: #2BAA3D;
	border-radius: 8px;
	max-width: 85px;
	color: white;
	text-align: center;
	padding: 4px 10px;
	margin-bottom: 16px;
}

.Happy-families {
	text-align: center;
}

.family-style {
	color: #6A6466;
	font-size: 18px;
	font-weight: 600;
	margin: 25px 0px;
	/* font-family: maven pro; */
}

.family-content {
	color: #6A6466;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
}

.works {
	color: #2BAA3D;
	font-size: 13px;
	font-weight: 600;
	margin: 35px 0px 0px 0px;
}

.family-img {
	max-width: 220px;
}

.supplier-img {
	max-width: 191px;
}

.families2 {
	font-size: 13px;
	font-weight: 600;
	background-color: #FB4700;
	border-radius: 8px;
	max-width: 85px;
	color: white;
	text-align: center;
	padding: 4px 10px;
	margin-bottom: 16px;
}

.families3 {
	font-size: 13px;
	font-weight: 600;
	background-color: #404040;
	border-radius: 8px;
	max-width: 85px;
	color: white;
	text-align: center;
	padding: 4px 10px;
	margin-bottom: 16px;
}

.organised-space {
	padding: 0px 55px;
}

.testimonial {
	background: url('../images/testimonial.png') no-repeat;
	;
	padding: 100px 0px;
	background-size: 100% 100%;
}

.testimonial2 {
	max-width: 530px;
	background-color: white;
	padding: 40px 50px 40px 50px;
	width: 100%;
	min-height: 280px;
}

.testimonial-design {
	text-align: center;
	display: flex;
	justify-content: center;
	min-height: 351px;
}

.carousel-indicators .testimonial-btn {
	border-radius: 100%;
	width: 10px;
	height: 10px;
	background-color: #E4E4E4;
}

.carousel-indicators .testimonial-btn.active {
	border-radius: 100%;
	width: 10px;
	height: 10px;
	background-color: black;
}

.carousel-indicators.carousel-style {
	margin-bottom: 30px;
}

.quote {
	max-width: 40px;
}

.carousel-item.active.carousel-design {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.testimonial-content {
	font-size: 22px;
	color: #808080;
	font-weight: 400;
	margin: 30px 0px 0px 0px;
	line-height: 26px;
}

.testimonial-name {
	color: black;
	font-size: 11px;
	font-weight: 600;
	margin: 15px 0px 30px 0px;
}

.sign-up-school {
	max-width: 160px;
}

.sign-upimg {
	display: flex;
}

.stay-touch {
	padding: 69px 0px;
}

.sign-design {
	color: #504346;
	font-size: 34px;
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	/* font-family: maven pro; */
	max-width: 240px;
	line-height: 35px;
}

.left-side-links h3.sign-design {
	max-width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.administration1.right-side-text-ready {
	color: #504346;
	font-size: 34px;
	font-weight: 700;
	text-align: center;
}

.right-side-text-ready .administration {
	margin: 0px 0px 20px 0px;
}

.sign-content {
	color: #504346;
	font-size: 15px;
	line-height: 20px;
	max-width: 306px;
	margin: 24px 0px 40px 0px;
}

.administration {
	color: #504346;
	font-size: 34px;
	font-weight: 700;
	margin: 0px 0px 102px 0px;
	/* font-family: maven pro; */
	max-width: 420px;
	line-height: 35px;
}

.administration1 {
	background-color: #F7F7F7;
	padding: 73px 70px 88px 70px;
	height: 100%;
}

.newsletter {
	background: linear-gradient(0.5turn, #39B54A, #25A638);
	color: white;
	border-radius: 50px;
	border: 0px;
	/* font-family: maven pro; */
	padding: 12px 10px 11px 10px;
	position: absolute;
	top: 0px;
	font-weight: 700;
	font-size: 12px;
	right: 0px;
	max-width: 218px;
	width: 100%;
}

.button-design button.newsletter {
	position: relative;
	margin: auto;
}

.newsletter-design {
	position: relative;
}

.email-style {
	padding: 7px 220px 6px 10px;
	border-radius: 6px 50px 50px 6px;
	font-weight: 500;
	color: #808080;
	font-size: 18px;
	border-color: #D5D5D5;
}

.email-style:focus {
	box-shadow: none;
	border-color: #D5D5D5;
}

/* Suraj css ends */
.message_box {
	height: 345px;
}

.register-container.message_box {
	height: fit-content;
}

.register-container .content.message_box_content {
	position: relative;
}

.message_box .content {
	height: fit-content;
}

.otp_container {
	height: fit-content;
}

.otp_container .otp_box_content {
	height: fit-content;
	position: relative;
	top: 0px;
}

.reset_container {
	height: fit-content;
}

.navbar-design2 {
	width: 100%;
}

.navbar-spacex:not(.show) {
	display: none;
}

.log-btn1 {
	display: flex;
	justify-content: end;
	margin: auto 0px;
}

.fb-check-div .form-div {
	display: block;
	min-height: 1.5rem;
	display: flex;
	padding-left: 1.5em;
	padding-top: 5px;
	margin-bottom: 0px;
}

.disabled {
	cursor: not-allowed;
}

.page-box1 .otp_container {
	height: 80%;
}

.page-box1 .otp_container .content {
	height: 100%;
}

#pills-tabContent .user_detail_table .i-td {
	width: 129px !important;
}

/* responsiveness */
@media screen and (max-width: 1026px) {
	.organised-space {
		padding: 0px;
	}

	.login-form {
		max-width: 55%;
	}

	.product-crd.product_detail_pg .crd-img img {
		min-width: 190px;
		min-height: 190px;
		max-height: 280px;
		object-fit: contain;
		max-width: 160px;
	}
}

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



	.navbar-close,
	.navbar-balance {
		display: none;
	}

	.balance-chevron-img {
		display: none;
	}
}

@media screen and (min-width: 767px) {
	.desk-none {
		display: none;
	}

}


@media screen and (max-width: 992px) {

	.tg-bt .navbar-toggler:focus {
		box-shadow: none;
	}

	.btn-acc.desk-none {
		display: block !important;
	}

	.content-sec .text-details {
		margin-left: 0px;
		margin-top: 20px;
	}

	#pills-tabContent table td.i-td {
		display: table-cell;
		/*		flex-direction: column;*/
	}

	#pills-tabContent table td.i-td a {
		margin-left: 0px;
		display: inline;
		margin: 0 4px;
	}

	#pills-tabContent table td {
		padding: 10px 20px !important;
	}

	.user_detail_table {
		max-height: 600px;
	}

	.billing-det .minus_icon {
		display: none;
	}

	.format_searches {
		max-height: 600px;
	}

	#navbarNav .header-my-account-btn {
		display: none;
		justify-content: start;
	}

	.navbar .navbar-toggler:focus {
		box-shadow: none;
	}

	.tab-none {
		display: none;
	}

	.btn-acc {
		margin-right: 5px;
		min-height: 39px;
		border-radius: 4px;
		border: 1px solid #d9d9d9;
		background: #fff;
		padding: 6px 16px;
	}

	.content-3 .bill-detail td.itm-det {
		max-width: 38%;
		vertical-align: middle;
	}

	.bill-detail td.qt-sel {
		width: 10%;
	}

	.order-list {
		margin-bottom: 30px;
	}

	.login-form {
		max-width: 55%;
	}

	.login.login-form-bckg {
		background-position: 100% 80%;
	}

	.register-container {
		width: 75%;
	}

	.organised-space {
		padding: 0px;
	}

	.family-img {
		max-width: 175px;
	}

	.supplier-img {
		max-width: 151px;
	}

	.family-content {
		font-size: 14px;
	}

	.family-style {
		font-size: 15px;
	}

	.testimonial-content {
		font-size: 18px;
	}

	.winner {
		font-size: 26px;
	}

	.school-text1 {
		font-size: 17px;
	}

	.banner-content h2 {
		font-size: 32px;
		line-height: 36px;
	}

	.sign-design {
		font-size: 28px;
		line-height: 28px;
	}

	.sign-content {
		font-size: 14px;
		line-height: 18px;
		max-width: 100%;
	}

	.sign-up-school {
		max-width: 130px;
	}

	.administration {
		font-size: 28px;
		line-height: 28px;
	}

	.newsletter {
		max-width: 155px;
		padding: 10px 0px;
		font-size: 10px;
	}

	.tab-none {
		display: none;
	}


	.feature-card .card-text {
		padding: 77px 10px 0 10px !important;
	}

	.organised-space .administration1 {
		padding: 73px 30px 88px 30px;
	}

	.email-style {
		padding: 7px 6px 6px 10px;
		font-size: 14px;
	}

	.navbar-design {
		display: flex;
		justify-content: end;
		position: relative;
	}

	.navbar-spacex.navbar-design2 {
		position: absolute;
		background: white;
		right: 0px;
		top: 60px;
		width: 50%;
		padding: 15px;
		box-shadow: 0 4px 12px rgb(10 9 9 / 0.18);
	}

	.log-btn1 {
		justify-content: start;
	}

	.logo-toggle .logo-position {
		position: absolute;
		top: -7px;
		max-width: 150px;
		z-index: 9999;
	}

	@media screen and (max-width: 767px) {
		.logo-toggle .logo-position.top_logo2 {
			display: none;
		}
	}

	.head {
		padding: 15px 0 6px 0;

	}

	.log-btn1 {
		flex-direction: column;
	}

	.register1-btn {
		margin-top: 10px;
	}


	.content-card .rw1 {
		flex-wrap: wrap;
	}

	.contact-pg-cntnr .content-card .rw1 .cl {
		width: 100%;
		max-width: 100%;
		margin: 20px 0px;
	}

	.contact-pg-cntnr .rw1 .cl h4 {
		margin-bottom: 15px;
	}

	.contact-pg-cntnr .content-card .cntnt-card h5 {
		font-size: 22px;
		color: #51A347;
		font-weight: 700;
		max-width: 90%;
		line-height: 41px;
		margin-bottom: 10px;
	}

	.contact-pg-cntnr .content-card .cntnt-card p {
		font-size: 18px;
	}

	.contact-pg-cntnr .content-card .cntnt-card {
		padding: 25px;
	}
}

@media screen and (max-width: 600px) {
	#loginForm .fb-check-div .form-div {
		padding-left: 10px;
	}

	.login-div img.login-img {
		left: 44%;
		max-width: 60px;
	}

	.login-heading h3 {
		font-size: 22px;
	}

	.login-heading {
		background-color: white;
	}

	.login-form {
		max-width: 75%;
	}

	.login.login-form-bckg {
		background-position: 110% 100%;
		background-size: 150px;
	}

	p.text-line:before {
		left: -70px;
	}

	p.text-line:after {
		right: -70px;
	}

	.login-bottom-links {
		flex-wrap: wrap;
	}

	.register_page1 {
		max-width: 450px;
	}

	.create-account {
		font-size: 18px;
	}

	.fbbtn {
		white-space: break-spaces;
	}

	.footer .ssl-div {
		justify-content: center;
	}

	.footer .contact {
		margin: 20px 0px;
		flex-wrap: wrap;
	}

	.contact-infodiv .form-group {
		width: 100%;
	}

	.contact-infodiv {
		flex-wrap: wrap;
	}

	.register-container .content .content__box {
		padding: 0px 20px 20px 20px;
	}

	.school-text2 {
		margin-top: 20px;
	}

	.register-container {
		padding: 20px;
	}

	.banner-content h2 {
		font-size: 30px;
		line-height: 34px;
	}
}

@media screen and (max-width: 476px) {
	.register-container .content {
		height: 690px;
	}

	.register-container {
		height: 780px;
	}

	.register-container {
		width: 95%;
	}

	.form-btn-div button.add-new-user-btn,
	button.continue-btn {
		padding: 10px 7px;
		font-size: 12px;
		gap: 3px;
	}
}

@media screen and (max-width: 440px) {
	.register_page1 {
		max-width: 360px;
	}

	.sign-design {
		margin-left: 15px;
	}

	.sign-content {
		margin: 24px 0px 40px 15px;
	}

	.works {
		margin: 35px 0px 0px 15px;
	}
}

@media screen and (max-width: 380px) {
	.login-div img.login-img {
		left: 40%;
	}

	.fb-check-div {
		flex-wrap: wrap;
	}

	.form-div.form-check {
		padding-left: 0px;
		margin-top: 18px;
	}

	.register_page1 {
		max-width: 290px;
	}

	.account-space {
		padding: 35px 15px 25px 15px;
	}

	.register-container .content {
		height: 730px;
	}

	.register-container {
		height: 810px;
	}

	button.continue-btn {
		padding: 10px 15px;
	}
}

/*css for account page tabs */
.nav-pills.tabs-ul {
	/*width: 384px;*/
	border-radius: 4px;
	border: 1px solid #E8E4DF;
}

.nav-pills.tabs-ul li {
	width: 100%;
	padding: 10px 15px;
	border-bottom: 1px solid #E8E4DF;
}

.nav .nav-item button.active {
	background-color: transparent;
	color: var(--bs-danger) !important;
}

.tabs-ul li button {
	display: flex;
	align-items: center;
	column-gap: 16px;
	padding: 0px;
}

.icon-bx {
	background: #F5F5F5;
	border-radius: 4px;
	padding: 13px 15px;
}

.icon-bx img {
	max-height: 25px;
	max-width: 25px;
	filter: brightness(0) saturate(100%) invert(25%) sepia(7%) saturate(970%) hue-rotate(296deg) brightness(92%) contrast(83%);
}

.nav-link.active .icon-bx {
	background: #45A735;
	border-radius: 4px;
	padding: 14px;
}

.nav-link.active .icon-bx img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(30%) hue-rotate(35deg) brightness(106%) contrast(107%);
}

.tabs-ul .bt-text {
	display: grid;
	text-align: left;
	color: #504346;
	font-size: 16px;
}

.tabs-ul .bt-text span {
	font-size: 12px;
	color: #AFACA3;
}

#pills-tabContent {
	padding: 0px 30px;
}

#pills-tabContent .contact-form input {
	width: 96%;
	font-size: 15px;
	padding: 11px;
	color: #AFACA3;
}

#pills-tabContent h3 {
	color: #504346;
	font-weight: 400;
	font-size: 26px;
}

#pills-tabContent form.contact-form label {
	color: #504346;
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 500;
}

.contact-form .form-btn {
	background: transparent linear-gradient(180deg, #39B54A 0%, #25A638 100%) 0% 0% no-repeat padding-box;
	border-radius: 4px;
	margin-top: 20px;
	color: white;
	border: none;
	padding: 8px 20px;
	font-size: 14px;
}

#pills-tabContent table th {
	background: #F5F5F5;
	color: #AFACA3;
	font: normal normal bold 16px/18px Maven Pro;
	padding: 14px;
	white-space: nowrap;
}

#pills-tabContent table {
	border: 1px solid #AFACA380;
	border-radius: 4px;
}

#pills-tabContent table td {
	color: #6A6466;
	padding: 20px 14px;
	font-size: 14px;
	border-bottom: 1px solid #E8E4DF;
}

#pills-user .btn-add {
	background: transparent linear-gradient(180deg, #39B54A 0%, #25A638 100%) 0% 0% no-repeat padding-box;
	border-radius: 4px;
	margin-top: 20px;
	color: white;
	border: none;
	padding: 3px 65px;
	font-size: 14px;
	text-transform: uppercase;
	white-space: nowrap;
	width: fit-content;
	
}

#pills-login .contact-form .form-btn {
	margin: 0px;
	padding: 12px 20px;
}

#pills-login .contact-form .btn-r {
	display: flex;
	align-items: end;
	margin-bottom: 2px;
}

.pri-d {
	display: grid;
	text-align: left;
}

.pri-d span {
	color: #AFACA3;
	font-weight: 600;
	font-size: 12px;
}

.card-support {
	background: #F5F5F5;
	padding: 25px 31px 25px 15px;
	border: 1px solid #E8E4DF;
	border-radius: 4px;
}

.crd-text-supp p {
	font-size: 13px;
	margin-bottom: 7px;
}

.crd-text-supp p span {
	color: #25A638;
	font-weight: 700;
}

.crd-text-supp.rw-text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wallet-logo {
	width: 100%;
	max-width: 85px;
	margin-top: -56px;
}

.top-up-icon {
	position: absolute;
	right: 17%;
}

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

.form-check-input[type=radio] {
	border-radius: 4px;
}

/*.nav .nav-item button.active::after { content: ""; border-right: 4px solid var(--bs-danger); height: 100%; position: absolute; right: -1px; top: 0; border-radius: 5px 0 0 5px; }*/
@media screen and (max-width:1200px) {
	#pills-home form label {
		font-size: 14px;
	}

	.product-crd.product_detail_pg .crd-img img {
		min-width: 200px;
		min-height: 220px;
		max-height: 220px;
		object-fit: contain;
		max-width: 200px;
	}

	.content-sec #order_date_div .ui-datepicker {
		width: 100%;
	}

	#cart_details .text-details {
		margin-left: 0px;
		max-width: 100%;
	}

	.order-header .name-slider {
		flex-wrap: wrap;
		row-gap: 10px;
		column-gap: 10px;
		justify-content: flex-start;
	}

	.item-table td.itm-nm,
	.item-table th.itm-nm {
		width: 56%;
	}

	.top-header span.indicator:first-child {
		margin-left: 0px !important;
	}

	.register-container {
		width: 95%;
	}

	.otp_container {
		width: 60%;
	}

	.register-container .content .content__box {
		padding: 0px;
	}

	.register-container .content {
		padding: 10px;
	}

	.administration1 {
		padding: 73px 55px 88px 55px;
	}


}

@media screen and (max-width:1100px) {
	.hdr-div {
		width: 100%;
	}

	.login-div img.login-img {
		left: 40%;
	}


}

@media screen and (max-width:992px) {

	.btn-acc-mob,
	.btn-cart-mob {
		display: block !important;
		margin-right: 5px;
		min-height: 39px;
		border-radius: 4px;
		border: 1px solid #d9d9d9;
		background-color: transparent;
		padding: 6px 16px;
		width: 56px;
	}

	.tg-bt {
		justify-content: end;
		display: flex;
	}

	/* .tg-bt {
		justify-content: end;
		display: grid;
	} */
	.efficient .Happy-families .family-content {
		min-height: 150px;
	}

	.page-box1 {
		min-height: calc(100vh - 181px);
	}

	.top-up-icon {
		right: 6%;
	}

	.wallet-logo {
		max-width: 65px;
	}

	.tabs-ul .bt-text {
		display: none !important;
	}

	.nav-pills.tabs-ul li {
		width: fit-content;
	}

	.nav-pills.tabs-ul {
		width: fit-content;
	}

	/*#pills-tabContent{ padding:0px; }*/




	/* Newly added (earlier -> .navbar-li) */
	.navbar-collapse .navbar-content {
		position: absolute;
		width: 100%;

		height: 100%;
		top: 0;
		left: 0;
		z-index: 9999;
		box-shadow: 0px 0px 6px 1px #9f9b96;
		background-color: #31A728;
		border-radius: 5px;
		display: flex;
		flex-direction: column;
		gap: 15px;
		font-weight: 700;
	}

	.navbar-collapse.show .li-img {
		filter: invert(1) brightness(2);
	}

	.navbar-balance>* {
		flex: 0 0 auto;
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
	}



	.school-lunch-nav-apple {
		height: 20px;
		width: 20px;
	}

	.navbar-balance {
		display: flex;
		gap: 10px;
		border: 1px solid rgb(255, 255, 255);
		border-radius: 11px;
		padding: 4px 8px;
		color: white;
		align-items: center;
		max-width: max-content;
		width: 100%;
		margin: 22px 0 0 9px;
		align-items: center;
	}

	.navbar-close {
		position: absolute;
		top: 30px;
		right: 12px;
		background: none;
		border: none;
		font-size: 2rem;
		color: #fff;
		cursor: pointer;
		z-index: 9999;
	}

	#navbarNav .navbar-content #accountSubmenu {
		list-style: none;
		padding-left: 2rem;
		padding-bottom: 1rem;
	}

	#navbarNav .navbar-content #accountSubmenu li {
		margin: 0.5rem 0;
		position: relative;
	}

	#navbarNav .navbar-content #accountSubmenu li a {
		color: white;
		text-decoration: none;
		display: block;
		font-size: 15px;
	}

	a.nav-link:hover .dropdown-chevron-acc {
		filter: none;
		transform: translateY(-50%) rotate(90deg);
		transition: transform 0.3s ease;
		margin-right: 2px;
		margin-top: 11px;
	}


	.navbar-li .nav-item:last-child {
		margin-top: auto;
		padding-bottom: 25px;
	}


	.amount-content {
		display: flex;
		flex-direction: column;
		position: relative;
	}

	.amount-content p:nth-child(1) {
		font-size: 21px;
		margin: 0;
	}

	.amount-content p:nth-child(2) {
		font-size: 12px;
		margin: -4px 0 0 0;
	}

	.navbar-collapse .navbar-li .nav-item {
		border-bottom: 1px solid #FFFFFF3D
	}

	.balance-chevron-img {
		width: 8px;
		height: 15px;
		margin-left: auto;
	}

	.navbar-li .nav-item .nav-link {
		color: white;
		font-size: 18px;
		gap: 10px;
		padding-right: 6px;

	}

	.navbar-li .nav-item a.nav-link.active .balance-chevron-img {
		color: white;
		filter: none;
	}

	.navbar-collapse .navbar-li {
		padding: 20px 8px 0 11px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		justify-content: flex-start;
		gap: 16px
	}

	.navbar-li a.active img.li-img,
	.navbar-li li a img.li-img {
		height: 24px;
		width: 24px;
	}

	.content-sec .order-list .order-header {
		flex-direction: row;
		gap: 6px;
	}

	.navbar-li li a.active {
		color: white !important;
	}

	/* Notification */

	.notification-content {
		padding: 20px 0;
		min-height: 68.8vh;
	}

	.notification-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 10px 15px 5px;
		border-bottom: 1px solid #D2D2D2;
		margin: 0 10px 0px 10px;
	}

	.notification-item-content {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.notification-detail p {
		margin: 0;
	}

	.noti-main-img {
		width: 46px;
		height: 46px;
		background-color: gray;
		border-radius: 35px;
	}

	.event_image {
		padding-top: 15px;
	}

	/* newly added end */

	#pills-tabContent form.contact-form label {
		font-size: 13px;
	}

	#pills-tabContent h3 {
		font-size: 20px;
		font-weight: 500;
	}

	#pills-tabContent {
		padding: 05px;
	}
}

.icon-btn .icon-box img.food-tab-img {
	max-width: 17px;
}

/* media query min width: 1200 added */


/* media query min width: 1200 ended */

@media screen and (max-width:768px) {
	.nav-pills.tabs-ul li {
		padding: 5px;
	}

	.content-sec .step-btns .icon-btn .btn {
		font-size: 14px;
		column-gap: 5px;
	}

	.step-btns .icon-box .icon {
		font-size: 14px;
	}

	.date-part {
		flex-direction: column;
	}

	.repeat-order-student-div .modal-footer .add-order-btn {
		margin-top: 20px;
	}
}

@media screen and (max-width:767px) {
	#pills-tabContent {
		padding: 20px 9px 0 9px;
	}

	.ps-notify-cont {
		top: 39%;
	}

	.modal-main-content #only_topup_form .modal-rgt-bx {
		padding: 0px 23px 20px 7px;
		margin: 0;
	}

	.modal-content .modal-main-content-2 #pay_form {
		padding: 0px 20px;
	}

	.how-it-works-text {
		display: none;
	}

	.modal-content .modal-main-content-2 #pay_form .mk-pymnt-btn button {
		width: 100%;
	}

	.modal-main-content-2 .total-rw {
		padding: 10px !important;
	}

	#make_payment_modal .modal-main-content {
		padding: 0px 7px 20px 7px;
	}

	#top_up_modal .modal-lft-bx {
		border-radius: 10px !important;
	}

	.product-crd.product_detail_pg .crd-img {
		text-align: center;
	}

	#pay_topup_form .mk-pymnt-btn button {
		width: 100%;
		font-weight: 600;
		font-size: 18px;
	}

	#pay_topup_form {
		padding: 0 18px;
	}

	.modal-footer .btn.add-order-btn {
		padding: 5px 25px;
	}

	.selected-data-box {
		margin-top: 20px;
	}

	.content-sec {
		padding: 0px 13px 6px 13px;
		overflow: hidden;
	}

	.new-order-list-change-cs .order-header {
		margin: -10px -17px 10px;
	}

	.school-text {
		padding: 25px 0px 25px;
		margin-top: 20px;
	}

	.register-form-bckg .registerside_space {
		padding-left: 18px;
		justify-content: start !important;
		gap: 10px;
		margin: 13px 15px 0px 15px;
	}

	.create-account-section .welcome-message .sendimg-space .send-icon {
		max-width: 48px;
	}

	.create-account-section .welcome-message .registerside_space .welcome-text1 {
		font-size: 20px;
	}

	.create-account-section .welcome-message .registerside_space .lunch-online {
		font-size: 14px;
	}


	.content-sec .message_box {
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
		padding-top: 20px !important;
		margin-top: 30px !important;
	}

	.signup-1 .create-account-section .family-account {
		padding-top: 19px !important;
	}

	.signup-1 .create-account-section .family-account .addSelectBox.form-group-flex {
		margin-bottom: 0;
	}

	.signup-1 .create-account-section .family-account .form-control {
		width: 100%;
	}

	.signup-1 .create-account-section .family-account h3.head-text {
		margin-bottom: 0;
	}

	.signup-1 .create-account-section .family-account .emailclass {
		padding-top: 16px;
		border-top: none;
	}

	.create-account-section .welcome-message .registerside_space .side-foot-img,
	.sidebar-foot-task {
		display: none;
	}

	.create-account-section .welcome-message .registerside_space {
		gap: 8;
		display: flex;

	}

	.create-account-section .welcome-message .text-foot {
		margin-left: 40px;
		margin-top: 0px;
	}

	.create-account-section .welcome-message .registerside_space .sendimg-space {
		display: unset;
	}

	.create-account-section .welcome-message .registerside_space .sendimg-space .send-icon {
		margin-bottom: 13px;
	}

	.register-form-bckg .registerside_space .text-foot {
		margin-top: 32px;
		margin-bottom: 45px;
	}

	.register-form-bckg .create-account-section .account-space {
		background-color: white;
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 15px;
		padding-bottom: 20px;
	}

	.register-form-bckg .create-account-section .account-space .pswrd-icon-div #togglepasswordvisibility {
		right: 5px;
		z-index: 9999;
		width: 38px;
		height: 43px;
		display: flex;
		align-items: center;
		top: 0;
		justify-content: center;
	}

	.register-form-bckg .create-account-section .account-space .pswrd-icon-div #togglepasswordvisibility i {
		font-size: 13px;
	}

	.dropdown .btn-light.show {
		background-color: #31A728 !important;
	}

	#variation_options_form .add-pay-order-div .total-rw {
		min-height: 44px;
	}

	.footer .contact a.footer-link {
		font-size: 10px;
	}


	.register-form-bckg .create-account-section .account-space .fbbtn {
		font-size: 11px;
		margin: 10px 0px;
	}

	.login.register-form-bckg {
		background: none;
	}

	.register_page1 .welcome-message {
		padding-bottom: 15px;
	}

	.register-form-bckg .create-account-section .account-space .create-account {
		font-size: 16px;
		text-align: left;
	}

	.register_page1 {
		width: 100% !important;
		max-width: none;
	}

	.register-form-bckg .page-box1 {
		justify-content: unset;
	}

	.register-form-bckg .create-account-section .account-space .term-condition {
		font-size: 12px;
	}

	.register_page1 .create-account-section .account-space #create_account_form .signupbtn {
		padding: 11px 0;
		font-size: 12px;
		margin-top: 15px;
	}

	.register_page1 .create-account-section {
		margin-top: 10px;
	}

	.create-account-section .account-space .emailclass {
		padding-top: 10px;
	}

	.organised-space .new-stay-touch-ch .new-works-ch .works {
		text-decoration: none;
	}

	.new-parent-happy .col-sm-6 {
		width: 80%;
	}

	.new-parent-happy .hit_scroll_cards {
		width: 90%;
	}

	.new-parent-happy .fix_hit_scroll_card {
		padding-bottom: 0;
		min-height: 750px;
	}

	.hit_scroll_cards .fix_hit_scroll_card {
		min-height: auto;
	}

	.organised-space .new-stay-touch-ch-text .sign-design {
		margin-top: 45px;
	}

	.sound-chan .icon-list .icon-list-imtext {
		display: flex;
		flex-direction: column;
		align-items: center;
		min-width: 70%;
		margin-right: 30px;
		border: none;
	}

	.banner-one .content-card.School_content {
		margin-bottom: 20px;
	}

	.everyone .organised-space .efficient .families,
	.everyone .organised-space .efficient1 .families {
		min-height: auto;
		padding: 20px 20px 37px 20px;
	}

	/* .organised-space .efficient1 .family-content,
	.organised-space .efficient .family-content {
		min-height: 86px !important;
	} */

	.everyone .organised-space .efficient {
		min-height: 448px;
	}

	.organised-space .efficient .Happy-families .family-content {
		min-height: 110px;
	}


	.banner1 {
		background-position: 79% 100%;
		padding: 40px 0;
	}

	button.add-new-user-btn,
	button.continue-btn {
		padding: 10px 20px;
		font-size: 12px;
	}

	.register-container .content {
		height: 515px;
		padding: 0px 20px 20px 20px;
	}

	.register-container {
		height: 700px;
	}

	.footer .ssl-div {
		justify-content: center !important;
		margin-bottom: 10px;
		gap: 10px;
	}

	.footer img.ssl-img2 {
		max-width: 14px;
	}

	.footer img.ssl-img1 {
		max-width: 19px;
	}

	.footer img.ssl-img {
		max-width: 10px;
	}

	.footer .ssl-div p {
		font-size: 11px;
	}

	.footer .social-links {
		margin-top: 10px;
		justify-content: center;
	}

	#food_orders_page .food_orders_form {
		padding-left: 4px;
		padding-right: 4px;
	}

	.new-order-info-detail-cs .order-date-price-ch {
		font-size: 21px;
		margin-top: 14px;
	}

	.new-order-info-detail-cs .order-date-deatils-ch {
		padding-bottom: 10px;
	}

	.school-text2 {
		margin-top: 20px;
	}

	.everyone {
		padding: 40px 0px;
	}

	.efficient {
		display: flex;
		justify-content: center;
	}

	.efficient1 {
		display: flex;
		justify-content: center;
		margin-top: 0px;
	}

	.page-box1 .form-box {
		width: 80%;
		padding: 30px;
	}

	.form-box .content {
		padding: 20px;
	}

	.item-table td.itm-nm,
	.item-table th.itm-nm {
		max-width: 45%;
	}

	.summary-page .item-table th {
		padding: 12px 18px !important;
	}

	.summary-page .item-table tbody td {
		font-size: 14px !important;
	}

	.item-table th.itm-desc,
	.item-table th.item-nm {
		text-align: center;
	}

	#cart_details {
		padding-left: 0px;
		padding-right: 0px;
	}

	.food-sec-content .calendar {
		padding: 13px 20px;
		margin-bottom: 20px;
	}

	.accordion-select #accordionExample .accordion-item .accordion-button::after {
		margin-right: 20px;
		display: none;
	}

	#uniq_68675bae28849 {
		margin-left: -16px !important;
		margin-right: -13px !important;
	}

	#accordionExample .accordion-item .accordion-button::after {
		margin: 0 !important;
		padding: 0px;

	}

	/* #left_menuitem_details #left_menuitem_details_content .accordion-item .accordion-button::after {
		margin-right: 34px !important;
	} */

	.order-list .summary-page {
		margin: 0 -5px;
	}

	#accordionExample .accordion-button {
		border: none;
		padding: 27px 10px;
		justify-content: space-between;

	}

	#mobile-accordion {
		border: none !important;
	}

	#top_up_modal .modal-main-content,
	#make_payment_modal .modal-main-content {
		flex-direction: column-reverse;
	}

	#only_topup_form .modal-rgt-bx #make_payment_modal .modal-main-content {
		margin: auto;
		max-width: 100%;
	}

	#make_payment_modal .modal-main-content .modal-rgt-bx {
		width: unset;
		padding: 19px 0 30px 0;
	}

	.order-list .order-food-header .order-header {
		flex-direction: column !important;
		margin-right: -4px;
		padding: 10px;
	}

	.food_orders_form {
		background-color: #F5F5F5;
		padding: 13px;
	}

	.food_filters {
		flex-direction: column;
	}

}

@media screen and (max-width:576px) {
	#order_details_modal .modal-content button {
		padding: 0px;
	}

	.add-pay-order-div {
		display: flex;
		flex-wrap: wrap;
		row-gap: 20px;
		margin-top: 20px;
	}

	.modal-dialog.order-modal-div .add-pay-order-div .modal-footer {
		padding: 0px;
		max-width: 120px;
	}

	.modal-content #variation_options_form .add-pay-order-div .add-order-btn {
		margin: 0px;
		max-width: fit-content;
		justify-content: flex-start;
	}

	.order-modal-header h2.modal-title {
		font-size: 22px;
	}

	.modal-content .modal-header.order-modal-header {
		padding: 20px 0px 0px;
		margin: 20px 17px 0 17px;
	}

	.ui-datepicker table.ui-datepicker-calendar td a,
	.ui-datepicker table.ui-datepicker-calendar td span {
		min-width: 30px;
		padding: 5px;
	}

	.modal-footer .btn-rw-div button {
		width: fit-content;
	}

	.selected-data-box {
		margin-top: 20px;
	}

	#duplicate_order_modal .modal-header h4 {
		margin-top: 40px;
		margin-bottom: 10px;
	}

	#duplicate_order_modal .repeat-modal-header {
		padding: 0px;
	}

	.login-acc .logo-img {
		max-width: 30px;
	}

	header .hdr-div .navbar-brand .detail-acc {
		padding-top: 0px;
	}

	.input-group.add_item_btn {
		flex-wrap: nowrap;
	}

	.input-group.input-div.add_item_btn .quantity-field {
		max-width: 20px;
	}

	.nav-link .icon-bx {
		padding: 8px 10px;
	}

	.step-btns .icon-btn span {
		display: none;
	}

	.step-btns .icon-box .icon {
		font-size: 19px;
	}

	.modal-dialog .modal-content {
		padding: 10px;
	}

	#pay_modal .modal-dialog .modal-content {
		padding: 0px;
	}

	.modal-dialog .modal-content .modal-body {
		padding: 0px 17px 20px;
	}

	.form-box .content {
		padding: 0px !important;
	}

	.form-box .content {
		padding: 0px;
	}

	.nav-link.active .icon-bx {
		padding: 8px 10px;
	}

	.p-r {
		padding: 0px;
	}

	#pills-tabContent h3 {
		font-size: 17px;
	}

	#pills-tabContent h3 {
		max-width: 100%;
	}
}

/* css for my account ends */
/* home page header css starts */
.login-btn {
	border-radius: 50px;
	background: white;
	color: #25A638;
	max-width: 75px;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	padding: 6px;
	margin: 0px 15px 0px 0px;
	border: 1px solid #25A638;
}

.register1-btn {
	border-radius: 50px;
	background-color: #FB4700;
	color: white;
	border: 0px;
	max-width: 102px;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	padding: 6px;
}

.menu-bar {
	font-size: 15px;
	font-weight: 600;
	color: #504346;
}

.menu-bar:hover {
	text-decoration: none;
}

.navbar-nav .nav-link.menu-bar.active {
	color: #38B349;
}

.nav-space {
	column-gap: 4px;
}

.logo-toggle {
	position: relative;
}

.logo-position {
	position: absolute;
	/*top: -23px;*/
	top: 0px;
	max-width: 175px;
	width: 100%;
}

/*.i-td{ justify-content: space-around; display: flex; } #pills-user table .i-td{ border-bottom: 0px; }*/
.i-td a {
	color: #6A6466;
	margin: 0px 10px;
}

.bt-type img.slider-icon {
	filter: invert(41%) sepia(18%) saturate(7192%) hue-rotate(94deg) brightness(114%) contrast(58%);
}

.product-label {
	font-weight: 600;
}

.addSelectBox.form-group-flex {
	margin-bottom: 20px;
}

/* #top_up_modal,#pay_topup_modal,
div#pay_topup_modal {
	z-index: 10000
} */

.billing-detail-modal .modal-footer {
	padding: 0px 10px 15px;
}

#order_details_modal.billing-detail-modal .modal-content .modal-footer button {
	width: 20%;
	padding: 10px;
}

.form-box {
	width: 50%;
	margin: 30px auto;
	display: flex;
	background: #fff;
	border-radius: 4px;
	padding: 30px 60px 30px 30px;
	align-items: baseline;
	gap: 20px;
}

.form-box .top-header {
	width: 100%;
}

.form-box .content {
	color: #504346;
	padding: 0px 40px 20px 20px;
	width: 100%;
}

.tabs-ul .bt-text.support-box span {
	/* color:#ED1C24;*/
	color: #25A638;
}

/*#pills-support-tab.nav-link.active .icon-bx { background: #ED1C24; } */
/*#pills-billing-tab.nav-link.active .icon-bx { background: transparent linear-gradient(180deg, #F5B009 0%, #FDC02D 100%); } #pills-login-tab.nav-link.active .icon-bx { background: transparent linear-gradient(180deg, #FE5615 0%, #FA4600 100%); } #pills-user-tab.nav-link.active .icon-bx { background: transparent linear-gradient(180deg, #9AB924 0%, #9AB924 100%); }*/
div .form-control:focus {
	box-shadow: none;
	border-color: #45A735;
}

.popup-content.full-width {
	width: 100%;
}

div.form-check .form-check-input:checked {
	background-color: #25A638;
	border-color: #25A638;
}

div.form-check .form-check-input:focus {
	box-shadow: none;
}

a#resend_otp:hover {
	color: #25A638;
}

a#resend_otp {
	text-decoration: none;
	color: #000;
}

.resend-otp-div {
	text-align: end;
	font-size: 12px;
	padding-top: 10px;
}

.pswrd-icon {
	position: relative;
}

.pswrd-icon span {
	position: absolute;
	top: 14px;
	right: 7px;
	font-size: 12px;
	cursor: pointer;
}

.pswrd-icon {
	position: absolute;
	top: 30px;
	right: 10px;
}

/* home page header css ends */
.green {
	color: #25A639
}

.modal-dialog .popup-content {
	width: 100%;
}

.modal-dialog .popup-content .modal-body {
	padding: 0px;
}

@media screen and (max-width:375px) {
	.page-box1 .form-box {
		width: 90%;
		padding: 20px;
	}

	#pills-tabContent #pills-tabContent h3 {
		max-width: 56%;
	}

	#order_date_div table.ui-datepicker-calendar td a,
	#order_date_div table.ui-datepicker-calendar td span {
		min-width: 40px;
		padding: 2px;
	}
}

@media screen and (max-width:375px) {
	.learn-btn {
		margin: 20px 0px 0px 0px;
	}
}

/* .title{ color:#25A639; } */
.alert-success {
	background-color: #E0F8E2;
	border-color: #25A639;
}

/*css for signup page */
.signup-1 .lunch-online {
	font-size: 14px;
	font-weight: 400;
	color: #504346;
	margin-bottom: 14px;
}

.sidebar-foot-task .hot-tip-head {
	font-size: 16px;
	color: #ED1C24;
	margin-bottom: 17px;
}

.sidebar-foot-task p {
	color: #6A6466;
	font-size: 13px;
	margin-bottom: 13px;
}

.signup-1 .content.registerside_space {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 93%;
}

.signup-1 .family-account {
	padding: 41px 95px 41px 29px;
}

.signup-1 .family-account input::placeholder {
	color: #AFACA3;
	font-weight: 400;
}

.family-account h3.head-text {
	font-size: 22px;
	/* color:#504346; */
	margin-bottom: 20px;
}

.family-account textarea::placeholder {
	color: #AFACA3;
	font-weight: 400;
}

.family-account textarea {
	border: 1px solid #E8E4DF;
	border: 1px solid #E8E4DF;
	border-radius: 4px;
	opacity: 1;
	color: #AFACA3;
	font-size: 12px;
	padding: 14px;
	resize: none;
	height: 97px;
	margin-bottom: 43px;
}

/*css for new modals setting */
.step-form-body .contact-form .form-btn {
	margin-top: 16px;
}

.step-form-body .alrt-sub {
	line-height: 19px;
}

.page-box1 .form-box {
	align-items: start;
}

.page-box1 .form-box a img {
	max-width: 41px;
}

.page-box1 .form-box {
	padding: 41px 50px 41px 46px;
}

.page-box1 .form-box .content {
	color: #504346;
	padding: 0px 40px 20px 20px;
}

.required_star {
	color: red;
}

.uk-button,
.uk-button:hover {
	background-color: #25A639;
}

.uk-modal-close,
.uk-modal-close:hover {
	background-color: red;
	color: white;
}

.message_box.register-container .content {
	top: 0px;
	padding: 0px 20px 20px 20px;
}

.family-account textarea:focus-visible {
	outline: 0px !important;
}

button.continue-btn:hover {
	color: white;
}

.signup-1 .create-account-section .family-account {
	padding: 41px 45px 41px 44px;
}

.signup-1 .create-account-section .family-account h3 {
	max-width: 97%;
}

/* css for food tab */
/*Css for order page */
.btns {
	display: flex;
}

.btn {
	background: none;
	border: none;
	font-size: 18px;
	font-weight: 800;
	color: grey;
	/*display: flex;*/
	/*align-items: center;*/
	column-gap: 10px;
}

.calender-input {
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	opacity: 1;
	width: 257px;
	display: flex;
	text-align: center;
	padding: 9px;
	justify-content: space-between;
}

.calender {
	display: flex;
	justify-content: end;
}

.calender-input input {
	border: none;
	flex-direction: row-reverse;
}

.calender-input label {
	font-weight: 800;
	font-size: 15px;
}

.calender-detail {
	width: 100%;
	padding: 10px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 3px;
	opacity: 1;
}

.calender-detail p {
	letter-spacing: 0px;
	color: #B9B9B9;
	opacity: 1;
	margin-bottom: 4px;
	font-weight: 800;
}

.clr-mean label {
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	font-size: 14px;
	font-weight: 700;
}

.calender-detail hr {
	border: 1px solid #B9B9B9;
	opacity: 0.45;
}

.box-header {
	padding: 15px;
	background: var(--unnamed-color-fab409) 0% 0% no-repeat padding-box;
	/* background: #FAB409 0% 0% no-repeat padding-box;*/
	background: #E0F8E2 0% 0% no-repeat padding-box;
	opacity: 1;
	/* color: white;*/
	color: #504346;
	border-bottom: 1px solid #E5E5E5;
}

.text-details .content-1:last-child {
	border-bottom: none;
}

.date-part {
	display: flex;
}

.date-part .text p {
	font-size: 14px;
}

.text-details {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E5E5E5;
	border-radius: 1px;
	opacity: 1;
	margin-bottom: 30px;
	max-width: 90%;
	margin-left: auto;
}

.content-1 {
	padding: 15px;
}

.content-1 p {
	margin-bottom: 5px;
	color: #25A638;
	font-size: 14px;
	font-weight: 700;
}

.content-2 {
	padding: 15px;
	font-size: 15px;
}

.content-2 strong {
	color: #25A638;
}

.my-blnce {
	position: relative;
}

.blnc-text p {
	margin: 0px;
	color: white;
	font-size: 11px;
}

.blnc-text span {
	font-size: 15px;
}

.blnc-text a {
	color: white;
}

.blnc-text {
	display: grid;
	text-align: center;
	color: white;
	top: 37px;
	position: absolute;
	/* right: 20px; */
	padding-left: 6px;
	line-height: 17px;
	font-size: 13px;
}

.icon-btn {
	display: flex;
	column-gap: 10px;
}

.upcming-order label {
	font-size: 14px;
	font-weight: 600;
}

.upcming-order {
	display: flex;
	column-gap: 15px;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 10px;
}

.order-header a {
	text-decoration: none;
	color: #46a735;
	font-weight: 600;
}

.upcming-order input.calendar:focus-visible {
	outline: 0px;
}

.icon-box {
	background: #F5F5F5 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
	padding: 9px;
}

.icon {
	font-size: 20px;
}

.icon-box .icon {
	color: #AFACA3;
	font-size: 18px;
	padding: 5px 2px;
}

.summary {
	position: relative;
}

.summary input {
	width: 22px;
	padding: 0px;
	font-size: 15px;
	opacity: 0;
	z-index: 10;
	height: fit-content;
}

.summary .calender-icon {
	position: absolute;
	right: 11px;
	font-size: 18px;
	height: fit-content;
}

.calender .summary {
	width: 197px;
}

.apple-icon {
	width: 92px;
}

.review-order-row {
	max-height: 70vh;
}

.blnc-logo {
	display: flex;
	justify-content: end;
	position: absolute;
	top: 84%;
	right: 20%;
}

/* .blnc-logo .apple-icon{ position: absolute; top: 86px; left: 80%; }*/
.order-header {
	padding: 15px;
	background: #F5F5F5;
	/* border: 1px solid #E5E5E5;*/
	border-radius: 5px;
	display: flex;
}

.order-text h5 {
	color: #504346;
	font-size: 16px;
	margin: 0px;
	font-weight: 600;
}

.order-header h6,
.order-header p {
	margin: 0px;
}

.name-slider {
	display: flex;
	font-size: 13px;
	/*column-gap: 48px;*/
	justify-content: space-between;
	font-weight: 900;
	color: black;
}

.slider-icon {
	margin: auto;
	font-size: 18px;
	color: #45a735;
}

.order-header h6,
.order-header p {
	font-weight: 900;
	color: black;
	width: fit-content;
	font-size: 14px;
}

.name-slider p {
	font-size: 13px;
	color: black;
	font-weight: 900;
}

.summary-page .accordian-select {
	border-radius: 0px;
	padding: 0px;
	font-weight: 900;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #25A638;
	opacity: 1;
}

.order-list .summary-page {
	padding: 0px;
}

#left_menuitem_details #left_menuitem_details_content .accordion:last-child .accordion-item {
	border-bottom: 1px solid #dee2e6 !important;
	border-radius: 5px;
}

#left_menuitem_details #left_menuitem_details_content .accordion:last-child .item-list-orders {
	border-bottom: 1px solid #dee2e6 !important;
}

#left_menuitem_details #left_menuitem_details_content .accordion .item-list-orders {
	border-right: 1px solid #dee2e6 !important;
	/* border-radius: 0px; */
}

#left_menuitem_details #left_menuitem_details_content .accordion-select .accordion-item .accordion-button {
	border-left: 0;
}

/* #left_menuitem_details #left_menuitem_details_content .accordion-select .accordion-item .accordion-button:not(.collapse){
	border-bottom: none !important;
} */
#left_menuitem_details #left_menuitem_details_content .accordion-item:has(.accordion-collapse.show) {
	margin-bottom: 5px !important;
}

#left_menuitem_details #left_menuitem_details_content .accordion-item {
	margin-bottom: 0px !important;
}

#left_menuitem_details #left_menuitem_details_content .accordion-select .accordion-item .accordion-button {
	border: 1px solid #dee2e6 !important;
}

#left_menuitem_details #left_menuitem_details_content .accordion-item:has(.accordion-collapse.show) .accordion-button::after {
	/* transform: rotate(180deg) !important; */
	rotate: 180deg !important;
}

#left_menuitem_details #left_menuitem_details_content .accordion-item:has(.accordion-collapse.show) .accordion-button {
	background-color: #fff !important;
}

#left_menuitem_details #left_menuitem_details_content .accordion-item .accordion-button {
	background-color: #F5F5F5 !important;
}

#left_menuitem_details #left_menuitem_details_content .accordion-item .accordion-button::after {
	rotate: 0deg !important;
}

#left_menuitem_details #left_menuitem_details_content .itm-nm .close-popup-btn {
	display: none;
}

#left_menuitem_details #left_menuitem_details_content tbody td.itm-nm {
	width: 64%;
}

/* #left_menuitem_details #left_menuitem_details_content .accordion-item .accordion-button::after {
	margin-right: 34px;
} */


.accordion-select .accordion-body {
	padding: 0px;
}

.accordion-select .accordion-item {
	border: none;
}

.accordion-select .accordion-item .accordion-button {
	border: 1px solid var(--unnamed-color-25a638);
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #25A638;
	opacity: 1;
	border-radius: 5px;
}

.accordion-select .accordion-item .sub-accordion-btn {
	background: var(--unnamed-color-f5f5f5) 0% 0% no-repeat padding-box;
	background: #F5F5F5 0% 0% no-repeat padding-box;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	opacity: 1;
	font-weight: 800;
}

.accordion-select .accordion-button:focus {
	outline: none;
	box-shadow: none;
}

.accordion-select .accordion-button.collapsed {}

.accordion-button.collapsed::after {
	background-image: url("../images/down.svg");
	height: 11px;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("../images/down.svg");
	height: 16px;
}

.sub-total span {
	color: black;
	font-size: 14px;
	font-weight: 800;
}

.no-items {
	display: flex;
	column-gap: 10px;
	font-size: 13px;
}

.bill-header {
	display: flex;
}

.cart-icon {
	vertical-align: sub;
	margin: auto;
	justify-content: center;
	display: flex;
	font-size: 21px;
}

.cart-icon img {
	/* font-size: 23px;*/
	background: #25A638;
	padding: 11px 11px;
	color: #fff;
	border-radius: 4px;

}

.content-1 .calender-input {
	border: none;
	font-size: 11px;
	width: fit-content;
	flex-direction: row-reverse;
	text-align: start;
	align-items: center;
}

.content-1 .calender-input label {
	font-size: 18px;
	font-weight: 900;
	margin: auto;
	padding-left: 10px;
}

.calender-input.summary img {
	position: absolute;
	left: 0px;
}

.content-1 .calender-input input {
	padding: 1px;
}

.content-1 .calender-input .calender-icon {
	left: 10px;
}

.text-details .pending {
	padding: 5px;
}

.text-details .schedule {
	padding: 0px;
}

.day {
	display: flex;
}

.day strong {
	width: 90px;
}

.schedule-detail {
	background: #F5F5F5;
	width: 100%;
	border-color: bisque;
}

.schedule-detail th,
td {
	padding: 10px;
}

.schedule-detail th {
	color: #25A638;
	font-weight: 900;
	width: 160px;
	padding: 13px 28px;
	font-size: 18px;
}

.del-btn {
	vertical-align: top;
	padding: 29px 20px;
	text-align: end;
}

.del-btn button {
	padding: 0px;
	border: none;
}

.schedule-detail td {
	color: black;
	font-weight: 900;
	vertical-align: middle;
	padding: 22px;
	font-size: 18px;
}

.bill-detail {
	width: 100%;
}

.bill-detail .amount button {
	background: none;
	border: none;
	font-size: 12px;
}

.bill-detail td.amount {
	display: flex;
	text-align: end;
	justify-content: end;
	width: 100%;
	padding: 14px 0px;
}

.bill-detail.total-amount .paying-amount {
	padding-right: 51px;
}

.bill-detail td.del-btn {
	padding-top: 17px;
	vertical-align: baseline;
}

.amount {
	display: flex;
	justify-content: space-around;
}

.bill-detail td {
	font-size: 16px;
	font-weight: 500;
}

.bill-detail td.itm-det {
	padding: 0px;
}

.itm-det>div>p {
	font-size: 13px;
	margin: 0;
}

td.itm-det {
	width: 40%;
	vertical-align: text-top;
	padding-top: 24px;
}

.bill-detail td.qt-sel {
	max-width: 60px;
	padding: 18px 10px 0px 10px;
	vertical-align: top;
}

.list-table {
	max-height: 360px;
	overflow-y: scroll;
	padding-bottom: 10px;
}

.completeorder_table tfoot td.my-bl-rw {
	color: #6A6466;
}

.bill-detail tr {
	border: 1px solid #E5E5E5;
	border-width: 1px 0px 1px 0px;
}

.bill-detail tr:last-child {
	border: none;
}

.content-3 .total-amount th {
	font-weight: 700;
	padding: 13px 24px 21px;
	justify-content: flex-start;
	font-size: 16px;
}

.content-3 .total-amount .paying-amount {
	display: flex;
	justify-content: end;

}

.content-3 .total-amount .paying-amount.total_pay {
	justify-content: start;
}

.bill-btn {
	padding: 12px;
}

.bill-btn button {
	width: 100%;
	padding: 10px 4px;
	border: none;
	background: transparent linear-gradient(180deg, #38B349 0%, #23A637 100%) 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
}

.text-details .content-4 {
	padding: 0px 18px;
}

.text-details .add-btn button {
	/* background: transparent linear-gradient(180deg, #FDBF2C 0%, #F2B004 100%) 0% 0% no-repeat padding-box;*/
	border-radius: 5px;
	opacity: 1;
	background: #E0F8E2;
	border: 1px solid #25A638;
	color: #25A638;
}

.review-table {
	width: 100%;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
}

.review-table thead {
	background: #F5F5F5;
}

.review-table th {
	padding: 15px;
}

.review-table tr {
	border-bottom: 1px solid #E5E5E5;
}

.review-table td {
	padding: 15px;
	vertical-align: top;
	/* font-weight: 800; */
	/*border-bottom: 1px solid #E5E5E5; */
}

.review-table tbody td {
	/*border-bottom: 1px solid #E5E5E5; */
}

.review-table .edit-icons {
	display: flex;
	column-gap: 20px;
}

.review-table .action-td {
	width: 216px;
}

.review-table tfoot {
	background: #F5F5F5;
}

.text strong {
	color: #25A638;
}

.review-checkout {
	margin-top: 15px;
}

.content-3.review-checkout {
	margin-top: unset;
}

.edit-icons .edit-icon {
	color: #A8A4A3;
	height: 20px;
	width: 20px;
	font-size: 20px;
}

.edit-icons img {
	height: 20px;
	width: 20px;
}

/*css for content*/
.frst-section {
	text-align: end;
	background: #45a735;
}

.srch-sbmit {
	background: #FAB409;
	color: white;
	padding: 2px 24px;
	border: none;
}

.input-section p {
	color: white;
	font-weight: 500;
}

.input-section {
	display: inline-flex;
	/* width: 100%; */
	margin: auto;
	text-align: center;
	align-items: center;
	column-gap: 30px;
	justify-content: center;
}

.aside-head {
	border-bottom: 1px solid grey;
}

.aside-box {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	opacity: 1;
}

.aside-head {
	padding: 10px;
}

.aside-head p {
	margin: 0px;
	font-weight: 900;
	font-size: 14px;
}

.text-dropdwn-rw {
	display: flex;
	justify-content: space-between;
	margin: 0px 19px;
}

.cards .card {
	border: none;
	margin: 0px 20px 29px;
}

.cards .card-img-top {
	width: 100%;
	height: auto;
}

.cards .card-body {
	padding: 10px 0px 0px;
}

.cards .card-body h5 {
	font-size: 15px;
	margin: 0px;
}

.cart-btn {
	background: #25A638 0% 0% no-repeat padding-box;
	border-radius: 0px;
	opacity: 1;
	color: white;
	margin-top: 10px;
	padding: 1px;
	width: 100%;
	display: block;
}

.shop .blnc-text p,
.shop .blnc-text span {
	color: #45a735;
}

.shop .blnc-text {
	right: 11;
}

.shop .blnc-text a {
	color: #45a735;
}

.nav .list-aside {
	padding: 7px;
	font-weight: 600;
	font-size: 14px;
}

.nav-item-list {
	padding-inline-start: 7px;
}

.nav-item-list .form-check label {
	font-size: 14px;
}

.check-list .nav-link:focus,
.nav-link:hover {
	color: black;
}

.del-btn button.delete_order {
	width: 15px;
	margin-top: 4px;
}

/*modal css starts*/
.order-modal-header.modal-header {
	border: none;
	padding: 20px 40px 0px;
}

.checkbox-div {
	border: 1px solid #F0F0F0;
	background: #F5F5F5;
	padding: 15px 20px 25px;
	border-radius: 4px;
	margin: 10px 0px 0px 0px;
}

.checkbox-div h5 {
	font-size: 16px;
	color: #25A638;
	font-weight: 600;
	/*	margin-bottom: 20px;*/
	/* text-transform: capitalize; */
}

.ui-datepicker-next.ui-corner-all {
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
}

.ui-datepicker-prev.ui-corner-all {
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
}

.checkbox-div label.form-check-label {
	color: #6A6466;
	font-size: 14px;
	font-weight: 600;
	min-width: 136px;
	text-transform: capitalize;
}

.order-modal-header .modal-title {
	font-weight: 400;
	font-size: 30px;
	color: #504346;
}

.order-modal-div .modal-body {
	padding: 0px 40px 20px;
}

.order-modal-div .modal-body p.modal-title {
	padding-bottom: 5px;
	padding-top: 30px;
	font-size: 16px;
	font-weight: 500;
	color: #504346;
	text-transform: capitalize;
}

.modal.fade .modal-dialog.order-modal-div {
	max-width: 700px;
}

.modal.fade#make_payment_modal .modal-dialog.order-modal-div,
.modal.fade#pay_modal .modal-dialog.order-modal-div,
.modal.fade#top_up_modal .modal-dialog.order-modal-div,
.modal.fade#pay_topup_modal .modal-dialog.order-modal-div {
	max-width: 750px;
}

#pay_form,
form#pay_topup_form {
	max-width: 460px;
	margin: auto;
}

.modal-footer {
	border: none;
}

.modal-footer .btn.add-order-btn {
	background: transparent linear-gradient(180deg, #38B349 0%, #23A637 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	border-radius: 5px;
	font-weight: 100;
	padding: 5px 45px;
	font-size: 15px;
	justify-content: center;
	border-color: #38B349;
}

.order-modal-div .modal-footer {
	border: none;
	padding-top: 0px;
	justify-content: space-between;

}

.add-pay-order-div .modal-footer {
	margin-right: 20px;
}

.modal-footer .button-minus {
	background: none;
	border: none !important;
	border-right: 1px solid #E5E5E5 !important;
	color: #A8A4A3;
	padding-right: 10px;
}

.modal-footer .input-div {
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	padding: 8px;
	width: 100%;
	max-width: 18%;
	justify-content: space-between;
}

.modal-footer .qty-inc input,
.modal-footer .qty-inc {
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%) 0% 0% no-repeat padding-box;
}

.total-pay.total-rw input {
	background: none;
}

.modal-footer .total-pay {
	border: 1px solid #E5E5E5;
	display: flex;
	font-size: 14px;
	justify-content: space-between;
}

.modal-footer .input-div .quantity-field {
	width: 100%;
	max-width: 38%;
	font-size: 15px;
}

.modal-footer .button-plus {
	background: none;
	border: none !important;
	border-left: 1px solid #E5E5E5 !important;
	color: #A8A4A3;
	padding-left: 10px;
}

.total-pay input {
	border: none;
	color: #000;
	font-weight: 600;
	width: inherit;
}

#variation_options_form .add-order-btn {
	display: flex;
	justify-content: end;
	margin: 20px;
}

#save_product_collection_method .modal-body {
	padding: 0px 30px 20px;
}

#save_product_collection_method .add-pay-order-div {
	border-top: 1px solid #d9d9d9;
	padding: 20px 20px;
}

#save_product_collection_method .add-order-btn {
	display: flex;
	justify-content: end;
}

.close-modal:hover {
	color: #A8A4A3;
	text-decoration: none;
}

.add-order-btn button {
	font-size: 16px;
	color: white;
	background: #39B54A;
	padding: 9px 40px;
	border-radius: 4px;
	text-transform: uppercase;
	border: none;
	width: fit-content;
}

#duplicate_order_div .ui-datepicker {
	width: 100%;
}

.selected-data-box .text-head {
	font-size: 19px;
	padding: 0px 0px 15px 0px;
}

.add-order-btn button:hover {
	background: #39B54A;
}

#variation_options_form .total-pay {
	margin: 0px 0px 34px 0px;
	background: #F7F7F7;
	border: 1px solid #E8E4DF;
	padding: 10px 20px 10px;
}

input.pay.form-group::placeholder {
	color: #000;
	font-weight: 600;
}

.create-order-btn.btn:active {
	border: none;
}

.modal-footer .input-div .quantity-field:focus-visible {
	outline: none;
}

.modal-dialog .selected-data-box .li-rw .form-check.frm-rw {
	padding: 5px 5px;
	display: flex;
	align-items: center;
	column-gap: 10px;
}

.modal-dialog .selected-data-box .li-rw .form-check.frm-rw .form-check-input {
	margin: 0px;
}

.repeat-order-student-div .modal-header .btn-close {
	position: absolute;
	top: 15px;
	right: 20px;
}

.repeat-order-student-div .modal-footer .add-order-btn {
	padding: 10px;
}

.repeat-order-student-div .selected-data-box {
	min-height: 120px;
}

/*modal css ends*/
.bt-type {
	display: flex;
	align-items: center;
	max-height: 44px;
	margin: auto 0px;
	border-radius: 5px;
	padding: 10px 8px;
	/* background: transparent linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, #F2F2F2 100%) 0% 0% no-repeat padding-box; */
	border: 1px solid #E5E5E5;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%) 0% 0% no-repeat padding-box;
}

.bt-type span {
	margin: 0px 12px 0px 10px;
	font-size: 14px;
	font-weight: 500;
}

.bt-type button {
	padding: 0px;
	border: 0px;
}

.bt-type button i {
	font-size: 13px;
	/* margin-left: 20px; */
	color: #A8A4A3;
}

.bt-type .slider-icon {
	width: 24px;
	margin: 0px;
	height: auto;
	font-size: 24px;
}

.bck-btn {
	padding: 13px 29px;
	background: #FAB409;
	display: flex;
	align-items: center;
	border: none;
	color: white;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px;
	max-height: 42px;
}

/* #accordionExample .accordion-item.item-li-1{ border-left: 4px solid #28A93B; } #accordionExample .accordion-item.item-li-2{ border-left: 4px solid #FB4700; } */
.accordion .accordion-item.item-li-1 h2 {
	margin-bottom: 0px;
	z-index: 1;
	position: relative;
}

#accordionExample .accordion-item .accordion-button {
	border-bottom: 1px solid #E5E5E5;
	border-radius: 0px;
	color: #504346;
	font-weight: 700;
	font-size: 18px;
	padding: 27px 20px;
	/* text-transform: capitalize; */
}

#accordionExample .accordion-item:last-child .accordion-button {
	border-bottom: 0px;
}

#accordionExample .accordion-item .accordion-button.collapsed {
	background: transparent;
}

#accordionExample .accordion-item .accordion-button::after {
	margin-right: 166px;
}

.item-table {
	width: 100%;
}

.item-table thead {
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	background: #F5F5F5;
}

.item-table th {
	padding: 15px 20px;
	color: #AFACA3;
	font-size: 14px;
}

.price-td {
	width: 100px;
	text-align: center;
}

.item-table tbody {
	border: 1px solid #E5E5E5;
	border-radius: 1px;
	opacity: 1;
}

.item-table td {
	padding: 15px 20px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	font-weight: 500;
	color: #6A6466;
	font-size: 16px;
}

#accordionExample .item-table td {
	border-top: none;
}

button#edit_order_date {
	background: none;
}

.item-table .qty-td {
	/*column-gap: 10px;*/
	/*display: flex;
	justify-content: center;*/
	text-align: center;
}

.qty-td button,
.btn-add {
	padding: 5px 3px;
	font-size: 14px !important;
	margin: 0px;
	text-transform: uppercase;
	margin: auto;
	justify-content: center;
	height: 27px;
	width: 27px;
}

.qty-td button:disabled,
.btn-add:disabled {
	background: #b3b3b3 !important;
}

/* .show_item_details{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; 
} */
.price-td .food-price span {
	white-space: nowrap;
}

.itm-nm .sold_out_err {
	font-size: 13px;
}

#left_menuitem_details_content .accordion-body.table-dev th.price-td {
	text-align: right;
	/* padding-right: 30px; */
}

#left_menuitem_details_content .accordion-body.table-dev td.price-td {
	text-align: right;
}

p.read_more,
p.read_less {
	font-weight: 900;
	color: #0000009e;
	font-size: 11px;
}

.sub-total {
	display: flex;
	column-gap: 10px;
}

.content-4 p {
	width: 75%;
	text-align: center;
	margin: auto;
	padding: 5px 0px 20px;
}

.yellow {
	color: #66aa20;
	font-size: 12px;
	font-weight: 400;
}

.content-1 .calender-input .label {
	font-size: 18px;
	font-weight: 900;
	margin: auto;
}

.pointer {
	cursor: pointer;
}

.read_more:hover,
.read_less:hover {
	color: blue;
}

/* pop box css*/
.popup-cntnt {
	max-width: 100%;
	background: #F0EFEC;
	padding: 20px 30px 20px 20px;
	border-radius: 5px;
	box-shadow: 0px 1px 7px #00000066;
}

.popup-cntnt p {
	color: #51A347;
	font-weight: 700;
	margin-bottom: 6px;
}

.popup-crd {
	max-width: 1200px;
	width: 100%;
	/* padding: 10px; */
	background: white;
	border-radius: 20px;
	position: relative;
	margin-top: 80px;
}

.popup-crd .popup-cntnt span {
	color: black;
	font-weight: 400;
	font-size: 14px;
}

.popup-crd .popup-cntnt p {
	font-size: 16px;
	margin: 0px;
	color: #51A347;
}

.arrow-shape {
	position: relative;
}

.popup-crd:after {
	content: " ";
	position: absolute;
	left: 20px;
	top: -11px;
	border-top: none;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 18px solid #F0EFEC;
	/*      box-shadow: 1px 1px 0px 0px black;*/
}

.popup-crd {
	position: absolute;
	top: -20px;
	left: 0px;
	z-index: 9;
}

.accordion-body .item-table tr {
	position: relative;
}

.logo-img {
	max-width: 12%;
}

/* Duplicate order modal starts */
.btn-rw-div {
	text-align: end;
	justify-content: end;
	display: flex;
	width: 100%;
}

.btn-rw-div button {
	margin-left: auto;
	width: 31.5%;
}

.modal-footer {
	padding: 25px 15px;
}

.li-rw {
	padding: 7px 15px;
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	color: #444445;
	align-items: center;
	border-bottom: 1px solid #E5E5E5;
}

.selected-data-box {
	background: #F5F5F5;
	min-height: 300px;
	padding: 15px;
}

.li-rw span {
	color: #6A6466;
	font-weight: 600;
}

.li-rw a {
	color: #6A6466;
	font-weight: 600;
	text-decoration: none;
	font-size: 12px;
}

.text-head {
	padding: 15px;
	border-bottom: 1px solid #E5E5E5;
	color: #25A638;
	font-size: 21px;
	font-weight: 800;
}

.modal.fade .modal-dialog.repeat-order-div {
	max-width: 800px;
}

.li-rw .day {
	text-transform: uppercase;
}

.li-rw .frm-rw {
	font-size: 18px;
	font-weight: 800;
}

.li-rw .frm-rw input {
	border: 1px solid;
}

.modal-header h4 {
	margin-bottom: 0px;
	margin-top: 20px;
}

.close-modal {
	color: black;
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
	display: flex;
	justify-content: end;
	padding: 15px 15px;
	line-height: normal;
	margin: 0px;
	position: absolute;
	right: 0px;
	font-family: 'FontAwesome' !important;
}

.repeat-modal-header {
	padding: 20px;
	border: none;
}

.repeat-order-div .modal-body {
	/*max-height: 300px;*/
	overflow: auto;
}

/* Duplicate order modal ends */
.popup-crd {
	display: hidden;
}

/* modal1 css starts */
/* .modal-main-content{ max-width: 750px; margin: auto; display: flex; border:1px solid #E8E4DF; }*/
#make_payment_modal .modal-main-content,
#top_up_modal .modal-main-content {
	max-width: 750px;
	margin: 0px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	/* border: 1px solid #E8E4DF; */
}

.modal-lft-bx {
	background: #F7F7F7;
	border-right: 1px solid #E8E4DF;
	padding: 48px 28px;
}

.modal-lft-bx .logo-cntnt h4 {
	font-size: 16px;
	margin: 10px 0px 17px;
}

.modal-lft-bx p {
	max-width: 221px;
	font-size: 13px;
	color: #6A6466;
}

.modal-lft-bx {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.modal-lft-bx h4 {
	margin-bottom: 0px;
}

#amount_form .cntnt-bx h2,
.fsw {
	font-size: 30px;
	font-weight: 400;
}

.logo-cntnt {
	display: grid;
}

.modal-rgt-bx {
	padding: 19px 30px 45px 0px;
	width: 450px;
}

.modal-lft-bx .send-icon {
	max-width: 36px;
}

.modal-rgt-bx .total-rw p {
	font-size: 21px;
}

.head-rw {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

.crss-btn {
	margin-left: auto;
	border: none;
	background: none;
}

.crss-btn-div {
	text-align: end;
}

.head-rw p {
	font-size: 21px;
}

.modal-rgt-bx .cntnt-bx {
	background: #F7F7F7;
	border: 1px solid #E8E4DF;
	padding: 10px 16px 24px;
	border-radius: 4px;
}

.chck-rw {
	display: flex;
	justify-content: end;
	width: 100%;
	margin: auto;
	align-items: baseline;
}

.chck-rw p {
	text-align: start;
	font-weight: 600;
	margin: 0px 0px 5px;
}

input#other_amt_to_pay {
	width: 100%;
}

.empty-box-div {
	max-width: 268px;
}

.p-text {
	width: 63%;
}

.inp-rw {
	margin-top: 5px;
}

.inp-rw input {
	background: white;
	border: 1px solid #E8E4DF;
	border-radius: 4px;
	padding: 5px;
	width: 35%;
}

.inp-rw .p-text p {
	text-align: center;
	padding-left: 45px;
}

.total-rw {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 20px;
}

.total-rw h3 {
	margin: 16px 0px 0px;
}

.total-rw p {
	margin: 15px 0px 0px;
}

.sbmit-btn button {
	font-size: 16px;
	color: white;
	background: #39B54A;
	padding: 9px 60px;
	border-radius: 4px;
	border: none;
}

.sbmit-btn {
	text-align: end;
	margin-top: 21px;
}

/* modal 1 css ends */
/* modal 2 css starts */
.crss-btn {
	margin-left: auto;
	border: none;
	background: none;
	padding: 10px;
}

.crss-btn-div {
	text-align: end;
}

.modal-main-content {
	max-width: 750px;
	margin: auto;
	/* border: 1px solid #E8E4DF; */
}

.cntnt-bx form {
	width: 450px;
	margin: auto;
}

.crd-no-input {
	display: grid;
}

.crd-no-input.inp-div {
	margin-top: 20px;
	display: grid;
}

.inp-div .input-bx {
	display: flex;
	column-gap: 15px;
	justify-content: space-between;
	/*margin-top: 10px;*/
}

.crd-no-input.inp-div .input-bx input {
	background: white;
	border: 1px solid #E8E4DF;
	border-radius: 4px;
	width: 100%;
	height: 46px;
}

.inp-div .input-bx input {
	background: white;
	border: 1px solid #E8E4DF;
	border-radius: 4px;
	height: 46px;
}

.select-div-rw {
	display: flex;
	column-gap: 15px;
}

.select-div-rw select {
	max-width: 78px;
	height: 46px;
	/*margin-top: 10px;*/
}

.mltpl-inp {
	display: flex;
	column-gap: 20px;
	align-items: center;
	margin-top: 20px;
	justify-content: space-between;
}

.modal-main-content-2 .total-rw {
	margin: 34px 0px;
	background: #F7F7F7;
	border: 1px solid #E8E4DF;
	padding: 10px 0px 10px;
}

.modal-main-content-2 .total-rw h3 {
	margin: 0px;
	font-size: 21px;
	font-weight: 700;
}

.modal-main-content-2 .total-rw p {
	margin: 0px;
	font-size: 21px;
}

.modal-main-content-2 .total-frm-rw {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	width: 450px;
	margin: auto;
}

.total-frm-rw h3 {
	font-size: 20px;
}

.mk-pymnt-btn button {
	font-size: 16px;
	color: white;
	background: #39B54A;
	padding: 9px 33px;
	border-radius: 4px;
	text-transform: uppercase;
	border: none;
}

.crd-no-input.inp-div .input-bx img {
	max-width: 74px;
}

#pay_modal .mltpl-inp .select-div-rw select,
#pay_topup_form .mltpl-inp .select-div-rw select {
	padding: 12px 20px 12px 5px;
	max-width: 78px;
	height: 46px;
	border: 1px solid #E5E5E5;
	/* margin-top: 10px; */
	color: #AFACA3;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%) 0% 0% no-repeat padding-box;
	border-radius: 5px;
}

#pay_modal .mltpl-inp .select-div-rw select:focus-visible,
#pay_topup_form .mltpl-inp .select-div-rw select:focus-visible {
	outline: 0px;
}

.inp-div .input-bx input#cvv {
	max-width: 142px;
}

.crss-btn-div .btn-close:focus {
	box-shadow: none;
}

.mk-pymnt-btn {
	text-align: end;
	margin-top: 21px;
	/* width: 450px; */
	margin: 34px auto;
}

/* modal2 css ends */
.input-div.add_item_btn .button-min {
	font-size: 20px;
	margin: 0px !important;
	padding: 0px;
	border: none;
	background: #25a638;
	color: white;
	min-width: 20px;
	border-radius: 5px 0px 0px 5px !important;
}

.input-div.add_item_btn .button-add {
	font-size: 20px;
	margin: 0px !important;
	padding: 0px;
	border: none;
	background: #25a638;
	color: white;
	min-width: 20px;
	border-radius: 0px 05px 05px 0px !important;
}

.input-div.add_item_btn .quantity-field {
	max-width: 45px;
	background: #EEEEEE;
	padding: 3px;
	margin: 0px;
}

.itm-nm {
	width: 30%;
}

.itm-desc {
	width: 60%;
}

.bill-header .sub-total p {
	font-weight: 900;
	color: #504346;
	font-size: 20px;
}

.bill-header .no-items span {
	font-weight: 400;
	color: #504346;
	font-size: 17px;
}

.total-pay input#total_amount_to_pay {
	max-width: 85%;
}

.bill-detail td.subto-rw {
	border-bottom: none;
}

.content-1.pending {
	display: flex;
}

.date-text {
	color: #25A638;
	font-weight: 900;
	width: 130px;
	padding: 13px 0px;
	font-size: 17px;
	text-align: center;
}

.review-table td {
	color: #6A6466;
	font-weight: 500;
	font-size: 14px;
}

.review-table td.itm-li {
	font-size: 14px;
}

.review-table td span.sub-cat {
	color: #B0B0B0;
}

.review-table tfoot td {
	color: #504346;
	font-weight: 600;
}

.btns.step-btns {
	display: flex;
	column-gap: 40px;
}

.step-btns .icon-btn .btn {
	background: none;
	border: none;
	font-size: 18px;
	font-weight: 800;
	color: grey;
	display: flex;
	align-items: center;
	column-gap: 10px;
	padding: 0px;
}

.review-table th {
	color: #AFACA3;
	font-size: 14px;
}

.bill-header .no-items p {
	font-size: 16px;
}

.text-details .box-header {
	padding: 20px 25px;
}

form#make_payment_form {
	padding: 20px 25px;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

form#make_payment_form .content-1 .calender-input {
	padding: 0px;
}

form#make_payment_form .form-check .form-check-input {
	border-radius: 4px;
	box-shadow: inset 0px 2px 8px #00000033;
}

.content-3.review-checkout .bill-btn {
	text-align: center;
	display: flex;
	flex-direction: column;
	row-gap: 23px;
}

.step-btns .icon-btn span {
	color: #AFACA3;
}

#select_student_modal .modal-content.add-user-body {
	align-items: flex-start;
}

.step-btns .icon-btn.active span {
	color: #45a735;
}

.step-btns .icon-btn.active .icon-box {
	background: #45a735;
}

.step-btns .icon-btn.active .icon-box i {
	color: white;
}

.btn:hover {
	text-decoration: none;
}

#payment_confirmation_modal .popup-content .title {
	font-size: 25px;
	margin-bottom: 10px;
	font-weight: 500;
}

#payment_confirmation_modal .modal-content.add-user-body {
	align-items: flex-start;
}

.reset_box_content .title h5 {
	font-size: 25px;
}

.reset_box_content .alert-msg {
	padding: 0px;
}

#payment_confirmation_modal .modal-body p {
	font-size: 14px;
	color: #444555;
	font-weight: 500;
}

#payment_confirmation_modal button.go_to_orders_history {
	border: none;
	background: #24a639;
	color: white;
	padding: 5px 30px;
	text-transform: uppercase;
	font-weight: 600;
	margin-left: auto;
	display: flex;
}

/*css for begin food order */
.date-part .text p {
	color: #504346;
	font-size: 16px;
	max-width: 90%;
	font-weight: normal;
}

.date-part .text h4 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #504346;
}

.text-details .box-header h3 {
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
}

.text-details .content-1 h3 {
	font-size: 16px;
	letter-spacing: 0px;
	color: #25A638;
	text-transform: capitalize;
}

.text-details .content-1 span {
	font-size: 15px;
	color: #504346;
	font-weight: 500;
}

.text-details .content-1 {
	padding: 20px 25px;
	border-bottom: 1px solid #E5E5E5;
}

.schedule-detail tr {
	border-color: #E5E5E5;
	border-width: 0px 1px 1px 0px;
}

td.itm-nm span.show_item_details {
	color: #6A6466;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 16px;
}

.text-details.secnd-bx {
	margin-top: 30px;
}

/*css for calendar */
#order_date_div .ui-datepicker-header.ui-widget-header.ui-corner-all {
	background: white;
	border: none;
	border-bottom: 1px solid #E6EAEE;
	padding: 15px 0px 15px;
	border-radius: initial;
}

#order_date_div .ui-datepicker {
	width: 95%;
}

#order_date_div .ui-datepicker td {
	padding: 0px;
}

#order_date_div .ui-datepicker .ui-datepicker-prev,
#order_date_div .ui-datepicker .ui-datepicker-next {
	width: 3.8em;
	height: 3.8em;
	top: -1px;
	border: 1px solid #E6EAEE;
	border-radius: 0px;
}

#order_date_div .ui-datepicker .ui-datepicker-prev {
	left: 0px;
}

#order_date_div .ui-datepicker .ui-datepicker-next {
	right: 0px;
}

#order_date_div .ui-datepicker table.ui-datepicker-calendar {
	padding: 20px;
	width: 85%;
	margin: 20px auto;
}

table.ui-datepicker-calendar td a,
table.ui-datepicker-calendar td span {
	border: 0.4px solid #E6EAEE !important;
	background: white !important;
	font-weight: normal;
	color: #454545;
	text-align: center;
	padding: 13px 10px;
	margin: 0px;
	min-width: 49px;
}

table.ui-datepicker-calendar th span {
	color: #504346;
	font-weight: 400;
	font-size: 13px;
}

.ui-datepicker-title span {
	font-size: 19px;
	color: #504346;
	font-weight: 400;
}

table.ui-datepicker-calendar td.ui-datepicker-week-end a {
	background: #F5F5F5 !important;
}

#order_date_div .ui-datepicker.ui-widget.ui-widget-content {
	display: block;
	border: 1px solid var(--unnamed-color-e6eaee);
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 7px #00000029;
	border: 1px solid #E6EAEE;
	border-radius: 0px;
	padding: 0px;
}

#order_date_div td.ui-datepicker-week-end.ui-datepicker-unselectable.ui-state-disabled span {
	background-color: #F5F5F5 !important;
}

/* css for my shop create order */
.content-sec h4 {
	font-weight: 600;
	margin-bottom: 5px;
	color: #504346;
	font-size: 26px;
	/* text-transform: capitalize; */
}

.content-sec.order-sec h3 {
	color: #504346;
	font-size: 34px;
}

.content-sec {
	padding-bottom: 40px;
}

.content-sec h3,
.content-sec h5 {
	font-weight: 800;
}

.content-sec p {
	color: #504346;
	margin-bottom: 5px;
}

button.add-to {
	width: 100%;
	padding: 10px 4px;
	border: none;
	background: transparent linear-gradient(180deg, #38B349 0%, #23A637 100%) 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
}

.bill-header .sub-total p {
	font-size: 18px;
	color: #504346;
}

.no-items p {
	font-size: 17px;
	color: #504346;
}

.bill-header .sub-total {
	max-height: 26px;
}

.bill-header .no-items {
	max-height: 26px;
}

.content-1 .calender-input {
	padding: 00px;
	width: fit-content;
	position: relative;
}

.content-1 .calender-input label {
	font-size: 18px;
}

.schedule-detail th {
	font-size: 16px;
	padding: 15px;
	/* max-width: 160px;*/
	text-align: center;
}

.bill-detail td {
	padding: 14px 10px;
	font-size: 17px;
}

.bill-detail .prd-name {
	padding-right: 0px;
}

.bill-detail.total-amount th {
	padding: 10px 25px;
	font-size: 18px;
}

.content-1 .calender-input .calender-icon {
	right: unset;
	left: 2px;
}

.table-with-lines td,
.table-with-lines th {
	border-right: 1px solid #000000;
}

.table-with-lines th:last-child,
.table-with-lines td:last-child {
	border-right: none;
}

.cart-scrollable {
	max-height: 600px;
	/* Set a maximum height for the scrollable area */
	overflow-y: auto;
	/* Enable vertical scrolling */
}

td.itm-det span.text-danger {
	font-size: 12px;
}

.content-sec #ui-datepicker-div {
	padding-bottom: 70px;
	position: relative;
}

.ui-widget.ui-widget-content#ui-datepicker-div {
	width: auto;
	/* padding-bottom: 70px; */
}

#food_orders_page #ui-datepicker-div table.ui-datepicker-calendar:after {
	content: '';
	background: url(../images/selection.png);
	position: absolute;
	top: 350px;
	width: 58%;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	left: 15px;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div.ui-widget-content .ui-state-active {
	color: #FAB409;
}

.table-responsive.tbl-sc {
	overflow: visible;
}

td.itm-li.itm-td {
	position: relative;
}

.itm-td .popup-crd {
	padding: 0px;
	background: transparent;
	margin-top: 72px;
	top: -24px;
	left: -88px;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}

.itm-td .popup-cntnt {
	padding: 8px 3px;
}

.itm-td .popup-cntnt ul {
	margin: 0px;
	list-style: none;
	padding: 0px 16px;
}

.itm-td .popup-crd::after {
	left: 108px;
	top: -13px;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	border-bottom: 14px solid #F0EFEC;
}

.event-banner {
	background: url('../../../media/event_image/event_image.png');
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 55px 86px 55px 86px;
	position: relative;
}

.event-banner .left-text p {
	margin: 0px;
	font-size: 18px;
	color: white;
}

.left-text h3 {
	margin: 0px;
	font-size: 60px;
	color: white;
}

.event-banner .left-text span {
	color: white;
}

.event-banner .right-bx-cntnt {
	background: white;
	width: fit-content;
	padding: 50px 30px 45px 30px;
	border-radius: 15px;
	min-width: 334px;
}

.event-banner .right-bx-cntnt button {
	font-size: 16px;
	color: white;
	background: #39B54A;
	padding: 9px 33px;
	border-radius: 4px;
	text-transform: uppercase;
	border: none;
	margin-top: 25px;
	width: 100%;
}

.bnner-cntnt {
	position: relative;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.event-banner:after {
	content: '';
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	z-index: 1;
}

.event-banner .right-bx-cntnt p {
	margin-bottom: 5px;
	font-weight: 800;
}

.event-banner .right-bx-cntnt span {
	color: #515151;
	min-width: 150px;
}

.event-banner .right-bx-cntnt .book-date {
	display: flex;
	justify-content: space-between;
	/*margin-top: 15px;*/
}

td .badge-custom-90 {
	min-width: 90px !important;
}

span.show_badge .badge-custom-90 {
	min-width: 90px !important;
}

td .badge,
td .badge-danger {
	width: 68px !important;
	padding: 0.5em 0.5em !important;
	text-align: center;
}

span.show_badge .badge,
span.show_badge .badge-danger {
	width: 68px !important;
	padding: 0.5em 0.5em !important;
	text-align: center;
}

td .badge-success {
	color: #28a745;
	background-color: #D9FFDE;
	font-weight: 400;
	font-size: 12px;
	padding: 0.5em 0.5em;
	border-radius: 5px;
}

span.show_badge .badge-success {
	color: #28a745;
	background-color: #D9FFDE;
	font-weight: 400;
	font-size: 12px;
	padding: 0.5em 0.5em;
	border-radius: 5px;
}

td .badge-warning {
	color: #f89406;
	background-color: #ffeacd;
	font-weight: 400;
	font-size: 12px;
	padding: 0.5em 1em;
	border-radius: 5px;
}

span.show_badge .badge-warning {
	color: #f89406;
	background-color: #ffeacd;
	font-weight: 400;
	font-size: 12px;
	padding: 0.5em 1em;
	border-radius: 5px;
}

td .badge-danger {
	color: #dc3545;
	background-color: #FFDBDA;
	font-weight: 400;
	font-size: 12px;
	padding: 0.5em 1em;
	border-radius: 5px;
}

span.show_badge .badge-danger {
	color: #dc3545;
	background-color: #ffeacd;
	font-weight: 400;
	font-size: 12px;
	padding: 0.5em 1em;
	border-radius: 5px;
}

.calendar {
	background: #fff url(../images/calendar_month_icon.svg) 98% 50% no-repeat;
	font: 9pt Tahoma, Verdana, Helvetica, sans-serif;
	color: #333;
	padding: 8px 20px;
	border: 1px solid #ccc;
	background-size: 16px;
	background-position: right 0.55rem center;
	border-radius: 4px;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
}

table.ui-datepicker-calendar .confirmed-date a {
	background-color: #9DC240 !important;
	color: white !important;
}

table.ui-datepicker-calendar .pending-date a {
	background-color: #FAB409 !important;
	color: white !important;
}

table.ui-datepicker-calendar .half-red-half-blue a {
	background: linear-gradient(to right, #9DC240 50%, #FAB409 50%) !important;
	color: white !important;
}

.right-icn-det {
	width: fit-content;
	margin: auto;
}

.right-icn-det p {
	margin-bottom: 5px;
}

.right-icn-det span {
	color: #000000;
}

.pswrd-icon-div {
	position: relative;
}

.pswrd-icon-div #togglepasswordvisibility {
	position: absolute;
	top: 15px;
	right: 10px;
}

.pswrd-icon-div input[type="password"]::-ms-reveal,
.pswrd-icon-div input[type="password"]::-ms-clear {
	display: none;
}

.pswrd-icon-div #togglepasswordvisibility i {
	font-size: 12px;
}

.fa-triangle-exclamation {
	color: red;
}

#pay_form .input-bx .form-group-flex,
#pay_topup_form .input-bx .form-group-flex {
	width: 100%;
}

#pay_modal .mltpl-inp .select-div-rw select,
#pay_topup_form .mltpl-inp .select-div-rw select {
	max-width: 100%;
}

span.text-danger.topup_err {
	font-size: 13px;
}

.summary-table td {
	padding: 10px 0px;
}

#pay_form .mltpl-inp {
	align-items: flex-start;
}

#pay_form .input-bx,
#pay_topup_form .input-bx {
	align-items: flex-start;
}

.sub-btn.btn {
	background: transparent linear-gradient(179deg, #39B54A 0%, #25A638 100%) 0% 0% no-repeat padding-box;
	border: none;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 600;
	margin: 8px 0px 0px;
	color: #fff;
	border-radius: 4px;
	width: 130px;
	max-width: 100%;
}

#pay_from_coupon_modal .modal-footer.add-variation-modal {
	padding: 15px 0px;
	justify-content: space-between;
	align-items: center;
}

.bk-btn.btn {
	background: #FAB409;
	border: none;
	padding: 12px 30px;
	font-size: 14px;
	font-weight: 600;
	margin: 8px 0px 0px;
	color: #fff;
	border-radius: 4px;
	width: 130px;
	max-width: 100%;
}

.hdg-div {
	font-size: 24px;
	font-weight: 600;
}

.add-pay-order-div {
	display: flex;
	align-items: center;
	padding: 0px 23px;
	width: 100%;
}

.add-pay-order-div .modal-footer .input-div {
	max-width: 100%;
	margin: 0px;
	background: #F7F7F7;
}

.order-modal-div .add-pay-order-div .modal-footer {
	flex-shrink: inherit;
}

#variation_options_form .add-pay-order-div .total-rw {
	width: 70%;
	text-wrap: nowrap;
	margin: 0px;
	border-radius: 4px;
	padding: 8.5px 10px;
	color: #504346;
	font-weight: 500;
	font-size: 15px;
}

.add-pay-order-div span.display_total {
	text-align: right;
}

.nav-link span {
	color: #504346;
}

button#product_listing_page {
	margin: 0px;
	text-transform: uppercase;
	padding: 10px 30px;
}

/* a.nav-link.active span, */
a.nav-link:hover span,
a.nav-link.active img,
a.nav-link:hover img {
	color: #25A638;
	filter: invert(50%) sepia(21%) saturate(1628%) hue-rotate(77deg) brightness(98%) contrast(90%);
}

#only_topup_form .modal-rgt-bx {
	padding: 0px 30px 20px 0px;
}

a.nav-link:hover {
	text-decoration: none;
	color: #25A638;
}

.add-pay-order-div .total-pay input#total_amount_to_pay {
	text-align: end;
	color: #504346;
}

#variation_options_form .add-pay-order-div .add-order-btn {
	width: 100%;
	margin: 0px 15px;
	max-width: 30%;
}

.food-popup h5 {
	color: #25A638;
	margin-bottom: 20px;
}

.food-popup .popup-content .form-btn-div button.continue-btn {
	width: auto;
	margin-top: 20px;
	text-transform: uppercase;
}

.food-popup .send-icon {
	max-width: 45px;
}

.food-popup .form-div .form-control {
	padding: 10px 15px;
}

.edit-icons .message_icon {
	color: #A8A4A3;
	height: 20px;
	width: 20px;
}

.edit-icons .message_icon {
	color: #A8A4A3;
	height: 20px;
	width: 20px;
	font-size: 20px;
}

.text-details .add-btn button i {
	margin-right: 8px;
}

.no-order {
	margin: 10px auto 0px;
}

button.order-tab-bck.bck-btn {
	border: 1px solid #25A638;
	background: transparent;
	color: #25A638;
	text-transform: uppercase;
}

.bck-btn.order-tab-bck i {
	margin-right: 7px;
	font-size: 18px;
}

.qty-td .mob-plus-fix {
	font-size: 14px;
	min-width: unset;
}

.fav_list_items .table-sub td:nth-child(2) {
	padding-left: 50px;
	width: 60%;
}

.fav_list_items .table-sub td:nth-child(1) {
	padding-left: 0;
	text-align: center;
}

.fav_list_items .table-sub td:nth-child(3) {
	padding-left: 0px;
	text-align: left;
}

.fav_list_head th:nth-child(4) {
	padding-left: 17px;
}


.fav_list_items td:nth-child(4) {
	justify-content: right;
}

.summary-page .accordion-button.collapsed::after {
	/* transform: rotate(180deg); */
	content: '';
	background: url(../images/Arrow_down.svg);
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}

.summary-page .accordion-button:not(.collapsed)::after {
	content: '';
	background: url(../images/Arrow_up.svg);
	/* background-size: cover;*/
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	rotate: 180deg;
	/* transform: rotate(180deg); */
}

.item-table tbody .itm-nm {
	font-size: 14px;
}

.order-modal-div .form-check-input[type=checkbox] {
	border-radius: .25em;
	border: 1px solid #6A6466;
	margin-top: 3px;
	opacity: 0.5;
	box-shadow: inset 0px 2px 8px #00000033;
}

.order-modal-div .add-order-btn button {
	font-weight: 400;
}

.review-table .edit-icons .edit-icon,
.review-table .edit-icons .message_icon {
	color: #6A6466;
}

.date-part .text p.review-text {
	font-weight: bold;
	margin: 0px;
}

table .heading-row td {
	background: #F5F5F5;
	font-size: 16px;
	font-weight: bold;
	color: #AFACA3;
}

#comment_modal_content {
	padding: 0px;
	border-radius: 5px;
	overflow: auto;
}

#comment_modal_content button.submit-comment-btn {
	font-size: 16px;
	color: white;
	background: #39B54A;
	padding: 9px 40px;
	border-radius: 4px;
	text-transform: uppercase;
	border: none;
	width: fit-content;
	margin: 0px 15px 15px;
}

table tbody tr.heading-row td,
table tbody tr.data-tble td {
	padding: 14px;
}

tr.data-tble td textarea:focus-visible {
	outline: none;
}

tr.data-tble td textarea {
	resize: none;
	width: 100%;
	height: 112px;
	text-align: left;
	max-width: 100%;
}

button.delete_provider_comment {
	color: #6A6466;
	background: none;
	border: none;
}

button.delete_product_provider_comment {
	color: #6A6466;
	background: none;
	border: none;
}

#selectedDatesDisplay {
	width: 100%;
	max-height: 240px;
	overflow: scroll;
}

.displayDates {
	display: flex;
	align-items: center;
	column-gap: 9px;
	/*flex-direction: row-reverse;*/
	justify-content: space-between;
	padding: 10px 15px;
	border-bottom: 1px solid #E5E5E5;
}

.displayStudents {
	padding: 10px 15px;
	border-bottom: 1px solid #E5E5E5;
}

.selected-data-box .li-rw {
	padding: 0px;
	border: 0px;
	display: block;
}

.displayDates span {
	font-size: 15px;
}

.li-rw .frm-rw input {
	width: 15px;
	height: 15px;
}

.order-list .order-header {
	justify-content: space-between;
	display: flex;
}

.li-rw .frm-rw label.form-check-label {
	font-size: 16px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	color: #454545 !important;
}

.step-btns .icon-btn.active .icon-box img.food-tab-img {
	filter: brightness(0) saturate(100%) invert(86%) sepia(100%) saturate(2%) hue-rotate(285deg) brightness(104%) contrast(101%);
}

#order_date_div .ui-state-disabled,
#order_date_div .ui-widget-content .ui-state-disabled,
#order_date_div .ui-widget-header .ui-state-disabled {
	opacity: 1;
}

#order_date_div .ui-state-disabled,
#order_date_div .ui-widget-content .ui-state-disabled span,
#order_date_div .ui-widget-header .ui-state-disabled span {
	color: #B0B0B0;
}

#order_date_div .ui-state-default,
#order_date_div .ui-widget-content .ui-state-default {
	font-weight: 500;
}

.content-sec.order-sec {
	padding-top: 0px;
}

#ui-datepicker-div {
	z-index: 2000 !important;
}

.billl-detail td.del-btn {
	padding: 12px;
	vertical-align: baseline;
}

.table-responsive {
	overflow: auto;
}

.ps-notify-alert .table-responsive {
	max-height: 350px;
	/* max-width: 90%; */
}

.unabl_order_cs_ .order-date-table-ch {
	/* min-width: 520px; */
	/* max-width: 520px; */
}

.ps-notify-alert .table-responsive .order-header {
	/* min-width: 520px; */
	/* max-width: 520px; */
}

.last_error_break_ch {
	min-width: 150px;
}

.ps-notify-alert .alert-msg {
	width: 100%;
}


.bill-detail td.itm-det {
	padding: 0px 10px 0px 25px;
	width: 45%;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 16px;
	color: black;
	word-break: break-all;
}

form.billing-det {
	display: flex;
	justify-content: start;
	margin: 15px 0px;
	align-items: baseline;
	column-gap: 20px;
	row-gap: 20px;
	flex-wrap: wrap;
}

#pills-billing form.billing-det .btnsrw {
	/*margin: 12px 0px 0px 0px;*/
}

form.billing-det .fld.hasDatepicker {
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	background: transparent linear-gradient(180deg, #F8F8F8 0%, #F2F2F2 100%) 0% 0% no-repeat padding-box;
	max-width: 140px;
	padding: 5px 35px;
}

form.billing-det .input-divs:before {
	background-image: url(../images/calendar_month_icon.svg);
	content: '';
	position: absolute;
	top: 10px;
	left: 13px;
	background-repeat: no-repeat;
	background-size: cover;
	width: 16px;
	z-index: 9;
	height: 16px;
}

#pills-billing .btnsrw {
	display: flex;
	column-gap: 20px;
	/*justify-content: flex-end; */
}

#redirect_to_billing_details {
	background: white;
	border: 1px solid red;
	border-radius: 3px;
	color: red;
	font-weight: 600;
	padding: 4px 30px;
}

form.billing-det .input-divs:after {
	position: absolute;
	content: '';
	top: 15px;
	right: 12px;
	background: url(../../images/down-arrow-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	z-index: 9;
	height: 7px;
}

.srch-btn {
	background: #46a735;
	font-weight: 500;
	color: white;
	padding: 5px 30px;
	border: none;
	border-radius: 3px;
	box-shadow: none;
	/*margin-right: 10px;*/
}

form.billing-det .input-divs .fld.hasDatepicker:focus-visible {
	outline: 0px;
}

form.billing-det .input-divs {
	max-width: fit-content;
	position: relative;
}

.crd-img img {
	min-width: 210px;
	min-height: 260px;
	max-height: 260px;
	object-fit: cover;
	max-width: 230px;
}

.product-crd .crd-img.out-of-stock {
	position: relative;
	display: inline-block;
}

.out-of-stock .out_of_stock_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(131 131 131 / 40%);
	/* Slightly lighter dark background */
	display: flex;
	align-items: center;
	justify-content: center;
	color: #f25c54;
	/* Mild red color */
	font-size: 24px;
	font-weight: bold;
	z-index: 1;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
	/* Soft shadow to make text more legible */
}

/* Add slant effect to the text */
.out-of-stock .out_of_stock_overlay p {
	transform: rotate(-45deg);
	transform-origin: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	color: #fff;
	background-color: rgb(255 0 0 / 76%);
	font-size: 16px;
	padding: 6px 15px;
	border-radius: 60px;
	font-weight: 500;
}

.sidebar-div {
	/* max-width: fit-content; */
}

.my-shop-sidebar {
	border: 1px solid #E3E3E3;
	padding: 27px 21px;
	display: flex;
	flex-direction: column;
	border-radius: 5px;
	/* max-width: 288px; */
	row-gap: 18px;
}

.product-crd .crd-text h6 {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	margin-top: 13px;
	text-transform: capitalize;
	max-width: 95%;
}

#product_cart_display .schedule-detail th {
	font-size: 17px;
	padding: 13px 24px;
	max-width: 100%;
	text-align: center;
	width: 155px;
}

#order_details_modal .modal-content button {
	margin-left: auto;
	padding: 20px;
}

#order_details_modal .modal-content table th {
	width: fit-content;
	border: 1px solid grey;
	padding: 5px;
	vertical-align: top;
}

#order_details_modal .modal-content table td {
	vertical-align: baseline;
	/* padding-top: 15px; */
	border: 1px solid grey;
	padding: 05px;
}

/*css for about us */
.page-banner {
	background: #AEACA4;
	padding: 60px 50px 120px;
	border-bottom: 6px solid #FB4700;
}

.banner-txt {
	padding: 0% 10%;
}

.banner-txt p,
.banner-txt h5,
.banner-txt h2 {
	color: white;
}

.banner-txt h5,
.banner-txt h2 {
	font-weight: 500;
	font-size: 36px;
}

.banner-txt p {
	font-size: 19px;
}

.content-card {
	background: white;
	padding: 110px 30px 80px;
	border-radius: 20px;
	/* position: absolute; */
	margin-top: -115px !important;
	max-width: 90%;
	margin: auto;
}

.content-card h3 {
	max-width: 80%;
	text-align: center;
	margin: auto;
}

.img-sect-part {
	margin-top: 20px;
}

.img-sect-part .text-side {
	padding-top: 80px;
	padding-right: 45px;
}

.img-sect-part .text-side h2 {
	font-size: 16px !important;
}

.img-sect-part .text-side p {
	margin-bottom: 30px;
	color: #504346;
	max-width: 100%;
	font-weight: 400
}

.img-grayscale {
	filter: grayscale(100%);
}


.icon-list ul {
	padding-left: 57px;
}

.icon-list ul li {
	font-size: 20px;
	list-style-type: none;
	color: #504346;
	max-width: 80%;
	border-bottom: 1.5px solid #EDEBE8;
	padding: 30px 0px 10px;
}

.icon-list ul li span {
	font-size: 20px;
	color: #51A347;
	border-bottom: 2px solid #51A347;
	margin-right: 6px;
}

.sign-up-banner {
	background: #759E09;
	padding: 50px;
}

.content-banner {
	max-width: 90%;
	text-align: center;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.content-banner p {
	color: white;
	font-size: 24px;
	max-width: 60%;
	text-align: start;
	/* padding-left: 30px; */
	margin: 0px;
}

.content-banner button {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #25A638;
	border-radius: 50px;
	opacity: 1;
	padding: 15px 52px;
	font-size: 15px;
	color: #25A638;
	font-weight: 500;
}

/* calender left right arrows */
/*.ui-widget-header .ui-icon { background-image: url(../images/Arrow_right.svg); } .ui-icon, .ui-widget-content .ui-icon { background-image: url(../images/Arrow_right.svg); } */
/*css for about us end*/
/*responsive css */
.read_more {
	margin-bottom: 5px;
}

.fs {
	font-size: 12px;
}

.ui-datepicker-inline .ui-widget-header .ui-icon:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 16px;
	background-image: url(../images/Arrow_left.svg) !important;
	background-size: cover;
	background-repeat: no-repeat;
	left: 2px;
	top: 0px;
}

/*.ui-datepicker-inline .ui-icon-circle-triangle-e { background-position: unset; } .ui-datepicker-inline .ui-widget-header .ui-icon-circle-triangle-w:before { content: ''; position: absolute; width: 9px; height: 14px; background-image: url(../images/Arrow_left.svg) !important; background-size: cover; background-repeat: no-repeat; } .ui-datepicker-inline .ui-icon-circle-triangle-w { background-position: unset; }*/
.ui-datepicker .ui-widget-header .ui-icon {
	position: relative;
}

.ui-datepicker .ui-widget-header .ui-icon:before {
	content: '';
	position: absolute;
	width: 9px;
	left: 20%;
	height: 14px;
	background-image: url(../images/Arrow_left.svg) !important;
	background-size: cover;
	top: 1px;
	background-repeat: no-repeat;
}

.checkbox-div p.text-danger {
	font-size: 13px;
	margin-top: 10px;
}

.ui-datepicker .ui-icon-circle-triangle-e {
	background-position: unset;
}

.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e:before {
	transform: rotate(180deg);
	left: 3px;
	top: 3px;
}

/*.ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w:after { content: ''; position: absolute; width: 10px; height: 16px; background-image: url(../images/Arrow_left.svg) !important; background-size: cover; background-repeat: no-repeat; left: 2px; top: 0px; } */
.ui-datepicker .ui-icon-circle-triangle-w {
	background-position: unset;
}

td .display_items,
td .display_qty,
td .display_meal_type {
	margin-bottom: 5px;
	word-break: break-word;
}

.form-check-input:checked[type=radio] {
	background-image: url(../images/checkk.svg);
	box-shadow: none !important;
}

.notify {
	position: relative;
	top: 4px;
	right: -7px;
}

span.badge.badge-counter {
	position: absolute;
	transform: scale(.7);
	transform-origin: top right;
	right: 0.25rem;
	margin-top: -0.25rem;
	font-weight: 400;
	height: 20px;
	width: 20px;
	background: #FB4700;
	border-color: #858585;
	color: white !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

a.nav-link.active #updated_counter span,
a.nav-link:hover #updated_counter span {
	filter: unset;
}

.header-my-account-btn {
	display: flex;
	justify-content: end;
}

button#edit_student,
button#edit_meal_type {
	background: none;
}

.name-slider .bt-type button span {
	padding-bottom: 1px;
}

.name-slider .bt-type button span:hover {
	border-bottom: 2px solid #25A639;
}

table td a {
	color: #6a6466;
	text-decoration: none;
}


/*css for howitworks */

.tabs-card {
	background: white;
	padding: 30px 82px 0px;
	box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.14);
	border-radius: 10px;
}

.tabs-card .contact-tab .nav-tabs {
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
}

.tabs-card .contact-tab .nav-tabs .nav-item {
	padding-bottom: 40px;
	padding: 0px;
}

.steps-sect {
	background: #F7F7F7;
	padding: 70px 0px;
}

/* .steps-sect.steps-sect-resp{
	background-color: #fff;
} */

img.step-1-img {
	max-width: 95%;
	margin-top: 40px;
}

.text-sid p {
	padding: 0px 65px;
	max-width: 65%;
}

.tabs-card .contact-tab .nav-tabs .nav-item button {
	font-size: 20px;
	font-weight: 500;
	color: #BBBBBB;
	text-transform: uppercase;
	display: grid;
	gap: 10px;
	padding: 0;
	border: 0px;
}

.tabs-card .contact-tab .nav-tabs .nav-item button.active {
	border: none;
	color: #52A347 !important;
	font-weight: 600;
}

.sign-up-bnner {
	background: white;
	padding: 80px 75px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .16);
}

.sign-up-bnner p {
	margin: 0px;
	font-size: 20px;
	color: #64666C;
}

.sign-up-bnner button {
	background: #39B54A;
	border: none;
	color: white;
	padding: 13px 40px;
	border-radius: 40px;
	font-size: 16px;
}

.how-it-works-text {
	padding: 15px 0;
}

.how-it-works-steps-sect .steps-sect {
	padding-top: 20px;
}

.feature-card {
	max-width: 405px;
	/* min-height: 700px; */
	border: 1px solid #B2B2B2;
	padding: 0px;
	border-radius: 10px;
	margin-left: 20px;
	margin-top: 50px;
	margin-bottom: 100px;
}

.feature-card .card-text {
	padding: 78px 40px 10px 40px;
	text-align: center;
}

.feature-card .card-text ul {
	padding: 0px;
	margin-top: 30px;
}

.feature-card .card-text ul li {
	list-style: none;
	margin-bottom: 30px;
	font-size: 19px;
}

.feature-card h5 {
	color: #696466;
	font-weight: 700;
	font-size: 22px;
}

.feature-card .card-head {
	border-bottom: 1px solid #B2B2B2;
	background: #F7F7F7;
	border-radius: 10px 10px 0px 0px;
	display: flex;
	justify-content: center;
	min-height: 85px;
	position: relative;
}

.feature-card .card-head img {
	position: absolute;
	top: 40px;
}

.mrt-1 {
	margin-top: 80px;
}

#contact_info .contact-form-div {
	padding: 45px;
}

.tabs-card .contact-tab .nav-tabs .nav-item:hover {
	border: none;
	box-shadow: none;
	outline: none;
	padding: 0px;
}

.tabs-card .contact-tab .nav-tabs .nav-item:hover button {
	border: none;
	box-shadow: none;
	outline: none;
	padding: 0px;
}

.cntnt-card {
	padding: 60px 43px;
	background: #F7F7F7;
	border-radius: 10px;
	box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, .16);
	margin-bottom: 70px;
}

.cntnt-card h5 {
	font-size: 30px;
	color: #51A347;
	font-weight: 700;
	max-width: 90%;
	line-height: 31px;
	margin-bottom: 30px;
}

.cntnt-card p {
	font-size: 24px;
	font-weight: 300;
	max-width: 85%;
}

.left-side-links {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.left-side-links .works {
	margin: 15px 0px 0px 0px;
}

.how-it-frst-sec {
	margin-top: -100px;
}

.how-it-frst-sec .leftinfo-div #families-h1,
.how-it-frst-sec .leftinfo-div #schools-h1,
.how-it-frst-sec .leftinfo-div #suppliers-h1 {
	color: #51A347;
	font-size: 32px !important;
}

@media screen and (max-width: 767px) {

	.how-it-frst-sec .leftinfo-div #families-h1,
	.how-it-frst-sec .leftinfo-div #schools-h1,
	.how-it-frst-sec .leftinfo-div #suppliers-h1 {
		font-size: 24px !important;
	}
}

.how-it-frst-sec .leftinfo-div .instruction_list h1.heading {
	margin-left: 20px;
	color: #51A347;
}

.cntnt-card button {
	background: #39B54A;
	border: none;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	padding: 18px 46px;
	border-radius: 40px;
	font-size: 17px;
	letter-spacing: 1px;
	margin-top: 15px;
}

.tabs-card .contact-tab .nav-tabs .nav-item button img {
	margin: auto;
	max-width: 65%;
	width: 100%;
	height: auto;
	max-height: 122px;
	min-height: 122px;
	object-fit: contain;
}

.product-crd.product_detail_pg {
	margin-bottom: 20px;
	cursor: pointer;
}

.order-list .order-header.order-header-2 {
	flex-direction: row;
}

.custom-panel img {
	max-width: 140px;
	margin: 20px 10px;
}

.last-div-btn button#add_users_step {
	border: 1px solid #25A638;
	background: #E0F8E2;
	color: #25A638;
	border-radius: 4px;
}

.register-container .content .content__box.step-3 {
	padding: 0px 20px 0px;
}

#comment_modal_content a.close-modal {
	top: 2px;
	right: 2px;
	/* background: #000;
    color: #fff; */
	text-align: center;
	justify-content: center;
	display: flex;
	align-items: center;
	width: 20px;
	border-radius: 60px;
	height: 20px;
	font-size: 18px;
	padding: 0px;
}

/* .order-list td .display_items {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */

.ps-notify-alert {
	z-index: 20000;
}

.table-sub tr {
	border-bottom: 0px;
}

.table-sub td {
	padding: 4px 10px;
}

.table-sub {
	width: 100%;
}

.table-sub td.td-qt {
	width: 43%;
}

.qt_head {
	width: 60px;
}

.table-sub td.td-detail.itm-li {
	/* text-align: end; */
}

/* css how it works end */

/*css for contact us page starts */

.contact-pg-cntnr .content-card {
	background: #F7F7F7;
	padding: 60px 30px 60px;
	margin-bottom: 30px;
}

.contact-pg-cntnr .content-card .rw1 {
	display: flex;
	gap: 80px;
	justify-content: space-between;
}

.contact-pg-cntnr .cl {
	max-width: 50%;
	width: 100%;
}

.contact-pg-cntnr .cl h4 {
	background: transparent linear-gradient(180deg, #39B54A 0%, #25A638 100%) 0% 0% no-repeat padding-box;
	padding: 10px 25px;
	color: white;
	font-size: 24px;
	border-radius: 4px;
	max-width: 599px;
	font-weight: 500;
	margin-bottom: 40px;
}

.contact-pg-cntnr .cntnt-card {
	padding: 60px 43px;
	background: #ffffff;
	border-radius: 10px;
	max-width: 100%;
	box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, .16);
	margin-top: 27px;
}

.contact-pg-cntnr .cntnt-card h5 {
	font-size: 30px;
	color: #51A347;
	font-weight: 700;
	max-width: 90%;
	line-height: 41px;
	margin-bottom: 7px;
}

.contact-pg-cntnr .cntnt-card p {
	font-size: 20px;
	font-weight: 300;
	max-width: 100%;
}

.contact-pg-cntnr .cntnt-card button {
	background: #39B54A;
	border: none;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	padding: 15px 40px;
	border-radius: 40px;
	font-size: 15px;
	letter-spacing: 1px;
	margin-top: 15px;
}

.icn-list p {
	margin-bottom: 25px;
}

.contct-frm-sbmi label {
	font-size: 20px;
}

.contct-frm-sbmi input {
	border: 1px solid #25A638;
}

.contct-frm-sbmi label.input-lbl {
	font-size: 16px;
}

.contct-frm-sbmi textarea {
	border: 1px solid #25A638;
	min-height: 283px;
	resize: none;
}

.contct-frm-sbmi .btn-rw {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}

.contct-frm-sbmi .btn-rw button {
	background: transparent linear-gradient(180deg, #39B54A 0%, #25A638 100%) 0% 0% no-repeat padding-box;
	color: white;
	padding: 12px 51px;
	border-radius: 4px;
	text-transform: uppercase;
}

form.contct-frm-sbmi {
	max-width: 100%;
}

.accordion-body.table-dev {
	overflow: visible;
}

form .add_item_btn {
	justify-content: center;
}



.close-popup-btn {
	position: absolute;
	background: transparent;
	border: none;
	font-size: 15px;
	right: 13px;
	line-height: 21px;
	top: 10px;
	font-family: 'FontAwesome';
}

/*css for contact us page ends */
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
	cursor: not-allowed;
	opacity: .5;
}

.text-2-cl {
	max-width: 260px;
}

.text-dark.notification-text {
	font-weight: 500;
}

.cl-rght-icon {
	max-width: fit-content;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	justify-content: space-around;
	align-items: center;
}

.notification-list#notificationDropdown {
	display: block;
	padding: 0px;
	right: 80px;
}


#notificationDropdown .no-gutters .cl-text {
	margin: auto 0px;
}

.notification-icon.icon-left-sg i {
	font-size: 30px;
}

#notificationDropdown .no-gutters {
	max-width: 649px;
	display: flex;
	column-gap: 20px;
}

a img.snooze_icon {
	max-width: 40px;
}


@media screen and (max-width: 1400px) {
	.navbar-li li a {
		font-size: 13px;
	}

	.content-3 .total-amount .paying-amount {
		padding: 10px 40px;
	}

	td.itm-nm,
	th.itm-nm {
		width: 64%;
	}

	.order-list .order-header {
		flex-direction: column;
		row-gap: 10px;
	}
}

@media screen and (max-width:1200px) {
	.order-header.order-header-2 .name-slider {
		justify-content: space-between;
	}

	.contact-pg-cntnr .content-card .cl {
		max-width: 50%;
	}

	.contact-pg-cntnr .content-card .cntnt-card {
		max-width: 100%;
	}

	.contact-pg-cntnr .content-card .rw1 {
		gap: 60px;
	}

	.contact-pg-cntnr .contct-frm-sbmi .btn-rw button {
		padding: 12px 35px;
	}

	.content-3 .accordion-body .item-table td {
		padding: 14px 10px;
	}
}

/*	.content-sec {
		padding-right: 0px;
	}*/

td .badge-warning {
	width: 68px !important;
}

span.show_badge .badge-warning {
	width: 68px !important;
}

.view_full_notification {
	color: green;

}

.view_full_notification:hover {
	color: green;
	text-decoration: underline;
}

@media screen and (max-width:992px) {
	.order-text {
		min-width: 100px;
	}

	.step-btns.btns .icon-btn .btn {
		font-size: 16px;
	}

	.text-details {
		max-width: 100%;
	}

	.blnc-logo {
		display: none;
	}

	.register-form-bckg .registerside_space .text-foot {
		margin-top: 120px;
	}

}

@media screen and (max-width:767px) {
	.sidebar-div {
		margin-bottom: 20px;
	}


	.blnc-logo {
		display: none;
	}

	#comment_modal_content a.close-modal {
		top: 11px;
		right: 8px;
	}

	#products_provider_comments_form .data-tble td:nth-child(2) {
		padding-left: 22px;
	}

	form#provider_comments_form {
		margin-top: 25px;
	}

	.fair_image img {
		max-height: 384px;
	}

	.accordion-body.table-dev {
		overflow: auto;
	}

	.product-name {
		font-weight: 800;
		padding-top: 16px;
	}

	.product-label {
		font-weight: 400;
	}
}

@media screen and (max-width:480px) {
	.sidebar-div {
		margin-bottom: 20px;
	}

	.my-shop-sidebar {
		width: 100%;
	}

	.product-crd.product_detail_pg .crd-img img {
		min-width: 100%;
		min-height: 160px;
		max-height: 160px;
		max-width: 100%;
	}


	.review-table .action-td {
		width: inherit;

		padding-left: 11px;
	}
}

/* styling for event listing */
.event_spacing {
	margin-top: 10px;
}

.fair_image img {
	object-fit: cover;
	height: auto;
	min-width: 440px;
	max-height: 100%;
	min-height: 100%;
}

.fair_image {
	padding: 0px;
}

.first {
	background-color: #6A6466;
}

/* .event_banner{
    margin-bottom: 25px;
} */
.first_para1 {
	font-size: 37px;
	font-weight: 700;
	color: white;
	padding-top: 56px;
	padding-left: 47px;
	padding-right: 47px;
	display: flex;
	/* justify-content: center; */
	text-align: left;
}

.third {
	background-color: #6A6466;
}

.first_para2 {
	color: white;
	font-weight: 600;
	padding-left: 47px;
	padding-top: 32px;
	font-size: 18px;
	margin-bottom: 0px;
}

.first_para3 {
	color: white;
	display: flex;
	padding-left: 47px;
	font-size: 19px;
}

.first_para3 img {
	max-height: 16px;
	max-width: 19px;
	margin-top: 6px;
}

.first_para3 p {
	padding-left: 7px;
}

.second_para1 {
	font-size: 17px;
	font-weight: 800;
	color: #504346;
	padding-top: 20px;
	margin-bottom: 0px;
}

.second_para2 {
	color: #504346;
	font-size: 14px;
	padding-bottom: 5px;
	margin: 0px;
	margin-bottom: 11px;
}

.second_para2 span {
	font-size: 14px;
	font-weight: 800;
	padding: 0px 8px;
}

.second_para3 {
	color: #504346;
	font-size: 14px;
}

.second_para3 span {
	font-size: 14px;
	font-weight: 800;
	padding-right: 80px;
}

.button_colour {
	background-color: #39B54A;
	color: white;
	font-size: 20px;
	font-weight: 700;
	margin-top: 15px;
	width: 100%;
	margin-bottom: 15px;
}

.cards {
	width: 69%;
	background-color: white;
	margin-top: 30px;
	margin-left: 67px;
	border-radius: 15px;
}

#card_padding {
	padding: 20px 15px;
}

.card-padding {
	padding: 0px;
}

.modal-footer .qty-inc input {
	background: transparent !important;
}

.food_filters {
	display: flex;
	column-gap: 20px;
}

.food_filters .addSelectBox {
	flex-wrap: nowrap;
}

.food_filters .addSelectBox select {
	padding-right: 35px;
	height: 35px;
}

.Crystal_event .event_details {
	color: #504346;
}

.Crystal_event .btn.button_green {
	border-radius: 3px;
}

.summary-page .item-table td {
	padding: 10px 20px;
}

.summary-page .item-table td.itm-nm {
	padding: 10px 0px 10px 20px;
}

.summary-page .item-table th {
	padding: 10px 20px;
}

.summary-page .item-table tbody .itm-nm {
	font-weight: 800;
	font-size: 16px;
}

.summary-page #accordionExample .accordion-item .accordion-button-event {
	border-left: unset;
}

.bill-detail .addSelectBox.form-group-flex select {
	width: 70% !important;
}

/* responsive for smartphone */
@media only screen and (min-width: 375px) and (max-width: 767px) {
	.fair_image img {
		object-fit: cover;
		height: auto;
		min-width: 100%;
	}

	.cards {
		width: 100%;
		margin-top: 45px;
		margin-left: 0px;
		border-radius: 15px;
		margin-bottom: 20px;
	}

	.second_para1 {
		font-size: 28px;
	}

	.second_para2 {
		font-size: 29px;
	}

	.second_para2 span {
		font-size: 23px;
	}

	.second_para3 span {
		font-size: 26px;

	}

	.second_para4 {
		font-size: 26px;
	}

	.first_para1 {
		font-size: 44px;
		font-weight: 700;
		color: white;
		padding-top: 50px;
		padding-left: 25px;
		padding-right: 0px;
	}

	.first_para2 {
		color: white;
		font-weight: 600;
		padding-left: 25px;
		padding-top: 32px;
		font-size: 21px;
	}

	.first_para3 {
		color: white;
		display: flex;
		padding-left: 25px;
		font-size: 21px;
		padding-bottom: 35px;
	}

	.first_para3 img {
		max-height: 20px;
		max-width: 26px;
		margin-top: 4px;
	}

	.second_para3 {
		color: #504346;
		font-size: 26px;
	}

	.next {
		right: 3px;
	}
}

/* tab */
@media only screen and (max-width:1024px) {
	.cards {
		width: 100%;
		margin-left: 0px;
	}

	.first_para1 {
		font-size: 38px;
		padding-left: 33px;
		justify-content: left;
	}

	.first_para2 {
		padding-left: 33px;
		font-size: 18px;
	}

	.first_para3 {
		padding-left: 33px;
		font-size: 18px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	.fair_image img {
		min-width: 321px;
		max-height: 463px;
	}

	.first_para1 {
		font-size: 27px;
		margin-top: 58px;
		padding-right: 45px;
	}

	.cards {
		width: 100%;
		margin-left: 5px;
		margin-top: 87px;
	}

	.first_para2 {
		padding-right: 47px;
	}

	.second_para3 span {
		font-size: 17px;
	}

	.second_para3 {
		font-size: 17px;
	}
}

@media only screen and (min-width: 360px) and (max-width: 740px) {
	.fair_image img {
		height: auto;
		max-width: 100%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	.first_para1 {
		font-size: 27px;
		margin-top: 22px;
		padding-right: 37px;
	}
}

@media only screen and (min-width: 344px) and (max-width: 822px) {
	.fair_image img {
		height: auto;
		max-width: 100%;
	}

	.fair_image img {
		height: auto;
		min-width: 100%;
	}

	.cards {
		margin-bottom: 43px;
	}
}

td.del-btn button {
	background: none;
}

td.del-btn button img {
	min-width: 13px;
	width: 16px;
}

.event_banner .first p {
	color: #ffffff;
}

/* styling list event-details */

.event_para {
	background-color: #6A6466;
}

.event_para h1 {
	color: white;
	padding-top: 48px;
	padding-left: 70px;
	font-size: 38px;
}

.event_details h2 {
	font-size: 22px;
	margin-bottom: 20px;
}

.event_details p {
	margin-bottom: 20px;
}

.event_para h6 {
	color: white;
	padding-top: 65px;
	padding-left: 70px;
}

.event_para p {
	color: white;
	padding-left: 8px;
}

.location {
	display: flex;
	padding-left: 70px;
	padding-top: 5px;
}

.location img {
	max-height: 16px;
	max-width: 19px;
	margin-top: 4px;
}

.event_image img {
	max-width: 94%;
}

.event_details p span {
	font-weight: 700;
}

.container.Crystal_event {
	padding-top: 25px;
	padding-left: 85px;
}

.event_details_images img {
	min-width: 160px;
	margin-right: 17px;
	margin-bottom: 17px;
	min-height: 160px;
}

.event_card {
	padding-left: 15px;
	padding-top: 30px;
}

.card.event_card {
	width: 100%;
	border-radius: 20px;
	padding: 30px 20px;
	max-width: 340px;
}

.card_details {
	font-size: 18px;
}

.card_date {
	font-weight: 700;
}

.card_bold span {
	font-weight: 700;
}

.btn.button_green {
	background-color: #39B54A;
	font-weight: 700;
	width: 93%;
	margin-bottom: 30px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.btn.button_green span {
	color: white;
}

.event_card .btn.button_green {
	margin-bottom: 0px;
	padding: 10px;
}

.event_details {
	padding-right: 60px;
}

p.card-text.card_bold.card_day {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}

/* .card_time span{
    margin: 0px 5px;
} */
.card_day span {
	/* margin-right: 34px; */
}

.card_time {
	padding-bottom: 10px;
	font-size: 14px;
}

.icons {
	display: flex;
}

.icons img {
	max-height: 16px;
	max-width: 19px;
	margin-top: 4px;
	margin-right: 13px;
}

.contact {
	margin-top: 32px;
}

.contact h5 {
	padding-bottom: 13px;
	color: #504346;
}

.ps-notify-alert .notify-cont img {
	position: unset;
	width: 60px;
}

.ps-notify-alert .notify-cont {
	display: flex;
	align-items: start;
	gap: 40px;
}

.ps-notify-alert .notify-cont .alert-msg {
	padding-left: 0px;
	padding-top: 0px;
}

.ps-notify-alert .notify-cont .alert-msg button {
	margin-top: 20px;
}

.ps-notify-alert.notify-sl {
	padding-bottom: 30px;
}

.ps-notify-alert.notify-sl:hover {
	opacity: 1;
	cursor: default;
}

.fs-20 {
	font-size: 20px;
}

.School_content .agreement-section-ch h3 {
	padding-bottom: 20px;
}

.pers-info-text ol {
	counter-reset: item
}

.pers-info-text ol li {
	display: block;
	padding-top: 10px;
}

.pers-info-text ol li:before {
	content: counters(item, ".") " ";
	counter-increment: item
}

.pers-info-text .albhabet-list-content ol {
	counter-reset: list;
}

.pers-info-text .albhabet-list-content ol>li {
	list-style: none;
}

.pers-info-text .albhabet-list-content ol>li:before {
	content: counter(list, lower-alpha) ") ";
	counter-increment: list;
}

.pers-info-text .albhabet-list-content .roman-list-content ol {
	counter-reset: list;
}

.pers-info-text .albhabet-list-content .roman-list-content ol>li {
	list-style: none;
}

.pers-info-text .albhabet-list-content .roman-list-content ol>li:before {
	content: counter(list, lower-roman) ") ";
	counter-increment: list;
}

.content-card .aggrement-content-ch h4 {
	padding-top: 30px;
	padding-bottom: 10px;
}

.pers-info-text .aggrement-content-ch ol li::before {
	font-weight: bold;
}

.pers-info-text h5 {
	padding-bottom: 5px;
}

/* 04nov 2024 (shantanu) */
.steps-sect .sign-up-bnner {
	padding: 34px 75px;
}

.steps-sect-sign-upbnnr-contnr {
	display: none;
}

.steps-sect-fmly-cntnr .sign-up-bnner.sign-up-bnner-2 {
	display: none;
}

.image_text p span {
	font-weight: 700;
}


.event_details_images img {
	max-width: 160px;
	margin-right: 17px;
	margin-bottom: 17px;
}

.carousel-container {
	margin: auto;
	overflow: hidden;
	position: relative;
}

.carousel-slide {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.carousel-slide img {
	width: 100%;
	border-radius: 10px;
}

.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 43%;
	transform: translateY(-50%);
	font-size: 2em;
	background: #ffffff;
	color: #000000;
	padding: 10px;
	border-radius: 10%;
	border: 1px solid grey;
}

.prev {
	left: 10px;
}

.next {
	right: 10px;
}

/* styling for createorder page event */

#shine-event {
	display: flow;
	background-color: #E0F8E2;
	border: 1px solid #25A638;
}

#shine-text {
	font-weight: 900;
	font-size: 19px;
}

#shine-time {
	font-size: 12px;
	font-weight: 400;
}

#shine-time span {
	font-weight: 700;
}

#accordionExample .accordion-item .accordion-button-event {
	padding: 15px 20px;
	border: 1px solid #25A638;
	border-radius: 5px;
	border-bottom-left-radius: 0px;
}

.accordion-select .accordion-button-event1 {
	border-left: 5px solid #39B54A;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 5px;
}

.name-slide {
	gap: 10px;
}

.back-button {
	margin-left: auto;
}

.comment-title {
	padding-top: 15px;
	padding-left: 15px;
}

.comment-send-icon {
	margin-left: 11px;
	max-width: 55px;
	margin-top: 5px;
}

.f-12 {
	font-size: 12px;
}

.item-table .qty-td {
	min-width: 126px;
}

.c-14 th {
	color: #39B54A;
	border: unset;
	background-color: #F5F5F5;
}

.c-18 td {
	background-color: #F5F5F5;
	vertical-align: middle;
}

/* .qty_align{
	text-align: center;
} */
/* .ad_button{
	justify-content: center;
    display: flex;
} */
.qty_bb {
	display: flex;
	justify-content: end;
}

.qt_by {
	max-width: 40px;
}

.cards .btn:hover {
	background-color: #39B54A;
}

.blnc-text {
	width: 100%;
	margin: auto;
	padding: 0px;
}

/* .event_banner {
    margin-bottom: 5px;
}*/
.event_spacing {
	margin-top: 35px;
}

.event_card .btn span:hover {
	color: #000000;
}

.order-modal-header .modal-title {

	font-size: 24px;
	font-weight: 500;
}

.order-modal-div .modal-body {
	padding: 0px;
}

.mm-body {
	margin: 15px 30px;
}

.mm-body .table {
	border: 1px solid #E8E4DF;
}

.order-modal-header.modal-header {
	padding: 0px;
	margin: 20px 30px 0px 30px;
	border-bottom: 1px solid #E8E4DF;
}

.modal-title {
	padding-bottom: 10px;
}

.c-18 td:first-child {
	padding-left: 20px;
}

.c-18 td:last-child {
	padding-right: 20px;
	display: flex;
	justify-content: end;
}

.c-14 th:first-child {
	padding-left: 20px;
}

.c-14 th:last-child {
	padding-right: 50px;
	text-align: end;
}

.modal-footer {
	padding: 0px;
}

.bbkg {
	background: #ffff;
	border: 1px solid #E8E4DF;
}

.button-item-plus {
	padding: 1px 5px;
	border: 1px solid #E8E4DF;
}

.button-item-minus {
	padding: 1px 7px;
	border: 1px solid #E8E4DF;
}

.price-align-2 {
	text-align: end;
}

/* .add-pay-order-div{
	padding: 30px;
} */
.modal-footer {
	flex-wrap: unset;
}

.add-order-btn button {
	padding: 9px 10px;
}

.button-ticket-minus {
	padding: 1px 8px;
	border: unset;
	border-right: 2px solid #E8E4DF;
}

.button-ticket-plus {
	border: unset;
	border-left: 2px solid #E8E4DF;

}

/* .add-pay-order-div .modal-footer{
	border-top: 1px solid #D4D4D4;
	margin-top: 50px;
	padding-top: 15px;
} */
.modfott {
	border-top: 1px solid #D4D4D4;
	margin: 50px 30px 30px 30px;
	padding-top: 15px;
}

.total-pay.total-rw input {
	text-align: end;
}

.modal-footer .total-pay {
	padding: 10px 10px;
	background-color: #F7F7F7;
	border-radius: 4px;
}

#variation_options_form .modal-body {
	padding: 0px 30px 20px;
}

#variation_options_form .add-pay-order-div {
	border-top: 1px solid #d9d9d9;
	padding: 20px 20px;
}

.order-modal-div .green {
	border-bottom: 1px solid #E8E4DF;
	margin: 0px 30px;
	padding-top: 30px;
}

.order-modal-div .step-form-body {
	padding: 10px 30px;
}

.testimonial-design .carousel-inner .carousel-item img {
	display: unset !important;
}

.event_image img {
	min-width: 527px;
}

.comment-title .title {
	color: green;

}

a.nav-link:hover span.badge-counter {
	background: #FB4700;
	filter: none;
}

.text-dark {
	color: green !important;
}

.content-color {
	color: #6A6466;
	word-wrap: break-word;
}

.modal-body .checkbox-div h5 {
	display: flex;
	justify-content: space-between;
}

.checkbox-div p.danger_spacing {
	margin-top: 0px;
}

.checkbox-div p.txt_spacing {
	margin-bottom: 0px;
}

.text-grey {
	color: #6A6466;
}

.product_list_disabled {
	color: #afafaf;
}

.event_banner .cards {
	width: 90%;
	margin: 5%;
}

.event_banner .second_para3 {
	display: flex;
	justify-content: space-between;
}

.event_banner .second_para3 span {
	padding-right: 0px;

}

.inp-rw .p-text {
	width: 34%;
}

.g_colours {
	color: #24a639;
	font-weight: 900;
}

.instruction_list p {
	font-size: 22px;
	font-weight: bold;
	color: #504346;
	padding: 30px 0px;
	border-top: 2px solid #ECEAE6;
	margin: 0px;
}

.instruction_list {
	margin-top: 45px;
	margin-bottom: 45px;
}

.works_yet {
	font-size: 18px;
	color: #504346;
}

.bas_images {
	text-align: center;
}

.bas_images img {
	max-width: 156px;
	height: auto;
}

.ed_tab {
	height: 65px;
}

.administration1 .button-design button.news_letter_signup {
	margin-left: -17px;
	margin-top: -1px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.administration1 .signup_text {
	width: 100%;
	border: 1px solid #D5D5D5;
	height: 100%;
}

#addedit .accordion-button::after {
	margin: 0px;
}

#addedit .accordion-button::after {
	margin-right: 0px !important;
}

.instruction_list .accordion-button {
	display: flex;
	justify-content: space-between;
}

#addedit .accordion-button:not(.collapsed)::after {
	filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(0%);
}

#addedit .accordion-button.collapsed::after {
	filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(0%);
}

.instruction_list .accordion-button:focus {
	box-shadow: none;
}

#addedit .instruction_list .accordion-button:not(.collapsed) {
	background: none;
	box-shadow: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	color: #51A347;
}

#addedit .accordion-item {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

#addedit .accordion-item:first-of-type {
	border-radius: 0px;
	border-top: 0px;
}

.cmt_dlt_icn {
	border: 0px;
	background-color: transparent;
	color: #6A6466;
	font-size: x-large;
}

button.continue-btn.qty_add_btn {
	/* padding: 10px 33px; */
}

.School_content p {
	font-size: 28px;
	max-width: 80%;
	text-align: center;
	margin: auto;
	color: #504346;
	font-weight: 800;
}

.list-set-ch .icon-list-imtext {
	display: flex;
	border-bottom: 2px solid #EDEBE8;
	padding-bottom: 25px;
	padding-top: 20px;
}

.list-set-ch .icon-list-imtext img {
	height: auto;
	max-width: 100px;
	object-fit: contain;
	margin-left: 20px;
}

.list-set-ch .icon-list-imtext p {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 0px;
	align-content: center;
	padding-left: 60px;
	padding-right: 20px;
	color: #504346;
	margin: 0;
	max-width: 100%;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.list-set-ch .icon-list-imtext p {
		text-align: center;
	}

}


.list-set-ch .icon-list-imtext span {
	font-size: 24px;
	font-weight: 500;
	color: #51A347;
	border-bottom: 2px solid #51A347;
	margin-right: 6px;
}

.sound-chan {
	margin-top: 65px;
}

.img-sect-part .text-side p {
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
}

.img-sect-part .img-se-pt {
	background-image: url(../images/bg-school.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-size: auto;
}

.img-se-pt .card img {
	height: auto;
	width: 85px;
}

.img-se-pt {
	align-content: center;
}

.img-se-pt .card {
	background-color: #ffffffb3;
	width: 65%;
	align-items: center;
	padding: 50px 0px;
}

.img-se-pt .card h5 {
	color: #504346;
	padding-bottom: 25px;
	padding-top: 10px;
}

.img-se-pt .card .btn {
	background-color: #EA5B2C;
	color: white;
	padding: 10px 42px;
	border-radius: 22px;
	font-size: 15px;
}

.img-se-pt .card .btn :hover {
	background-color: #EA5B2C;
	color: white;
}

.img-se-pt .card-body {
	text-align: center;
	width: 100%;
}

.img-sect-part .img-se-pt p {
	font-size: 20px;
	padding-bottom: 25px;
	padding-top: 10px;
	font-weight: 500;
}

.img-sect-part .img-se-pt {
	justify-content: center;
	display: flex;
	align-items: center;
	padding-top: 260px;
	padding-bottom: 260px;
}

.privacy_spacing {
	padding-top: 100px;
	padding-bottom: 50px;
}

.privacy_spacing .privacy-act {
	display: inline-block;
	align-content: center;
	padding-right: 30px;
}

.pers-info-text {
	padding-top: 30px;
}

.content-card .pers-info-text h4 {
	padding-bottom: 15px;
}

.content-card .privacy-act p {
	font-size: 18px;
}

.pers-info-text .con-button-ch {
	background: #39B54A;
	border: none;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	padding: 15px 30px;
	border-radius: 40px;
	font-size: 17px;
	letter-spacing: 1px;
	margin-top: 15px;
}

tr.error_tr {
	border: 1px solid #ffffff !important;
	border-width: 2px 0px 0px 0px !important;
}

.order-date-table-ch th {
	border: 1px solid #F5F5F5;
	font-size: 12px;
	padding: 5px;
}

.order-date-table-ch td {
	border: 1px solid #F5F5F5;
	font-size: 12px;
	/* word-break: break-word; */
}

/* footer css */
.second_footer_ch .detail_school_lunch_ch {
	font-weight: 400;
	align-items: end;

}

.second_footer_ch .detail_school_lunch_ch img {
	height: auto;
	max-width: 60px;
}

.second_footer_ch .detail_school_lunch_ch p {
	font-size: 14px;
	width: 65%;
	margin-bottom: 0px;
	padding-left: 35px;
	color: #504346;
}

.second_footer_ch .abn_ch {
	align-content: end;
	font-weight: 400;
	text-align: end;
}

.second_footer_ch .abn_ch p {
	color: #504346;
	font-size: 12px;
	margin-bottom: 0px;
}

.detail_school_lunch_ch {
	display: flex;
}

.second_footer_ch {
	margin-top: 10px;
	margin-bottom: 10px;
}

.ps-notify-cont-new {
	width: 52%;
	max-width: none;
}

.checkbox-div label.text_danger {
	color: #DC3545;
}

.shop-fd-ch {
	padding-top: 40px;
}

.price-td .food-price {
	display: flex;
	flex-direction: column;
}

.price-td {
	text-align: left;
	width: 133px;
}

.copyright_div .copyright_text {
	align-content: end;
	font-weight: 300;
	font-size: 9px;
	color: grey;
}

.efficient1 .Happy-families .family-content,
.efficient .Happy-families .family-content {
	min-height: 110px;
}

.events .event_image img {
	width: 100%;
	max-height: 250px;
	object-fit: cover;
}

.order-dt,
.description-ord {
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
}

.order-dt div,
.description-ord div {
	width: 46%;
}

#top_up_modal .modal-lft-bx {
	border-radius: 10px 0px 0px 10px;
}

#top_up_modal .modal-rgt-bx {
	width: 380px;
}

#top_up_modal .head-rw {
	width: 95%;
	margin-left: auto;
}

#top_up_modal .head-rw p {
	font-size: 18px;
}

#top_up_modal .cntnt-bx {
	width: 95%;
	margin-left: auto;
}

#top_up_modal .cntnt-bx h2 {
	font-size: 21px;
}

#top_up_modal .chck-rw .p-text p {
	font-size: 15px;
	padding: 0px;
}

#top_up_modal .chck-rw .inp-rw .p-text {
	width: 38%;
}

#top_up_modal .inp-rw .form-group-flex {
	width: 30%;
}

#top_up_modal .inp-rw .form-group-flex input {
	padding: 2px;
}

#top_up_modal .total-rw {
	width: 95%;
	margin-left: auto;
}

#top_up_modal .total-rw p {
	font-size: 18px;
}

.modal.fade#top_up_modal .modal-dialog.order-modal-div {
	max-width: 650px;
}

.inp-rw .p-text {
	width: 64%;
}

#top_up_modal .inp-rw {
	margin-top: 0px;
}

.new-order-list-change-cs .order-header {
	justify-content: unset;
}

.new-order-list-change-cs .order-type-child-cs-ch {
	width: 100%;
}

.order-client-testing-ch {
	display: flex;
	gap: 10px;
}

.add_btn_option,
.add_btn {
	min-width: 80px;
}

.addSelectBox select {
	padding-left: 10px;
	padding-right: 10px;
}

.new-item-table-info {
	width: 15%;
}

.new-item-table-student-info {
	width: 18%;
}

.text-details .bill-detail td.qt-sel {
	width: 25%;
}

.mobile-table .dropdown-toggle::after {
	display: none;
	/* Removes default Bootstrap caret */
}

.student-food-table-ch-cs {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #F2F2F2;
	margin-bottom: 10px;
	background-color: #E0F8E2;
	padding: 10px 10px 0px 10px;
	border-radius: 5px 5px 0px 0px;
}

.Three-dot-ch-cs ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.Three-dot-ch-cs .dropdown-menu.show {
	transform: unset !important;
	right: 32px;
	width: fit-content;
	/* top: 0px !important; */
}

.modal-body .checkbox-div .customise-choose-text {
	min-width: 100px;
}

.modal-body .checkbox-div .customise-choose-text span {
	padding-left: 0;
	text-align: left;
}

.other-options-dots .dropdown-menu.show {
	right: 35px !important;
	inset: 2px 33px auto auto !important;
}

.food-mobile-table-sol-ch .Three-dot-ch-cs .dropdown-menu.show {
	left: -179px !important;
}

.review-pending-orders #pending_orders {
	max-height: 60vh;
	overflow-y: auto;
}

.mobile-table p {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
}

.mobile-table p span {
	color: #B0B0B0;
}

.item-qty-mobile-cs-ch {
	display: flex;
	padding-bottom: 5px;
	justify-content: space-between;
	border-bottom: 1px solid #F2F2F2;
	margin-bottom: 10px;
	padding: 0px 10px 5px 10px;
}

.date-mobile-ch-cs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 10px 5px 10px;
	border-bottom: 1px solid #F2F2F2;
	margin-bottom: 10px;
}

.food-item-qty-ch-cs-sol {
	display: flex;
}

.food-item-qty-ch-cs-sol p {
	padding-right: 10px;
	min-width: 10%;
}

.Three-dot-ch-cs .dropdown .btn-light.show {
	background-color: unset;
}

.Three-dot-ch-cs .dropdown .btn-light {
	background-color: unset;
}

.Three-dot-ch-cs i {
	padding-right: 10px;
}

.no-border-cs-ch-sol {
	border: unset;
}

.repeat-order-student-div .selected-data-box .text-head {
	padding-bottom: 5px;
}

.btn-rw-div .add-order-btn {
	margin-bottom: 15px;
	margin-right: 15px;
}

.repeat-order-student-div .modal-body {
	padding-top: 0px;
}

#make_payment_form .content-1.pending {
	justify-content: center;
	padding-top: 0px;
}

.review-table .no-border {
	border: unset;
}

.review-table .new-review-order-food-detail-ch {
	border-bottom: unset;
	border-top: 1px solid #E5E5E5;
}

.new-desktop-table-cs.review-table td {
	padding: 10px;
}

.gst-fees-ch .ps-0 {
	width: 28%;
}

.ps-notify-alert.success .alert-msg {
	padding-top: 0px;
}

.ps-notify-alert.success:hover {
	opacity: 1;
}

.new-review-order-food-detail-ch .display_items ul {
	padding-left: 0px;
}

.no-items span {
	font-weight: 500;
}

.content-1 .calender-input.summary label {
	font-weight: 600;
	color: #504346;
}

.bill-detail td.amount {
	padding: 23px 0px;
	font-weight: 600;
}

.bill-detail.total-amount th {
	font-weight: 600;
	color: #504346;
}

.text-details {
	max-width: 100%;
}

.checkbox-div h5 span {
	padding-left: 30px;
}

.bill-detail .itm-det .yellow ul {
	padding-left: 0px;
}

.bill-detail td.itm-det {
	color: #504346;
}

.bill-detail td.amount {
	color: #504346;
}

.content-sec .order-list .order-header {
	border-radius: 5px 5px 0px 0px;
	justify-content: flex-start;
	gap: 12px;
}

#top_up_modal {
	z-index: 9999;
}

.order-list.billing-refund .no-margin-refund {
	padding-left: 0px;
}

.billing-detail-search-ch {
	position: relative;
}

.billing-detail-search-ch i {
	position: absolute;
	right: 10px;
	top: 11px;
}

.blnc-logo {
	right: 5%;
}

form.billing-det .fld.hasDatepicker {
	max-width: 150px;
}

#pills-tabContent table.turn_table_first_row tbody tr:first-child td {
	color: #45A735 !important;
}

#pills-tabContent table.turn_table_first_row tbody tr:first-child td span {
	color: #45A735 !important;
}

#pills-tabContent table.turn_table_first_row tbody tr:first-child td a {
	color: #45A735 !important;
}

.form-check.form-group-flex2.term-space {
	position: relative;
}

.form-check.form-group-flex2.term-space .parentFormcreate_account_form {
	position: absolute !important;
	top: 40px !important;
}

.new-desktop-table-cs {
	min-height: 120px;
}

.new-desktop-table-cs .edit-icons {
	margin-left: 20px;
}

.table-sub .new-td-qt {
	width: 30%;
}

.new-desktop-table-cs .new-review-order-food-detail-ch .table-sub td.td-qt {
	width: 50px !important;
	padding: 12px;
	text-align: center;
}

.fav_list_head .fav_list_items .table-sub .display_qty,
#food_orders_page .completeorder_table .table-sub .display_qty,
.content-sec .review-table .table-sub .display_qty {
	/* width: 50px; */
	min-width: fit-content !important;
	white-space: nowrap;

}

.new-desktop-table-cs .new-review-order-food-detail-ch .table-sub td.td-qt,
.fav_list_head .fav_list_items .table-sub td.td-qt,
#food_orders_page .completeorder_table .table-sub td.td-qt,
.content-sec .review-table .table-sub td.td-qt-2 {
	padding: 15px;
	width: 85px;
}

#food_orders_page .primary-school-table-cs-ch .completeorder_table th.qty-width {
	padding-left: 10px;
	width: 52px;

}

.new-desktop-table-cs.review-table td {
	padding: 10px 15px;
}

/* .new-desktop-table-cs.review-table td:nth-child(2){
	padding-left: 0;
} */
.new-desktop-table-cs.review-table td:has(.table-sub) {
	padding-left: 0;
	padding-top: 0;
}

.content-sec .review-table .table-sub td.td-qt-2 {
	padding-top: 10px
}

.new-modal-billing#order_details_modal.billing-detail-modal .modal-content .modal-footer button {
	margin: 0px;
}

.new-modal-billing#order_details_modal .modal-content table th {
	border: 1px solid #E8E4DF;
	background-color: #F5F5F5;
}

.new-modal-billing#order_details_modal .modal-content table td {
	border: 1px solid #E8E4DF;
}

#accordionExample .accordion-item .accordion-button::after {
	margin-right: 21%;
}

.space-ch {
	margin-left: 0;
	margin-right: 0;
	/* padding-right: 0px; */
}

.Three-dot-ch-cs .dropdown-menu.show {
	inset: 26px auto auto 4px !important;
}

.amount_refund_modal {
	min-width: 500px !important;
	max-width: 500px !important;
}

.review-table.completeorder_table .new-event-ch {
	width: 138px;
	padding-left: 0;
}

#food_orders_page .primary-school-table-cs-ch .completeorder_table:has(.new-event-ch) th.qty-width {
	padding-left: 26px;
}

/* .space-ch {
	margin-left: 0;
	margin-right: 0;
	padding-right: 0px;
}
.space-ch .col-lg-6.col-md-6.col-12{
	padding-inline: 0px;
} */

.space-ch {
	padding-right: 0px;
}

.space-ch .organised-space .row {
	padding-right: 0px;
	margin-inline: 0px;
}

.space-ch .organised-space {
	padding-right: 0px;
	margin-right: 0;
}

.space-ch .col-lg-6.col-md-6.col-12 {
	padding-inline: 0px;
}

.stay-touch.new-touch-ch {
	padding-left: 4%;
}


.space-ch .organised-space {
	padding: 0px;
}

.space-ch .administration {
	max-width: unset;
}

/* .sign-design.administration {
	margin-bottom: 85px;
} */

.stay-touch.new-touch-ch {
	margin-left: 20px;
	padding-right: 20px;
}

.stay-touch.new-touch-ch .sign-design {
	max-width: 100%;
}

.btn-acc-mob-desk {
	margin-right: 5px;
	min-height: 38px;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	background-color: transparent;
	padding: 0px 14px;
}

.amount_refund_modal {
	min-width: 500px !important;
	max-width: 500px !important;
	left: 30%;
}

.billing-detail-modal:has(.amount_refund_modal) table.rfund_detail_mdal {
	min-width: 100%;
}

.billing-detail-modal:has(.amount_refund_modal) .order-header {
	min-width: 0 !important;
}

table.rfund_detail_mdal {
	min-width: 700px;
}

.modal-content.collection_method_popup {
	width: 70%;
	right: -15%;
}

.modal-content.collection_method_popup .step-form-body {
	padding: 10px 15px;
	margin-top: 0;
	margin-bottom: 20px;
}

.modal-content.collection_method_popup .checkbox-div {
	border: none;
	background-color: #fff;
	padding: 0;
}

.modal-content.collection_method_popup .checkbox-div h5 {
	margin-bottom: 0;
}

.modal-content.collection_method_popup .step-form-body .form-div {
	margin-top: 0;
	margin-bottom: 20px;
}

.modal-content.collection_method_popup .step-form-body .form-btn-div {
	padding-top: 15px;
}

.modal-content.collection_method_popup .step-form-body .addSelectBox.form-group-flex {
	margin-bottom: 10px;
}


#left_menuitem_details_content .table-dev tbody tr {
	height: 56px;
}

#left_menuitem_details_content {
	margin-bottom: 150px;
}

.err-td {
	padding-left: 0 !important;
	padding-right: 0 !important;
	white-space: nowrap;
}

.err-td span {
	font-size: 14px;
}

.itm-nm-inner-dv {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.itm-nm-inner-dv .sold_out_err {
	white-space: nowrap;
	margin-left: 10px;
}

.new-desktop-table-cs th {
	white-space: nowrap;
}

.new-desktop-table-cs .new-review-order-food-detail-ch td:nth-child(2) {
	text-align: start;
}

.new-desktop-table-cs .new-review-order-food-detail-ch .table-sub td:nth-child(2) {
	text-align: start;
}

#edit_student:has(.name-bt-type-span) {
	display: flex;
	gap: 2px;
	align-items: center;
}

.completeorder_table:has(.event-item-td) .new-event-ch {
	width: 160px;
}

.completeorder_table:has(.event-item-td) .new-event-name-ch {
	width: 168px !important;
}

.completeorder_table:has(.event-item-td) th.qty-width {
	width: 62px !important;
	padding-left: 24px !important;
	padding-right: 15px !important;
}

.completeorder_table:has(.event-item-td) td.qty-width {
	width: 48px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.completeorder_table:has(.event-item-td) .event-item-td {
	width: 229px;
}

.completeorder_table:has(.event-item-td) .event-item-width {
	width: 243px;
}


.primary-school-table-cs-ch:has(.dropdown-menu.show),
.table-responsive:has(.review-table.fav_list_head, .dropdown-menu.show) {
	overflow: visible;
}

.shp-status-wdth {
	text-align: center;
}

.completeorder_table:has(.shp-status-wdth) .pay-width {
	text-align: center;
}

#cart_details .no_style_list,
#cart_details .no_style_list span {
	/* font-size: 16px; */
}

.table-sub .qty-center {
	min-width: 45px;
}

span.menu_from_txt {
	font-size: 13px;
}
.abutus-img-sct{
	display: flex;
}

/* responsive smartphone */

@media screen and (max-width: 767px) {
	.img-sect-part .text-side h2 {
		text-align: center;
	}

	.img-sect-part .text-side p {
		text-align: center;
	}

	.space-ch {
		padding-bottom: 20px;
	}

	#left_menuitem_details_content {
		margin-bottom: 20px;
	}

}

@media only screen and (min-width: 767px) and (max-width:1024px) {
	.event_image img {
		width: 100%;
	}

	.event_para p {
		padding-bottom: 15px;
	}

	.img-se-pt .card {
		width: 85%;
	}

	.banner-one .School_content p:first-child {
		font-size: 25px;
	}

	.img-se-pt h2.card-title {
		font-size: 25px;
	}

	.efficient1 .Happy-families .family-content {
		min-height: 150px;
	}

	.img-sect-part .text-side h2 {
		font-size: 22px;
		text-align: left;
	}

	.img-sect-part .text-side p {
		text-align: left;
	}

	.organised-space .families {
		min-height: 508px;
	}

	.efficient .Happy-families .family-content {
		min-height: 154px;
	}

	.register-form-bckg .sendimg-space {
		text-align: center;
	}

	.register-form-bckg .otp_container {
		display: grid;
	}

	.register-form-bckg #confirm_otp_input {
		width: 100%;
	}

	.new-order-list-change-cs .order-type-child-cs-ch {
		width: 100%;
	}

	#cart_details .cart-scrollable .content-3 .bill-detail td.itm-det {
		max-width: 39%;
		padding-top: 15px;
	}

	.bill-detail td.del-btn {
		width: 8%;
	}

	.new-event-name-ch {
		min-width: 150px !important;
	}

	.new-event-name-ch .display_qty {
		min-width: 150px;
	}


}


@media only screen and (min-width: 1024px) and (max-width:1366px) {
	.ps-notify-alert .alert-msg {
		width: 90%;
	}

	.card.event_card {
		width: 100%;
	}

	.fav_list_items .table-sub td:nth-child(2) {
		padding-left: 27px;
	}

	.contact {
		word-break: break-word;
	}

	.event_para h1 {
		padding-top: 46px;
	}

	.list-table .content-3 .bill-detail td.qt-sel {
		width: 38%;
	}

	.text-details .content-3 .total-amount .paying-amount {
		padding: 7px 30px !important;
	}

	.navbar-expand-lg .hdr-div .navbar-nav .nav-link {
		padding-left: 5px;
		padding-right: 5px;
	}

	.text-details .bill-detail td.qt-sel {
		width: 50%;
	}

	/* .new-event-name-ch {
		min-width: 70px;
	} */

	.new-event-name-ch {
		min-width: 150px !important;
	}

	.new-event-ch {
		min-width: 150px !important;
	}
}


@media only screen and (max-width: 767px) {
	.event_image img {
		min-width: 100%;
	}

	.register-form-bckg .sendimg-space {
		text-align: center;
		margin-bottom: 0;
	}

	.register-form-bckg .otp_container {
		display: grid;
		padding: 21px;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.19);
		margin-top: 8px;
		padding-bottom: 14px;
	}

	.register-form-bckg .register-container {
		flex-direction: column;
		align-items: center;
		padding-top: 20px;
		margin-top: 20px;
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
	}

	.register-container .content__box .step-form-body .contact-infodiv {
		margin-top: 0;
		gap: 0px;
	}

	.register-container .content__box.step-3.slide-in {
		padding: 0;
	}

	.register-container .last-div-btn {
		display: flex !important;
		gap: 12px;
		justify-content: right;
		padding-top: 18px;
	}

	.add-user-body #reg_step3_add_user {
		text-align: left;
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 10px;
	}

	#reg_step3_add_user #student_name,
	#student_first_name {
		width: 100%;
	}

	.organised-space .administration1 .administration {
		font-size: 20px;
	}

	.organised-space .administration1 .email-style.email-style-ch {
		font-size: 12px;
		font-weight: 100;
	}

	.otp_box_content .step-form-body .last-div-btn {
		padding-top: 24px;
	}

	.otp_box_content .step-form-body .last-div-btn .continue-btn {
		width: 100%;
	}

	.register-form-bckg #confirm_otp_input {
		width: 100%;
	}

	.register-form-bckg .reset_container {
		display: grid;
	}

	.new-order-list-change-cs .order-type-child-cs-ch {
		width: 100%;
	}

	.order-type-child-cs-ch .order-client-testing-ch .bt-type {
		margin-bottom: 0;
	}

	.order-type-child-cs-ch .order-client-testing-ch {
		display: flex;
		width: 100%;
		gap: 10px;
		justify-content: start;
		margin-left: 20px
	}


	.order-client-testing-ch .bt-type {
		margin-left: 0px;

	}

	.order-type-child-cs-ch .order-client-testing-ch .bt-type span {
		width: 76%;
	}

	.feature-card .card-text {
		padding: 75px 30px 75px 30px;
	}

	.banner-content {
		text-align: center;
	}

	.school-text2 {
		text-align: center;
	}

	.Crystal_event .btn.button_green {
		margin-bottom: 0;
		border-radius: 0px;
		padding: 12px 0;
	}

	.image_text {
		padding: 22px 0px 22px 10px;
		border-top: 1px solid #B9B9B9;
		border-bottom: 1px solid #B9B9B9;
		margin-top: 24px;
		margin-left: 12px;
		margin-right: 12px;
	}

	.accordion-button-event1 .qty-td .quantity-field {
		padding-top: 6px;
	}

	.Crystal_event .event_apply .Card_details .ticket_button {
		border-radius: 6px;
	}

	.event-details p {
		margin-bottom: 14px;
	}

	.event_apply {
		padding-top: 22px;
		padding-left: 10px;
	}

	.event_apply .contact {
		margin-left: 5px;
	}

	.bck-btn.order-tab-bck {
		display: none;
	}

	.mob-none-quant-btn {
		display: none !important;
	}

	/* Event List Details Summary max-width: 767px) */

	.summary-page #accordionExample .accordion-button-event1 {
		border: none;
		margin-left: -16px;
		margin-right: -14px;
	}

	.summary-page .accordian-select .accordian-item .accordion-button {
		border: none;
	}

	#shine-event {
		border: none !important;
		display: flex;
		align-items: center;
		padding: 0 13px;
		justify-content: space-between;
		background-color: white;
	}

	#shine-text,
	#shine-time {
		font-weight: 700;
		font-size: 16px;
	}

	.btn-acc-mob {
		margin-right: 5px;
		min-height: 27px;
		border-radius: 4px;
		border: 1px solid #d9d9d9;
		background-color: transparent;
		padding: 6px 16px;
		width: 48px;
		height: 35px;
	}

	.btn-acc-mob-desk {
		display: none;
	}

	.btn-cart-mob {
        margin-right: 5px;
        min-height: 27px;
        border-radius: 4px;
        border: 1px solid #d9d9d9;
        background-color: transparent;
        padding: 3px 11px 3px 9px;
        width: 48px;
        height: 35px;
	}
	.navbar .navbar-toggler{
        margin-right: 5px;
        min-height: 27px;
        border-radius: 4px;
        border: 1px solid #d9d9d9;
        background-color: transparent;
        padding: 3px 11px 3px 9px;
        width: 48px;
        height: 35px;
	}
	.navbar .navbar-toggler .navbar-toggler-icon{
	    width: 27px;
    	height: 22px;
	}

	.modal-dialog .add-user-body {
		align-items: center;
		flex-direction: column;
	}

	.modal-dialog .add-user-body .popup-content {
		text-align: center;
	}

	.form-btn-div {
		text-align: center;
	}

	.add-user-body .sendimg-space {
		margin-bottom: 0;
	}

	.ps-notify-cont-new .ps-notify-alert {
		top: -207px;
		right: 0px;
		padding-left: 10px;
	}

	.ps-notify-cont .ps-notify-alert {
		top: -58px;
	}

	.step-form-body .modal-body {
		padding: 0 !important;
		margin-bottom: 0 !important;
	}
}


@media screen and (max-width:992px) {
	.content-card.School_content {
		padding-top: 60px
	}

	.noti-desk-none {
		display: block !important;
	}

	.mob-none:has(#view_notifications) {
		display: none;
	}

	.no-noti-error.desk-none {
		display: block;
	}

	.new-cart-sol span.desk-none,
	#logout_btn span.desk-none {
		color: #fff;
		display: block;
	}

	.img-sect-part {
		margin-top: 20px;
	}

	.img-sect-part .text-side {
		padding-top: 40px;
	}

	.img-sect-part .img-se-pt {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.Three-dot-ch-cs .dropdown-menu.show {
		inset: 28px 4px auto auto !important;
	}

}

@media screen and (min-width: 992px) {

	.new-cart-sol span.desk-none,
	#logout_btn span.desk-none {
		display: none;
	}
}

@media only screen and (max-width: 767px) {

	.order-dt div,
	.description-ord div {
		width: 96%;
	}

	.new-cart-sol span.desk-none,
	#logout_btn span.desk-none {
		display: block;
	}

	.modal-body .order-modal-title {
		text-align: center;
	}

	.popup-crd .popup-cntnt p {
		font-size: 14px;
	}

	.popup-crd .popup-cntnt span {
		font-size: 12px;
	}


	/* Styles for mobile devices */
	.img-se-pt .card {
		width: 100%;
	}

	.img-se-pt .card-body {
		width: 100%;
	}

	.list-set-ch .icon-list-imtext {
		display: inline-block;
	}

	.list-set-ch .icon-list-imtext p {
		padding-left: 0px;
	}

	.list-set-ch .icon-list-imtext img {
		margin-left: 86px;
	}

	.res-banner-content {
		display: inline-block;
	}

	.sign-up-banner .res-banner-content p {
		max-width: 100%;
	}

	.sign-up-banner .res-banner-content .redirect_to_family_registartion {
		margin-top: 10px;
	}

	.banner-txt {
		padding: 0% 0%;
	}

	.banner-txt h2 {
		font-size: 32px;
	}

	.School_content p {
		width: 100%;
		font-size: 21px;
	}

	.img-sect-part .img-se-pt {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.img-se-pt .card img {
		width: 55px;
	}

	.img-se-pt .card {
		padding: 20px 0px;
	}

	.list-set-ch .icon-list-imtext p {
		font-size: 16px;
		text-align: center;
	}

	.list-set-ch .icon-list-imtext span {
		font-size: 18px;
	}

	.sound-chan h4 {
		text-align: center;
	}

	.img-sect-part .text-side {
		text-align: center;
		padding-right: 15px;
	}

	.sign-up-banner .res-banner-content p {
		font-size: 20px;
		text-align: center;
	}

	.sign-up-banner {
		padding: 30px 20px;
	}

	.content-card.School_content {
		padding-bottom: 30px;
	}

	.organised-space .administration1 {
		padding: 33px 30px 48px 30px;
		margin: 0 10px 21px 10px;
	}

	.administration {
		margin-bottom: 58px;
	}

	.event_para h1 {
		padding-top: 50px;
		padding-left: 10px;
		font-size: 28px;
	}

	.event_para h6 {
		padding-top: 41px;
		padding-left: 10px;
	}

	.location {
		padding-left: 10px;
		padding-bottom: 20px;
	}

	.qty-td .mob-plus-btn #add_icon {
		font-size: 14px;
	}

	.container.Crystal_event {
		padding-left: 10px;
	}

	.event_details_images img {
		margin: 0;
		border-radius: 15px;
	}

	.btn-cart-mob img {
		min-width: 24px;
	}

	.btn-acc-mob img {
		min-width: 10px;
	}

	.event_details_images {
		display: block;
		text-align: center;
	}

	.card.event_card {
		margin-left: 6px;
		margin-top: 35px;
		max-width: 97%;
	}

	.event_details .carousel-container {
		overflow: scroll;
	}

	.footer .copyright_div {
		display: none;
	}

	.event_details .image_text p span {
		font-size: 20px;
	}

	.first_para1 {
		font-size: 30px;
	}

	.privacy-policy-main-pg .content-card {
		padding-left: 5px;
		padding-right: 0px;
	}

	.event_spacing .card-box p {
		font-size: 14px;
	}

	.event_spacing .card-box .second_para3 span,
	.event_spacing .card-box .second_para2 span {
		font-size: 14px;
	}

	.button_colour {
		font-size: 15px;
	}

	.content-banner {
		max-width: 100%;
	}

	.contact-pg-cntnr .content-card {
		padding: 40px 30px 40px;
	}

	.contact-pg-cntnr .content-card .rw1 .cl {
		margin: 0px;
	}

	.contact-pg-cntnr .cntnt-card {
		margin-bottom: 60px;
	}

	#pills-tabContent .family_cont_info input {
		color: #8C8C8C;
	}

	#pills-tabContent .family_cont_info input::placeholder {
		color: #8C8C8C;
		font-weight: 400;
	}

	.form-control {
		width: 100%;
	}

	#contact_form input {
		width: 100%;
	}

	#contact_form textarea {
		border-radius: 10px;
	}

	.contact_banner p {
		text-align: center;
		padding-top: 10px;
	}

	.account-space .fbbtn {
		width: 100%;
	}

	form.billing-det .fld.hasDatepicker {
		max-width: 100%;
	}

	.pswrd-icon-div #togglepasswordvisibility {
		position: absolute;
		top: 15px;
		right: 26px;
	}

	.register-container .last-div-btn {
		display: grid;
	}

	.food_filters {
		display: grid;
		row-gap: 10px;
	}

	.food_filters .upcming-order input {
		width: 100%;
	}

	.food_filters .addSelectBox {
		flex-wrap: wrap;
	}
}

/* / Tablets in portrait and landscape mode / */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.second_footer_ch .abn_ch {
		padding-top: 10px;
		text-align: center;
	}

	.second_footer_ch .detail_school_lunch_ch p {
		width: 100%;
	}

	.second_footer_ch .abn_ch {
		align-content: center;
	}
}

/* Mobile devices (portrait and landscape) */
@media only screen and (max-width: 767px) {

	/* Styles for mobile devices */
	.second_footer_ch .detail_school_lunch_ch p {
		width: 100%;
	}

	.second_footer_ch .abn_ch {
		text-align: center;
		padding-top: 10px;
	}

	.how-it-frst-sec .tabs-card .contact-tab ul {
		justify-content: center;
	}

	.registerside_space .welcome-text {
		margin-bottom: 0px;
		min-height: 34px;
	}

	.family-account textarea {
		margin-bottom: 11px;
	}

	#item_table_body .add_event_modal-fix {
		padding-right: 10px;
	}

	#item_table_body .add_event_modal-fix button {
		margin-right: 7px;
	}

	.text-sid p {
		padding: 0px 26px;
		max-width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.steps-sect .sign-up-bnner {
		padding: 34px 30px;
	}

	.how-it-works-steps-sect {
		padding-bottom: 0px;
	}


	.sign-up-bnner p {
		padding-bottom: 10px;
	}

	.feature-card {
		margin-left: 5px;
		margin-bottom: 50px;
		margin-top: 15px;
	}

	.why-you-will h4 {
		margin-bottom: 40px;
	}

	.bill-detail td.amount {
		padding: 24px 0px;
	}

	.account-space .form-group-flex2.term-space {
		position: relative;
	}

	.account-space .form-group-flex2.term-space .check1formError.parentFormcreate_account_form {
		position: absolute !important;
		top: 45px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.ps-notify-cont-new {
		width: 80%;
	}

	.text-details .content-3 .total-amount .paying-amount {
		padding: 10px 53px;
	}

	.content-3 .bill-detail td.qt-sel {
		width: 15%;
	}

	.cart-scrollable .content-3 .bill-detail td.itm-det {
		max-width: 50%;
	}

	/* .bill-detail td.amount {
		padding: 14px 41px;
	} */

	.text-details .content-3 .total-amount .total_pay {
		padding: 10px 30px;
	}

	.School_content .img-sect-part .text-side {
		padding-top: 0px;
	}

	.table-sub td.td-detail.itm-li {
		min-width: 150px;
		padding-left: 30px;
	}

	.accordion-body.table-dev {
		overflow: auto;
	}

	.events .event_image img {
		max-width: 100%;
		width: 100%;
		min-width: unset;
	}

	.account-space .form-group-flex2.term-space .check1formError.parentFormcreate_account_form {
		position: absolute !important;
		top: -16px !important;
	}
}

@media only screen and (max-width: 767px) {
	.ps-notify-cont-new {
		width: 100%;
	}

	.fav_list_items .table-sub td:nth-child(2) {
		padding-left: 27px !important;
	}


	#families-h1,
	#schools-h1,
	#suppliers-h1 {
		text-align: center;
	}

	.ps-notify-cont-new {
		width: 95%;
	}

	.ps-notify-alert .notify-cont {
		gap: 10px;
	}

	.ps-notify-alert .notify-cont img {
		width: 20px;
	}

	.content-3 .bill-detail td.qt-sel {
		width: 30%;
	}

	.img-sect-part .img-se-pt .card {
		padding: 9px 0px;
	}

	.img-se-pt .card .btn {
		padding: 10px 30px;
	}

	.icon-list p {
		text-decoration: none;
	}

	.contact_mob_card {
		padding-top: 27px !important;
	}

	.contact_mob_card .cntnt-card {
		margin-bottom: 35px;
	}

	.img-se-pt .card {
		padding: 3px 0px;
	}


	.img-se-pt .card h5 {
		padding-bottom: 10px;
	}

	.list-set-ch .icon-list-imtext img {
		margin-left: 0px;
		padding-bottom: 10px;
	}

	.list-set-ch .icon-list-imtext p {
		padding-right: 0px;
	}

	.icon-list-imtext {
		text-align: center;
	}

	.how-it-frst-sec .cntnt-card {
		padding-right: 10px;
	}

	/* .how-it-frst-sec .cntnt-card button{
		margin-left: 30px;
	} */
	.sign-design {
		margin-left: 0px;
		line-height: 1.2em;
	}

	.contact-pg-cntnr .content-card .cntnt-card {
		max-width: 100%;
	}

	form.contct-frm-sbmi {
		max-width: 100%;
	}

	.steps-sect .sign-up-bnner {
		text-align: center;
	}

	.steps-sect-sign-upbnnr-contnr {
		background-color: #fff !important;
		padding-block: 20px;
		display: block;
	}

	.steps-sect .steps-sect-fmly-cntnr .sign-up-bnner {
		display: none !important;
	}

	.steps-sect .sign-up-bnner.sign-up-bnner-1 {
		display: none;
	}

	.steps-sect .sign-up-bnner.sign-up-bnner-2 {
		display: block;
	}



	.event_details_images.carousel-slide {
		display: flex;
		gap: 10px;
	}

	.contact {
		margin: 0;
	}

	.login_footer {
		display: none;
	}

	.login_footer_ssl_login {
		padding-top: 5px;
		padding-bottom: 0px;
	}

	.logo-toggle {
		z-index: 9999;
	}

	.everyone .container .winner {
		padding-top: 20px;
	}

	.mobile-table {
		display: block !important;
		padding-bottom: 10px;
		box-shadow: 16px 14px 20px -17px #F2F2F2;
		border-radius: 10px;
		border: 1px solid #F2F2F2;
		margin: 10px 0px;
	}

	.primary-school-table-cs-ch .new-desktop-table-cs {
		display: none;
	}

	.mobile-table .sub-cat {
		padding: 0px 10px;
	}

	.mobile-table-dates-info {
		vertical-align: baseline;
		font-weight: 700;
	}

	.review-text {
		display: none;
	}

	.order-header h6 {
		font-size: 15px;
	}

	.content-sec .order-list .order-header {
		background-color: #F5F5F5;
		padding-left: 12px;
		padding-top: 15px;
		margin-bottom: 0;

	}

	.fav-list {
		padding: 0;
	}

	.fav-list .order-list .order-header {
		padding: 17px 15px;
		background: none;
	}

	.fav-list .order-list .order-header h6 {
		font-size: 18px;
		color: #504346;
	}

	.table-sub td.td-detail.itm-li {
		min-width: 150px;
	}

	.mobile-table-dates-info span {
		font-weight: 400;
	}

	.mobile-table .sub-cat {
		color: #B0B0B0;
	}

	.add-pay-order-div.modal-footer .total-pay.total-rw {
		width: 50%;
	}

	.add-pay-order-div.modal-footer .qty-inc {
		padding: 5px;
	}

	.add-pay-order-div.modal-footer .qty-inc input {
		padding: 3px;
	}

	.add-pay-order-div.modal-footer .total-pay.total-rw .pay.form-group {
		width: 40%;
	}

	.add-pay-order-div.modal-footer .add-order-btn {
		font-size: 12px;
		padding: 12px 6px;
	}

	.modfott .add-pay-order-div {
		justify-content: start;
		gap: 6px;
	}

	.modfott .add-pay-order-div .input-div {
		max-width: 25%;
	}

	.modfott .add-pay-order-div.modal-footer .qty-inc {
		padding: 5px;
		margin-left: 21px;
	}

	.modfott .add-pay-order-div.modal-footer .qty-inc input {
		padding: 5px;
	}

	.modfott .add-pay-order-div {
		flex-wrap: wrap;
	}

	.modfott .add-pay-order-div.modal-footer .total-pay.total-rw {
		width: 60%;
	}

	#ticket_item_form .c-14 .qty_align {
		padding-right: 8px;
		text-align: center;
	}

	/* .quant-pop-up .quantity-field-food{
		max-width: 50px;
	}

	.quant-pop-up .modal-body {
		flex: auto;
		display: flex;
		justify-content: center;
	}

	.quant-pop-up .input-group {
		flex-wrap: nowrap;
		
		justify-content: center;
		
		background-color: grey;
	} */

	.add-food-quantity {
		border-radius: 8px !important;
		padding-top: 27px !important;
	}

	.add-food-quantity .pop-up-quantity-header {
		font-size: 21px;
		font-weight: 600;
	}

	.quant-pop-up {
		padding-top: 16px;
		padding-bottom: 8px;
	}

	.quant-pop-up .modal-body {
		display: flex;
		justify-content: center;
		flex-direction: column;
		row-gap: 20px;
		align-items: center;
	}

	.custom-qty-input {
		display: flex;
		align-items: center;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		background-color: #f9f9f9;
		width: fit-content;
		padding: 0 10px;
	}

	.qty-food-btn {
		background: none;
		border: none;
		font-size: 16px;
		color: #888;
		width: 32px;
		height: 40px;
		cursor: pointer;
		user-select: none;
	}

	.qty-food-number {
		width: 40px;
		text-align: center;
		border: none;
		background: transparent;
		font-size: 16px;
		font-weight: 500;
		color: #000;
	}

	.confirm-food-btn {

		background-color: #2fb529;
		color: white;
		padding: 14px 32px;
		border: none;
		border-radius: 8px;
		font-weight: 700;
		font-size: 16px;
		width: 100%;
		text-align: center;
		cursor: pointer;
		transition: background 0.3s ease;
	}


	.content-sec .view-noti-title {
		padding-top: 16px;
		color: green;
	}

	.content-sec .view-noti-school {
		color: green;
	}

	#ticket_item_form .modal-body.mm-body {
		margin: 0px;
	}

	#ticket_item_form .modfott {
		margin: 0px;
	}

	.bbkg {
		display: flex;
	}

	/* Latest edit */
	.step-form-body .contact-form .form-btn {
		margin-top: 0px;
	}

	.table-sub td.td-qt {
		vertical-align: top;
		width: 0%;
	}

	.edit-icons {
		margin-left: 0px;
	}

	.new-desktop-table-cs.review-table td {
		padding: 10px;
	}

	.new-desktop-table-cs.review-table td:nth-child(2) {
		/* padding: 7px 0 10px 0px; */
		padding-bottom: 10px;
	}


	.review-table th:nth-child(2) {
		padding-left: 5px;
	}

	.completeorder_table th:nth-child(2) {
		padding-left: 0;
		padding-right: 21px;
	}

	.order-modal-div .step-form-body {
		padding: 10px 10px;
	}

	.order-modal-div .green {
		margin: 0px 10px;
	}

	.testimonial {
		padding: 40px 0px;
	}

	.testimonial-design {
		min-height: 340px;
	}

	.footer-mobile-table-sol-ch {
		padding: 10px;
	}

	.no-order-found-text-sol {
		padding: 10px 115px;
	}

	.btn-rw-div .add-order-btn {
		margin-top: 15px;
	}

	.new-cart-order-ch-sol {
		display: block !important;
	}

	.new-cart-order-ch-sol a .notify {
		top: -22px;
	}

	.new-tg-bt {
		display: flex;
		gap: 8px;
	}

	.mob-none {
		display: none;
	}



	.new-cart-order-ch-sol {
		min-width: 25px;
	}


	.content-3 .bill-detail .itm-det {
		padding-top: 10px;
	}

	.content-3 .bill-detail .itm-det {
		padding-top: 10px;
	}

	.bill-detail td.del-btn {
		width: 11%;
	}

	.pswrd-icon {
		right: 20px;
	}

	.event_details {
		padding: 0px;
	}

	.next {
		right: 6px;
	}

	.banner1 .banner-content {
		background-color: #FFFFFF;
	}

	.banner1 .learn-btn {
		max-width: unset;
		border-radius: 5px;
		text-transform: uppercase;
		font-size: 20px;
		margin-left: 0px;
	}

	.banner1 .banner-content h1 {
		font-size: 21px;

	}

	.sign_up_button {
		display: block !important;
		color: #31A728;
		background: #ffff;
		border-radius: 5px;
		width: 100%;
		font-size: 20px;
		margin-top: 20px;

	}

	.banner-content .register-btn#register_now {
		min-width: 100%;
		font-size: 21px;
		padding: 7px;
		border-radius: 5px;
	}

	.school-text {
		background-color: #31A728;
	}

	.school-text1 {
		text-align: center;
		width: 85%;
		margin: 0 auto;
	}

	.school-text1 p {
		text-align: center;
		font-size: 18px;
	}

	.new-stay-touch {
		display: none;
	}

	.new-stay-touch-ch .sign-design {
		max-width: unset;
		font-size: 21px;
		text-align: center;
		margin-top: 60px;
	}

	.new-stay-touch-ch .sign-content {
		font-size: 16px;
		text-align: center;
		margin-top: 0px;
	}

	.new-stay-touch-ch .sign-upimg {
		justify-content: center;
	}

	.new-works-ch {
		background-color: #31A728;
		text-align: center;
		padding: 7px;
		border-radius: 5px;
		margin-bottom: 35px;
		margin-top: 15px;
		margin: 15px 10px 35px 10px;
	}

	.new-works-ch a {
		color: white;
		font-size: 21px;
		text-decoration: auto;
	}

	.school-text2.sign_up_button {
		display: none !important;
	}

	.administration1 {
		background-color: #31A728;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	.administration {
		color: white;
		font-size: 21px;
		text-align: center;
		width: 80%;
		margin: 0px auto;
		margin-bottom: 20px;
	}

	.newsletter.newsletter-ch {
		position: unset;
		background: #FFF;
		color: #31A728;
		max-width: 100%;
		border-radius: 5px;
		margin-top: 10px;
		font-size: 21px;
		padding: 7px;
		display: block !important;
	}

	.newsletter {
		display: none;
	}

	.newsletter-design .email-style {
		width: 100%;
		border-radius: 5px;
		padding-right: 10px;
	}

	.email-style {
		display: none;
	}

	.email-style.email-style-ch {
		display: block !important;
	}

	.second_footer_ch {
		display: none;
	}

	.page-banner.page.banner-one {
		background-color: #31A728;
		padding: 20px;
		border-bottom: unset;
	}

	.banner-one .banner-txt h5 {
		font-size: 21px;
		text-align: center;
		font-weight: 800;
		margin: 0;
	}

	.banner-one .banner-txt p {
		font-size: 14px;
		font-weight: 500;
		margin: 0;
	}

	.banner-one .content-card {
		margin-top: 0px !important;
		padding: 40px 0px 0px 0px;
		margin-bottom: 60px;
	}

	.banner-one .content-card p {
		max-width: 100%;
	}

	.banner-one .text-side {
		padding-top: 10px;
	}

	.instruction_list {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.food_order_list_review_mob .mob_food_names {
		position: relative;
	}

	.popup-crd {
		top: -40px;
	}

	.popup-cntnt {
		padding: 12px;
	}

	/* .container.banner-one{
		padding: 0px;
	 } */

	.testimonial.new-test {
		display: block !important;
	}

	.banner-one.sign-up-banner {
		margin: 10px;
		background-color: #31A728;
		border-radius: 5px;
		margin-bottom: 45px;
	}

	.banner-one .content-banner p {
		font-size: 21px;
		font-weight: 800;
	}

	.banner-one .redirect_to_family_registartion {
		background-color: #fff;
		color: #31A728;
		text-transform: uppercase;
		font-size: 21px;
		font-weight: 800;
		padding: 7px;
		width: 100%;
		border-radius: 5px;
	}

	.everyone .organised-space {
		width: 100%;
		overflow: scroll;
	}

	.everyone .organised-space .row {
		display: flex;
		flex-wrap: nowrap;
		align-items: self-start;
		padding-bottom: 20px;
	}

	.banner-one .icon-list.list-set-ch {
		width: 100%;
		overflow: scroll;
		display: flex;
	}

	.banner-one .icon-list-imtext {
		min-width: 387px;
	}

	.stay-touch.new-touch-ch {
		display: none;
	}

	.new-orginsed .new-stay-touch-ch {
		display: block !important;
	}

	.contact-pg-cntnr.banner-one .row {
		background-color: #f7f7f7;
	}

	#redirect_to_school_details {
		font-size: 21px;
		width: 100%;
		border-radius: 5px;
		padding: 7px;
	}

	.n-touch-ch {
		display: none;
	}

	.contct-frm-sbmi .btn-rw button {
		width: 100%;
		font-size: 21px;
		padding: 7px;
	}

	.how-it-frst-sec.banner-one {
		margin-top: 0px !important;
	}

	.banner-one .contact-tab ul li {
		max-width: 110px;
	}

	.banner-one .tabs-card {
		padding: 0px;
	}

	.how-it-frst-sec .tabs-card .contact-tab ul {
		justify-content: space-between;
		border: unset;
	}

	.banner-one .tabs-card .contact-tab .nav-tabs .nav-item button {
		font-size: 14px;
	}

	.banner-one .tabs-card {
		box-shadow: unset;
	}

	#contact_info .contact-form-div {
		padding: 0px;
	}

	#contact_info .contact-form-div h3 {
		text-align: center;
		color: #504346;
	}

	#contact_info .contact-form-div p {
		text-align: center;
		color: #504346;
	}

	#contact_info .contact-form-div .mt-5 {
		margin: 10px !important;
	}

	.how-it-frst-sec .cntnt-card {
		padding: 20px;
		background-color: #31A728;
		margin-bottom: 25px;
		box-shadow: none;

	}

	.how-it-frst-sec .cntnt-card h5 {
		color: white;
		font-size: 21px;
		font-weight: 800;
		text-align: center;
		margin: 0 auto;
	}

	.how-it-frst-sec .cntnt-card p {
		color: white;
		font-size: 14px;
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	.how-it-frst-sec .cntnt-card .redirect_to_contactus {
		background-color: #fff;
		color: #31A728;
		width: 100%;
		padding: 7px;
		border-radius: 5px;
		font-size: 21px;
	}

	.sign-up-bnner {
		background-color: #51A347;
		margin: 0px;
		border-radius: 5px;
	}

	.sign-up-bnner p {
		color: white;
		font-size: 21px;
		font-weight: 800;
	}

	.sign-up-bnner .redirect_to_family_registartion {
		background-color: #fff;
		color: #31A728;
		width: 100%;
		border-radius: 5px;
		font-size: 19px;
		font-weight: 800;
		text-transform: uppercase;
		padding: 10px;
	}

	.how-it-works-text-2 h4 {
		color: #504346;
	}

	.steps-sect {
		padding-bottom: 0px;
	}



	.new-parent-happy {
		width: 100%;
		overflow: scroll;
		flex-wrap: nowrap;
		margin-left: 0;
		padding-bottom: 20px;
		overflow-y: hidden;
	}

	.for-suppliers .new-stay-touch-ch-text .sign-design {
		margin-top: 20px;
	}

	.new-parent-happy .row {
		display: ruby-text;
	}

	.feature-card.card_stl {
		margin-bottom: 0px;
	}

	.banner-one .new-stay-touch-ch {
		display: block !important;
	}

	.banner-one .left-side-links {
		display: none;
	}

	.banner-one .stay-touch {
		display: none;
	}

	.administration1.right-side-text-ready {
		display: none;
	}

	.administration1.new-addmi {
		display: block !important;
	}

	.new-stay-touch-ch {
		display: block !important;
	}

	.banner-txt h2 {
		display: block !important;
		text-align: center;
		font-size: 21px !important;

	}

	.logo-ne-ch {
		justify-content: center;
	}

	.School_content .img-sect-part ul li {
		text-align: start !important;
	}

	#frmFamilySubmit {
		width: 100% !important;
		font-size: 21px !important;
		font-weight: 800 !important;
		padding: 7px !important;
	}

	#add_student {
		width: 100% !important;
		font-size: 21px !important;
		font-weight: 800 !important;
		padding: 7px !important;
		height: fit-content !important;
	}

	.student-food-table-ch-cs {
		background-color: #31A728;
		padding: 8px 10px 3px 10px;
		align-items: center;
	}

	.name-student-food-ch-cs p {
		color: white;
		font-weight: 800;
		font-size: 15px;
	}

	.name-student-food-ch-cs p span {
		font-weight: 300;
		color: white;
	}

	.Three-dot-ch-cs .dropdown-menu.show i {
		color: black;
	}

	.Three-dot-ch-cs .btn-light i {
		color: white;
	}

	.food-item-qty-ch-cs-sol img {
		width: 44px;
		height: 44px;
		margin-right: 10px;
	}

	.food-item-qty-ch-cs-sol:has(ul.no_style_list) p:nth-child(3) {
		width: 105px;
		/* white-space: nowrap;*/
		/* overflow: hidden;*/
		/* text-overflow: ellipsis;   */
	}

	.item-qty-mobile-cs-ch .food-item-qty-ch-cs-sol .no_style_list {
		width: 60%;
	}

	.food-item-qty-ch-cs-sol p:empty {
		display: none;
	}

	img.logo-imf.desk-none {
		width: 75%;
		max-width: 166px;
	}

	.new-button-bg {
		background-color: unset !important;
		font-size: 14px !important;
		font-weight: 500 !important;
	}

	.mobile-table {
		box-shadow: unset !important;
		border-radius: unset !important;
		border: unset !important;
	}

	.new-order-info-detail-cs {
		padding: 15px;
		background-color: #31a7282e;
		border-radius: 6px;
	}

	.order-date-deatils-ch {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #5b5b5b21;
	}

	.order-date-no p {
		font-weight: 700;
		color: #504346;
	}

	.order-date-no p span {
		font-size: 10px;
		font-weight: 400;
		color: #0000009E;
	}

	.order-date-price-ch {
		color: #31A728;
		font-weight: 800;
		text-align: end;
		margin-top: 10px;
	}

	.content-sec .create_order_step_btn,
	.content-sec .step-btns {
		column-gap: 10px !important;
		white-space: nowrap;
	}

	.content-sec .create_order_step_btn .icon-box img.food-tab-img,
	.content-sec .step-btns .icon-btn img {
		max-width: 10px;
	}

	.content-sec .col-12.my-4:has(.step-btns) {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.content-sec:has(.step-btns) .order-header {
		gap: 0;
	}

	.content-sec:has(.step-btns) .order-header .name-slider {
		flex-wrap: nowrap;
		row-gap: 10px;
		column-gap: 10px;
		justify-content: flex-start;
		white-space: nowrap;

	}

	.bt-type {
		min-width: fit-content;
	}

	.name-bt-type span {
		max-width: 40px;
		overflow-x: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.name-bt-type #edit_student span.green {
		max-width: 40px;
		overflow-x: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	#edit_student div:has(.name-bt-type-span) {
		max-width: 40px !important;
		overflow-x: hidden !important;
		white-space: nowrap !important;
		text-overflow: ellipsis !important;
		color: #25A639;
	}

	#edit_student:has(.name-bt-type-span) {
		display: flex;
		gap: 2px;
	}


	.name-slider div.bt-type {
		height: 27px;
	}

	.name-slider div.bt-type .slider-icon {
		margin-bottom: 0px !important;
	}

	.content-sec:has(.step-btns) .bt-type .slider-icon,
	.name-slider .bt-type .slider-icon {
		width: 15px;
		margin-bottom: -1px;
	}

	.content-sec:has(.step-btns) .bt-type span,
	.name-slider .bt-type span {
		font-size: 9px;
		margin: 0 2px;
	}

	.content-sec:has(.step-btns) .bt-type i,
	.name-slider .bt-type i {
		font-size: 11px;
		margin-right: 2px;
	}

	.row.mt-4:has(.step-btns) {
		margin-top: 10px !important;
	}

	.content-sec:has(.step-btns) .bt-type {
		padding: 3px 4px;
	}

	.row.mt-5:has(.bt-type) {
		margin-top: 1.5rem !important;
	}

	/* .Crystal_event .event_content h2{
		display: none;
	} */
	.shp_ordr_imag {
		text-align: center;
	}

	.shp_ordr_imag img {
		width: 70%;
	}

	.out-of-stock .out_of_stock_overlay {
		background-color: rgb(131 131 131 / 0%);
	}


	.edit-icons .btn.btn-light {
		padding: 10px 15px;
		background-color: #31A728;
	}

	.edit-icons .btn.btn-light i {
		padding-right: 0px !important;
	}

	.event-name-ch-sol {
		padding: 0px !important;
		display: block !important;
	}

	.event-name-ch-sol p {
		background-color: #1DA450E0;
		padding: 30px;
		text-align: center;
		font-size: 26px;
		font-weight: 800;
		color: white;
		margin-bottom: 0px;
	}

	.new-event-cs-sol img {
		border-radius: 15px;
	}

	.button-book-ch {
		display: block !important;
		font-size: 21px;
		padding: 7px;
		width: 100% !important;
		font-weight: 800;
		border-radius: 0;
	}

	.new-event-cs-sol .event_para {
		display: none;
	}

	.add_btn_mobile {
		display: block !important;
		min-width: unset !important;
		font-size: 21px !important;
	}

	.add_btn_desktop {
		display: none !important;
	}

	.step-btns .icon-btn span {
		display: block !important;
		font-size: 13px;
	}

	#only_yopup_form #top_up_modal .total-rw {
		padding-right: 0;
	}

	#only_topup_form #topup_submit_btn {
		width: 96%;
		margin-left: 15px;
	}

	.food-popup h5 {
		color: #504346;
	}

	#shop_category_mob .form-check-input .form-check-label {
		text-transform: capitalize;
	}

	.btns.step-btns {
		column-gap: 16px;
		justify-content: space-evenly;

	}

	.fav-list-step-btns {
		justify-content: start !important;
	}

	.fav-list-step-btns .icon-btn {
		margin-right: 20px
	}

	.food-sec-content .modal-content.add-user-body {
		display: flow !important;
	}

	.food-sec-content .sendimg-space {
		text-align: center;
		margin-bottom: 10px;
	}

	.food-sec-content {
		text-align: center;
	}

	.food-popup .popup-content .form-btn-div button.continue-btn {
		width: 100%;
		font-size: 21px;
		font-weight: 800;
		padding: 7px;
		margin-top: 0;
	}

	.food-sec-content .cmn-btn {
		font-size: 21px;
		font-weight: 800;
		padding: 7px;
		margin-top: 0;
	}

	.primary-school-table-cs-ch .name-student-food-ch-cs p {
		color: white;
	}

	.primary-school-table-cs-ch .name-student-food-ch-cs p span {
		font-weight: 300;
		color: black;
	}

	.primary-school-table-cs-ch .Three-dot-ch-cs i {
		color: blawhiteck;
	}

	.footer-mobile-table-sol-ch.food-mobile-table-sol-ch.mobile-table {
		background-color: #d9ffd6;
		color: #504346;
	}

	.food-mobile-table-sol-ch {
		width: 100%;
	}

	.food_order_list_review_mob .food-mobile-table-sol-ch {
		border-bottom: 1px solid #00000038;
	}

	.mob_food_names_cont {
		display: flex;
		flex-direction: column;
		gap: 5px;
		padding: 0 10px;
	}

	.mob_food_names_cont .mob_food_names {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}

	.mob_food_names_cont .mob_food_names .food_item {
		display: flex;
		gap: 5px;
	}

	.mob_food_names_cont .view_more_food_item {
		font-size: 12px;
		font-style: italic;
	}

	.food_order_list_review_mob .student-food-table-ch-cs {
		background-color: #d4f0d2;
	}

	.food_order_list_review_mob .student-food-table-ch-cs .name-student-food-ch-cs p {
		color: #000;
	}

	.food_order_list_review_mob .student-food-table-ch-cs .name-student-food-ch-cs span {
		color: #848484;
	}

	.food_order_list_review_mob .student-food-table-ch-cs .Three-dot-ch-cs i {
		color: gray;
	}

	.name-student-food-ch-cs p {
		color: white;
	}

	.name-student-food-ch-cs p span {
		color: #FFFFFF9E;
		font-size: 13px;
	}

	.item-list-orders .item-table {
		border: 1px solid #E5E5E5;
	}

	.space-ch {
		overflow: hidden;
	}

	#pills-tabContent .family_cont_info input {
		width: 100% !important;
	}

	.detail-div .hit_detail_head {
		text-align: center;
		font-weight: 500;
	}

	.abt-us-head p {
		text-align: center;
	}

	#comment_modal_content .comment_modal_header {
		padding: 8px;
	}

	.fav-content-sec {
		min-height: auto;
	}
}

@media (max-width:1200px) {
	.new-desktop-table-cs .new-review-order-food-detail-ch td:nth-child(2) {
		text-align: center;
	}
}

@media (min-width: 1024px) and (max-width:1440px) {
	.amount_refund_modal {
		left: 24%;
	}
}

@media (min-width: 1024px) and (max-width:1024px) {
	.amount_refund_modal {
		left: 17% !important;
	}

}

@media (max-width:992px) {
	.abutus-img-sct .text-side{
		width: 100% ;
	}
	.abutus-img-sct .img-se-pt{
		width: 100%;
	}
	.amount_refund_modal {
		left: 0% !important;
	}

	#left_menuitem_details_content .itm-nm .popup-crd {
		width: calc(100% - 40px);
		margin: 80px 20px 20px 20px;
	}

	#left_menuitem_details_content .table-dev {
		overflow: visible;
	}
	.cart-mob-badge span.badge.badge-counter{
		right: 3px !important;
		margin-top: -26px;
		transform: scale(0.6);
	}
	span.badge.badge-counter.menu-cart-badge{
		right: 12px !important;
		margin-top: -3px;
	}
}

@media (max-width:768px) {
	.hidnn-container {
		display: none;
	}

	.amount_refund_modal {
		left: 0 !important;
	}

	.review-table th:nth-child(2) {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	.fav_list_items .table-sub td:nth-child(2) {
		padding-left: 9px !important;
	}

	.table-sub td.td-detail.itm-li {
		min-width: 80px;
	}

	.fav_list_items td:nth-child(4) {
		padding-left: 0;
		padding-right: 0;
	}

	.fav_list_items .table-sub td:nth-child(3) {
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.show_item_details {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		min-width: 120px;
	}
}

@media (max-width:500px) {
	.amount_refund_modal {
		min-width: 400px !important;
		max-width: 400px !important;
	}

	.modal-content.collection_method_popup {
		width: 100%;
		right: 0%;
	}

	.modal-content.collection_method_popup .step-form-body {
		padding: 10px 0px;
	}

	.itm-nm-inner-dv {
		display: block;
	}

	.itm-nm-inner-dv .sold_out_err {
		font-size: 10px;
		margin-left: 0;
	}



}

@media (max-width:400px) {
	.amount_refund_modal {
		min-width: 350px !important;
		max-width: 350px !important;
	}

	.content-sec .create_order_step_btn,
	.content-sec .step-btns {
		column-gap: 5px !important;
		white-space: nowrap;
	}

	.content-sec:has(.step-btns) .order-header .name-slider {
		column-gap: 5px !important;
	}
}
@media (max-width:370px){
	.content-sec .create_order_step_btn,
	.content-sec .step-btns{
		column-gap: 4px !important;
	}
	.content-sec .my-auto:has(.step-btns){
		margin-left: -10px !important;
		margin-right: 0px !important;
	}
}

@media (min-width: 992px) and (max-width:1200px) {

	.new-cart-sol,
	.nav-item:has(#view_notifications) {
		margin-right: -30px;
	}

	.new-event-ch {
		min-width: 134px !important;
	}

	#food_orders_page .primary-school-table-cs-ch .completeorder_table:has(.new-event-ch) th.qty-width {
		padding-left: 20px;
	}
}

@media (min-width: 1201px) and (max-width:1500px) {

	.new-cart-sol,
	.nav-item:has(#view_notifications) {
		margin-right: -50px;
	}
}

@media (min-width: 1501px) {

	.new-cart-sol,
	.nav-item:has(#view_notifications) {
		margin-right: -60px;
	}
}

@media (min-width: 1201px) and (max-width:1400px) {
	#food_orders_page .primary-school-table-cs-ch .completeorder_table:has(.new-event-ch) th.qty-width {
		padding-left: 8px;
	}

}

@media only screen and (min-width: 767px) and (max-width:991px) {
	.new-event-ch {
		min-width: 150px !important;
	}

	#food_orders_page .primary-school-table-cs-ch .completeorder_table:has(.new-event-ch) th.qty-width {
		padding-left: 8px;
	}
}