@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

:root {
	--bs-warning-bg-subtle: #FFF;
}

body {
	color: #333;
	font-family: "Lexend", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1rem !important;
	line-height: 1.9rem;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #452c03;
}

h2,
.header {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 36px;
	color: #452c03;
	margin-top: 1rem;
}

.payment-option .panel-body h2 {
	margin-top: 1rem;
}

.freetrial {
	text-align: center;
	background: #fff;
	display: inline-block;
	padding: 10px;
	border-radius: 20px;
	color: #faca4a;
	font-weight: bold;
	text-transform: uppercase;
}

.alert-warning {
	border-radius: 10px;
}

.breadcrumb {
	display: none;
}

a {
	font-size: 18px;
	color: #452c03;
}

h1 {
	color: #452c03;
	font-weight: bold;
	margin-top: 2rem;
}

p {
	font-size: 18px;
}

a:hover {
	color: #f89a28 !important;
}

.btn-primary,
.btn-light {
	padding: 7px 50px;
	border-radius: 30px;
	--bs-btn-bg: #faca4a !important;
	color: #452C03 !important;
	background-image: none;
	border: none;
	font-weight: 500 !important;
	margin-top: 2rem;
}

.btn-primary:hover,
.btn-light:hover {
	background-color: #e9e9ed !important;
	color: #452c03 !important;
	background-image: none;
}

.btn-secondary {
	padding: 7px 30px;
	border-radius: 30px;
	--bs-btn-bg: #f8f3da !important;
	color: #452c03 !important;
	background-image: none;
	border: none;
	font-weight: 500 !important;
}

.btn-check:checked+.btn-secondary,
:not(.btn-check)+.btn-secondary:active,
.btn-secondary:first-child:active,
.btn-secondary.active,
.btn-secondary.show {
	background-color: #faca4a !important;
	color: #452c03 !important;
	background-image: none;
}

.btn-secondary:hover {
	background-color: #faca4a !important;
	color: #452c03 !important;
	background-image: none;
}

#top {
	background-color: #faca4a;
	border-bottom: none;
	position: fixed;
	width: 100%;
	height: 136px;
	top: 0;
	z-index: 100;
	padding: 0px 0;
	margin-bottom: 0;

	a {
		font-size: 12px;
	}

	.dropdown-menu {
		border: none;
	}

	.dropdown-item {
		padding-left: 1rem;
	}
}

.topbar {
	line-height: 40px;
	font-size: 16px;
}

.navbar {
	background-color: #fff;
	min-height: 96px;
	padding: 0;
}

.navbar-nav {
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}

.nav.float-end {
	margin-top: 10px;
}

.nav.float-end .list-inline-item a:focus,
.nav.float-end .list-inline-item a:hover {
	color: #f89a28 !important;
}

.nav-item.dropdown .dropdown-menu {
	position: absolute;
}

.mobile-logo {
	display: none;
}

.menubar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.nav-link {
	text-align: center;
	color: #452c03;
	text-align: left;
	position: relative;
	padding: 10px 0 0;
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 66px;
}

.nav-link img {
	width: auto;
	height: 28px;
	padding: 3px;
	border: 1px solid #d9d9d9;
	border-radius: 28px;
}

.navlink-brand img {
	border: none;
}

.nav-link span {
	display: block;
}

.nav-link-cart {}

.swiper {
	width: 100%;
	height: auto;
}

.kAdSwiper {
	margin: 20px 0;
}

.swiper-pagination-bullet-active {
	background-color: #F89A28;
}

.swiper-button-next,
.swiper-button-prev {
	color: #F89A28;
}

.swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff;

	.img-fluid {
		width: 100%;
	}

}

.carousel {
	.carousel-control-prev {
		left: 0px;

	}

	.carousel-indicators {
		bottom: 10px;
	}

	.carousel-control-next {
		right: 0px;
	}

	&:hover {
		.carousel-control-prev {
			left: 20px;

		}

		.carousel-control-next {
			right: 20px;
		}
	}
}

.cart-items-count {
	position: absolute;
	top: 10px;
	right: 8px;
	color: #634e2a;
	background-color: #e8c868;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 12px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.nav-item {
	a:hover {
		background-color: #452c03 !important;
		color: #ffffff;
		border: #452c03;
		border-radius: 10px;

		svg {
			fill: #ffffff;
		}
	}

	span {
		font-size: 10px;
		line-height: 14px;
		display: block;
		text-transform: uppercase;

	}

	svg {
		width: 34px;
		height: auto;
		fill: #452c03;
	}
}

.nav-item:hover img,
#header-cart:hover img {
	filter: brightness(0) invert(1);
}

#header-cart {
	margin-bottom: 0;
}

.dropdown-item img {
	filter: none !important;
	padding-right: 1rem;
}

.dropdown-item li {
	padding-bottom: 1rem;
}

.dropdown-menu.show {
	padding: 1rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

	li {
		border-bottom: 1px solid #999;
		padding: 0.5rem;
	}
}

.nav-link.logout {
	float: left;
	display: block;
}

a:hover {
	color: #f89a28 !important;
}

#custom-register-block {
	padding-bottom: 0 !important;
}

.payment-option .price {
	float: none;
}

.carousel {
	box-shadow: none;
	margin-bottom: 20px;
	border: none;
}

.choose-top {
	background: #faca4a;
	height: 120px;
	width: 120px;
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
}

.choose-top img,
svg {
	top: 22px;
	left: 25px;
}

.klinks {
	cursor: pointer;
}

#loginBackDrop {

	h3,
	h4 {
		color: #452c03;
	}

	.logo {
		max-height: 120px;
	}

	p {
		font-size: .8rem;
		color: #999;
	}

	.equal {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}

	.modal-body {
		padding: 0;
		border-radius: 4px;
	}

	.col-sm-6 {
		padding: 2rem;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		background-color: #fff;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		text-align: center;
	}

	.colleft {
		/* background-color: #faca4a; */
		border-top-right-radius: 60px;
		border-bottom-right-radius: 60px;
	}

	.colcontent {
		width: 100%;
	}

	.colcontent {
		font-size: 1rem;
		color: #452c03;

		ul {
			padding-left: 10px;
		}
	}

	input {
		border-radius: 15px;
		background-color: #fff;
		width: 100%;
		display: block;
		border-radius: 0;
		background-color: transparent;
		border: none !important;
		border-bottom: 1px solid #faca4a !important;
	}

	p.verify {
		font-size: 0.7em;
		font-weight: bold;
	}

	input.btn {
		background-color: #faca4a;
		width: 100%;
		border-radius: 1rem;
		color: #452C03;
	}

	.otp-inputs {
		#kutumba_otp {
			display: inline-block;
			width: 133px;
			height: 40px;
			border-radius: 0;
			background-color: transparent;
			border: none !important;
			font-size: 2.5rem;
			text-align: center;
			background: repeating-linear-gradient(90deg, #faca4a 0, #faca4a 1ch, transparent 0, transparent 1.5ch) 0 100%/ 10ch 1px no-repeat;
			letter-spacing: 10px;
		}
	}

	.resend-link {
		cursor: pointer;
	}

	#kcountdown {
		color: #faca4a;
		display: block;
	}
}

.choose-top img {
	position: absolute;
}

.choose-item.bill img {
	left: 25px;
	top: 16px;
}

.choose-item.rupee img {
	top: 35px;
}

.choose-item.truck img {
	top: 33px;
}

.choose-us .header {
	margin-bottom: 20px;
}

.choose-us .mt-20 h3 {
	font-size: 18px;
	font-weight: 300;
	color: #333;
}

.choose-us .col-lg-3 {
	text-align: center;
}

.col-md-6.col-md-offset-3.text-center {
	margin-left: 25%;
}

#custom-register-block .panel {
	background: #faca4a !important;
	color: #452c03;
	border: none;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#custom-register-block .panel-default>.panel-heading {
	color: #fff;
	background-color: #faca4a !important;
	border-bottom: 1px solid #452c03;
	padding: 10px 15px;
	margin: 0 10px;
	padding-bottom: 0;
}

#custom-register-block .panel-footer {
	background-color: #ffffff;
	font-size: 14px;
}

#custom-register-block .panel-body h2 span {
	font-size: 50px;
	font-weight: bold;
}

.panel-title,
.price {
	color: #452c03;
}

.price-highlight {
	font-size: 12px;
	font-weight: bold;
}

#custom-register-block .panel-body h2 {
	color: #452c03;
	font-weight: bold;
	font-size: 50px;
}

#custom-register-block .panel-body p {
	font-style: italic;
	font-size: 14px;
}

#custom-register-block .panel-body {
	padding-top: 25px;
	padding-bottom: 15px;
}

#custom-register-block .row {
	width: 95%;
	margin-left: 2%;
}

.panel-footer .list-group-item {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border: none;
	font-size: 16px;
	padding: 12px;
}

.panel-footer .list-group-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 25px;
	right: 25px;
	height: var(--bs-list-group-border-width);
	background-color: var(--bs-list-group-border-color);
}

footer {
	background-color: #452c03;
	color: #faca4a;
	padding-top: 2rem;
	margin-top: 0;
}

footer p {
	font-size: 13px;
	color: #fff;
	padding-top: 1rem;
}

footer h5 {
	font-size: 18px;
	color: #faca4a;
	text-decoration: no;
}

footer a {
	font-size: 15px;
	color: #fff;
}

footer hr {
	border: 1px solid #664b17;
	width: 100%;
}

footer .list-unstyled a {
	font-size: 15px;
	line-height: 2rem;
	text-decoration: none;
}

.social-link {
	padding: 0;
	border-radius: 15px;
	color: #fff;
	border: 1px solid #fff;
	margin: 5px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
}

.facebook:hover {
	background-color: #1977f1;
}

.twitter:hover {
	background-color: #00acee;
}

.instagram:hover {
	background-color: #dc297b;
}

.product-thumb {
	background-color: #f8f3da;
	border: none;
	border-radius: 10px;
	margin: 6px 0px;
	position: relative;
}

.product-thumb .description {
	padding: 0;
	display: flex;
	height: 44px;
	align-items: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	color: #452c03;
}

.product-cat-thumb .product_opts {
	background-color: #f8f3da;
	border-width: 1px;
	border-color: #452c03;
	border-radius: 21px;
	color: #452c03;
	padding: 10px;
	font-weight: 600;
	font-size: 10px;
}

.product-thumb h4 {
	color: #452c03;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 17px;

}

.product-thumb .imgarea {
	padding-left: 0;

	img {
		object-fit: fill;
		border-radius: 10px;
		height: 100%;
		width: 125px;
		max-height: 80px;
		object-fit: cover;
	}
}

.koptions-area {
	padding: 0;
	text-align: left;
}

.product-thumb input {
	width: 30px;
	background-color: #faca4a !important;
	color: #ffffff;
	border: none;
	border-radius: 1rem;
	text-align: center;
	font-weight: 500;
}

.product-thumb .button-group {
	border-top: none;
	background-color: transparent;
}

.product-thumb .button-group button,
.product-thumb .button-group .btn_addtocart {
	border-radius: 2rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding-left: 15px;
	line-height: 30px;
	background-color: #FFFFE4;
}

.product-thumb .button-group button {
	padding-left: 0;
}

.button-group button i.fa-shopping-cart {
	background-color: #f89a28;
	color: #000;
	border-radius: 50%;
	padding: 7px;
	font-size: 9px;
	margin-top: 5px;
}

.description a {
	color: #452c03;
}

.text-end.crt_total {
	margin-left: 10%;
	text-align: center !important;

}

.product-list {
	margin-bottom: 48px !important;

	&.m-0 {
		margin-bottom: 0 !important;
	}

	&:last-child {
		margin-bottom: 0 !important;
	}
}

.product-list .product-thumb .button-group {
	width: 100px;
	position: relative;
	border: none;
}

.cartoptions-area {
	display: flex;
	justify-content: right;

	.button-group {
		width: 100px;
	}
}

.crt_price,
.crt_total {
	background-color: #452c03 !important;
	display: inline-block;
	border-radius: 21px;
	color: white !important;
	width: 7rem;
	text-align: center;
	height: 2.2rem;
}

.price {
	display: inline-block;
}

.kqty-area {

	.pqty {
		position: absolute;
		width: 100%;
		text-align: center;
		background-color: transparent !important;
		z-index: 1;
		border: none;
		color: #fff;
		height: 100%;
	}

	.qtybtn {
		display: flex;
		text-align: center;
		background: #faca4a;
		border-radius: 20px;
		position: relative;
		width: 100%;
		height: 24px;
		font-size: 16px;

		.pqty_plus,
		.pqty_minus {
			z-index: 2;
			width: 50%;
			padding: 0;

			i {
				color: #452c03;
			}
		}
	}

}

.cartoptions {
	background: #faca4a !important;
	color: #333;
	padding: 0 !important;
}

.ord_qty {
	color: #452c03 !important;
}

.first-option-trigger,
.optsarea span {
	color: #452c03;
	font-size: 12px;
	font-weight: normal;
}

.price-new {
	font-weight: 500;
	color: #452c03 !important;
	font-size: 16px;
}

/* .price {
	float: left;
} */
.fa-shopping-cart {
	float: right;
}

.catheader {
	text-align: left;
	border-bottom: 0px solid #452c03;
	border-top: 0px solid #452c03;
	color: #452c03;
	margin-top: 20px;
	font-weight: bold;
	padding: 2px 0;
}

.product-list {
	margin-bottom: 4rem;
}

.infoarea {
	padding: 0px 8px 0 0;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.incartsel {
	position: relative;
	height: 18px;
	line-height: 15px;
}

.incart {
	content: "";
	position: relative;
	/* top: 50%;
	left: 40px; */
	width: 24px;
	height: 24px;
	background: #91a30e url("/image/tick.png") no-repeat center;
	background-size: 12px 12px;
	border-radius: 50%;
	/* transform: translate(-50%, -50%);	 */
	border: 1px solid #faca4a;
	display: block;
}

.kutumba_addtocart {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;

	.price {
		font-size: 17px;
		font-weight: bold;
	}
}

.kutumba_updatecart_section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	padding-right: 0;

	.col-6 {
		line-height: 24px;
	}
}

.product-thumb .button-group button.optClose {
	display: none;
	background: transparent;
	border: none;
	box-shadow: none;
	font-size: 20px;
	color: #333;
	padding: 0;
}

.kutumba_updatecart {
	background: #f8f3da;
	border: 1px solid #eceae6;
	border-radius: 8px;
	display: none;
	z-index: 10;
	padding-bottom: 0;
	position: absolute;
	top: 0;

	.imgnamearea {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 2%;
		position: relative;

		img {
			max-width: 20%;
			border-radius: 14px;
		}

		.optname {
			width: 65%;
			font-size: 1.1rem;
			color: #452c03;
		}

		.btndele {
			width: 10%;
			background: transparent;
			border: none;
			color: #452c03;
			font-size: 18px;
			padding: 0 !important;
		}
	}

	.optsarea {
		padding: 20px 10px;

		.qtybtn {
			height: 1.8rem;
			width: 120px;
		}

		.row {
			padding-bottom: 4px;
		}
	}
}

tr td.crt_info {
	display: block;
	width: 100%;
	color: #452C03;
}

tr td.crt_total {
	width: 15%;
	font-size: 18px;
}

tr td.crt_frm,
tr td.crt_total {
	display: inline-block;
	width: 27%;
	margin-top: 10px;
}

.input-group .inpqty {
	padding-right: 80px;
}

.input-group .btninpqty,
.input-group .btndele {
	position: absolute;
	right: 45px;
	height: 100%;
	border-radius: 0;
}

.input-group .btndele {
	right: 0;
}

main {
	margin-top: 137px;
	margin-bottom: 0px;

	#common-home {
		background-color: #ffffff;
	}

	.containery {
		background-color: #faca4a;
	}

	.container {
		padding: 0 1rem;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;

		.container {
			background-color: transparent;
		}
	}

	#custom-register-block .container {
		background-color: #ffffff;
	}

	fieldset {
		background-color: #ffffff;
		border-radius: 20px;
		margin-bottom: 2rem;
		padding: 2rem 1rem 0 1rem;

		.mb-3 {
			margin-bottom: 2rem;
		}

		.form-control {
			border: none;
			border-bottom: 1px solid #faca4a;
			border-radius: 0;
		}
	}
}

#shopping-cart tr {
	border-style: none;
	border-color: transparent;
}

#checkout-cart #content {
	padding: 4rem;
}

#checkout-checkout .btn-primary,
#checkout-cart .btn-primary {
	padding: 7px;
	color: #452c03 !important;
	background: #e9e9ed;
	font-size: 18px;
	font-weight: bold;
	line-height: 46px;
}

.btn-primary {
	position: relative;
	background-color: #faca4a;
	color: white;
	padding-right: 2rem;
	border: none;
	height: 60px;
	width: 300px;
	line-height: 40px;
}

.btn-primary .icon-right {
	position: absolute;
	right: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff;
	background: #faca4a;
	padding: 9px 12px;
	margin-right: 12px;
	border-radius: 10px;
}

.kqty-form {
	margin-bottom: 0;
}

.kqty-form,
.crt_total {
	line-height: 24px;

	i {
		line-height: 24px;
	}
}

#checkout-cart h1 {
	margin-bottom: 3rem;
}

.crt_img {
	width: 14%;
}

.crt_info {
	font-size: 15px;
	color: #452C03;
}

.col-totals {
	border-radius: 20px;
	background-color: #452c03;
	width: 80%;
	float: right;

	tr:last-child td:last-child {
		font-size: 2rem !important;
	}
}

#checkout-total td {
	color: #faca4a;
	border-color: #faca4a;
	font-weight: bold;
	font-size: 17px;
}

#checkout-total .col-totals .table-responsive {
	border-radius: 15px;
}

table,
td,
tr {
	border: none !important;
	margin-bottom: 2rem;
}

#input-shipping-new {
	display: none;
}

#shopping-cart {
	.btninpqty {
		width: 30px !important;
		padding: 3px;
		border-radius: 15px;
		color: #ffffff !important;
		background: transparent;
	}

	.inpqty {
		background-color: #faca4a;
		border: none;
		border-radius: 33px;
		opacity: 0.8;
		color: #ffffff;
		text-align: center;
	}

	.btndele {
		border-radius: 15px;
		color: #d84214;
		background: transparent;
		border: none;
		padding: 0;

		i {
			font-size: 24px;
			color: #d84214;
		}
	}

	.crt_total {
		line-height: 2.2rem;
	}

	.kg-text {
		color: #452C03;
		background: #FFFFE4;
	}

	.qtybtn {
		background: #B09B48;
	}
}

.col-cartitems .row {
	align-items: center;
}

#checkout-total tr:nth-of-type(2) .ctotal-title {
	display: block;
	margin-bottom: 5px;
}

#checkout-total tr:nth-of-type(2) .ctotal-price {
	display: block;
	position: relative;
}

#checkout-total tr:nth-of-type(2) .ctotal-price img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#product-category {
	background-color: transparent;
	padding-top: 0;
}

.col-cartitems .img-thumbnail {
	border-radius: 50%;
	border: 2px solid #ffffff;
	padding: 0;
	background-color: transparent;
	width: 100px !important;
	;
	height: 100px !important;
	;
	object-fit: cover;
}

#checkout-total tr:nth-of-type(1) td {
	border-bottom: 1px solid #faca4a !important;

	img {
		display: none;
	}
}

#checkout-total tr:nth-of-type(2) td {
	padding-top: 30px;
}

#checkout-total>tr:nth-child(2)>td:nth-child(2)>img:nth-child(1) {
	left: 77%;
	width: 87%;
	position: absolute;
	top: 0px;
	width: 85% !important;
}

.table-responsive.col-totals {
	overflow: hidden;
}

#checkout-shipping-address label {
	display: block;
}

.col.kg-text {
	background: #faca4a;
	border-radius: 20px;
	height: 24px;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-left: .5rem; */
	color: #fff;
}

.crt_ttotal {
	text-align: left !important;
}

.text-end.ctotal-title {
	padding-top: 18px;
}

.img-thumbnail {
	max-width: inherit !important;
}

.container .img-thumbnail {
	width: 5.5rem;
}

.product-name {
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;

	form {
		bottom: 6px;
		position: relative;
		padding: 3px;
	}
}

.custom-container {
	position: relative;
	overflow: hidden;
	padding-left: 22%;
	padding-right: 20%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100vh;
}

/* .serviceok-container {
	display: flex;
	justify-content: center;
	text-align: center;
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 4px 15px rgba(250, 162, 50, 0.41);
} */
.dog-image-section {
	background-color: #ffc64c;
}

.brown-error-section {
	background-color: #452c03;
	padding: 88px;
	color: white;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 50%;
}

.error-section {
	height: 355px;
	width: 328px;
	background-color: #452c03;
	color: white;
	border-radius: 25px 25px 0 0;
	padding: 30px 20px;
	width: 100%;
	max-width: 420px;
	margin-top: -30px;
	text-align: center;
}

.error-section h1 {
	color: #FFA500;
	font-size: 28px;
}

.error-section p {
	font-size: 16px;
}

#carousel-banner-1 {
	display: none;
}

#carousel-banner-7 .swiper-slide img {
	border-radius: 30px;
}

#carousel-banner-3 {
	position: relative;
}

.scrolling-container {
	overflow: hidden;
	white-space: nowrap;
	background: #745838;
	border-radius: 20px;
	padding: 4px 10px;
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 98;
}

.dot {
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: #faca4a;
	border-radius: 8px;
}

.scrolling-text {
	display: inline-block;
	padding-left: 100%;
	animation: scroll-left 15s linear infinite;
	color: #faca4a;
	font-size: 18px;
}

.scrolling-text:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: #faca4a;
	border-radius: 8px;
}


@keyframes scroll-left {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-100%);
	}
}

/* .dog-image {
	max-width: 245px;
} */
.dog-image-section .carousel-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gst-price-notice {
	font-size: 8px !important;
	line-height: 12px !important;
}

.cart-selected {
	position: relative;
	background-color: #e1bf89;
	border: 2px solid #F89A28;
}

.cart-selected .kutumba_updatecart {
	background-color: #c2b799;
	border: 2px solid #F89A28;
}

.carousel-item {
	display: none;
}

.carousel-item.active {
	display: block;
}

#loginBackDrop {
	.img-fluid {
		width: 100%;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}

	.colleft {
		padding: 0 !important;
	}

	.carousel {
		margin-bottom: 0 !important;
	}
}

#checkout-total {

	.subtotal,
	.total {
		color: #faca4a;
		font-weight: 600;
		font-size: 1.4rem;
	}

	.checkout-total-item.total {
		padding: 15px;
		padding-top: 10px;
		padding-left: 30px;
		padding-right: 0;
	}

	.checkout-total-item.subtotal {
		padding: 30px;
	}

	.subtotal .ctotal-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.subtotal {
		border-bottom: 1px solid #faca4a;
	}

	.total {
		display: flex;

		.ctotal-content {
			display: flex;
			flex-direction: column;
			justify-content: center;
			flex: 1;
		}

		.ctotal-price {
			font-size: 2rem;
			font-weight: bold;
		}

		.checkout-logo {
			width: 36%;
		}
	}
}

#carousel-banner-14 {
	display: none;
}

/* Overlay to cover the entire page */
#loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* Semi-transparent black background */
	display: none;
	/* Initially hidden */
	z-index: 9999;
}

/* Loading spinner inside the overlay */
.spinner {
	border: 4px solid #f3f3f3;
	/* Light gray border */
	border-top: 4px solid #faca4a;
	/* Spinner color */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
	/* Spin animation */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* Center the spinner */
}

/* Keyframes for the spinning effect */
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* Keyframe for a stronger fade-in and scale-up effect */
@keyframes headerCartFadeIn {
	0% {
		opacity: 0;
		transform: scale(0.3) rotate(-10deg);
		/* Start small and slightly rotated */
	}

	50% {
		opacity: 0.7;
		transform: scale(1.1) rotate(10deg);
		/* Grow slightly bigger and rotate */
	}

	100% {
		opacity: 1;
		transform: scale(1) rotate(0deg);
		/* End at normal size with no rotation */
	}
}

@keyframes headerCartGrowShrink {
	0% {
		opacity: 0;
		transform: scale(0.3) rotate(-10deg);
		/* Start small and slightly rotated */
	}

	25% {
		opacity: 0.5;
		transform: scale(1.2) rotate(5deg);
		/* Grow slightly bigger */
	}

	50% {
		opacity: 1;
		transform: scale(1) rotate(0deg);
		/* Normal size and no rotation */
	}

	75% {
		opacity: 0.7;
		transform: scale(1.1) rotate(-5deg);
		/* Shrink a bit and rotate in opposite direction */
	}

	100% {
		opacity: 0.9;
		transform: scale(1.2) rotate(10deg);
		/* Grow larger and rotate */
	}
}

@keyframes headerCartFlyIn {
	0% {
		opacity: 0;
		transform: scale(0.3) translateX(-100%) rotate(-20deg);
		/* Start from the left off-screen, small and rotated */
	}

	50% {
		opacity: 0.6;
		transform: scale(1.2) translateX(10%) rotate(15deg);
		/* Grow slightly and move a bit towards its final position */
	}

	100% {
		opacity: 1;
		transform: scale(1) translateX(0) rotate(0deg);
		/* End at normal size, fully visible, and in place */
	}
}

.toast-container {
	position: fixed;
	bottom: 100px;
	right: 0;
	width: auto;
	padding: 0px;
}

/* Initial state for #header-cart a */
#header-cart a {
	opacity: 0;
	transform: scale(0.3) rotate(-10deg);
	/* Start smaller and rotated */
	/*	animation: headerCartFadeIn 0.6s ease-out forwards; /* Stronger animation */
	/* animation: headerCartGrowShrink 1.5s ease-out infinite; /* Longer and infinite animation */
	animation: headerCartFlyIn 1s ease-out forwards;
	/* Play once, with a smoother ease-out transition */


}

.tools-area {
	border-radius: 0px;
	width: 100%;
	text-align: center;
	padding: 10px !important;
	transition: height 0.3s ease, transform 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: space-between;

	/* Smooth transition for height and transform */
	svg {
		width: 34px;
		height: auto;
		fill: #452c03;
	}

	.tools-logo {
		padding: 0;
		display: none;

		svg {
			width: 26px;
		}
	}

	.filter svg {
		width: 26px;
	}

	span {
		padding: 4px;
		display: inline-block;
	}

	.ksearchbox {
		position: relative;

		.srchtxt {
			height: 40px;
			border: 1px solid #faca4a;
			border-radius: 20px;
			width: 160px;
		}
	}
}

.category-page .toast-container {
	display: none;
}

/*codes from extra.css */
.close_loginBackDrop {
	float: right;
}

.loginbutton {
	color: #452C03;
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
}


/* Container for the sliding effect */
.highlight-info-area {
	overflow: hidden;
}

.highlight-info {
	display: inline-block;
	white-space: nowrap;
	/* Ensure the text stays in a single line */
	padding-left: 100%;
	/* Start the text from outside the container (right) */
	animation: slide 10s linear infinite;
	/* Slide animation */
	background-color: transparent;
	/* Optional: background color */
	padding: 4px;
	/* Optional: padding around the text */
	font-size: 12px;
	/* Optional: font size */
	color: #452c03;
	/* Optional: text color */
	font-weight: bold;
	/* Optional: text styling */
}

/* Keyframes for the sliding animation */
@keyframes slide {
	0% {
		transform: translateX(100%);
		/* Start the text from right outside */
	}

	100% {
		transform: translateX(-100%);
		/* End the text on the left outside */
	}
}

/* Pause the animation when hovering */
.highlight-info:hover {
	animation-play-state: paused;
}



.paynuse,
.usenpay {
	img {
		width: 20px;
		display: inline-block;
		margin-bottom: 3px;
		margin-left: 5px;
	}

	h3 {
		text-transform: uppercase;
	}

	h4 {
		font-size: 1.2rem;
	}

	h5 {
		font-weight: bold;
		font-size: 1.4rem;
	}

	ul {
		padding-left: 18px;
	}
}

.paynuse {
	.row {
		border-top: 1px solid #452c03;
		padding-top: 2rem;
	}
}

#product-category .catgrid {}

#account-register.container {
	background: #ffffff;
}

.option {
	padding: 15px;
	border-radius: 10px;
}

.card-input-element {
	display: none;
}

.card-input {
	margin: 10px;
	padding: 0px;
	border-radius: 10px;
}

.card-input:hover {
	cursor: pointer;
}

.register-card-info {
	display: none;
}

.card-input-element:checked+.card-input {
	box-shadow: 0 0 1px 1px #F9C342;
	background-color: #F9C342;
	width: 316px;

	.register-card-info {
		display: block !important;
	}
}

.card-input-element+.card-input {
	box-shadow: 0 0 1px 1px #F4F4F4;
	background-color: #F4F4F4;
	width: 316px;
}

.benefits img {
	width: 25px;
	height: auto;
}

.benefits span {
	color: #848484;
}

.benefits {
	margin: 30px 0;
}

.logo-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.category-banner-area .carousel-item img {
	width: 100%;
}

#kutumba-banner-mobile {
	margin-bottom: 0;
}

.logo-header h2 {
	display: inline;
}

.free-trail {
	margin-left: 15px;
	margin-top: 20px;
}

.card {
	border: none;
}

.card-header:first-child,
.card-header {
	background: transparent;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom: none;
	margin-top: 0px;
}

.container-k {
	background: #f8f3da;
}

.work-with-us-text {
	background-color: #452c03;
	max-width: 606px;
	padding: 0;
}

.work-with-us {
	background: #f8f3da url(/images/work-with-us-bg.png) left top repeat-x;
}

.card-body {
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.hxlarge {
	font-size: 2.6rem;
	font-weight: bold;
}

.hlarge {
	font-size: 2.4rem;
	text-align: center;
}

.hbig {
	font-size: 2rem;
	font-weight: bold;
}

.hamt {
	font-size: 4rem;
	font-weight: bold;
}

.hbg {
	background-color: white;
	padding: 10px;
	margin: 0px 0px 20px 0;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	/* X-offset, Y-offset, blur, color */
	border-radius: 8px;
	/* optional */
}

.hmid {
	font-size: 1.8rem;
	font-weight: bold;
}

.hsmall {
	font-size: 1.6rem;
}

.card-header h4 {
	font-weight: bold;
	font-size: 16px;
	color: #452C03;
	line-height: normal;
}

.card-kutumba {
	.card-header {
		background-color: #452c03;

		h3 {
			color: #fff;
			text-align: center;
		}
	}

	.card-body {
		background-color: #fff5d6;
	}
}

ul.klist {
	list-style: none;
	padding-left: 0;
}

ul.klist li {
	position: relative;
	padding-left: 2em;
}

ul.klist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 24px;
	height: 24px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAACUklEQVQ4jYXUX+iPdxQH8Jevn5VaqPmTZLkQWuS/0sQm5EbWTy3UYkRIlF/ClUtyQ0jz74KYEtvcUua3ZGVEtqaE+Vfy5+eCC34M63CeejzPV3vffM7nPOec5zzv531Ol+nDu/oIRuN7fI0h+ASduIFfcRDnm6U2KzoC2zC1Fl3HBmwueUfhSUslbCF2Z1eBeziBv/EAvTES36A/Ps24XtiCl1hZLroI+9N+jDYcwptaf6zCMFzFFPyIs5gfDxultnenHZyNS86aFQz8i7+iK5zGP/gOr8tF96AlOwwub9fK1LE5uQ+KWtEvqXlX6CuMz5Q1uFNK75l//EWl5CasS/9sPEzO+2JidDo3A2/hSCnxWPxJtDfhc33Jvpz2szwXNlKHgePJVYEBSc8ETE7fTGxN+xfsLcWfyvPLSBqYl6qQd5Xs5fg81dDIL1hWib+U57AI6J6Xp5Wgo3iU9hz8jM/y3pYcltGRdkujkAF6VII6UxWBbhiT9hkcUEef9LxopMYCY2th/FB6qdTtarytRTI8z5tR9Le8fFvSbYHQ4E+le0zclVq599JsTbu9kSMWGJRTUcWO4rOwsfb0PZbmLggciS3VBX/k53fkyrtbSdqeHe6rlWMoLuRyOReSKlbfuHR0y5megfu19Dq+wMnUdGdO5p8Fh/GmFWkH4RcxrwnHBUKGazNvQPqWRMEwqkt6Qcqo2KfXctKi++c5ANHNrJIEo8PFOFwUabb5o9OduSf/D7EXYv4/UER18weiq9hck1Jm0zA4+X6F61ks9u3vtWz8B8Ryfumgee12AAAAAElFTkSuQmCC");
	background-size: contain;
	background-repeat: no-repeat;
}

ul.klist.klistalt li::before {
	background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAACJklEQVQ4jY2UzYvPURTGn8sYlLDw0ixmLJVmjPcog7KZjVJKWQwTw0IyKzX/AclK4mfKwkIikj9AzYJErIYpmkxqqPGyUuat8dHpd3457v3ONGfz/Z5zn+e555x779F8BmwHrgPDwDR1mwLeAzeAPfNQSwM6gGcszgaiALANaGvKgr2Sbktq9tC4pKeSRiRNSFonqVPSUUktklY5b62kq5JmUkoXouDpkNt34CSwpCiljm0C2oGlwEHgC/DA/DztWRccBTYVShUG9ANzwHOg+T8E8Dpk2FbSSwOuOOczsAFoBTobgodC2T3ZZmuAFRXlX3b8pFXpsQmP7TWn5s6Y9SoQH3lprzLBiyGJsyE+6rGaOR/cuZaRXwbyAY91+0ZmTzL8LY8Pm/PbneMZqCeI3rdeAz/c/wlszPDnfG1WgdidgZYD33xtBngbsL0VfT7WWLR7OOfx1RGUUpqWNOjuMkk7/H9I0t3iOkjr/TtlomPu7CxgUi1savZHUn9KiQIptfv3k6V9J5x+8YKAh6HswULq3wv76pibFjgcSKcqCF3hTrYUinXM+aDRZYEEvPGAnW5rBclGYF+hVl/bDPxy/ou4sMtPGJ+flRlVCG4Bxp1ns7YjB/SFEqw/J6p67NiVwKVwx4lPPGVg66kdRmPifJT0WNI7SZOSbNjslnQkXEG7emdSSvcWKsnm5FDIYCEz3NbFtKohvt8PaCT0277m2zvfV0mU9BdbYwzNdnVGywAAAABJRU5ErkJggg==");
}






.free-trail h4 {
	font-size: 22px;
	font-weight: bold;
	color: #452C03;
	margin-top: 10px;
}



hr {
	width: 80%;
	margin: 0 auto;
	color: #5C3F0B;
	opacity: 100%;
}

.benefits-span {
	margin-top: -8px;
}

.rupees {
	margin-left: 40px;
}

.sub {
	margin-bottom: 15px;
}

.top-content {
	margin-left: 15px;
}

.free-trail-items {
	line-height: 160%;
	letter-spacing: 4%;
	font-size: 12px;
}

.plan {
	margin-left: -16px;
	margin-top: 7px;
}

/* Laptop View */
@media (min-width: 1024px) and (max-width: 1440px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl,
	.container-xxl {
		max-width: 90%;
	}

	.topbar {
		display: none;
	}
}

/* responsive between laptop and mobile or Tab */
@media (min-width: 320px) and (max-width: 1200px) {
	.topbar {
		display: none;
	}

	.cartitems {
		flex-direction: column;
	}

	.kutumba_updatecart {
		position: relative;

		.imgnamearea {
			display: none;
		}
	}

	.col-cartitems {
		width: 100%;
	}

	.col {
		width: 100%;
	}

	.kqty-form {
		width: 120px;
	}

	.kqty-col {
		display: flex;
		justify-content: center;
	}
}

/* Mobile View */
@media (max-width: 768px) {
	body {
		max-width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.razorpay-container {
		height: 100% !important;
		padding-top: 35px !important;
		padding-bottom: 60px !important;
	}

	.razorpay-checkout-frame {
		height: 100% !important;
		max-height: 100% !important;
	}

	main {
		margin-top: 0px;
		margin-bottom: 100px;
	}

	footer {
		display: none;
	}

	#logo {
		display: none;
	}

	.icon-you {
		display: none;
	}

	#carousel-banner-8 {
		display: none;
	}

	#carousel-banner-13 {
		display: none;
	}

	#carousel-banner-14 {
		display: block;
	}

	#top {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		top: unset;
		padding: 0;
		margin-bottom: 0;
		height: auto;
	}

	#top a {
		font-size: 12px;
	}

	#loginBackDrop .colleft {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 60px;
		border-bottom-left-radius: 10px;
	}

	.tools-area {
		background: #F9C342dd;
		border: 1px solid #F9C342;
		width: 100%;

		&.container {
			border-radius: 0;
		}

		.ksearchbox {
			flex-grow: 1;

			.srchtxt {
				width: 100%;
			}
		}
	}

	.col-md-6.col-md-offset-3.text-center {
		margin-left: 0;
	}

	.mobile-logo {
		display: none;
		text-align: center;
		padding: 0;
	}

	.menubar {
		width: 100%;
	}

	#loginBackDrop {
		.img-fluid {
			width: 100%;
			border-bottom-left-radius: 80px;
			border-bottom-right-radius: 80px;
		}
	}

	.dropup,
	.dropend,
	.dropdown,
	.dropstart,
	.dropup-center,
	.dropdown-center {
		position: static;
	}

	.nav-item.dropdown .dropdown-menu {
		position: absolute;
		top: auto;
		transform: translateY(-10px);
		left: 0;
		bottom: 68px;
		width: 100%;
	}

	.hidden-menu {
		display: none;
	}

	#carousel-banner-0 {
		display: none;
	}

	#carousel-banner-1 {
		display: block;
		margin: 0 -1rem;

		.img-fluid {
			width: 100%;
			border-bottom-left-radius: 20%;
			border-bottom-right-radius: 20%;
		}
	}

	.crt_img {
		width: 25%;
	}

	#checkout-cart #content {
		padding: 15px;
	}

	.col-totals {
		width: auto;
		float: none;
	}

	.text-end.ctotal-price {
		align-items: center;
		display: flex;
	}

	#checkout-total tr:nth-of-type(2) td {
		padding-top: 20px;
	}

	#checkout-total>tr:nth-child(2)>td:nth-child(2)>img:nth-child(1) {
		left: 86%;
		top: 34%;
	}

	.col-totals {
		& tr:last-child td:last-child {
			font-size: 1.9rem !important;
		}
	}

	tr td.crt_frm,
	tr td.crt_total {
		width: auto;
		color: #452C03;
	}

	.col.col-cartitems {
		margin-bottom: 2rem;
	}

	.product-thumb {
		height: auto;
	}

	.product-thumb .imgarea {
		padding-right: 0;
		/* width: 110px;
		max-width: 125px; */
		height: 65px;

		& img {
			height: 65px;
			/* width: 125px; */
			max-height: 65px;
		}
	}

	.infoarea {
		padding: 6px 1px;
		padding-left: 0;
		/* margin-left: -12%;
		background-color: #f8f3daee;
		border-radius: 20px; */
	}

	.kutumba_updatecart_section {
		padding: 0 8px 0 12px;
	}

	.mobile-menu .navbar-nav {
		justify-content: end;
	}

	.product-thumb .button-group button {
		line-height: 0;
	}

	.col-cartitems .img-thumbnail {

		width: 67px !important;
		;
		height: 67px !important;
		;

	}

	/* .infoarea .price{
		font-size: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	} */
	.infoarea .row {
		margin-left: 0;
	}

	.infoarea .row+.row {
		margin-top: 0;
	}

	.cart-button-area {
		padding: 0;
	}

	.product-cat-thumb .product_opts {
		padding: 5px;
		font-size: 7px;
		padding-top: 0.1rem;
		padding-bottom: 0.1rem;
		position: relative;
		bottom: .5rem;
	}

	.product-thumb .description {
		font-weight: bold;
		padding-left: 13px !important;
		padding-right: 5px;
		height: 30px;
	}

	.product-thumb h4 {
		font-size: 0.8rem !important;
		line-height: 12px;
	}

	.first-option-trigger {
		font-size: 12px;
	}

	.product-thumb input {
		height: 70%;
	}

	.top_row {
		width: 100%;
	}

	.bottom_row {
		width: 100%;
	}

	.product-thumb .button-group {
		width: 100px;
		height: 20px;
	}

	.koptions-area {
		padding-left: 15px;
	}

	.button-group button i.fa-shopping-cart {
		position: relative;
		width: 21px;
	}

	.fa-shopping-cart::before {
		position: absolute;
		right: 5px;
		top: 3px;
	}

	.price-new {
		font-size: 14px;
	}

	.col.kg-text {
		height: 1.3rem;
		font-size: 0.7rem;
		background-color: #fff;
		color: #452C03;
		padding: 0 !important;
	}

	.containery .qtybtn {
		width: 80px;
		height: auto;
		font-size: 12px;
		line-height: 21px;

	}

	.product-name {
		font-size: 0.75rem;
		margin-bottom: 0px;
		font-weight: bold;
	}

	.brown-error-section {
		width: 100%;
		border-top-left-radius: 90px;
		border-top-right-radius: 90px;
		padding: 70px 20px;

		p {
			font-size: 14px;
			line-height: 1.5;
			padding: 0 30px;

			&.p-yellow {
				font-weight: bold;
				margin-bottom: 70px;
				padding: 0 50px;
			}
		}

		.btn-light {
			margin-top: 15px;
			margin-bottom: 15px;
		}

		#redirect-message {
			padding: 0;
		}
	}

	.oops-image,
	.great-image {
		margin-bottom: 20px;
	}

	.dog-image-section {
		width: 100%;
	}

	.serviceok-container {
		flex-direction: column;
		border-radius: none !important;
		box-shadow: none;
	}

	.custom-container {
		background-color: #ffc64c;
		padding: 0%;
	}

	.crt_ttotal {
		.text-end {
			display: flex;
			align-items: center;
		}

		.crt_total {
			width: 3.9rem;
			height: 2rem;
			font-size: 0.8rem;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.orders-container {
		.text-start {
			padding: 0;
			font-size: 14px;
		}
	}

	#checkout-total {
		padding: 30px;
		padding-bottom: 0;

		.checkout-total-item.total {
			padding-bottom: 0;
		}

		.checkout-total-item.total,
		.checkout-total-item.subtotal {
			padding-left: 0;
			padding-right: 0;
			padding-top: 0;
		}

		.ctotal-title {
			font-weight: 500 !important;
		}

		.checkout-logo {
			left: 47px;
			top: 24px;
			width: 50% !important;
			position: relative;
		}
	}

	#shopping-cart {
		.table {
			margin-bottom: 0 !important;
		}

		.btndele {
			padding: 0;
		}
	}
}