.header-inline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	box-shadow: 0 0 4px #00000014;
	width: 100%;
	height: 65px;
	padding: 0 30px;
	position: fixed;
	z-index: 111;
}
.header-inline .logo {
	height: 36px;
}
.account-user {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}
.account-user .sub-heading {
	font-weight: 500;
	font-size: 18px;
}
.account-user .sub-heading i {
	font-size: 16px;
	padding-left: 2px;
}
.account-partner-img img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	object-fit: cover;
}
.account-sidebar {
	background: var(--primary-color);
	padding: 20px;
	height: 100%;
	position: fixed;
	width: 220px;
	top: 65px;
	z-index: 1;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-bottom: 75px;
}
.account-sidebar li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 5px;
}
.account-sidebar li a {
	color: #ffffff;
	display: flex;
	align-items: center;
	gap: 5px;
	background: var(--primary-color);
	padding: 10px 10px;
	border-radius: 6px;
}
.account-sidebar li:hover a {
	color: #ffffff;
	background: var(--secondary-color);
	padding: 10px 10px;
	border-radius: 6px;
}
.account-sidebar li.active a {
	color: #ffffff;
	background: var(--secondary-color);
	padding: 10px 10px;
	border-radius: 6px;
}
.account-sidebar li a i {
	width: 20px;
}
.inline-main-body {
	display: flex;
	gap: 30px;
}
.main-card-body {
	padding: 30px;
	width: 100%;
	padding-left: 235px;
	position: relative;
	top: 55px;
}
.overview-item {
	background: #fff;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 0 10px #0000000a;
}
.dashboard-overview {
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(4, 1fr);
}
.overview-text .sub-head {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #000000;
}
.overview-text .main-head {
	margin-bottom: 2px;
}
.overview-item .icon {
	width: 60px;
	height: 60px;
	background: var(--primary-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dashboard-overview img {
	height: 30px;
}
/*------------ leads section start ------------*/
.card-box {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px #0000000a;
	margin-top: 20px;
}
.lead-dashboard-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.lead-text {
	display: flex;
	gap: 15px;
}
.lead-text .sub-heading-2 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
	font-weight: 400;
	letter-spacing: 0;
	font-family: var(--heading-font);
}
.lead-text .sub-heading {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	font-weight: 500;
}
.lead-text p {
	font-size: 12px;
	line-height: 14px;
}
.right-lead {
	display: flex;
	align-items: center;
	gap: 30px;
}
.right-lead .sub-heading {
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 400;
	color: var(--primary-color);
}
.lead-date-time {
	display: flex;
	gap: 10px;
}
.lead-date-time span {
	font-size: 12px;
	line-height: 14px;
}
.lead-name {
	width: 200px;
}
.lead-phone-no {
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	background: #f3f3f3;
	padding: 5px 5px;
	border-radius: 4px;
}
.lead-details .sub-heading {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	font-weight: 500;
}
.lead-details p {
	margin-bottom: 10px;
}
.lead-details p span {
	font-weight: 700;
}
/*------------ leads section end ------------*/

.pagination-section li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
}
.pagination-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.page-link:focus {
	box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}
.delete-btn {
	width: 30px;
	height: 30px;
	padding: 0;
	font-size: 13px;
}
.view-btn {
	width: 30px;
	height: 30px;
	padding: 0;
	font-size: 13px;
}
.bg-success {
	height: 30px;
	color: #ffffff;
	background-color: #05c46b !important;
	border-color: #05c46b !important;
}
.bg-success:hover {
	color: #ffffff;
	background-color: #02ab5c !important;
	border-color: #02ab5c !important;
}
.bg-danger {
	height: 30px;
	color: #ffffff;
	background-color: #f53b57 !important;
	border-color: #f53b57 !important;
}
.bg-danger:hover{
	color: #ffffff;
	background-color: #f11234 !important;
	border-color: #f11234 !important;
}
.bg-primary {
	height: 30px;
	background-color: #0d6efd;
	border-color: #0d6efd;
	color: #fff;
}
.bg-primary:hover {
	background-color: #0760e3 !important;
	border-color: #0760e3 !important;
	color: #fff;
}
.bg-info {
	height: 30px;
	background-color: #34495e !important;
	border-color: #34495e !important;
	color: #fff;
}
.bg-info:hover {
	background-color: #34495e !important;
	border-color: #34495e !important;
	color: #fff;
}
.bg-warning {
	height: 30px;
	background-color: #ffc107 !important;
	border-color: #ffc107 !important;
	color: #000000;
}
.bg-warning:hover {
	background-color: #f5b800 !important;
	border-color: #f5b800 !important;
	color: #000000;
}
.header-account-details {
	position: absolute;
	top: 55px;
	right: 0;
	background: #fff;
	padding: 15px;
	display: none;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	box-shadow: 0 2px 4px #00000014;
	transition: var(--transition);
}
.header-account-details a:hover {
	color: var(--secondary-color);
}
.header-account-details a {
	display: flex;
	align-items: center;
	gap: 5px;
	width: fit-content;
}
.open-account .header-account-details {
	display: flex;
}

/*------------ Availability section start ------------*/

.ta-days{
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}

.ta-day-card{
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: 0.3s;
	background: #fafafa;
}

.ta-day-card:hover{
	border-color:var(--primary-color);
	transform:translateY(-2px);
}

.ta-day-name{
	font-size: 16px;
	font-weight: 500;
	color: var(--black-color);
	font-family: var(--heading-font);
}

.ta-day-status {
	font-size: 12px;
	color: #5b606a;
	margin-top: 2px;
}
.ta-switch{
	position: relative;
	width: 50px;
	height: 24px;
	margin-bottom: 0;
}

.ta-switch input{
	opacity:0;
	width:0;
	height:0;
}

.ta-slider{
	position:absolute;
	cursor:pointer;
	inset:0;
	background:#d1d5db;
	border-radius:50px;
	transition:0.3s;
}

.ta-slider:before{
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	bottom: 2px;
	background: #fff;
	border-radius: 50%;
	transition: 0.3s;
}

.ta-switch input:checked + .ta-slider{
	background:var(--primary-color);
}

.ta-switch input:checked + .ta-slider:before{
	transform:translateX(26px);
}

.ta-form-grid{
	display: grid;
	gap: 10px 15px;
	grid-template-columns: repeat(2, 1fr);
}
.ta-group{
	display:flex;
	flex-direction:column;
}
.ta-label{
	font-size:14px;
	font-weight:600;
	color:#374151;
	margin-bottom:5px;
}
.sta-table-wrap{
	overflow-x:auto;
}


/*------------ Availability section end ------------*/




/*------------ Payment section Start ------------*/

.tech-payment-cards{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.tech-payment-box{
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border: 1px solid #edf0f5;
	transition: .3s;
}

.tech-payment-box:hover{
	transform:translateY(-5px);
}

.tech-payment-flex{
	display:flex;
	justify-content:space-between;
	gap:15px;
}

.tech-payment-title{
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	font-weight: 500;
	font-family: var(--heading-font);
}

.tech-payment-amount{
	font-size: 26px;
	line-height: 32px;
	margin: 0;
	font-weight: 700;
	font-family: var(--heading-font);
}

.tech-payment-flex p {
	font-size: 12px;
	margin-top: 10px;
	font-weight: 500;
	color: #8c8c8c;
}

.tech-payment-iconbox{
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background: #fff3e7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tech-payment-iconbox i{
	font-size:22px;
	color:#ed7500;
}

.tech-payment-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:25px;
	gap:20px;
}


.tech-payment-table-area{
	overflow:auto;
	width:100%;
}

.tech-payment-table{
	width:100%;
	border-collapse:collapse;
}

.tech-payment-table thead th{
	background: #f9fafc;
	padding: 10px;
	text-align: left;
	font-size: 14px;
	color: #000000;
	border-bottom: 1px solid #ececec;
	font-family: var(--heading-font);
	font-weight: 600;
}

.tech-payment-table tbody td{
	padding:10px 10px;
	border-bottom:1px solid #f1f1f1;
	font-size:14px;
	font-weight:500;
	color:#111;
}

.tech-payment-status{
	padding: 3px 15px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
}

.tech-payment-status.paid{
	background:#e8f8ef;
	color:#0f9d58;
}

.tech-payment-status.pending{
	background:#fff4e5;
	color:#ff9800;
}

@media(max-width:991px){

	.tech-payment-cards{
		grid-template-columns:repeat(2,1fr);
	}

}

@media(max-width:767px){

	.tech-payment-wrap{
		padding:20px;
	}

	.tech-payment-cards{
		grid-template-columns:1fr;
	}

	.tech-payment-top{
		flex-direction:column;
		align-items:flex-start;
	}

	.tech-payment-amount{
		font-size:26px;
	}

}
/*------------ Payment section end ------------*/


/*------------ Service section start ------------*/

.partner-service-grid{
	display: flex;
	gap: 10px;
}
.partner-service-group{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.partner-service-sub{
	margin-bottom: 20px;
}
.partner-service-sub-title{
	font-size: 20px;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 15px;
	font-family: var(--heading-font);
}
.partner-service-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 15px;
	border-radius: 10px;
	background: #fafbfd;
	border: 1px solid #edf1f7;
	margin-bottom: 10px;
	flex-wrap: wrap;
}
.partner-service-item-left{
	flex:1;
}
.partner-service-item-name{
	font-size:15px;
	font-weight:700;
	color:#111827;
	margin-bottom:6px;
}
.partner-service-meta{
	display:flex;
	gap:18px;
	flex-wrap:wrap;
	font-size:13px;
	color:#6b7280;
}
.partner-service-price{
	color:#16a34a;
	font-weight:700;
}
.partner-service-duration{
	color:var(--primary-color);
	font-weight:600;
}
.partner-service-action{
	display:flex;
	gap:10px;
}
.partner-service-edit,
.partner-service-delete{
	border: none;
	padding: 5px 14px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
}
.partner-service-edit{
	background:#eff6ff;
	color:var(--primary-color);
}

.partner-service-edit:hover{
	background:var(--primary-color);
	color:#fff;
}

.partner-service-delete{
	background:#fff1f2;
	color:#ef4444;
}

.partner-service-delete:hover{
	background:#ef4444;
	color:#fff;
}
@media(max-width:768px){
	.partner-service-wrapper{
		padding:15px;
	}

}

/*------------ Service section end ------------*/


/*------------ Profile section start ------------*/
.partner-profile-top{
	display:flex;
	align-items:center;
	gap:24px;
	flex-wrap:wrap;
	margin-bottom:32px;
}
.partner-profile-photo{
	position:relative;
	width:120px;
	height:120px;
}
.partner-profile-photo img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:24px;
	border:4px solid #fff;
	box-shadow:0 10px 30px rgba(15,23,42,0.08);
}

/* ===================================
			UPLOAD BUTTON
=================================== */
.partner-profile-upload-btn{
	position: absolute;
	bottom: -6px;
	right: -6px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--bg-color);
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 18px;
	box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25);
	transition: 0.3s;
}

.partner-profile-upload-btn:hover{
	background:#1d4ed8;
	color: #ffffff;
	transform:scale(1.05);
}

.partner-profile-upload-btn input{
	display:none;
}

.partner-profile-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:15px;
}
.partner-profile-upload-box{
	border: 1px dashed #cbd5e1;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	background: #f8fafc;
	transition: 0.3s;
	height: 100px;
}

.partner-profile-upload-box:hover{
	border-color:var(--primary-color);
	background:#f8fbff;
}

/* ===================================
FORGOT PASSWORD
=================================== */

.partner-forgot-desc{
	font-size:14px;
	color:#6b7280;
	margin-bottom: 10px;
}

/*------------ Profile section end ------------*/


/* ===================================
SETTING ITEM
=================================== */

.partner-settings-item{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	padding:22px 0;
	border-bottom:1px solid #edf1f7;
	flex-wrap:wrap;
}

.partner-settings-item:last-child{
	border-bottom:none;
}

/* ===================================
TEXT
=================================== */

.partner-settings-heading{
	font-size:16px;
	font-weight:700;
	color:#111827;
	margin-bottom:6px;
}

.partner-settings-desc{
	font-size:14px;
	color:#6b7280;
	line-height:1.7;
}

/* ===================================
SWITCH
=================================== */

.partner-settings-switch{
	position:relative;
	width:62px;
	height:34px;
	flex-shrink:0;
}

.partner-settings-switch input{
	opacity:0;
	width:0;
	height:0;
}

.partner-settings-slider{
	position:absolute;
	cursor:pointer;
	inset:0;
	background:#d1d5db;
	border-radius:50px;
	transition:0.4s;
}

.partner-settings-slider::before{
	content:"";
	position:absolute;
	width:26px;
	height:26px;
	left:4px;
	bottom:4px;
	background:#ffffff;
	border-radius:50%;
	transition:0.4s;
	box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.partner-settings-switch input:checked + .partner-settings-slider{
	background:var(--primary-color);
}

.partner-settings-switch input:checked + .partner-settings-slider::before{
	transform:translateX(28px);
}

/* ===================================
DELETE ACCOUNT
=================================== */

.partner-delete-box{
	background: #fff5f5;
	border: 1px solid #fecaca;
	border-radius: 10px;
	padding: 25px;
}

.partner-delete-desc{
	font-size:14px;
	color:#7f1d1d;
	line-height:1.8;
	margin-bottom:22px;
}

.partner-delete-btn{
	border: none;
	background: #dc2626;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
}

.partner-delete-btn:hover{
	background:#b91c1c;
}
/*------------ Setting section end ------------*/

/*------------------------------------------------------------------------
						Local Offer Design Start
------------------------------------------------------------------------*/
.status-btn{
	padding:4px 12px;
	border-radius:30px;
	font-size:12px;
	font-weight:500;
	display:inline-block;
}
.status-active {
	background: #e7fff4;
	color: #198754;
}
.status-pending{
	background:#e7fff4;
	color:#198754;
}
.status-expire{
	background:#fff0f0;
	color:#b91c1c;
}
.whatsapp-color {
	color:#05c46b;
}

.offer-used {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px;
	width: 400px;
	border-radius: 6px;
	box-shadow: 0 0 5px #e1e1e1;
}
.offer-progress {
	display: flex;
	align-items: center;
	margin-top: 5px;
}
.action-btn-1 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
	width: 170px;
}
.action-btn-1 .main-btn {
	padding: 10px 10px;
	height: 30px;
	font-weight: 500;
	font-size: 12px;
}
.theme-btn-1 {
	color: var(--primary-color);
	background-color: #e0e8ff;
	border-color: var(--primary-color);
}
.theme-btn-2 {
	color: var(--primary-color);
	background-color: #ffffff;
	border-color: var(--primary-color);
}
.theme-btn-3 {
	color: #EA2027;
	background-color: #ffffff;
	border-color: #EA2027;
}

.theme-btn-1:hover {
	color: #ffffff;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.theme-btn-2:hover {
	color: #ffffff;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.theme-btn-3:hover {
	color: #ffffff;
	background-color: #EA2027;
	border-color: #EA2027;
}
.ads-img img {
	height: 45px;
	border-radius: 6px;
}
.ads-text .main-head {
	font-size: 14px;
	width: 200px;
	line-height: 20px;
	text-align: left;
}
.inline-heading {
	display: flex;
	gap: 10px;
	align-items: center;
}
.sta-table tr {
	border-bottom: 1px solid #e5e7eb;
}
.sta-table{
	width:100%;
	border-collapse:collapse;
}
.sta-table th {
	background: #f7faff;
	padding: 8px 10px;
	text-align: left;
	font-size: 14px;
	color: #262626;
}
.sta-table th{
	background:#f1f5f9;
	padding:14px;
	text-align:center;
	font-size:14px;
	color:#333;
}
.sta-table th:first-child{
	text-align:left;
}
.sta-table td {
	padding: 10px 0;
	font-size: 14px;
	color: #444;
	text-align: center;
}

/*------------------------------------------------------------------------
						Local Offer Design End
------------------------------------------------------------------------*/



/*------------------------- Create Offer Start ------------------------*/
.inner-card{
	width: 100%;
	background:#fff;
	border:1px solid #e8eaf1;
	border-radius:12px;
	padding:25px;
}
.form-group{
	margin-bottom:20px;
}

.form-group label{
	display:block;
	font-size:14px;
	font-weight:600;
	color:#111827;
	margin-bottom:8px;
}

.required{
	color:#ef4444;
}

input,
select,
textarea{
	width:100%;
	border:1px solid #d9dce5;
	border-radius:8px;
	padding:12px 14px;
	outline:none;
	font-size:14px;
}

input:focus,
select:focus,
textarea:focus{
	border-color:#6d28d9;
}

.small-text{
	font-size:12px;
	color:#6b7280;
	margin-top:6px;
}

.counter{
	float:right;
}

.editor{
	border:1px solid #d9dce5;
	border-radius:8px;
	overflow:hidden;
}

.editor-toolbar{
	display:flex;
	gap:20px;
	padding:12px 15px;
	border-bottom:1px solid #e5e7eb;
	background:#fafafa;
}

.editor-toolbar button{
	border:none;
	background:none;
	cursor:pointer;
	font-size:14px;
}

.editor textarea{
	border:none;
	min-height:120px;
	resize:none;
}
.upload-box{
	display:flex !important;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:140px;
	border:2px dashed #d8dce8;
	border-radius:10px;
	cursor:pointer;
	transition:.3s;
	text-align:center;
	padding:20px;
}

.upload-box:hover{
	border-color:#6c3cff;
	background:#faf8ff;
}

.upload-box i{
	font-size:24px;
	color:#6c3cff;
	margin-bottom:10px;
}

.upload-title{
	font-size:14px;
	font-weight:600;
	color:#6c3cff;
}

.upload-note{
	font-size: 14px;
	color: #6b7280;
	margin-bottom: 0;
}

.file-name{
	margin-top:8px;
	font-size:12px;
	color:#111827;
	word-break:break-word;
}

.gallery-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:15px;
}

.gallery-item{
	min-height: 110px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .3s;
	text-align: center;
	padding: 10px;
	margin-bottom: 0 !important;
}

.gallery-item:hover{
	border-color:#6c3cff;
	background:#faf8ff;
}

.gallery-item i{
	color:#6c3cff;
	font-size:20px;
	margin-bottom:10px;
}

.gallery-item p{
	font-size:13px;
	color:#6b7280;
}
.banner-preview{
	width:100%;
	height:180px;
	object-fit:cover;
	border-radius:8px;
}

.gallery-preview{
	width:100%;
	height:100px;
	object-fit:cover;
	border-radius:8px;
}

.gallery-item{
	overflow:hidden;
}

.upload-box{
	overflow:hidden;
}

.img-name{
	font-size:11px;
	color:#111827;
	margin-top:5px;
	word-break:break-word;
}

@media(max-width:576px){
	.gallery-grid{
		grid-template-columns:1fr;
	}
}

.input-icon{
	position:relative;
}

.input-icon i{
	position:absolute;
	right:14px;
	top:50%;
	transform:translateY(-50%);
	color:#6b7280;
}

.alert-box{
	display:flex;
	gap:12px;
	padding:14px;
	border-radius:8px;
	border:1px solid #f3d38b;
	background:#fff8ea;
	margin-bottom:20px;
}

.alert-box i{
	color:#f59e0b;
	font-size:18px;
}

.alert-title{
	font-weight:600;
	font-size:14px;
	margin-bottom:3px;
}

.alert-text{
	font-size:12px;
	color:#6b7280;
}

.option-card{
	border:1px solid #e5e7eb;
	border-radius:10px;
	padding:15px;
	margin-bottom:15px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.option-info h5{
	font-size:14px;
	margin-bottom:5px;
}

.option-info p{
	font-size:12px;
	color:#6b7280;
}

.switch{
	position:relative;
	width:48px;
	height:26px;
}

.switch input{
	display:none;
}

.slider{
	position:absolute;
	inset:0;
	background:#d1d5db;
	border-radius:50px;
	cursor:pointer;
	transition:.3s;
}

.slider:before{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	background:#fff;
	border-radius:50%;
	top:3px;
	left:3px;
	transition:.3s;
}

.switch input:checked + .slider{
	background:#6d28d9;
}

.switch input:checked + .slider:before{
	transform:translateX(22px);
}

.actions{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px;
	margin-top:25px;
}

.btn{
	height:50px;
	border-radius:8px;
	border:none;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
}

.btn-cancel{
	background:#fff;
	border:1px solid #d9dce5;
}

.btn-submit{
	color:#fff;
	background:linear-gradient(90deg,#7c3aed,#5b21b6);
}
.opening-hours{
	padding:20px;
	background:#fff;
	border:1px solid #eee;
	border-radius:12px;
}

.hour-row{
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:12px;
	flex-wrap:wrap;
}

.hour-row span:first-child{
	min-width:120px;
	font-weight:600;
}

input[type="time"]{
	padding:8px 10px;
	border:1px solid #ddd;
	border-radius:8px;
}

.switch{
	position:relative;
	width:42px;
	height:22px;
}

.switch input{
	display:none;
}

.slider{
	position:absolute;
	inset:0;
	background:#ccc;
	border-radius:30px;
}

.slider:before{
	content:"";
	position:absolute;
	width:16px;
	height:16px;
	left:3px;
	top:3px;
	background:#fff;
	border-radius:50%;
	transition:.3s;
}

.switch input:checked + .slider{
	background:#28a745;
}

.switch input:checked + .slider:before{
	transform:translateX(20px);
}

/*----------------------------- shop owner subscription start -----------------------------*/
.plan-details {
	display: flex;
	gap: 15px;
}
.shop-bg {
	width: 100%;
	padding: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}
.plan-details-item {
	display: flex;
	align-items: center;
	gap: 15px;
	background: #fff;
	padding: 15px;
	border-radius: 10px;
}
.plan-details-icon {
	width: 64px;
	height: 64px;
	background: #ffe8dc;
	border-radius: 10px;
	text-align: center;
	line-height: 64px;
	font-size: 30px;
	color: var(--secondary-color);
}
.plan-details-content p {
	margin-bottom: 5px;
}
.subscription-heading .main-head {
	color: var(--secondary-color);
	font-size: 34px;
}
.shop-bg .inline-main-btn {
	width: 45%;
	margin-top: 25px;
}
.history-table-icon {
	width: 46px;
	height: 46px;
	background: #fff3ee;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
}
.history-table-icon img {
	height: 22px;
}
.history-table-text .main-head {
	font-size: 20px;
}
.subscription-history .sta-table td {
	text-align: left;
}
.history-table-text p {
	font-size: 12px;
}
.hp-faq-accordion .accordion-item{
	border: 1px solid #edf1f7;
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 10px;
}

.hp-faq-accordion .accordion-button{
	background: #f9fafb;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	padding: 15px;
	box-shadow: none !important;
	border: none;
}
.hp-faq-accordion .accordion-button:not(.collapsed){
	background:#fafbfd;
}
.hp-faq-accordion .accordion-button:focus{
	box-shadow:none;
}
.hp-faq-accordion .accordion-body{
	padding: 0 15px 15px;
	background: #f9fafb;
}

/*----------------------------- shop owner subscription end -----------------------------*/