/**
* Style script.
*/
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
	word-wrap: break-word;
}

::selection {
	background: #000000;
	color: #ffffff;
}

*:focus {
	outline: none;
}

body {
	font-family: 'Inter', sans-serif;
	margin: 0px;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	background: linear-gradient(-45deg, #FCEBE5, #FCE7E8, #FBE4EB, #F5E6EF, #EBEBF3, #E1F1F8, #DEF4F8, #DEF6F5, #DEF9F3, #FCE9E7, #FCE6EA, #FBE2EC, #EEE9F2, #E2F0F7, #DEF5F7, #DEF7F4, #DEF9F2);
	background-size: 200% 200%;
	animation: gradient 15s ease infinite;
}

html {
	scroll-behavior: smooth;
}

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

.section-padding {
	padding: 40px 0;
}

.wkgrid-custom {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
	padding: 0 30px;
}

.wcdemo-footer {
	padding: 0 15px 24px;
}

.wcdemo-footer.wkgrid-custom {
	max-width: 460px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.wcdemo-footer.wkgrid-custom .wcdemo-footer-main {
	text-align: center;
}

.wcdemo-footer.wkgrid-custom .wcdemo-footer-main .wcdemo-footer-content {
	margin: 0;
	font-size: 14px;
	color: #000;
	line-height: 21px;
}

.wcdemo-footer.wkgrid-custom .wcdemo-footer-main a {
	display: inline-block;
	text-decoration: none;
	color: #2149F3;
}

.wcdemo-footer.wkgrid-custom-bottom {
	max-width: 460px;
	margin: 0 auto 0;
}

.wcdemo-footer.wkgrid-custom-bottom .wcdemo-footer-main {
	text-align: center;
}

.wcdemo-footer.wkgrid-custom-bottom .wcdemo-footer-main .wcdemo-footer-content {
	font-size: 14px;
	line-height: 21px;
	margin: 0;
	color: #000;
}

.wcdemo-footer.wkgrid-custom-bottom .wcdemo-footer-main a {
	display: inline-block;
	text-decoration: none;
	color: #2149F3;
	outline: unset;
}

.wcdemo-navigation-menu .wcdemo-main-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 19px 21px 19px 70px;
}

.wcdemo-navigation-menu .wcdemo-main-navigation.hideheader .wcdemo-navigation-content {
	transform: translate(0, -90px);
	transition: 0.5s ease-in-out;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-links-wrapper {
	display: flex;
}

.wcdemo-navigation-menu .wcdemo-main-navigation.hideheader .wcdemo-navigation-links {
	transform: translate(0, -90px);
	transition: 0.5s ease-in-out;
}

.wcdemo-navigation-menu .wcdemo-main-navigation.hideheader .wcdemo-navigation-dropdown {
	padding: 14px 16px 18px;
}

.wcdemo-navigation-menu .wcdemo-main-navigation.hideheader .wcdemo-navigation-dropdown .wcdemo-dropdown-inner {
	transform: rotate(225deg);
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-content {
	display: flex;
	align-items: center;
	transition: 0.5s ease-in-out;
	overflow: hidden;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-content::before {
	content: "";
	display: inline-block;
	width: 164px;
	min-width: 164px;
	height: 40px;
	background-image: url(../images/wc-sprite.png);
	background-repeat: no-repeat;
	background-position: -151px 5px;
	vertical-align: sub;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-content .wcdemo-main-title {
	margin: 0 14px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-links {
	display: flex;
	align-items: center;
	transition: 0.5s ease-in-out;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-links .wcdemo-btn-readdoc {
	display: inline-block;
	min-width: 137px;
	margin: 0 8px;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #2c3145;
	background-color: #FFFFFFB2;
	border-radius: 4px;
	transition: 0.2s ease-in-out;
	vertical-align: middle;
	cursor: pointer;
	line-height: 21px;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-links .wcdemo-btn-readdoc:hover {
	transform: translateY(-2px);
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-links .wcdemo-btn-buynow {
	display: inline-block;
	min-width: 137px;
	margin: 0 8px;
	padding: 10px 20px;
	color: #ffffff;
	background-color: #2FA368;
	font-size: 16px;
	text-align: center;
	font-weight: 500;
	text-decoration: none;
	border-radius: 4px;
	transition: 0.2s ease-in-out;
	vertical-align: middle;
	cursor: pointer;
	line-height: 21px;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-links .wcdemo-btn-buynow:hover {
	transform: translateY(-2px);
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-dropdown {
	margin: 0 0 0 14px;
	padding: 18px 16px 14px;
	background: rgba(235, 255, 253);
	border-radius: 50%;
	cursor: pointer;
	opacity: .5;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-dropdown:hover {
	opacity: 1;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-dropdown .wcdemo-dropdown-inner {
	display: inline-block;
	height: 9px;
	width: 9px;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
	transition: .2s;
	transform: rotate(45deg);
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn {
	display: none;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn::before {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../images/wc-sprite.png);
	background-position: -57px -178px;
	filter: invert(35%);
	cursor: pointer;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn.wcdemo-dropdown-clicked::before {
	background-position: -84px -178px;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn.wcdemo-dropdown-clicked .wcdemo-dropdown-content {
	visibility: visible;
	opacity: 1;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn .wcdemo-dropdown-content {
	max-width: 288px;
	background: #ffffff;
	padding: 15px;
	position: absolute;
	right: 24px;
	top: 70px;
	border-radius: 10px;
	visibility: hidden;
	opacity: 0;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn .wcdemo-dropdown-content:hover {
	display: block;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn .wcdemo-dropdown-content p {
	text-align: center;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn .wcdemo-dropdown-content .wcdemo-dropdown-links {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn .wcdemo-dropdown-content .wcdemo-dropdown-links .wcdemo-btn-readdoc {
	display: inline-block;
	min-width: 120px;
	padding: 10px 20px;
	color: #2c3145;
	background-color: #EBFFFD;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	border: 1px solid #64687A;
	border-radius: 4px;
	vertical-align: middle;
	transition: 0.2s ease-in-out;
	cursor: pointer;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn .wcdemo-dropdown-content .wcdemo-dropdown-links .wcdemo-btn-readdoc:hover {
	transform: translateY(-2px);
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn .wcdemo-dropdown-content .wcdemo-dropdown-links .wcdemo-btn-buynow {
	display: inline-block;
	min-width: 120px;
	padding: 10px 20px;
	color: #ffffff;
	background-color: #2FA368;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	vertical-align: middle;
	transition: 0.2s ease-in-out;
	cursor: pointer;
}

.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn .wcdemo-dropdown-content .wcdemo-dropdown-links .wcdemo-btn-buynow:hover {
	transform: translateY(-2px);
}

.wcdemo-profiles .wkgrid-custom .wcdemo-features {
	margin-top: 60px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-features .wcdemo-feature-heading {
	max-width: 526px;
	margin: 0;
	color: #2c3145;
	font-size: 30px;
	font-weight: 700;
	line-height: 39px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-features ul {
	margin: 16px 0 0;
	padding: 0;
	line-height: 24px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-features ul li {
	margin: 16px 0 0 30px;
	color: #2c3145;
	font-size: 16px;
	list-style: disc;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profiles-container {
	display: flex;
	gap: 15px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profiles-container .wcdemo-img {
	width: 100%;
	height: 100%;
	max-width: 100px;
	max-height: 100px;
	border-radius: 8px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profiles-container .wcdemo-profiles-content .wcdemo-profiles-heading {
	margin: 0;
	color: #2c3145;
	font-size: 30px;
	font-weight: 700;
	line-height: 39px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profiles-container .wcdemo-profiles-content .wcdemo-profiles-para {
	margin: 16px 0 0;
	color: #2c3145;
	font-size: 16px;
	line-height: 24px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profiles-container .wcdemo-profiles-content .wcdemo-profiles-extra-details p {
	margin: 16px 0 0;
	color: #2c3145;
	font-size: 16px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 30px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards a {
	color: inherit;
	text-decoration: none;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards a:hover,
.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards a:active,
.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards a:focus {
	outline: unset;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card {
	display: block;
	width: 225px;
	min-height: 270px;
	position: relative;
	background: rgba(255, 255, 255, .4);
	border-radius: 16px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card .top {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .6);
	border-radius: 16px;
	clip-path: polygon(52% 0, 100% 0, 108% 100%, 102% 106%);
	animation: scale-out-tr 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	-webkit-animation: scale-out-tr 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	z-index: -1;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card .bottom {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #64687a;
	border-radius: 16px;
	clip-path: polygon(101% 67%, 100% 86%, 100% 100%, 63% 100%);
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card .arrow {
	color: white;
	font-size: 24px;
	position: absolute;
	bottom: 12px;
	right: 30px;
	opacity: 0;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card:hover {
	cursor: pointer;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card:hover .top {
	-webkit-animation: scale-in-tr 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: scale-in-tr 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card:hover .arrow {
	animation: arrow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card .wcdemo-card-content {
	display: grid;
	grid-gap: 10px;
	padding: 20px;
}

.wcdemo-card-content>* {
	margin: 0px !important;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card .wcdemo-card-content .wcdemo-card-title {
	margin: 40px 0 0 !important;
	color: #1a1a1a;
	font-size: 20px;
	font-weight: 700;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards .wcdemo-card .wcdemo-card-content .wcdemo-card-para {
	width: 134px;
	margin: 16px 0 0;
	color: #2c3145;
	line-height: 21px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-links {
	margin-top: 40px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-links .wcdemo-links-title {
	margin: 0;
	color: #2c3145;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-links .wcdemo-links-btn {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 18px;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-links .wcdemo-links-btn .wcdemo-button {
	display: inline-block;
	min-width: 137px;
	padding: 10px 20px;
	color: #2c3145;
	background-color: rgba(255, 255, 255, 0.7);
	background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.01) 51%, #ffffff 100%);
	background-size: 200% auto;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	line-height: 21px;
	vertical-align: middle;
	border: 2px solid;
	border-radius: 4px;
	border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0.5), #ffffff, rgba(255, 255, 255, 0.5));
	border-image-slice: 1;
	transition: 0.2s ease-in-out;
	cursor: pointer;
}

.wcdemo-profiles .wkgrid-custom .wcdemo-links .wcdemo-links-btn .wcdemo-button:hover {
	border-image-source: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.5), #ffffff);
	background-position: right center;
	transform: translateY(-2px);
}

@font-face {
	font-family: 'webkul-fonts';
	src: url('../fonts/webkul-fonts.woff?64yvb2') format('woff');
	font-display: block;
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'webkul-fonts' !important;
	display: inline-block;
	width: 48px;
	height: 48px;
	padding: 12px 0;
	color: #fff;
	background-color: #2C3145;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-transform: none;
	line-height: 1;
	font-variant: normal;
	border-radius: 50%;
	speak: never;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-reminder-mail:before {
	content: "\e907";
}

.icon-spin-wheel:before {
	content: "\e908";
}

.icon-size-chart:before {
	content: "\e909";
}

.icon-automatic-procurement:before {
	content: "\e90a";
}

.icon-event:before {
	content: "\e90b";
}

.icon-view-serial-key:before {
	content: "\e90c";
}

.icon-folder-tree-solid:before {
	content: "\e90d";
}

.icon-group-by-products:before {
	content: "\e90e";
}

.icon-kitchen-user:before {
	content: "\e90f";
}

.icon-serach-data:before {
	content: "\e910";
}

.icon-purchase-on-whatsapp:before {
	content: "\e911";
}

.icon-place-order:before {
	content: "\e912";
}

.icon-quick-order:before {
	content: "\e900";
}

.icon-doctor-login:before {
	content: "\e901";
}

.icon-customer-login:before {
	content: "\e902";
}

.icon-seller-login:before {
	content: "\e903";
}

.icon-agent-login:before {
	content: "\e904";
}

.icon-admin-login:before {
	content: "\e905";
}

.icon-store-solid:before {
	content: "\e906";
}

.icon-cash-register-solid:before {
	content: "\e913";
}

@media (max-width: 768px) {
	.wcdemo-footer.wkgrid-custom {
		margin: 0 auto 0;
	}


	.wcdemo-navigation-menu .wcdemo-main-navigation {
		padding: 25px;
	}

	.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-content .wcdemo-main-title {
		display: none;
	}

	.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-links {
		display: none;
	}

	.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-navigation-dropdown {
		display: none;
	}

	.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn {
		display: block;
	}

	.wcdemo-navigation-menu .wcdemo-main-navigation .wcdemo-dropdown-btn::before {
		content: "";
	}
}

@media (max-width: 620px) {
	.wcdemo-profiles .wkgrid-custom .wcdemo-profiles-container {
		flex-wrap: wrap;
	}
}

@media (max-width: 525px) {


	.wcdemo-profiles .wkgrid-custom {
		padding: 0 15px;
	}

	.wcdemo-profiles .wkgrid-custom .wcdemo-profiles-heading {
		font-size: 24px;
	}

	.wcdemo-profiles .wkgrid-custom .wcdemo-profiles-para {
		margin: 15px 0 0;
	}

	.wcdemo-profiles .wkgrid-custom .wcdemo-profile-cards {
		margin: 20px 0 0;
	}

}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@-webkit-keyframes scale-in-tr {
	0% {
		clip-path: polygon(52% 0, 100% 0, 108% 100%, 102% 106%);
	}

	50% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

@keyframes scale-in-tr {
	0% {
		clip-path: polygon(52% 0, 100% 0, 108% 100%, 102% 106%);
	}

	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

@-webkit-keyframes scale-out-tr {
	0% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	50% {
		clip-path: polygon(52% 0, 100% 0, 108% 100%, 102% 106%);
	}
}

@keyframes scale-out-tr {
	0% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	50% {
		clip-path: polygon(52% 0, 100% 0, 108% 100%, 102% 106%);
	}
}

@keyframes arrow {
	0% {
		right: 30px;
		opacity: 0;
	}

	100% {
		right: 16px;
		opacity: 1;
	}
}
