@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* font-family: "Rubik", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/* font-family: "Nunito", sans-serif; */

html {
	width: 100%;
	overflow-x: hidden;
	font-size: 16px;
}


:root {
	--scroll-behavior: smooth;
	--default-body-font: "Nunito", sans-serif;
	--default-heading-font: "Rubik", sans-serif;
	--bg-white: #ffffff;
	--bg-text-color: #3B2519;
	--bg-h1-color: #2E1A0F;
	--bg-orange: #FF9603;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--default-body-font);
	height: auto;
	width: 100%;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.38;
	color: var(--bg-text-color);
	background: var(--bg-white);
}

img {
	max-width: 100%;
}

b,
strong {
	font-weight: 600;
}

p {
	margin: 0 0 20px 0;
	    font-size: 16px
}

p:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 991px) {
	p{
		    font-size: 17px;
	}
}
h1,
.h1-heading,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--default-heading-font);
	margin: 0 0 20px 0;
	font-weight: 700;
	padding: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
	margin-bottom: 0;
}

.h1-heading,
h1 {
	font-size: 45px;
	line-height: 1.18;
	color: var(--bg-h1-color);
}

h2 {
	font-size: 35px;
	line-height: 1.18;
	margin: 0 0 10px 0;
	color: var(--bg-text-color);
}

h3 {
	font-size: 24px;
	color: var(--bg-text-color);
}

h4 {
	font-size: 22px;
	color: var(--bg-text-color);
}

h5 {
	font-size: 20px;
	color: var(--bg-text-color);
}

ul,
ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	margin: 0;
	padding: 0;
	font-family: var(--default-heading-font);
	color: var(--bg-text-color);
	font-weight: 500;
	font-size: 15px;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

a:hover {
	color: var(--bg-orange);
}


input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select {
	background-color: transparent;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 6px;
	color: #000;
	border: 1px solid #FFE5B8;
	height: 50px;
	padding: 0 16px;
	outline: none !important;
}

textarea {
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 6px;
	border: 1px solid #FFE5B8;
	padding: 12px 16px;
	width: 100%;
	color: #000;
	height: 158px;
	outline: none !important;
}

select {
	border: 1px solid #FFE5B8;
	width: 100%;
	padding: 0 11px;
	background-color: var(--bg-white);
	background-image: url(images/sort-down.svg);
	background-repeat: no-repeat;
	background-position: center right 16px;
	background-size: 16px;
	border-radius: 6px;
	padding-right: 40px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}


textarea {
	resize: none;
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: var(--bg-text-color);
}

.cmn-btn {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background-color: transparent;
	border-radius: 8px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	font-weight:400;
	font-size: 16px;
	font-weight: 400;
	    background: #ff9603;
}

.cmn-btn span {
	display: inline-block;
	transition: transform 0.4s ease, opacity 0.3s ease;
	position: relative;
	z-index: 1;
}

.cmn-btn::before {
	content: attr(data-content);
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background-color: #2E1A0F;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: top 0.4s ease;
	border-radius: 8px;
	z-index: 2;
}

.cmn-btn:hover span {
	transform: translateY(-100%);
	opacity: 0;
}

.cmn-btn:hover::before {
	top: 0;
}

.cmn-btn-border {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 16px 32px;
	border: 1px solid var(--bg-orange);
	border-radius: 8px;
	font-weight: 600;
	font-size: 20px;
	color: #2E1A0F;
	overflow: hidden;
	text-decoration: none;
	background-color: transparent;
}

.cmn-btn-border span {
	display: inline-block;
	transition: transform 0.4s ease, opacity 0.3s ease;
	position: relative;
	z-index: 1;
}

.cmn-btn-border::before {
	content: attr(data-content);
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2E1A0F;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	transition: top 0.4s ease;
	z-index: 2;
}

.cmn-btn-border:hover span {
	transform: translateY(-100%);
	opacity: 0;
}

.cmn-btn-border:hover::before {
	top: 0;
}
@media only screen and (min-width: 991px) {
       .cmn-btn {
		    font-size: 20px;
	   }
	   .hdr-rgt-button .cmn-btn{
		font-size:20px;
	   }
    }



/* navbar*/

/* .main-head {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 0;
	width: 100%;
	z-index: 999;
}

.main-head .container {
	max-width: 1378px;
}

.navbar-expand-lg {
	padding: 0;
}

.navbar-brand {
	padding: 0;
	margin: 0;
	width: 111px;
	display: inline-block;
}

.navbar-nav li {
	position: relative;
	list-style: none;
}

.navbar-nav>li {
	margin: 0 15px;
	padding: 0 0;
	position: relative;
}

.navbar-nav>li:last-child {
	margin-right: 0;
}

.navbar-nav>li:first-child {
	margin-left: 0;
}

.navbar-nav>li>a {
	color: var(--bg-text-color);
	font-weight: 500;
	font-size: 18px;
	position: relative;
	text-transform: capitalize;
	padding: 20px 0;
}

.navbar-nav li.menu-item-has-children>a {
	padding-right: 16px;
}

.navbar-nav>li>a:hover,
.navbar-nav>li.menu-item-has-children:hover>a {
	color: var(--bg-orange);
}




.sub-menu {
	background: var(--bg-white);
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	border-radius: 0;
	width: 190px;
	border-radius: 10px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 0;
}

.navbar-nav li.menu-item-has-children:hover>.sub-menu {
	visibility: visible;
	top: 50px;
	opacity: 1;
}

.sub-menu>li>a {
	color: var(--bg-black);
	display: block;
	width: 100%;
	padding: 9px 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
}



.navbar-nav>li>a:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: var(--bg-orange);

	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sub-menu>li {
	width: 100%;
	display: block;
}

.navbar-nav>li.current-menu-item>a {
	color: var(--bg-orange);
}

.sub-menu>li>a:hover,
.sub-menu>li.menu-item-has-children:hover>a,
.sub-menu>li.current-menu-item>a {
	background: var(--bg-orange);
	color: var(--bg-orange);
}

.navbar-nav>li.current-menu-item>a:before,
.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover::before,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
	width: 100%;
}

.navbar-nav>li:last-child>.sub-menu {
	right: 0;
	left: inherit;
	padding: 0;
}


.navbar-nav>li>.sub-menu .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
} */

/*test*/
/* =================================== */
/* Base Header & Navbar Styles (Your Code) */
/* =================================== */
/* =================================== */
/* Mobile Bottom Action Bar Styles     */
/* =================================== */

/* Hide the bar by default on desktop */
.mobile-bottom-actions {
    display: none;
}

/* This media query targets mobile devices */
@media (max-width: 991.98px) {

    /* --- Step 1: Hide the original header icons & button on mobile --- */
    .hdr-rgt {
        display: none !important;
    }

    /* --- Step 2: Display and style the new floating bottom bar --- */
    .mobile-bottom-actions {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background-color: #ffffff;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    }

    .mobile-bottom-actions ul {
        display: flex;
        justify-content: space-around;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .mobile-bottom-actions ul li {
        flex-grow: 1; /* Each item takes up equal space */
        position: relative; /* Needed for the cart count bubble */
    }

    .mobile-bottom-actions ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 5px;
        color: #333;
        text-decoration: none;
        font-size: 11px;
        font-weight: 500;
        text-align: center;
    }

    .mobile-bottom-actions ul li a i {
        font-size: 20px;
        margin-bottom: 5px;
    }
    
    /* --- Step 3: Style the specific elements --- */

    /* Cart count bubble */
    .cart-count-bubble {
        position: absolute;
        top: 5px;
        right: 5px; /* Adjust as needed */
        background-color: var(--bg-orange, #f08e28);
        color: white;
        font-size: 10px;
        font-weight: bold;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    /* Main Call-to-Action button styling */
    .mobile-bottom-actions .cta-button {
        background-color: #3f1f0a;
        color: #ffffff;
        /* Make the CTA button slightly taller if desired */
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    /* Add padding to the bottom of the body to prevent content from being hidden */
    body {
        padding-bottom: 70px;
    }
}


.main-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	margin: 0 auto;
    /* padding: 20px 0; */
    width: 100%;
    z-index: 999;
}

/* .main-head .container {
    max-width: 1378px;
   
    position: relative;
} */

.navbar-expand-lg {
    padding: 0;
}

.navbar-brand {
    padding: 0;
    margin: 0;
    width: 111px;
    display: inline-block;
}

.navbar-nav li {
    /* position: relative; */
    list-style: none;
	
}

.navbar-nav > li {
    margin: 0 15px;
}
.menu-column li{
	position: relative;
	z-index: 9999;
}

.navbar-nav > li > a {
    color: var(--bg-text-color);
    font-weight: 500;
    font-size: 17px;
    position: relative;
    text-transform: capitalize;
    padding: 20px 0;
    display: inline-block; /* Ensures padding is respected */
}

/*.navbar-nav > li > a:hover,*/
/*.navbar-nav > li.current-menu-item > a {*/
/*    color: var(--bg-orange);*/
/*}*/

.navbar-nav > li > a:hover {
    color: var(--bg-orange);
}
/* ========================================== */
/* REVISED Mega Menu Styles (Integrated)    */
/* ========================================== */

/* Hide the mobile toggle button on desktop */
/* .megamenu-toggle {
    display: none;
} */

/* The mega menu dropdown container */
.mega-menu {
    background: #fff;
    /* KEY CHANGE: Absolute position relative to the .container */
    position: absolute;
    /* This top value should be the height of your header. Adjust if needed. */
    top: 70px; 
    left: 0;
    right: 0;
    width: 100%; /* Will now be 100% of the container's width */
    
    padding: 30px;
    border-top: 3px solid #ff96031a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;

    /* Use opacity for smooth transitions, matching your sub-menu */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	  overflow: hidden;
}

.mega-menu::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px; /* Adjust size as needed */
    background: linear-gradient(183deg, #ffffffb3 49.87%, #d9e6ffb3 86.19%), #fff;
    pointer-events: none; /* Allows clicks to pass through */

}

/* Show the mega menu on hover (desktop) */
.navbar-nav .has-megamenu:hover > .mega-menu {
    visibility: visible;
    opacity: 1;
}

/* Styling for each column inside the mega menu */

.mega-menu .menu-column h4 {
    font-size: 14px;
    margin-bottom: 15px;
    color: #333;
    font-weight: bold;
	position: relative;
}
.highlight{
	color: #fff;
	font-weight: bold;
	background: var(--bg-orange);
	border-radius: 15px;
	padding: 1px 8px;
    margin-left: 6px;
    font-size: 12px;
}
@media only screen and (min-width: 991px) {
	.megamenu-toggle {
		    font-size: 25px;
	}
	.mega-menu .menu-column h4 {
		  font-size: 18px;
	}
}
.mega-menu .menu-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-menu .menu-column ul li a {
    display: block;
    padding: 8px 0;
    color: #555;
    text-decoration: none;
    transition: color 0.3s ease;
}

.mega-menu .menu-column ul li a:hover {
    color: var(--bg-orange, #f08e28);
}

.promo-column img {
    max-width: 100%;
    margin-bottom: 15px;
	z-index: 9999;
	position: relative;
}
/* --- Mega Menu Item Styling --- */

/* 1. Turn the link into a flex container */
.mega-menu .menu-column ul li a {
    display: flex;
    align-items: center; /* Vertically aligns the image and text */
    padding: 8px 5px; /* Adjust padding as needed */
	font-size: 17px;
    color: #000;
    font-weight: 400;
}

/* 2. Style the new images */
.menu-item-image {
    width: 50px;
    height: 50px;
    margin-right: 12px; /* Adds space between the image and text */
    border-radius: 4px; /* Slightly rounded corners */
    object-fit: cover; /* Ensures images fill the space without distortion */
    flex-shrink: 0; /* Prevents the image from shrinking if the text is long */
	border-radius: 50%;
    border: 1px solid #e78700;
    padding: 5px;

}
/* =================================== */
/* Responsive Styles (for mobile)      */
/* =================================== */
@media (max-width: 991.98px) {
    /* Make the parent li a flex container to align link and toggle */
    .navbar-nav .has-megamenu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        position: relative; 
    }
    
    /* .navbar-nav .has-megamenu > a {
        flex-grow: 1;
    } */

    /* Show and style the toggle button on mobile */
    .megamenu-toggle {
        display: inline-block;
        padding: 0 15px;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
		position: absolute;
        right: 0;
        top: 0;
    }
    
    /* On mobile, the mega menu should be part of the flow */
    .mega-menu {
        position: static;
        display: none; /* JS will toggle this */
        width: 100%;
        border-top: none;
        box-shadow: none;
        padding: 15px 0;
        opacity: 1;
        visibility: visible;
    }

    /* Disable the hover effect on mobile */
    .navbar-nav .has-megamenu:hover > .mega-menu {
        display: none;
    }
    
    /* When 'open', the JS will show the menu */
    .navbar-nav .has-megamenu.open > .mega-menu {
        display: block;
    }

    .mega-menu .row > div {
        margin-bottom: 20px;
    }
}
/*test*/

/* for push-menu */
.navbar-collapse .navbar-toggler {
	display: none;
}

#navoverlay {
	display: block;
	pointer-events: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	margin: 0;
	padding: 0;
	z-index: 99;
	-webkit-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
}

.navbar-nav .clickD {
	position: absolute;
	right: 0;
	top: 2px;
	width: 10px;
	height: 20px;
	background: url(images/sort-down.svg) center center no-repeat;
	display: block;
	background-size: 10px;
	cursor: pointer;
}

.hdr-rgt-icons ul {
	display: flex;
	gap: 13px;
}

.hdr-rgt-icons {
	position: relative;
}

.hdr-rgt-icons ul li a {
	display: flex;
	/* width: 35px; */
	height: 35px;
	align-items: center;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
	transition: all 0.3s ease-in-out;
	position: relative;
}
.cart-btn{
    background: #f2f4f8;
    height: 40px !important;
    border-radius: 100%;
    width: 40px !important;
	padding: 6px;
 
}

.hdr-rgt-icons ul li a img {
	transition: all 0.3s ease-in-out;
}

/* .hdr-rgt-icons ul li a:hover {
	border-radius: 0 6px 0 6px;
	border-color: var(--bg-orange);
} */

.hdr-rgt-icons ul li a:hover img {
	transform: scale(0.9);
}

.hdr-rgt {
	display: flex;
	align-items: center;
	gap: 15px;
}
.login-head-btn{
	cursor: pointer;
	background: #ffffff59;
    color: orange;
    border: 2px solid orange;
    font-weight: 600;
}
.cmn-btns{
    background:#ff9603;
    color:#fff;
}
.login-head-btn:hover,.cmn-btns:hover{
    background: #876842;
    color:#fff;
}
.navbar-expand-lg .navbar-collapse {
	padding-right: 65px;
}



/* for push-menu end*/

.banner {
	padding: 140px 0 70px;
	position: relative;
	z-index: 1;
}

.banner-cont p {
	font-size: 24px;
	font-family: var(--default-heading-font);
}

.banner-cont-button {
	margin-top: 42px;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.slick-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	gap: 4px;
	align-items: center;
}

.slick-dots li {
	line-height: 1;
}

.slick-dots li button {
	width: 24px;
	height: 2px;
	background-color: #BAA78F;
	border-radius: 10px;
	border: none;
	outline: none;
	font-size: 0px;
	transition: all 0.3s ease-in-out;
}

.slick-dots li.slick-active button {
	height: 4px;
	background-color: var(--bg-orange);
}

.js-banner-cont .slick-dots {
	bottom: 0px;
}

.banner-img-rgt {
	position: absolute;
	top: 0;
	left: calc(50% + 274px);
	transform: translateX(-50%);
	max-width: 894px;
	user-select: none;
	pointer-events: none;
	z-index: -1;
}

.banner-img {
	/* max-width: 511px;
	margin-left: auto; */
	position: relative;
}

.banner-main {
	width: 100%;
	display: flex;
    justify-content: center;
}

.banner-row {
	align-items: center;
}

.js-banner-cont {
	padding-bottom: 70px;
}

.banner-lft-top-ovr {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 466px;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.food-one {
	position: absolute;
	top: 25%;
	left: 2%;
	max-width: 110px;
	pointer-events: none;
	user-select: none;
}

.food-two {
	position: absolute;
	bottom: 2%;
	left: 0%;
}

.food-three {
	position: absolute;
	bottom: 36%;
	right: -30px;
	pointer-events: none;
	user-select: none;
}
.lg-banner{
	scale: 1.2;
}
/* .third-banner{
	scale: 1.2;
} */
/* =================================== */
/* Responsive Banner Styles           */
/* =================================== */

/* Styles for tablets and smaller devices (up to 991px) */
@media (max-width: 991.98px) {
    .banner {
        padding: 100px 0 50px;
        overflow-x: hidden; /* Prevents horizontal scroll */
    }

    .banner-row {
        /* This stacks the columns and reverses them, putting the image on top */
        /* flex-direction: column-reverse; */
        text-align: center;
    }
	

    .banner-cont h1 {
        font-size: 2.5rem; /* Adjust heading size */
    }

    .banner-cont p {
        font-size: 1.25rem; /* Adjust paragraph size */
        max-width: 600px; /* Improve readability */
        margin-left: auto;
        margin-right: auto;
    }

    .banner-cont-button {
        justify-content: center; /* Center the button */
        margin-top: 30px;
    }

    .js-banner-cont {
        padding-bottom: 60px; /* Adjust space for dots */
       
    }
    
    .js-banner-cont .slick-dots {
        /* Center the slider dots below the text */
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
    }

    .banner-img {
        margin-left: 0;
        max-width: 100%;
    }

    /* --- FIXED SLIDER HEIGHT --- */
    .banner-main {
        /* Control the container, not just the image */
        max-width: 450px; 
        width: 100%;
        margin: 0 auto; /* Center the container */
        aspect-ratio: 4 / 3; /* Force a 4:3 aspect ratio, adjust if needed */
    }

    .banner-main img {
        /* Make the image fill the container without stretching */
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Hide large decorative images that won't fit on smaller screens */
  
    .banner-lft-top-ovr {
        display: none;
    }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){
    .banner-cont h1 {
        font-size: 1.5rem;
    }
}
/* Additional adjustments for mobile phones (up to 767px) */
@media (max-width: 767.98px) {
    .banner {
        padding: 80px 0 40px;
    }
    
    .banner-cont h1 {
        font-size: 1.5rem; /* Further reduce font size for phones */
        line-height: 1.3;
    }

    .banner-cont p {
        font-size: 1rem; /* Further reduce font size for phones */
    }

    /* --- FURTHER MOBILE FIXES --- */
    .banner-main {
        /* You can change the aspect ratio for mobile, square often looks good */
        /* aspect-ratio: 1 / 1; 
        max-width: 350px; */
		height: 200px;
    }

    /* Hide the small floating food images for a cleaner look */
    /* .food-one, .food-two, .food-three {
        display: none;
    } */
}


.about-row {
	align-items: center;
}

.about {
	padding: 36px 0 60px;
	position: relative;
	z-index: 1;
}

.about-cont-img {
	max-width: 618px;
	margin: 0 auto;
	margin-left: -20px;
}

.about-cont p {
	margin-bottom: 32px;
}

.abt-lft-top {
	position: absolute;
	top: -30%;
	left: 0;
	max-width: 326px;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.abt-lft-bottom {
	position: absolute;
	bottom: -39%;
	right: 0;
	max-width: 338px;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.about-wrap {
	position: relative;
	z-index: 1;
}

.abt-center-img {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: -1;
}

.abt-logo {
	max-width: 225px;
	margin: 0 auto 12px;
}

.about-cont {
	max-width: 500px;
	margin: 0 auto;
}

.about-cont h2 {
	font-size: 40px;
}

.locate-wrap {
	padding: 40px;
	background: linear-gradient(102.82deg, #FFE0B4 0.79%, #FFFFFF 26.46%);
	box-shadow: 0px 20px 45px rgba(254, 229, 214, 0.5);
	border-radius: 24px;
}

.locate-sec {
	
	position: relative;
	z-index: 2;
}

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

.locate-filter {
	margin-top: 35px;
}

.locate-search {
	position: relative;
}

.btn-search {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	padding: 0;
	width: 45px;
	background-color: transparent;
}

.store-card,.store-card-2 {
	box-shadow: 0px 5px 45px rgba(232, 219, 210, 0.8);
	border-radius: 10px;
	background-color: var(--bg-white);
	/* padding: 10px; */
	/* display: flex;
	gap: 13px; */
}

.store-card-2 {
	display: block;
	gap: 13px;
	padding: 15px;
}

@media only screen and (min-width: 767px) {
	.store-card-2 {
	display: flex;
	
}
}

.store-image {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}

.store-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.store-title a {
	
	font-weight: 500;
	font-size: 23px;
}

.store-title {
	margin-bottom: 18px;
}

.store-address {
	position: relative;
	font-size: 17px;
	padding-left: 30px;
	font-family: var(--default-body-font);
	margin-bottom: 20px;
}

.store-address::after {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	background-image: url(images/pin.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.store-distance {
	position: relative;
	font-size: 17px;
	padding-left: 30px;
	font-family: var(--default-body-font);
	margin-bottom: 20px;
}

.store-distance::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 20px;
	height: 20px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.5' d='M12.531 20.217c-.3-.137-.599-.274-.898-.437a18.6 18.6 0 0 1-4.005-3.044a17.6 17.6 0 0 1-3.743-5.078a11 11 0 0 1-.998-3.243a5.8 5.8 0 0 1 .362-3.381a6.2 6.2 0 0 1 1.01-1.248A1.76 1.76 0 0 1 5.508 3.2c.493.074.94.332 1.248.723c.674.749 1.397 1.423 2.108 2.134c.28.24.455.58.487.948c-.012.31-.131.605-.337.836c-.237.3-.524.574-.798.86a1.5 1.5 0 0 0-.45 1.248c.172.535.467 1.023.861 1.423a34 34 0 0 0 1.485 1.883a13.3 13.3 0 0 0 3.38 2.795a1.25 1.25 0 0 0 1.249.15c.423-.237.8-.55 1.11-.923a1.64 1.64 0 0 1 1.073-.587c.374.02.726.18.986.45c.336.286.623.623.935.935s.562.537.824.823q.471.416.885.886c.214.277.317.625.287.973a2.05 2.05 0 0 1-.686 1.06a4.67 4.67 0 0 1-3.668 1.423a10.4 10.4 0 0 1-3.955-1.023Zm5.22-9.019a5.06 5.06 0 0 0-5.059-5.059m8.527 4.705a8.094 8.094 0 0 0-8.095-8.094'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}

.store-date {
	position: relative;
	font-size: 14px;
	padding-left: 30px;
	font-family: var(--default-body-font);
	margin-bottom: 20px;
}

.store-date::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 20px;
	height: 20px;
	background-image: url(images/date-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}

.store-timings {
	position: relative;
	font-size: 17px;
	padding-left: 30px;
	font-family: var(--default-body-font);
	margin-bottom: 20px;
}

.store-timings span {
	font-weight: 700;
	color: #E26749;
}

.store-timings::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 20px;
	height: 20px;
	background-image: url(images/clock.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}

.store-rating {
	display: flex;
	flex-wrap: wrap;
	font-size: 17px;
	gap: 8px;
}

.reviews-number {
	font-family: var(--default-heading-font);
	font-weight: 700;
}

.store-rating {
	margin-bottom: 18px;
}

.store-rating ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.store-rating ul li {
	font-size: 12px;
	color: var(--bg-orange);
}

.reviews-txt {
	font-family: var(--default-heading-font);
}

.btn-book {
	background: rgba(255, 150, 3, 0.2);
	border: 1px solid var(--bg-orange);
	border-radius: 7px;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	padding: 9px 22px;
	font-family: var(--default-heading-font);
}

.btn-book:hover {
	background-color: var(--bg-h1-color);
	color: var(--bg-white);
	border-color: var(--bg-h1-color);
}

.btn-call {
	padding: 9px 10px;
	background: rgba(46, 232, 129, 0.2);
	border: 1px solid #2EE881;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
}

.btn-call:hover {
	background: #2EE881;
}

.btn-call:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(152deg) brightness(117%) contrast(114%);
}

.btn-location {
	padding: 9px 10px;
	background: rgba(2, 66, 163, 0.2);
	border: 1px solid #0242A3;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
}

.btn-location:hover {
	background-color: #0242A3;
}

.btn-location:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(152deg) brightness(117%) contrast(114%);
}

.btn-direction {
	padding: 13px 10px;
	line-height: 1;
	background: rgba(255, 150, 3, 0.2);
	border: 1px solid var(--bg-orange);
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.btn-direction:hover {
	background-color: var(--bg-orange);
}

.btn-direction:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(152deg) brightness(117%) contrast(114%);
}

.store-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.locate-cd-wrap {
	margin-top: 40px;
}

/* product */
.product-sec {
	position: relative;
	z-index: 1;
}

.prd-top-ov {
	position: absolute;
	top: -18px;
	left: 0;
	width: 100%;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.prd-bottom-ov {
	position: absolute;
	bottom: -28px;
	left: 0;
	width: 100%;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.product-tabs {
	margin-top: 28px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.product-tabs .tab-btn {
	background: rgba(254, 182, 91, 0.3);
	border: 1px solid var(--bg-orange);
	border-radius: 7px;
	font-weight: 500;
	line-height: 1;
	padding: 13px 24px;
	transition: all 0.3s ease-in-out;
	font-size: 18px;
	color: var(--bg-text-color);
	outline: none;
	font-family: var(--default-heading-font);
}

.product-tabs .tab-btn.active,
.product-tabs .tab-btn:hover {
	background-color: #FEB65B;
	color: var(--bg-text-color);
}

.product-hd {
	margin-bottom: 50px;
}

.product-hd p{
	font-size: 17px;
}

.product-card-col {
	background-color: var(--bg-white);
	/* border-radius: 12px; */
	padding: 0 12px 12px;
	/* text-align: center; */
	overflow: hidden;
}
.product-card-col img{
	border-radius: 12px; 
}

.js-product-slider .slick-list,
.product-slider .slick-list {
	margin: 0 -15px;
}

.product-card {
	padding: 0 15px;
}

.product-card-img {
	/* display: flex; */
	justify-content: center;
	align-items: center;
	padding: 19px 0;
	height: 140px;
	margin-bottom: 10px;
}

.product-card-img img {
	width: 100%;
	height: 120px;

	object-fit: cover;
}

.product-card-col .p-name,
.product-card-col h3 .p-name {
	font-size: 14px;

	font-weight: 400;
	line-height: 1.4;
	color: #000;
}
.explore-btn{
	background: #ff9603;
    color: #fff;
    font-weight: 500;
	font-size: 13px;
    /* padding: 3px 15px; */
	margin-top: 10px;
	width: 100%;
   
}
.explore-btn:hover{
	background: #7380fe;
	color: #fff;
}
.product-card-col p {
	font-family: var(--default-heading-font);
	font-weight: 500;
	color: #E26749;
	font-size: 12px;
	margin-bottom: 13px;
}

.product-card-col p del {
	color: var(--bg-text-color);
	font-weight: 400;
}

.product-card-col .card-body{
	    padding: 0px;
}
.top-categories img{
	    border-radius: 15px;
}
.category-card-link {
        text-decoration: none;
        color: inherit;
        display: block; /* Make the whole area clickable */
        text-align: center;
    }
    .category-card {
        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }
    .category-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    }
    /* .category-card-img img {
        border-radius: 50%;
        width: 180px; 
        height: 180px; 
        object-fit: cover;
    } */

.add-to-bag,.choose-option {
	background: rgba(255, 150, 3, 0.2);
	border: 1px solid #FF9603;
	border-radius: 7px;
	transition: all 0.3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	/*width: 100%;*/
	font-weight: 500;
	font-size: 10px;
	gap: 10px;
	color: var(--bg-text-color);
	font-family: var(--default-heading-font);
	padding: 10px;
	

}
.choose-option {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 10px;
}

.add-to-bag img {
	transition: all 0.3s ease-in-out;
}

.add-to-bag:hover {
	background-color: var(--bg-text-color);
	border-color: var(--bg-text-color);
	color: var(--bg-white);
}

.add-to-bag:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(152deg) brightness(117%) contrast(114%);
}

.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0px;
	border: none;
	transition: all 0.3s ease-in-out;
	width: 36px;
	height: 36px;
	background-color: var(--bg-white);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	border: 1px solid #FEB65B;
	border-radius: 50%;
	z-index: 2;
}

.slick-arrow:hover {
	border-color: var(--bg-orange);
	background-color: var(--bg-orange);
}

.slick-next.slick-arrow {
	right: 5%;
	background-image: url(images/slid-arrow-rgt.svg);
}

.slick-next:hover {
	background-position: calc(100% + 100px) center;
}

.slick-next::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
	background-image: url(images/slid-arrow-rgt.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 100px) center;
	background-size: 20px;
	display: block;
	pointer-events: none;
}

.slick-next:hover::before {
	background-position: center center;
}

.slick-prev.slick-arrow {
	left: 5%;
	background-image: url(images/slid-arrow-lf.svg);
}

.slick-prev:hover {
	background-position: calc(100% - 100px) center;
}

.slick-prev::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
	background-image: url(images/slid-arrow-lf.svg);
	background-repeat: no-repeat;
	background-position: calc(100% + 100px) center;
	background-size: 20px;
	display: block;
	pointer-events: none;
}

.slick-prev:hover::before {
	background-position: center center;
}

.btm-wrapp {
	margin-top: 50px;
}

.dog-stp-lf-img {
	position: absolute;
	top: 67px;
	left: 0;
	max-width: 461px;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.dog-stp-rgt-img {
	position: absolute;
	bottom: 67px;
	right: 43px;
	max-width: 360px;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.locate-search input {
	padding-right: 50px;
}
.product-card-col .card-body{
    height:110px;
}

@media only screen and (min-width: 991px) {
    .product-card-col .card-body{
        min-height: 170px;
	    padding: 13px 0;
}
	.product-hd p{
		font-size: 30px;
	}
	.product-card-col p {
	    	font-size: 17px;
	}

	.explore-btn{
		font-size: 15px;
		
	}
	.product-card-col  .p-name {
		font-size: 18px;
		
	
	}
	.product-card-img img {
		width: 100%;
		/* height: 100%; */
		height: 235px;
		object-fit: cover;
	}
	.add-to-bag,.choose-option {
	    font-size: 15px;
	}
       
    }
/* product end */

/* counter */
.counter-section {
	padding: 60px 0;
}

.counter-box {
	background: linear-gradient(107.61deg, #FFE0B4 3.08%, #FFFFFF 25.69%);
	box-shadow: 0px 10px 25px rgba(254, 229, 214, 0.5);
	border-radius: 10px;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	padding: 24px;
}

.counter-number {
	font-family: var(--default-heading-font);
	font-size: 32px;
	line-height: 1;
	color: var(--bg-text-color);
	margin-bottom: 12px;
}

.counter-label {
	font-family: var(--default-heading-font);
	font-size: 22px;
}

.counter-icon {
	width: 62px;
	flex-shrink: 0;
}

.counter-icon img {
	width: 100%;
}

.why-choose-wrapper .row {
	align-items: center;
}

.why-subtitle {
	font-weight: 600;
	font-size: 24px;
	font-family: var(--default-heading-font);
	margin-bottom: 10px;
	text-transform: capitalize;
	color: #E26749;
	display: block;
}

.why-choose-section {
	padding: 82px 0 100px;
	position: relative;
	z-index: 1;
}

.why-choose-content {
	padding-right: 30px;
}

.why-choose-content p {
	margin-bottom: 34px;
}

.why-choose-image {
	max-width: 469px;
	margin-left: auto;
}

.why-choose-image img {
	width: 100%;
}

.why-choose-image-wrap {
	position: relative;
	z-index: 1;
}

.dog-cat-ov {
	position: absolute;
	top: -38%;
	left: calc(50% + 50px);
	transform: translateX(-50%);
	max-width: 764px;
	z-index: -1;
	pointer-events: none;
	user-select: none;
}

.dog-lft-ovr {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1;
	pointer-events: none;
	user-select: none;
}

.community-card {
	height: 100%;
	padding: 30px 20px 20px;
	text-align: center;
	background-color: var(--bg-white);
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}

.community-card::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background: linear-gradient(141.43deg, #FEE5D6 0%, #FFFFFF 43.8%);
	transition: all 0.3s ease-in-out;
	z-index: -1;
}

.community-card.active,
.community-card:hover {
	box-shadow: 0px 15px 35px rgba(232, 219, 210, 0.5);
}

.community-card.active::before,
.community-card:hover::before {
	opacity: 1;
}

.cmn-heading {
	margin-bottom: 50px;
}

.cmn-heading:last-child {
	margin-bottom: 0px;
}

.community-logo {
	max-width: 160px;
	margin: 0 auto 20px;
}

.club-title {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 8px;
}

.community-card p {
	margin-bottom: 12px;
	font-size: 16px;
}

.club-meta p {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--default-heading-font);
	gap: 7px;
	line-height: 1;
	flex-wrap: wrap;
}

.club-meta p span {
	display: inline-block;
	flex-shrink: 0;
	width: 20px;
}

.club-meta p strong {
	font-weight: 700;
}

.community-card .add-to-bag {
	margin-top: 24px;
}

.community-section {
	padding-bottom: 66px;
	position: relative;
	z-index: 1;
}

.community-card-ov {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.testimonial-card {
	display: flex;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	justify-content: center;
	align-items: center;
	padding: 61% 0;
	z-index: 1;
}

.tstimg-ov {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.play-button {
	display: flex;
	width: 80px;
	height: 80px;
	border: none;
	outline: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(4.5px);
	padding: 0;
	border-radius: 50%;
}

.gallery-col {
	padding: 0 15px;
}

.testimonial-gallery {
	padding: 115px 0 132px;
	background-color: #FFF1D9;
	position: relative;
	z-index: 1;
}

.review-card-wrap {
	max-width: 960px;
	margin: 50px auto 0;
}
.review-card  img{
	background-color: var(--bg-white);
	padding: 10px;
}
/* .review-card {
	height: 100%;
	border-radius: 20px;
	background-color: var(--bg-white);
	box-shadow: 0px 15px 25px rgba(254, 229, 214, 0.3);
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
} */

.tst-rgt-top {
	position: absolute;
	top: 15%;
	right: 6%;
	max-width: 135px;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.tst-rgt-bottom {
	position: absolute;
	bottom: 85px;
	right: 35px;
	max-width: 126px;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.events-section .store-image {
	width: 230px;
}

.events-section .store-title a {
	font-size: 22px;
	text-decoration: none;
}

.btn-view-dtl {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
}

.btn-view-dtl:hover img {
	filter: brightness(0) saturate(100%) invert(67%) sepia(43%) saturate(3836%) hue-rotate(357deg) brightness(101%) contrast(102%);
}

.store-actions img {
	transition: all 0.2s ease-in-out;
}

.events-section .store-actions {
	margin-top: 28px;
}

.events-section {
	padding: 60px 0;
	position: relative;
	z-index: 1;
}

.events-row {
	--bs-gutter-x: 30px;
	--bs-gutter-y: 30px;
}

.event-ov-lft {
	position: absolute;
	top: 90px;
	left: 0;
	z-index: -1;
	pointer-events: none;
	user-select: none;
	max-width: 469px;
}

.event-ov-rgt {
	position: absolute;
	bottom: 22px;
	right: 36px;
	z-index: -1;
	pointer-events: none;
	user-select: none;
	max-width: 469px;
}

.trial-img {
	position: relative;
	z-index: 1;
	    text-align: center;
}

.trial-img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 450px;
	height: 450px;
	background: radial-gradient(167.39% 72.78% at 82.33% 91.33%, rgba(255, 241, 217, 0) 0%, #FFC261 100%)
		/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
	;
	opacity: 0.6;
	z-index: -1;
	pointer-events: none;
	user-select: none;
	border-radius: 50%;
}

.trial-sec {

	position: relative;
	background-color: #FFF1D9;
	z-index: 1;
}

.prd-list ul {
	position: relative;
	z-index: 1;
}

.prd-list ul::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 13px;
	width: 1px;
	height: calc(100% - 10px);
	border-left: 2px dashed #E26749;
	z-index: -1;
}

.prd-list ul li {
	position: relative;
	font-weight: 600;
	font-size:18px;
	font-family: var(--default-body-font);
	margin-bottom: 16px;
	color: var(--bg-text-color);
	padding-left: 47px;
	background-image: url(images/check-icon.svg);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 28px;
}

.trial-pack-btm {
	margin-top: 30px;
}

.trial-pack-pricing span {
	font-weight: 600;
	font-size: 42px;
	font-family: var(--default-heading-font);
	color: #E26749;
}

.trial-pack-pricing span s {
	font-weight: 400;
	margin-right: 5px;
	color: var(--bg-text-color);
}

.add-to-bag-sm {
	background-color: var(--bg-orange);
	display: inline-flex;
	align-items: center;
	gap: 12px;
	border-radius: 8px;
	color: var(--bg-white);
	padding: 13px 32px;
}

.add-to-bag-sm img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7%) hue-rotate(66deg) brightness(104%) contrast(100%);
}

.add-to-bag-sm:hover {
	background-color: var(--bg-text-color);
	color: var(--bg-white);
}

.trial-pack-btm {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 40px;
}

/* .trial-col-left {
	max-width: 500px;
	margin-left: auto;
} */

.pd-rgt-img {
	position: absolute;
	right: 33px;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	pointer-events: none;
	user-select: none;
	max-width: 148px;
}

.pd-lft-img {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	pointer-events: none;
	user-select: none;
	max-width: 144px;
}

.new-product {
	background-color: transparent;
	padding-bottom: 100px;
	position: relative;
	z-index: 2;
}

.new-product .product-card-col {
	/*border: 1px solid #FFE9CE;*/
	background-color: var(--bg-white);
	overflow: hidden;
	
}

.new-pd-left-img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	max-width: 470px;
	z-index: -1;
	user-select: none;
	pointer-events: none;
}

.cmn-heading p {
	font-size: 22px;
}

.blog-img-link {
	display: flex;
	position: relative;
	padding-top: 64%;
	border-radius: 20px;
	overflow: hidden;
}

.blog-img-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.blog-cd-row {
	--bs-gutter-x: 30px;
	--bs-gutter-y: 30px;
}

.blog-cont {
	padding: 18px 0 0;
}

.blog-cont span {
	font-weight: 500;
	color: #5F4E44;
	display: inline-block;
	text-transform: capitalize;
	line-height: 1;
	font-size: 18px;
	margin-bottom: 16px;
}

.blog-cont h3 a {
	font-weight: 600;
	font-family: var(--default-heading-font);
	font-size: 22px;
}

.blog-cont h3 {
	margin-bottom: 10px;
}

.blog-cont p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.blog-sec {
	padding-bottom: 80px;
	position: relative;
	z-index: 1;
}

.blog-rgt-ovr {
	position: absolute;
	top: -60%;
	right: 0;
	z-index: -1;
	max-width: 442px;
	pointer-events: none;
	user-select: none;
}

/* media */
.media-sec {
	padding: 38px 0 108px;
	position: relative;
	z-index: 1;
}

.media-ovr {
	position: absolute;
	bottom: 50px;
	max-width: 493px;
	pointer-events: none;
	user-select: none;
	left: 0;
	z-index: -1;
}

.media-row {
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
	margin-bottom: 0;
}

.media-col {
	width: 16.66%;
	padding: 5px;
}

.media-col-box {
	position: relative;
	padding-top: 93%;
	overflow: hidden;
	border-radius: 15px;
}

.media-col-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media-wrap {
	position: relative;
}

.follow-wap {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: var(--bg-white);
	transform: translate(-50%, -50%);
	text-align: center;
	border-radius: 10px;
	min-width: 250px;
	padding: 25px;
}

.follow-wap p {
	font-family: var(--default-heading-font);
	color: var(--bg-text-color);
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 10px;
}

.follow-wap img {
	margin-bottom: 10px;
}

.follow-wap span {
	font-weight: 400;
	font-size: 18px;
	color: var(--bg-orange);
	font-family: var(--default-heading-font);
}

/* media end */

/* footer */

.page-footer ul li,
.page-footer ul li a {
	color: var(--bg-white);
	font-size: 16px;
	line-height: 1.56;
	font-weight: 500;
	font-family: var(--default-body-font);
}

.page-footer ul li a:hover {
	color: var(--bg-orange);
}

.page-footer {
	background-color: var(--bg-text-color);
	position: relative;
	padding: 90px 0 0;
	z-index: 1;
}

.footer-hd {
	font-weight: 700;
	font-size: 33px;
	color: var(--bg-white);
	font-family: var(--default-heading-font);
}

.footer-top-wrap {
	padding-bottom: 50px;
}

.footer-top-wrap p {
	color: var(--bg-white);
}

.footer-form {
	max-width: 800px;
	margin: 32px auto 0;
	background-color: var(--bg-white);
	border-radius: 8px;
	position: relative;
}

.footer-form input {
	padding-right: 200px;
	height: 60px;
}

.footer-form .cmn-btn {
	border: none;
	padding: 11px 15px;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
}

.footer-top-wrap {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.footer-btm {
	max-width: 1096px;
	margin: 0 auto;
}

.footer-col-logo-link {
	width: 120px;
	height: 120px;
	margin: 0 auto 22px;
	background-color: var(--bg-white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.footer-col-logo-link img {
	max-width: 88px;
}

.footer-col-logo {
	text-align: center;
}

.footer-btm {
	max-width: 1096px;
	margin: 0 auto;
	padding: 50px 0 40px;
}

.footer-col-logo-wrap ul {
	display: flex;
	justify-content: center;
	gap: 18px;
}

.footer-col-logo-wrap ul li a {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 100px;
	display: flex;
	color: var(--bg-white);
	align-items: center;
	justify-content: center;
}

.footer-col-logo-wrap ul li a:hover {
	background-color: var(--bg-white);
}

.footer-hd-sm {
	color: var(--bg-white);
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 16px;
	font-family: var(--default-heading-font);
}

.footer-col ul li {
	margin-bottom: 13px;
}

.footer-col ul li:last-child {
	margin-bottom: 0px;
}

.footer-col ul li a {
	font-family: var();
}

.footer-col-link ul li a {
	color: rgba(255, 255, 255, 0.7);
}

.footer-col-logo-wrap {
	padding-right: 30px;
}

.footer-col-addtess {
	max-width: 300px;
}

.footer-col-addtess {
	margin-right: -44px;
}

.footer-col-link {
	padding-left: 21px;
}

.footer-col-addtess ul li {
	display: flex;
	gap: 10px;
}

/*.footer-col-addtess ul li span {*/
/*	width: 18px;*/
/*	display: flex;*/
/*	flex-shrink: 0;*/
/*	padding-top: 5px;*/
/*}*/

.footer-col-addtess ul li span i {
	opacity: 0.6;
}

.footer-col-link-three {
	padding-left: 70px;
}

.footer-col-addtess ul li {
	margin-bottom: 21px;
}

.footer-copy-rgt {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	text-align: center;
	padding: 26px 0;
}

.footer-copy-rgt p {
	color: var(--bg-white);
	font-size: 13px;
}

.footer-copy-rgt p a {
	color: var(--bg-orange);
}



.footer-lft {
	position: absolute;
	left: 50px;
	top: 50%;
	max-width: 293px;
	transform: translateY(-50%);
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.footer-rgt {
	position: absolute;
	right: 73px;
	bottom: 60px;
	max-width: 140px;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}

.hdr-rgt-button-none {
	display: none;
}

/* footer end */

.search-form {
	background-color: #2e1a0fc9;
	padding: 20px 0;
	margin-top: 20px;
	display: none;
}

.btn-closes {
	position: absolute;
	top: 3px;
	background-color: #ff9603;
	right: -5%;
	padding: 1px;
	border-radius: 50%;
	font-size: 14px;
	width: 30px;
	height: 30px;
	display: flex;
	opacity: 0;
	user-select: none;
	pointer-events: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	justify-content: center;
	align-items: center;
}

.btn-closes.open-btn-active {
	user-select: all;
	pointer-events: all;
	opacity: 1;
}

.btn-opens.open {
	opacity: 1;
	pointer-events: none;
	user-select: none;
}

.search-form-wrap.footer-form {
	margin-top: 0px;
}

.search-form-wrap .cmn-btn img,
.search-form-wrap .cmn-btn {
	transition: all 0.3s ease-in-out;
}

.search-form-wrap .cmn-btn::before {
	display: none;
}

.search-form-wrap .cmn-btn:hover img {
	filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(103%) contrast(100%);
}

.search-form-wrap .cmn-btn:hover {
	background-color: var(--bg-text-color);
}
.breadcrumb{
        align-items: center;
}
.breadcrumb-item a{
	color: #818181;
    font-weight: 400;
    font-size: 12px;
}
.breadcrumb-item a:hover{
	color: #000;
	text-decoration: underline;
}
.breadcrumb-item.active{
color: #000;
font-weight: 500;
font-size: 12px;
}
.product-banner-image {
	position: relative;
	padding-top: 31%;
	z-index: 1;
}

.banner.inner-banner {
	min-height: auto;
	padding: 0;
	margin-top: 110px;
}

.product-banner-image img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	object-fit: cover;
	border-radius: 20px;
}

.js-product-banner .slick-dots {
	left: 50%;
	bottom: 32px;
	transform: translateX(-50%);
}

.js-product-banner .slick-dots li button {
	background-color: var(--bg-white);
}

.prdct-col-list .product-card-col {
	
	height: 100%;
	position: relative;

}

.product-section {
	padding: 60px 0;
}

.prdct-col-list .row {
	--bs-gutter-y: 24px;
}

.pagination {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: sans-serif;
	justify-content: center;
	padding: 50px 0 0;
}

.pagination a,
.pagination span {
	display: inline-block;
	padding: 9px 15px;
	font-size: 16px;
	text-decoration: none;
	font-family: var(--default-body-font);
	color: var(--bg-text-color);
	border-radius: 4px;
	font-weight: 500;
}

.pagination a:hover {
	background-color: var(--bg-text-color);
	color: var(--bg-white);
}

.pagination a.active {
	background-color: var(--bg-orange);
	color: white;
	border-radius: 4px;
	font-weight: bold;
}

.pagination .prev,
.pagination .next {
	font-weight: bold;
}

.prdct-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* .prdct-list li {
	margin-bottom: 8px;
} */


.cat-pill{
	/* height: 70px; */
    display: block;
    align-items: center;
    border-bottom: 1px solid #DFDFDF;
    padding: 10px 10px 10px 16px;
    margin: 0;
    gap: 20px;
    cursor: pointer;
    background: unset;
    width: 100%;
    border-radius: 0;
    border-top: 0;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
	  
		border-radius: 0 !important;
}
.cat-pill-top{
	border-top:  1px solid #DFDFDF !important;
}
.cat-pill:hover{
	color: #000;
}
.cat-pill img{
	width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px dashed #ff990a;
    padding: 5px;
}
/* .prdct-list a {
	display: flex;
	justify-content: start;
	align-items: center;

	border: 1px solid lightgray;
	padding: 12px 16px;
	border-radius: 0 !important;
	color: var(--bg-text-color);
	font-weight: 400;
	text-decoration: none;
	position: relative;
	transition: background 0.3s;
	background-repeat: no-repeat;
	background-position: calc(100% - 14px);
	font-size: 16px;
	text-transform: uppercase;
} */

@media only screen and (min-width: 991px) {
	.cat-pill{
	height: 70px;
    display: flex;
	}
}
@media (max-width: 575px) {
	.prdct-list a {
		justify-content: center;
	}
}

/* .prdct-list li.active a {
	background-color: #FEB65B;

} */

.prdct-list a span {
	font-size: 18px;
    line-height: inherit;
}

.prdct-col-menu-wrap h1 {
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 20px;
}

.prdct-col-list {
	margin-top: 40px;
}

.daycare-card-wrap {
	position: relative;
	background: linear-gradient(102.82deg, #FFE0B4 0.79%, #FFFFFF 26.46%);
	box-shadow: 0px 20px 45px rgba(254, 229, 214, 0.5);
	border-radius: 24px;
	border: 1px solid #FFE0B4;
}

.daycare-card-cont {
	padding: 40px 0 45px 45px;
	max-width: 590px;
}

.daycare-card-cont h2 {
	font-size: 36px;
}

.daycare-card {
	padding: 0 0 70px;
}

.daycare-card-img {
	position: relative;
	z-index: 1;
}

.daycare-dg-ct-ovr {
	position: absolute;
	top: -13%;
	right: 9%;
	z-index: -1;
	max-width: 330px;
	pointer-events: none;
	user-select: none;
}

.daycare-card-wrap .row {
	align-items: center;
}

.daycare-dg-ct-ovr-two {
	position: absolute;
	top: 0;
	right: 11%;
	height: 100%;
	pointer-events: none;
	user-select: none;
}

/* cd-popup */

.popup-overlay {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	background-color: #333333a8;
	display: none;
	width: 100%;
	z-index: 9999;
}

.popup-box {
	width: 450px;
	padding: 20px;
	margin-left: auto;
	padding-right: 10px;
	background-color: var(--bg-white);
	position: relative;
}

.popup-header {
	margin: 0 -20px;
	padding: 0 20px 20px;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(59, 37, 25, 0.4);
}

.popup-close {
	padding: 0;
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 18px;
	line-height: 1;
}

.popup-header h3 {
	font-weight: 500;
	font-size: 20px;
	margin: 0;
}

.product-img-pop {
	width: 100px;
	height: 100px;
	/* padding: 20px 10px; */
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bg-white);
	box-shadow: 0px 0px 25px rgba(232, 219, 210, 0.8);
	border-radius: 10px;
	flex-shrink: 0;
}

.product-img-pop img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 10px;

}

.product-info,.product-infos {
	display: flex;
	align-items: flex-start;
	justify-content:space-between;
}
.product-infos{
	border: 1px solid #D5A37A;
    border-radius: 14px;
	padding: 10px;
	background: antiquewhite;
}

.product-details-pop {
	padding-left: 16px;
}

.product-details-pop h4 {
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 12px;
}

.product-details-pop p {
	font-family: var(--default-heading-font);
	font-weight: 600;
	color: #E26749;
	font-size: 15px;
	display: flex;
    gap: 10px;
	margin-bottom: 0;
}

.product-details-pop p del {
	color: var(--bg-text-color);
	font-weight: 400;
}

.pack-size-group {
	display: flex;
	gap: 10px;
}

.pack-size-group input[type="radio"] {
	display: none;
}

.product-details-pop span {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

.pack-size-group label {
	padding: 3px 7px;
	border: 2px solid var(--bg-orange);
	border-radius: 6px;
	background-color: #fff7f0;
	color: var(--bg-orange);
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
	transition: 0.3s;
}

.pack-size-group input[type="radio"]:checked+label {
	background-color: var(--bg-orange);
	color: white;
}

.popup-content {
	height: calc(100vh - 100px);
	overflow-y: auto;
	padding-right: 10px;
	margin-top: 20px;
	padding-bottom: 100px;
}


.popup-content::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

.popup-content::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

.popup-content::-webkit-scrollbar-thumb {
	background-color: var(--bg-text-color);
}


.product-info {
	margin-bottom: 20px;
}

.pd-accod-btn {
	width: 100%;
	padding: 12px;
	background-color: transparent;
	border: none;
	outline: none;
	text-align: left;
	border-bottom: 1px solid rgba(59, 37, 25, 0);
	font-weight: 500;
	font-size: 16px;
	font-family: var(--default-heading-font);
	color: var(--bg-text-color);
	background-image: url(images/arrow-dwn-ac.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 20px);
	background-size: 16px;
}

.pd-accod {
	background: #FFFFFF;
	box-shadow: 0px 5px 45px rgba(232, 219, 210, 0.8);
	border-radius: 8px;
	margin-bottom: 20px;
}

.pd-accod.active .pd-accod-btn {
	border-bottom: 1px solid rgba(59, 37, 25, 0.4);
}

.pd-accod-cont {
	padding: 12px;
	font-size: 16px;
}

.pd-accod-cont-indg {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pd-accod-cont-indg span {
	background-color: #F0D0B4;
	display: inline-block;
	font-size: 16px;
	padding: 4px 13px;
	border-radius: 4px;
	color: var(--bg-text-color);
}

.pd-section h5 {
	font-weight: 500;
	margin-bottom: 8px;
	font-size: 16px;
}

.pd-section ul li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
}

.pd-section ul li:last-child {
	margin-bottom: 0;
}

.pd-section ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	background-color: var(--bg-text-color);
	border-radius: 50%;
}

.pd-add-to-cart-wrap {
	width: 150px;
	display: flex;
	    justify-content: center;
	border: 1px solid var(--bg-orange);
	    border-radius: 30px;
	overflow: hidden;
}

.pd-add-to-cart-wrap button {
	border: none;
	outline: none;
	font-size: 27px;
	/* height: 30px; */
	width: 35px;
	color: var(--bg-text-color);
	transition: all 0.3s ease-in-out;
	background-color: transparent;
}

/* .pd-add-to-cart-wrap button:hover {
	background-color: var(--bg-h1-color);
	color: var(--bg-white);
} */

.pd-add-to-cart-wrap input {
	width: 50px;
    background-color: var(--bg-orange);
    border: none;
    /* height: 30px; */
    /* min-height: 29px; */
    border-radius: 0 !important;
    text-align: center;
	padding: 0;

}

.pd-add-to-cart {
	display: flex;
	gap: 20px;
	margin-top: 52px;
}

.inner-banner.inner-banner-all {
	background: linear-gradient(95.58deg, #FFBD3E 0%, #FF9103 100%);
	min-height: 450px;
}

.dog-banner-img {
	position: absolute;
	left: 50%;
	top: 34px;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1190px;
	z-index: -2;
	user-select: none;
	pointer-events: none;
}

.events-img-ovr {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 100%;
	max-width: 753px;
	z-index: -2;
	user-select: none;
	pointer-events: none;
}

.events-banner-img {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 100%;
	max-width: 610px;
	z-index: -2;
	user-select: none;
	pointer-events: none;
}

.inner-bn-all {
	padding: 60px 0 0;
}

.inner-bn-all ul {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
	gap: 25px;
}

.inner-bn-all ul li a,
.inner-bn-all ul li {
	font-size: 20px;
	color: var(--bg-text-color);
	font-weight: bold;
	font-family: var(--default-body-font);
	position: relative;
}

.inner-bn-all ul li::after {
	content: '';
	position: absolute;
	right: -16px;
	top: 9px;
	width: 8px;
	height: 12px;
	background-image: url(images/rgt-arrow-brc.svg);
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: center;
}

.inner-bn-all ul li:last-child:after {
	display: none;
}

.inner-bn-all h1 {
	text-align: center;
	color: var(--bg-white);
	font-size: 40px;
}

.community-banner {
	max-width: 582px;
	max-width: 582px;
	bottom: -26px;
}

.community-sec {
	padding: 128px 0 100px;
}

.community-rgt-col {
	max-width: 500px;
	margin-left: auto;
}

.community-lft-col {
	margin-right: -30px;
}

.tagline {
	display: inline-block;
	background: rgba(255, 150, 3, 0.1);
	border-radius: 48px;
	text-transform: uppercase;
	color: var(--bg-orange);
	padding: 5px 16px;
	margin-bottom: 12px;
}

.socials-icons ul {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin-top: 22px;
}

.socials-icons ul li a {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bg-orange);
	background: rgba(255, 150, 3, 0.1);
	backdrop-filter: blur(6.87502px);
	border-radius: 50%;
}

.socials-icons ul li a:hover {
	background-color: var(--bg-orange);
	color: var(--bg-white);
}

.community-lft-col {
	position: relative;
	display: flex;
	align-items: flex-start;
	z-index: 1;
}

.stats-wrap {
	width: 230px;
	padding-right: 26px;
}

.dog-image {
	border-radius: 10px;
	width: calc(100% - 230px);
}

.community-lft-logo {
	background: #FFFFFF;
	box-shadow: 0px 10px 50px rgba(174, 191, 233, 0.4);
	border-radius: 12px;
	width: 130px;
	padding: 15px 10px;
	position: absolute;
	top: 20px;
	left: 150px;
}

.stats-wrap {
	display: flex;
	flex-wrap: wrap;
	padding-top: 60px;
	position: relative;
}

.stats-wrap::before {
	content: '';
	position: absolute;
	top: 69px;
	left: 0;
	width: 130px;
	height: 2px;
	background-color: #FEB65B;
}

.stats {
	width: 100%;
	font-weight: 600;
	font-size: 40px;
	color: var(--bg-h1-color);
	font-family: var(--default-heading-font);
	margin-top: 60px;
}

.stats span {
	font-size: 20px;
	font-weight: 400;
	display: block;
}

.facilities-section .cmn-hd {
	padding: 40px 30px;
	border: 1px solid #FFE0B4;
	border-radius: 24px;
}

.facilities-features ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.facilities-features ul li {
	background: #FFF1D9;
	border: 1px solid #FFDB9D;
	padding: 10px 16px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 20px;
	position: relative;
	font-family: var(--default-body-font);
	padding-left: 56px;
}

.facilities-features ul li::before {
	content: '';
	position: absolute;
	left: 16px;
	top: 10px;

	width: 30px;
	height: 30px;
	background-image: url(images/pink-check-icon.svg);
	background-size: 30px;
	background-repeat: no-repeat;
}

.facilities-features {
	margin-top: 40px;
}

.facilities-section {
	padding: 0 0 100px;
}

.facilities-features-btn {
	text-align: center;
	margin-top: 40px;
}

button.cmn-btn {
	
	border: none;
	outline: none;
}

.join-cm-sec {
	padding: 97px 0 108px;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
	z-index: 1;
}

.join-cm-sec {
	background-color: #FFF1D9;
}

.community-cards .row {
	--bs-gutter-y: 30px;
}

.cm-lft-img {
	position: absolute;
	left: 0;
	top: 77px;
	width: 100%;
	max-width: 461px;
	z-index: -1;
	pointer-events: none;
	user-select: none;
}

.cm-rgt-img {
	position: absolute;
	right: 0;
	bottom: 60px;
	width: 100%;
	max-width: 232px;
	z-index: -1;
	pointer-events: none;
	user-select: none;
}

.btm-wrapp {
	margin-top: 20px;
}

.about-banner {
	max-width: 455px;
}

.community-rgt-col h2 {
	font-size: 40px;
}

.abt-lft-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-right: -17px;
}

.abt-lft-col-img-1 img,
.abt-lft-col-img-2 img {
	width: 100%;
	border-radius: 10px;
}

.abt-lft-col-img-1 {
	max-width: 320px;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 70px;
}

.abt-lft-col-img-2 {
	max-width: 290px;
	border-radius: 10px;
	overflow: hidden;
}

.abt-wrapp {
	position: relative;
	z-index: 1;
}

.abt-img-ovr {
	position: absolute;
	bottom: -36%;
	left: -8%;
	z-index: -1;
	pointer-events: none;
	user-select: none;
	width: 100%;
	max-width: 982px;
}

.our-values-col {
	background-color: var(--bg-white);
	box-shadow: 0px 5px 45px rgba(244, 223, 187, 0.5);
	border-radius: 12px;
	height: 100%;
	padding: 31px 16px;
	text-align: center;
}

.our-values-col h3 {
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 5px;
}

.our-values-img {
	width: 100px;
	height: 100px;
	background: rgba(255, 150, 3, 0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin: 0 auto 16px;
}

.our-values-row {
	justify-content: center;
}

.join-cm-sec .banner-cont-button {
	justify-content: center;
}

.value-lft-img {
	position: absolute;
	left: 0;
	width: 100%;
	max-width: 460px;
	top: 77px;
	z-index: -1;
	pointer-events: none;
	user-select: none;
}

.value-rgt-img {
	position: absolute;
	right: 0;
	max-width: 279px;
	bottom: 54px;
	z-index: -1;
	pointer-events: none;
	user-select: none;
}

.team-col-top {
	position: relative;
}

.team-col-img {
	position: relative;
	padding: 106% 0 0;
	overflow: hidden;
	border-radius: 15px;
}

.team-col-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.team-col {
	height: 100%;
	background-color: var(--bg-white);
	padding: 5px 5px 18px;
	box-shadow: 0px 5px 45px rgba(244, 223, 187, 0.5);
	border-radius: 12px;
}

.plus-menu {
	position: absolute;
	right: 11px;
	bottom: -20px;
	z-index: 1;
}

.plus-btn-ani {
	width: 40px;
	height: 40px;
	background-color: var(--bg-orange);
	border: none;
	border-radius: 50%;
	border: none;
	outline: none;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	color: var(--bg-white);
}

.social-icons {
	display: flex;
	flex-direction: column;
	position: absolute;
	overflow: hidden;
	gap: 4px;
	bottom: 30px;
	transition: all 0.5s ease-in-out;
	opacity: 0;
	visibility: hidden;
	user-select: none;
	pointer-events: none;
	z-index: -1;
}

.social-icons a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	background-color: var(--bg-white);
	align-items: center;
	justify-content: center;
}

.social-icons a:hover {
	background-color: var(--bg-orange);
	color: var(--bg-white);
}

.team-col:hover .social-icons {
	bottom: 44px;
	opacity: 1;
	visibility: visible;
	user-select: all;
	pointer-events: all;
}

.team-col:hover .plus-btn-ani {
	transform: rotate(45deg);
	background-color: #E26749;
}

.team-col-cont {
	padding: 16px 6px 0;
}

.team-col-cont h3 {
	letter-spacing: 0.02em;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px;
}

.team-col-cont p {
	font-size: 16px;
}

.team-col.community-card::before {
	display: none;
}

.team-wrap .row {
	justify-content: center;
	--bs-gutter-y: 24px;
}

.team-sec {
	padding-bottom: 100px;
	position: relative;
	z-index: 1;
}

.team-img-ovr {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	max-width: 438px;
	z-index: -1;
	pointer-events: none;
	user-select: none;
}

.banner.inner-banner.inner-banner-all.blog-bann {
	min-height: 200px;
}

.blog-bann .inner-bn-all {
	padding: 60px 0;
}

.col-shield-info h4,
.col-shield-info h3,
.col-shield-info h2 {
	letter-spacing: 0.02em;
	color: var(--bg-text-color);
	font-weight: 500;
	font-family: var(--default-heading-font);
	font-size: 28px;
}

.col-shield-info img {
	width: 100%;
	margin-bottom: 25px;
	border-radius: 15px;
}

.col-shield-info p {
	margin: 0 0 30px;
}

.charity-shield {
	padding: 70px 0;
}

.blog-lft-col {
	width: 61.5%;
}

.blog-rgt-col {
	width: 38.5%;
}

.post-verity {
	border: 1px solid #FFE9CE;
	background-color: var(--bg-white);
	border-radius: 12px;
	padding: 14px;
}

.post-verity h3 {
	font-size: 22px;
}

.buield-img-link {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}

.buield-img-link:last-child {
	margin-bottom: 0;
}

.buield-img-link-img {
	width: 130px;
	flex-shrink: 0;
	border-radius: 5px;
	overflow: hidden;
}

.buield-img-link-img img {
	width: 100%;
}

.buield-img-link-cont {
	padding-left: 20px;
}

.buield-img-link-cont h4 {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.35;
	color: var(--bg-text-color);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	transition: all 0.3s ease-in-out;
}

.buield-img-link:hover h4 {
	color: var(--bg-orange);
}

blockquote {
	background: #F4F4F4;
	border-left: 5px solid #E1E1E1;
	padding: 13px 13px 13px 15px;
	margin-bottom: 20px;
}

.blog-social ul li {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}

.blog-social ul li::before {
	content: '';
	position: absolute;
	top: 9px;
	left: 4px;
	width: 6px;
	height: 6px;
	background-color: var(--bg-text-color);
	border-radius: 100%;
}

.blog-social-icon-wrap ul {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.blog-social-icon-wrap ul li a {
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	align-items: center;
	justify-content: center;
}

.blog-social-icon-wrap ul li a:hover {
	box-shadow: 0 0 0 3px var(--bg-white), 0 0 0 4px var(--bg-orange);
}

.blog-social-icon-wrap ul li:nth-child(1) a {
	background: rgba(48, 107, 235, 0.1);
	color: #306BEB;
	backdrop-filter: blur(5.5px);
}

.blog-social-icon-wrap ul li:nth-child(2) a {
	background: rgba(22, 174, 174, 0.1);
	backdrop-filter: blur(5.5px);
	color: #16AEAE;
}

.blog-social-icon-wrap ul li:nth-child(3) a {
	background: rgba(227, 25, 25, 0.1);
	backdrop-filter: blur(5.5px);
	color: #E31919;
}

.blog-social-icon-wrap ul li:nth-child(4) a {
	background: rgba(32, 26, 183, 0.1);
	backdrop-filter: blur(5.5px);
	color: #201AB7;
}

.blog-social-icon {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 25px;
}

.blog-social-icon h3 {
	margin-bottom: 0;
}

.daycare-verity {
	background: linear-gradient(144.13deg, #FFE0B4 2.48%, #FFFFFF 26.03%);
	box-shadow: 0px 20px 45px rgba(254, 229, 214, 0.5);
	border-radius: 24px;
	position: relative;
	border: 1px solid #FFE9CE;
	margin-top: 30px;
	padding: 20px;
	z-index: 1;
}

.buield-img-col-img {
	max-width: 326px;
	margin: 0 auto 30px;
}

.buield-img-col-img img {
	width: 100%;
}

.buield-img-col-cont h4 {
	font-size: 24px;
	margin-bottom: 10px;
}

.blog-bann h1 {
	font-size: 30px;
}

.contact-banner {
	max-width: 491px;
	bottom: 25px;
}

.contact-form {
	padding-bottom: 100px;
}

.contact-form-wrap {
	padding: 60px 30px 30px;
	box-shadow: 0px 20px 45px rgba(254, 229, 214, 0.7);
	border-radius: 24px;
	background-color: var(--bg-white);
	margin-top: -50px;
	position: relative;
	z-index: 1;
}

.contact-form-lft {
	width: 53%;
}

.contact-form-rgt {
	width: 47%;
}

.contact-form-wrap .row {
	--bs-gutter-y: 40px;
}

.contact-form-hd {
	margin-bottom: 20px;
}

.contact-form-hd h2 {
	font-size: 32px;
	margin-bottom: 5px;
}

.contact-form-img {
	border-radius: 10px;
	overflow: hidden;
}

.contact-form-img img {
	width: 100%;
}

.form-row .row {
	--bs-gutter-x: 25px;
	--bs-gutter-y: 15px;
}

.form-col label {
	font-weight: 400;
	font-size: 14px;
	font-family: var(--default-body-font);
	color: var(--bg-text-color);
	margin-bottom: 5px;
}

.form-col input[type="text"],
.form-col input[type="tel"],
.form-col input[type="password"],
.form-col input[type="email"],
.form-col select {
	height: 46px;
	border: 1px solid #C4C4C4;
	padding: 0 16px;
	font-size: 14px;
	color: var(--bg-text-color);
}

.form-col textarea {
	height: 100px;
	font-size: 14px;
	padding: 16px;
	border: 1px solid #C4C4C4;
}

.terms a,
.terms {
	font-weight: 500 !important;
	font-size: 16px !important;
	font-family: var(--default-body-font);
}

.terms a {
	color: var(--bg-orange);
	text-decoration: underline;
}

.terms {
	position: relative;
}

.terms {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	cursor: pointer;
	user-select: none;
}

.terms input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	pointer-events: none;
}

.terms .box {
	width: 24px;
	height: 24px;
	border: 1px solid #919191;
	background: var(--bg-white, #fff);
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	display: inline-block;
	flex: 0 0 24px;
	position: relative;
	transition: background .12s, border-color .12s;
}

.terms .box::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 4px;
	width: 6px;
	height: 12px;
	border: solid transparent;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) scale(0);
	transform-origin: center;
	transition: transform .12s ease, border-color .12s;
}

.terms input[type="checkbox"]:checked+.box {
	background-color: orange;
	border-color: orange;
}

.terms input[type="checkbox"]:checked+.box::after {
	border-color: #fff;
	transform: rotate(45deg) scale(1);
}

.form-col-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

/* accordion */
.faq-section {
	padding-bottom: 100px;
}

.accordion-item:first-of-type,
.accordion-item:last-of-type,
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed,
.accordion-item:first-of-type>.accordion-header .accordion-button {
	border-radius: 0;
	box-shadow: none;
	border: none;
}

.accordion-button {
	border-radius: 0;
	outline: none;
	box-shadow: none;
	font-weight: 500;
	font-size: 22px;
	font-family: var(--default-heading-font);
	color: var(--bg-text-color);
	padding: 17px 0;
	border: none;
	border-top: 1px solid #C1BED6;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed,
.accordion-item:first-of-type {
	border-top: 1px solid #C1BED6;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
	border-bottom: 1px solid #C1BED6;
}

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

.accordion-body p {
	color: #151515b3;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}
.accordion-body p strong{
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}
.accordion-body ul{
	    padding-left: 2em;
}
.accordion-body li {
    color: #151515b3;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.9;
	list-style:disc;
}
.accordion-button:not(.collapsed) {
	background-color: transparent;
	color: var(--bg-text-color);
	box-shadow: none;
}

.accordion-item {
	border: none;
}

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

.accordion-button::after {
	border: none;
	width: 25px;
	height: 25px;
	background-image: url(images/acco-pl.svg);
	background-size: 25px;
}

.accordion-button:not(.collapsed)::after {
	background-image: url(images/acco-mi.svg);
	background-size: 25px;
}

/* accordion end */

.step-form-sec {
	padding: 0 0 100px;
	position: relative;
	margin-top: -120px;
	z-index: 1;
}

.inner-banner-all.step-banner {
	min-height: 320px;
}

.form-step {
  display: none;
}

.form-step.active {
  display: block;
}

.step-container {
	background-color: var(--bg-white);
	box-shadow: 0px 20px 45px rgba(254, 229, 214, 0.7);
	border-radius: 20px;
	border: 1px solid #FFE0B4;
	padding: 36px 0 0;
}

.step-container .steps {
	display: flex;
	justify-content: center;
}

.step {
	width: 100%;
	max-width: 180px;
	position: relative;
	z-index: 1;
}

.step-container .step span {
	width: 45px;
    height: 45px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	line-height: 1;
	margin-bottom: 20px;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 1;
	background-color: var(--bg-white);
	font-family: var(--default-heading-font);
	font-weight: 400;
	font-size: 18px;
	border: 1px dashed var(--bg-text-color);
}

.step-container .step span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 32px;
    height: 32px;
	border-radius: 50%;
	border: 1px solid var(--bg-text-color);
	z-index: -1;
}

.step-container .step::after {
	content: '';
	position: absolute;
	left: 0;
	top: 32px;
	width: 100%;
	height: 1px;
	transform: translateX(50%);
	border-top: 1px dashed var(--bg-text-color);
	z-index: -1;
}

.step:last-child:after {
	display: none;
}

.step.active span::after {
	background-color: var(--bg-orange);
	border-color: var(--bg-orange);
}

.step.active span {
		color: var(--bg-white);
		border-color: var(--bg-orange);
}

.step.active::after {
	border-color: var(--bg-orange);
}

.step-txt {
	font-weight: 400;
	font-size: 18px;
	font-family: var(--default-heading-font);
	text-align: center;
}

.form-step {
	margin-top: 40px;
}

.stepform-hd-top {
	padding: 0 30px 20px;
	border-bottom: 1px solid rgba(74, 50, 36, 0.5);;
}

.stepform-hd-top .title {
	font-weight: 500;

}

.fc .fc-toolbar-title {
    font-size: 1.3em !important;
}
.stepform-body {
	padding: 20px 30px;
}
.box-shadow{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.form-step label {
	font-weight: 400;
	color: var(--bg-text-color);
	font-size: 17px;
	font-family: var(--default-body-font);
	margin-bottom: 8px;
}

.form-step input[type="date"], 
.form-step input[type="number"], 
.form-step input[type="text"], 
.form-step input[type="tel"], 
.form-step input[type="password"], 
.form-step input[type="email"], 
.form-step select {
	height: 46px;
	border: 1px solid #C4C4C4;
	font-size: 17px;
	color: var(--bg-text-color);
	width: 100%;
	    border-radius: 6px;
	font-family: var(--default-body-font);
    padding: 0 16px;
    outline: none !important;
	font-weight: 500;
}

.form-step input[type="date"]::placeholder, 
.form-step input[type="text"]::placeholder, 
.form-step input[type="number"]::placeholder, 
.form-step input[type="tel"]::placeholder, 
.form-step input[type="password"]::placeholder, 
.form-step input[type="email"]::placeholder {
	opacity: 1;
		color: rgb(151, 151, 151);
	font-family: var(--default-body-font);
	font-weight: 500;
} 

.stepform-body-row {
	--bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.booking-type {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 10px;
}

.booking-type label {
  display: flex;
  align-items: center;
  gap: 8px;
	font-weight: 600;
	font-size: 18px;
	color: var(--default-body-font);
  cursor: pointer;
}

.booking-type input[type="radio"] {
  appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid #FEB65B;
  border-radius: 50%;
  background-color: var(--bg-white);
  box-shadow: inset 0px 4px 4px rgba(254, 182, 91, 0.65);
  position: relative;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

.booking-type input[type="radio"]:checked {
  border-color: var(--bg-orange);
}

.booking-type input[type="radio"]:checked::after {
  content: "";
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
  width: 10px;
  height: 10px;
  background: var(--bg-orange);
  border-radius: 50%;
}

.stepform-inp-wrap input {
	padding-right: 60px;
}

.stepform-inp-wrap {
	position: relative;
}

.point-img {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	max-width: 18px;
}

.buttons-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    padding: 10px 30px 10px;
	border-top: 1px solid #1642bf57;
    gap: 20px;
	    background: #ffffff82;
}
.review-section h5{
	margin-bottom: 0;
    FONT-WEIGHT: 500;
    font-size: 16px;
    color: #775037;
}
.btn-step-prv {
	border: 1px solid var(--bg-orange);
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease-in-out;
	font-size: 20px;
	background-color: transparent;
	font-family: var(--default-heading-font);
	color: var(--bg-orange);
	padding: 13px 7px;
	min-width: 188px;
	gap: 10px;
	cursor: pointer;
}

.btn-step-next::after {
	content: '\f061';
	position: relative;
	font-family: fontawesome;
	margin-left: 7px;
}

.btn-step-prv:hover {
	background-color: var(--bg-orange);
	color: var(--bg-white);
}

.btn-step-next {
	border: 1px solid var(--bg-orange);
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease-in-out;
	font-size: 20px;
	background-color: var(--bg-orange);
	font-family: var(--default-heading-font);
	color: var(--bg-white);
	padding: 13px 7px;
	min-width: 188px;
	cursor: pointer;
}

.btn-step-next:hover {
	background-color: var(--bg-text-color);
	border-color: var(--bg-text-color);
}

/* ========== responsive css =========== */


  @media only screen and (max-width: 768px) {
        .stepform-hd-top .title {
			    font-size: 17px;
		}
		.fc .fc-daygrid-day-number {
			font-size: 15px !important;
		}
		.review-title {
    		font-size: 17px;
		}
    }



@media (max-width: 1440px) {
	.banner-img-rgt {
		width: 70%;
	}

	.food-three {
		right: -12px;
	}

	.slick-next.slick-arrow {
		right: 0;
	}

	.slick-prev.slick-arrow {
		left: 0;
	}

	.dog-cat-ov {
		top: -38%;
		left: unset;
		right: 0;
		max-width: 474px;
		transform: translateX(0%);
	}
}

@media (max-width: 1199px) {
	body {
		font-size: 16px;
		line-height: 1.2;
	}

	.main-head {
		padding: 15px 0;
	}

	.navbar-nav>li>a {
		font-size: 16px;
		padding: 14px 0;
	}

	.navbar-nav>li {
		margin: 0 10px;
	}

	.navbar-expand-lg .navbar-collapse {
		padding-right: 30px;
	}

	.hdr-rgt {
		gap: 30px;
	}

	.cmn-btn-border,
	.cmn-btn {
		padding: 16px 22px;
		font-size: 16px;
	}

	.navbar-brand {
		width: 100px;
	}

	.h1-heading,
	h1 {
		font-size: 45px;
	}

	.banner-cont p {
		font-size: 18px;
	}

	.banner-img {
		/*max-width: 380px;*/
		margin: 0 auto;
	}

	.food-one {
		max-width: 85px;
	}

	.food-three {
		max-width: 120px;
	}

	.food-two {
		max-width: 110px;
	}

	.abt-logo {
		max-width: 165px;
	}

	.abt-lft-top {
		max-width: 260px;
	}

	.abt-lft-bottom {
		bottom: -29%;
		max-width: 270px;
	}

	/*.abt-center-img {*/
	/*	max-width: 400px;*/
	/*}*/

	/*.store-image {*/
	/*	width: 120px;*/
	/*}*/

	.store-title a {
		font-size: 16px;
	}

	input[type="text"],
	input[type="tel"],
	input[type="password"],
	input[type="email"],
	select {
		border-radius: 4px;
		height: 43px;
	}

	select {
		background-position: center right 12px;
		background-size: 11px;
	}

	h2 {
		font-size: 30px;
	}

	.store-timings,
	.store-distance,
	.store-address {
		font-size: 12px;
		padding-left: 26px;
		margin-bottom: 6px;
	}

	.store-distance img,
	.btn-search img {
		max-width: 14px;
	}

	.store-timings::after,
	.store-distance::after,
	.store-address::after {
		width: 15px;
		height: 15px;
		background-size: 14px;
	}

	.store-title {
		margin-bottom: 8px;
	}

	.btn-book {
		padding: 4px 11px;
		font-size: 12px;
		line-height: 23px;
	}

	.btn-direction,
	.btn-location,
	.btn-call {
		padding: 5px 7px;
	}

	.btn-direction img,
	.btn-location img,
	.btn-call img {
		max-width: 16px;
	}

	.dog-stp-lf-img {
		max-width: unset;
		width: 30%;
	}

	.dog-stp-rgt-img {
		right: 0;
		max-width: unset;
		width: 30%;
	}

	/* .product-card-col h3,
	.product-card-col h3 a {
		font-size: 15px;
	} */

	.product-card-img {
		height: 170px;
	}

	.add-to-bag {
		font-weight: 500;
		font-size: 12px;
		padding: 8px 5px;
		gap: 7px;
	}



	.product-tabs .tab-btn {
		border-radius: 4px;
		font-weight: 500;
		padding: 10px 16px;
		font-size: 16px;
	}

	.product-sec {
		padding: 95px 0;
	}

	.banner-img-rgt {
		left: 60%;
	}



	.counter-row {
		--bs-gutter-y: 20px;
		justify-content: center;
	}

	.dog-cat-ov {
		top: -18%;
		max-width: unset;
		width: 100%;
	}

	.cmn-heading p {
		font-size: 16px;
	}

	.community-logo {
		max-width: 130px;
	}

	.play-button {
		width: 60px;
		height: 60px;
	}

	.testimonial-card {
		padding: 57% 0;
	}

	.review-card-wrap {
		max-width: 640px;
		margin: 40px auto 0;
	}

	.review-card {
		border-radius: 10px;
		min-height: 100px;
		padding: 15px;
	}

	.dog-stp-lf-img {
		width: 20%;
	}

	.tst-rgt-top {
		max-width: 95px;
	}

	.tst-rgt-bottom {
		bottom: 135px;
		right: 35px;
		max-width: 87px;
	}

	.testimonial-gallery {
		padding: 85px 0;
	}

	.events-section .store-image {
		width: 150px;
	}

	.btn-view-dtl {
		padding: 6px 8px;
		font-size: 12px;
	}

	.events-section .store-actions {
		margin-top: 14px;
	}

	.btn-view-dtl img {
		max-width: 13px;
	}

	.btn-book {
		border-radius: 5px;
	}

	.events-section .store-title a {
		font-size: 16px;
	}

	.store-date::after {
		width: 14px;
		height: 14px;
		background-size: 13px;
	}

	.store-date {
		font-size: 12px;
		padding-left: 25px;
		margin-bottom: 12px;
	}

	.prd-list ul li {
		font-size: 16px;
		margin-bottom: 16px;
		padding-left: 28px;
		background-position: left 0px;
		background-size: 16px;
	}

	.prd-list ul::before {
		top: 3px;
		left: 8px;
		width: 1px;
	}
.trial-pack-pricing{
	    display: flex;
    align-items: center;
    gap: 10px;
}
	.trial-pack-pricing span {
		font-size: 26px;
	}

	.add-to-bag-sm {
		padding: 13px 20px;
		font-size: 16px;
		gap: 7px;
	}

	.add-to-bag-sm img {
		max-width: 16px;
	}

	.pd-rgt-img {
		right: 40px;
		max-width: 88px;
	}

	.pd-lft-img {
		max-width: 74px;
	}

	.trial-sec {
		padding: 105px 0 75px;
	}

	.blog-cont span {
		line-height: 1.2;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.media-col {
		width: 25%;
	}

	.media-row {
		justify-content: center;
	}


	.footer-copy-rgt p {
		font-size: 16px;
	}

	.footer-col-logo-link {
		width: 100px;
		height: 100px;
		padding: 20px;
	}

	.footer-col-logo-link img {
		width: 100%;
	}

	.footer-col-addtess ul li {
		margin-bottom: 10px;
	}

	.footer-col ul li {
		margin-bottom: 6px;
	}

	.footer-hd-sm {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 10px;
	}

	.footer-col-link-three {
		padding-left: 50px;
	}

	.footer-btm {
		padding: 40px 0 30px;
	}

	.footer-lft {
		left: 0px;
		top: 50%;
		max-width: 183px;
	}

	.footer-rgt {
		right: 4px;
		bottom: 100px;
		max-width: 100px;
	}

	.footer-form input {
		height: 50px;
	}

	.footer-copy-rgt {
		padding: 16px 0;
	}

	.footer-hd {
		font-size: 40px;
		margin-bottom: 7px;
	}

	.banner.inner-banner {
		margin-top: 93px;
	}

	.community-lft-col {
		margin-right: 0px;
	}

	.stats {
		font-size: 30px;
		margin-top: 40px;
	}

	.community-lft-logo {
		border-radius: 8px;
		width: 90px;
		padding: 15px 10px;
	}

	.stats span {
		font-size: 16px;
	}

	.stats-wrap {
		width: 190px;
		padding-right: 14px;
	}

	.dog-image {
		width: calc(100% - 190px);
	}

	.community-sec {
		padding: 80px 0;
	}

	.socials-icons ul li a {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.facilities-features ul li {
		padding: 9px 9px;
		border-radius: 4px;
		font-size: 16px;
		padding-left: 40px;
	}


	.facilities-features ul li::before {
		left: 12px;
		top: 9px;
		width: 20px;
		height: 20px;
		background-size: 20px;
	}

	.facilities-features ul {
		gap: 10px;
	}

	.facilities-section {
		padding: 0 0 60px;
	}

	.join-cm-sec {
		padding: 87px 0 80px;
	}

	.abt-lft-col {
		margin-right: 0;
	}

	.abt-lft-col-img-1 {
		max-width: 50%;
	}

	.abt-lft-col-img-2 {
		max-width: 45%;
	}

	.abt-img-ovr {
		bottom: -16%;
		left: -8%;
		max-width: 702px;
	}

	.blog-lft-col {
		width: 55%;
	}

	.blog-rgt-col {
		width: 45%;
	}
}

@media (max-width: 1024px) {

	/* navbar*/

	.navbar-nav .clickD {
		top: 40px;
	}

	.navbar-nav .clickD.toggled {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.sub-menu>li.menu-item-has-children .clickD {
		top: 8px;
		right: 5px;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.sub-menu>li.menu-item-has-children .clickD.toggled {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.navbar-nav>li.menu-item-has-children {
		padding-right: 10px;
	}

	.sub-menu>li.menu-item-has-children>a {
		padding-right: 10px;
	}

	.sub-menu.show {
		display: block;
	}

	.navbar-nav>li.current-menu-item>a:after,
	.navbar-nav>li>a:after,
	.navbar-nav>li.menu-item-has-children>a:after {
		width: 100%;
		opacity: 0;
	}

	.navbar-nav>li.current-menu-item>a:after,
	.navbar-nav>li>a:hover:after,
	.navbar-nav>li.menu-item-has-children:hover>a:after {
		width: 100%;
		opacity: 1;
	}

	/* navbar end*/
}

@media (max-width: 991px) {


	.navbar-nav .clickD {
		top: 0px;
		right: 0;
		width: 25px;
		height: 37px;
		background: url(images/sort-down-hover.svg) center center no-repeat;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	.navbar-nav .clickD.toggled {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.sub-menu>li.menu-item-has-children .clickD {
		top: 8px;
		right: 10px;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}


	.sub-menu,
	.navbar-nav>li>.sub-menu .sub-menu {
		position: relative;
		width: 100%;
		left: inherit;
		top: inherit;
		border: none;
		right: inherit;
		padding: 0 0;
		opacity: 1;
		border-radius: 0;
		display: none;
		visibility: visible;
		border: 1px solid #0000003d;
		border-bottom: none;
		background-color: #0000000a;
	}

	.navbar-nav>li.menu-item-has-children {
		padding-right: 0;
	}

	.navbar-nav>li {
		margin: 0 0;
		padding: 0;
	}

	.navbar-nav li.menu-item-has-children:hover>.sub-menu {
		top: 0;
	}

	.navbar-nav>li>a {
		padding: 8px 0 8px 0px;
		display: inline-block;
		width: 100%;
		color: var(--bg-black);
		font-size: 14px;
		border-top: 1px solid #0000003d;
	}

	.navbar-nav>li:first-child a {
		border: none;
	}

	.navbar-nav li.menu-item-has-children>a {
		padding-right: 50px;
	}

	.sub-menu .sub-menu>li>a {
		padding-left: 60px;
	}

	.sub-menu .sub-menu .sub-menu>li>a {
		padding-left: 80px;
	}

	.navbar-nav>li>a:after {
		bottom: 0;
	}

	/* navbar end*/

	/* push nav */

	.navbar-collapse {
		background: #fff;
		position: fixed;
		top: 0;
		height: 100% !important;
		width: 290px;
		overflow-y: auto;
		-webkit-transition: inherit !important;
		-o-transition: inherit !important;
		transition: inherit !important;
		right: 0;
		margin: 0;
		display: block !important;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: transform 0.2s ease-in-out !important;
		-webkit-transition: -webkit-transform 0.2s ease-in-out !important;
		transition: -webkit-transform 0.2s ease-in-out !important;
		-o-transition: transform 0.2s ease-in-out !important;
		transition: transform 0.2s ease-in-out !important;
		transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
		z-index: 100;
	}

	.navbar-collapse.show,
	.navbar-collapse.collapsing {
		display: block !important;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: transform 0.2s ease-in-out !important;
		-webkit-transition: -webkit-transform 0.2s ease-in-out !important;
		transition: -webkit-transform 0.2s ease-in-out !important;
		-o-transition: transform 0.2s ease-in-out !important;
		transition: transform 0.2s ease-in-out !important;
		transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
	}

	.navbar-collapse .navbar-nav {
		margin: 80px 0 0;
		padding: 0 10px 40px;
	}

	.navbar-collapse .navbar-toggler {
		display: block;
		right: 20px;
		top: 20px;
		position: absolute;
	}

	#navoverlay.open {

		background-color: rgba(0, 0, 0, 0.546);
		pointer-events: all;
		-webkit-transition: background-color 0.5s linear;
		-o-transition: background-color 0.5s linear;
		transition: background-color 0.5s linear;
	}

	body.open-nav,
	html.open-nav {
		height: 100%;
		overflow: hidden;
	}



	.navbar {
		padding: 0;
	}

	.sub-menu>li>a {
		border: none;
		padding: 8px 8px;
		border-bottom: none;
		border-top: 1px solid #0000003d;
	}

	.sub-menu>li:first-child a {
		border-top: none;
	}

	.navbar-toggler {
		position: relative;
		width: 40px;
		order: 2;
		height: 40px;
		/* background-color: var(--bg-orange); */
		padding: 0;
		border-radius: 2px;
		outline: none !important;
		border: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		margin-top: -4px;
	}

	.stick,
	.stick:after,
	.stick:before {
		width: 33px;
		height: 2px;
		background:#000000;
		position: absolute;
		left: 8px;
		top: 19px;
		-webkit-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
		border-radius: 5px;
	}

	.stick:before {
		content: '';
		top: -9px;
		left: 0;
	}

	.stick:after {
		content: '';
		top: 9px;
		left: 0;
	}

	.stick.open {
		-webkit-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transform: translateX(-50px);
		background: transparent;
	}

	.stick.open:before {
		-webkit-transform: rotate(45deg) translate(38px, -32px);
		-ms-transform: rotate(45deg) translate(38px, -32px);
		transform: rotate(45deg) translate(38px, -32px);
		left: 2px;
	}

	.stick.open:after {
		-webkit-transform: rotate(-45deg) translate(42px, 28px);
		-ms-transform: rotate(-45deg) translate(42px, 28px);
		transform: rotate(-45deg) translate(42px, 28px);
		left: 2px;
	}

	/* push nav end */

	.navbar-nav>li>a:after,
	.navbar-nav>li>a::before {
		display: none;
	}

	.cmn-btn-border,
	.cmn-btn {
		font-weight: 400;
		padding: 13px 16px;
	}

	.hdr-rgt {
		gap: 20px;
		margin-left: auto;
		padding-right: 20px;
	}

	.navbar-toggler.navbar-toggler-main.open .stick:before {
		top: -4px;
		left: 1px;
	}

	.navbar-toggler.navbar-toggler-main.open .stick:after {
		top: 10px;
		left: 1px;
	}

	.banner-lft-top-ovr,
	.banner-img-rgt {
		width: 50%;
	}

	/* .banner-row {
		--bs-gutter-y: 40px;
	} */

	.banner-row .col-lg-6:first-child {
		order: 2;
	}

	.banner-row .col-lg-6:last-child {
		order: 1;
	}

	.banner-img {
		margin: 0 auto;
		/*max-width: 400px;*/
	}

	.banner {
		overflow: hidden;
	}

	.about-cont {
		max-width: unset;
	}

	.abt-lft-bottom {
		bottom: -10%;
	}

	.locate-wrap {
		padding: 20px;
	}

	.locate-cd-wrap .row {
		--bs-gutter-y: 20px;
	}


	.locate-filter {
		margin-top: 15px;
	}

	.banner-img-rgt {
		left: unset;
		transform: translateX(0);
		right: 0;
	}

	.navbar-expand-lg .navbar-collapse {
		padding-right: 0;
	}

	.community-cards .row {
		--bs-gutter-y: 20px;
		justify-content: center;
	}

	.review-card-wrap .row {
		justify-content: center;
		--bs-gutter-y: 25px;
	}

	.events-section .store-image {
		width: 130px;
	}

	.trial-img-overlay {
		top: -37px;
		left: -40px;
		width: 350px;
		height: 350px;
	}

	.product-sec {
		padding: 55px 0;
	}

	.new-pd-left-img {
		max-width: unset;
		width: 30%;
	}

	.blog-cont h3 a {
		font-size: 20px;
	}

	.blog-cont span {
		line-height: 1.2;
		font-size: 14px;
		margin-bottom: 3px;
	}

	.footer-col-link-three {
		padding: 0;
	}

	.footer-col.footer-col-link {
		margin-top: 30px;
	}

	.daycare-dg-ct-ovr-two {
		display: none;
	}

	.daycare-card-cont {
		padding: 20px 0 25px 25px;
	}

	.daycare-card-cont .banner-cont-button {
		margin-top: 20px;
	}

	.daycare-dg-ct-ovr {
		right: 9%;
		max-width: 280px;
	}

	.events-img-ovr {
		max-width: 560px;
	}

	.dog-banner-img {
		top: unset;
		bottom: 0;
		width: 100%;
	}

	.community-rgt-col {
		max-width: unset;
		margin-top: 30px;
	}

	.community-lft-col {
		max-width: 500px;
		margin: 0 auto;
	}

	.abt-lft-col {
		max-width: 550px;
		margin: 0 auto;
	}

	.abt-img-ovr {
		bottom: unset;
		top: -12%;
		left: 0;
		max-width: 662px;
	}

	.blog-lft-col {
		width: 100%;
	}

	.blog-rgt-col {
		width: 100%;
		margin-top: 30px;
	}

	.contact-form-lft {
		width: 100%;
	}

	.contact-form-rgt {
		display: none;
	}

	.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
		border-bottom: none;
	}

	.faq-section {
		padding-bottom: 60px;
	}

	.step {
    	max-width: 140px;
	}

	.step-container .step span {
		width: 50px;
		height: 50px;
		    font-size: 16px;
			margin-bottom: 10px;
	}

	.step-container .step span::after {
		width: 35px;
		height: 35px;
	}

	.step-txt {
    	font-size: 15px;
	}

	.step-container .step::after {
    	top: 25px;
	}

	.stepform-hd-top h2 {
		font-size: 30px;
	}

	.stepform-hd-top {
    padding: 0 15px 15px;
	}

	.stepform-body {
    padding: 20px 15px;
}

.booking-type label {
    gap: 5px;
    font-size: 14px;
}

.booking-type {
	flex-wrap: wrap;
	gap: 5px;
}

.btn-step-prv,
.btn-step-next {
    border-radius: 4px;
    font-size: 16px;
    padding: 13px 7px;
    min-width: 150px;
}

.buttons-wrap {
    padding: 15px 15px 15px;
}

}

@media (max-width: 767px) {
	.hdr-rgt-icons ul {
		gap: 3px;
	}

	/* .banner-lft-top-ovr,
	.banner-img-rgt {
		width: 50%;
	} */

	.abt-lft-top {
		max-width: unset;
		top: -13%;
		width: 40%;
	}

	.abt-lft-bottom {
		bottom: -4%;
		width: 30%;
	}

	.locate-filter .row {
		--bs-gutter-y: 15px;
	}

	.store-image {
		width: 150px;
	}

	.prd-top-ov {
		top: 0;
	}

	.prd-bottom-ov {
		bottom: 0;
	}

	.counter-item {
		width: 100%;
	}

	.why-choose-section {
		padding: 50px 0;
	}

	.why-choose-wrapper .row {
		--bs-gutter-y: 40px;
	}

	.dog-cat-ov {
		top: -18%;
		max-width: unset;
		width: 100%;
		left: 0;
	}

	.why-choose-content {
		padding-right: 0px;
	}

	.blog-rgt-ovr {
		top: -5%;
		right: 0;
		max-width: unset;
		width: 100%;
	}

	.media-col {
		width: 33.33%;
	}

	.blog-sec {
		padding-bottom: 50px;
	}

	.page-footer .prd-top-ov {
		top: -10px;
	}

	.footer-col-logo-wrap {
		padding: 0 0 30px;
	}

	.footer-col-link {
		padding-left: 0;
	}

	.btn-closes {
		top: 6px;
		left: 6px;
		font-size: 12px;
		width: 25px;
		height: 25px;
	}

	.daycare-card-cont {
		padding: 25px;
	}

	.daycare-card-cont h2 {
		font-size: 30px;
	}

	.daycare-card-img {
		padding: 20px;
	}

	.inner-bn-all h1 {
		font-size: 40px;
	}

	.inner-bn-all ul li a,
	.inner-bn-all ul li {
		font-size: 16px;
	}

	.inner-bn-all ul li::after {
		top: 3px;
	}

	.value-rgt-img {
		display: none;
	}

	    .stepform-hd-top h2 {
        font-size: 25px;
    }

}

@media (max-width: 575px) {

	body {
		line-height: 1.4;
	}

	.h1-heading,
	h1 {
		font-size: 30px;
		line-height: 1.2;
	}

	.daycare-card-cont h2,
	.community-rgt-col h2,
	h2 {
		font-size: 21px;
	}

	.banner-cont p {
		font-size: 17px;
	}

	h2,
	.about-cont h2 {
		font-size: 19px;
	}

	.navbar-brand {
		width: 80px;
	}

	.cmn-btn-border,
	.cmn-btn {
		font-size: 14px;
		border-radius: 6px;
	}

	.join-cm-sec {
		padding: 65px 0;
	}

	.hdr-rgt-button {
		display: none;
	}

	

	

	.navbar-toggler {
		width: 30px;
		height: 30px;
	}

	.hdr-rgt {
		padding-right: 20px;
	}

	.stick,
	.stick:after,
	.stick:before {
		width: 33px;
		height: 2px;

	}

	.stick {
		left:-14px;
		top: 14px;
	}

	.stick:before {
		top: -8px;
	}

	.stick:after {
		top: 8px;
	}

	.navbar-toggler.navbar-toggler-main.open .stick:after {
		top: 11px;
	}

	.navbar-brand {
		width: 67px;
	}

	.banner {
		padding: 100px 0 40px;
	}

	.banner-cont-button {
		margin-top: 26px;
	}

	.js-banner-cont {
		padding-bottom: 40px;
	}

	/* .banner-img {
		max-width: 310px;
	} */

	.food-one {
		max-width: 65px;
		    top: 15%;
    	left: 21%;
	}

	.food-two {
		max-width: 80px;
		bottom: -6%;
    	left: 15%;
	}

	.food-three {
		max-width: 80px;
		right: 19%;
	}

	.about {
		padding: 0 0 40px;
	}

	.about-cont-img {
		margin-left: 0;
	}

	.abt-lft-bottom {
		max-width: unset;
	}

	.abt-center-img {
		max-width: unset;
		width: 100%;
	}

	.store-card {
		flex-wrap: wrap;
		gap: 0px;
	}

	.events-section .store-image,
	.store-image {
		width: 100%;
		max-width: 100%;
		height: 230px;
		margin: 0 auto;
	}

	.events-section .store-image img,
	.store-image img {
		height: 100%;
		object-fit: cover;
	}

	.store-details {
		padding-top: 20px;
	}

	.locate-wrap {
		padding: 30px 12px;
	}

	.product-tabs .tab-btn {
		padding: 9px 12px;
		font-size: 14px;
	}

	.product-tabs {
		margin-top: 18px;
		gap: 5px;
	}

	.product-sec {
		padding: 45px 0;
	}

	.btm-wrapp {
		margin-top: 30px;
	}

	/* .product-slider {
		padding: 0 50px;
	} */

	.product-card-img {
		height: 250px;
	}

	.product-hd {
		margin-bottom: 30px;
	}

	.counter-icon {
		width: 40px;
	}

	.counter-number {
		font-size: 20px;
		margin-bottom: 8px;
	}

	.counter-label {
		font-size: 16px;
	}

	.why-subtitle {
		font-size: 16px;
	}

	.add-to-bag img {
		max-width: 17px;
	}

	.cmn-heading {
		margin-bottom: 30px;
	}

	.tst-rgt-top {
		max-width: 35px;
	}

	.tst-rgt-bottom {
		bottom: 28px;
		right: 20px;
		max-width: 47px;
	}

	.event-ov-rgt {
		right: 0;
		max-width: unset;
		width: 100%;
	}

	.event-ov-lft {
		max-width: unset;
		width: 100%;
	}

	.trial-img-overlay {
		top: 0;
		left: unset;
		width: 300px;
		height: 300px;
		right: 0;
	}

	.trial-col-left {
		padding-top: 30px;
	}

	.trial-sec {
		padding: 75px 0;
	}

	.trial-pack-btm {
		gap: 20px;
	}

	.add-to-bag-sm {
		padding: 13px 18px;
		font-size: 14px;
		gap: 5px;
	}

	.add-to-bag-sm img {
		max-width: 12px;
	}

	.js-product-slider {
		padding: 0 50px;
	}

	.media-ovr {
		max-width: unset;
		width: 100%;
	}

	.media-sec {
		padding: 38px 0 50px;
	}

	.blog-sec {
		padding-bottom: 20px;
	}

	.footer-col-logo-wrap ul {
		gap: 12px;
	}

	/*.footer-col {*/
	/*	text-align: center;*/
	/*}*/

	.footer-hd {
		font-size: 20px;
	}

	.blog-cd-row {
		--bs-gutter-x: 0;
	}

	.events-row {
		--bs-gutter-x: 0
	}

	.footer-copy-rgt p a,
	.footer-copy-rgt p {
		font-size: 14px;
	}

	.footer-col ul li {
		font-size: 14px;
	}

	.footer-col-link ul li a {
		font-size: 14px;
	}

	.footer-form input {
		padding-right: 150px;
	}

	.search-form {
		padding: 12px 0;
		margin-top: 11px;
	}

	.pagination a,
	.pagination span {
		padding: 5px 9px;
		font-size: 12px;
		border-radius: 2px;
	}

	.pagination {
		gap: 4px;
		padding: 30px 0 0;
	}

	.prdct-list a {
		font-size: 12px;
		text-align: center;
	}

	.prdct-col-list {
		margin-top: 20px;
	}

	.daycare-dg-ct-ovr {
		right: 9%;
		top: 0;
		max-width: 250px;
	}

	.daycare-card-cont {
		padding: 15px;
	}

	.popup-box {
		width: 100%;
	}

	.product-img-pop {
		width: 80px;
		height: 80px;
		/* padding: 6px; */
	}

	.product-details-pop h4 {
		font-size: 17px;
		margin-bottom: 8px;
	}

	.product-details-pop p {
		font-size: 18px;
	}

	.popup-box {
		padding: 10px;
	}

	.popup-header {
		margin: 0 -10px;
		padding: 0 10px 10px;
	}

	.popup-header h3 {
		font-size: 20px;
	}

	.popup-content {
		height: calc(100vh - 80px);

	}

	.pack-size-group {
		flex-wrap: wrap;
	}

	.pack-size-group label {
		border-radius: 3px;
		font-size: 14px;
	}

	.pd-add-to-cart {
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 22px;
	}

	.pd-add-to-cart-wrap {
		width: 100%;
	}

	.pd-add-to-cart-wrap button {
		width: 30%;
		font-size: 27px;
	}

	.pd-add-to-cart-wrap input {
		width: 100%;
	}

	.banner.inner-banner {
		margin-top: 72px;
	}

	.product-banner-image {
		padding-top: 41%;
	}

	.js-product-banner .slick-dots {
		bottom: 15px;
	}

	.product-section {
		padding: 50px 0;
	}

	.inner-banner.inner-banner-all {
		min-height: 320px;
	}

	.inner-bn-all h1 {
		font-size: 30px;
		line-height: 1;
	}

	.inner-banner.inner-banner-all {
		min-height: 250px;
	}

	.inner-bn-all {
		padding: 30px 0 0;
	}

	.events-img-ovr {
		max-width: 310px;
	}

	.events-banner-img {
		max-width: 260px;
	}

	.community-banner {
		bottom: -7px;
	}

	.stats {
		font-size: 20px;
		margin-top: 24px;
	}

	.stats-wrap {
		width: 150px;
	}

	.dog-image {
		width: calc(100% - 150px);
	}

	.stats-wrap::before {
		top: 49px;
		width: 110px;
	}

	.community-lft-logo {
		width: 130px;
		top: 10px;
		left: 120px;
	}

	.stats span {
		font-size: 14px;
	}

	.community-sec {
		padding: 50px 0;
	}

	.stats-wrap {
		padding-top: 40px;
	}

	.facilities-section .cmn-hd {
		padding: 20px;
	}

	.facilities-features ul li {
		padding: 6px;
		font-size: 12px;
		padding-left: 22px;
	}

	.facilities-features ul li::before {
		left: 6px;
		top: 7px;
		width: 13px;
		height: 13px;
		background-size: 13px;
	}

	.facilities-features {
		margin-top: 20px;
	}

	.facilities-features-btn {
		margin-top: 25px;
	}

	.tagline {
		font-size: 12px;
	}

	.social-icons ul {
		gap: 15px;
		margin-top: 12px;
	}

	.prd-top-ov {
		top: -5px;
	}

	.prd-bottom-ov {
		bottom: -5px;
	}

	.social-icons {
		bottom: 44px;
		opacity: 1;
		visibility: visible;
		user-select: all;
		pointer-events: all;
	}

	.our-values-img {
		width: 70px;
		height: 70px;
	}

	.our-values-img img {
		max-width: 30px;
	}

	.our-values-col h3 {
		font-size: 20px;
		margin-bottom: 9px;
	}

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

	.banner-cont-button {
		justify-content: center;
	}

	.slick-dots {
		left: 50%;
		transform: translateX(-50%);
	}

	.why-choose-content {
		text-align: center;
	}

	.footer-col-addtess {
		margin-right: 0;
		max-width: unset;
	}

	.trial-pack-btm {
		justify-content: center;
	}

	.trial-col-left p,
	.trial-col-left h2,
	.trial-col-left .why-subtitle,
	.team-col-cont,
	.community-rgt-col,
	.daycare-card-cont {
		text-align: center;
	}
	.prdct-col-menu-wrap h1 {
		text-align: center;
		font-size: 15px;
	}

	.prd-list {
		width: 90%;
		margin: 0 auto;
	}

	.prd-list ul li {
		font-size: 15px;
	}

	.follow-wap p {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.follow-wap span {
		font-size: 14px;
	}

	.club-title {
		font-size: 20px;
	}

	.community-card p {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.community-card p img {
		max-width: 14px;
	}

	.socials-icons ul {
		justify-content: center;
	}

	.banner-cont-button {
		gap: 15px;
	}

	.col-shield-info h4,
	.col-shield-info h3,
	.col-shield-info h2 {
		font-size: 24px;
		margin-bottom: 7px;
	}

	.col-shield-info p {
		margin: 0 0 20px;
	}

	.blog-social-icon {
		gap: 10px;
		flex-direction: column;
	}

	.buield-img-link-cont h4 {
		font-size: 16px;
	}

	.buield-img-link-cont {
		padding-left: 10px;
	}

	.buield-img-link-img {
		width: 110px;
	}

	.post-verity {
		padding: 10px;
	}

	.buield-img-link {
		margin-bottom: 15px;
	}

	.daycare-verity {
		margin-top: 20px;
		padding: 15px;
	}

	.buield-img-col-cont h4 {
		font-size: 20px;
	}

	.blog-bann .inner-bn-all {
		padding: 35px 0;
	}

	.charity-shield {
		padding: 50px 0;
	}

	.col-shield-info {
		text-align: center;
	}

	.blog-social ul li::before {
		top: -2px;
		left: 0;
		width: 6px;
		height: 6px;
		margin-right: 7px;
		position: relative;
		display: inline-block;
	}

	.blog-social ul li {
		font-size: 16px;
		padding-left: 0px;
	}

	.buield-img-col-cont {
		text-align: center;
	}

	.contact-form-wrap {
		padding: 30px 15px;
		margin-top: -30px;
	}

	.form-col-flex {
		flex-direction: column;
	}

	.form-col-flex .cmn-btn {
		width: 100%;
	}

	.contact-form {
		padding-bottom: 50px;
	}

	.accordion-button {
		padding: 12px 0;
		font-size: 16px;
		gap: 5px;
	}

	    .inner-banner.inner-banner-all {
        min-height: 160px;
    }

	.step-form-sec {
		padding: 0 0 60px;
		margin-top: -40px;
		z-index: 1;
	}
	.banner-img-rgt{
		width: 100%;
	}
	.step-container .step span {
        width: 40px;
        height: 40px;
		font-size: 14px;
		margin-bottom: 4px;
	}

	    .step-container .step span::after {
        width: 28px;
        height: 28px;
    }
	    .step-txt {
        font-size: 12px;
    }

	    .btn-step-prv, .btn-step-next {
        border-radius: 4px;
        font-size: 14px;
        padding: 11px 7px;
        min-width: 140px;
    }

}

@media (max-width: 479px) {
	.hdr-rgt {
		gap: 20px;
	}

	.hdr-rgt-icons ul li a img {
		max-width: 15px;
	}

	.hdr-rgt-icons ul li a {
		/* width: 28px; */
		height: 28px;
	}

	.cmn-btn-border,
	.cmn-btn {
		font-weight: 400;
		padding: 12px 25px;
		font-weight: 500;
	}

	.main-head {
		padding: 9px 0;
	}

	.product-card-img {
		height: 170px;
	}

	.media-col {
		width: 50%;
	}

	.page-footer {
		padding: 50px 0 0;
	}



	.btn-closes {
		top: 5px;
		left: 3px;
		font-size: 10px;
		width: 20px;
		height: 20px;
		padding: 0;
	}

	.daycare-dg-ct-ovr {
		right: 0px;
		top: -12px;
		max-width: unset;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.product-banner-image {
		        padding-top: 38%;
	}

	.banner.inner-banner {
		margin-top: 60px;
	}

	.community-lft-logo {
		width: 90px;
		top: 10px;
		left: 118px;
	}

	.stats span {
		font-size: 12px;
	}

	.stats-wrap {
		width: 130px;
	}

	.dog-image {
		width: calc(100% - 130px);
	}
}


/*added by sudipa*/

   /* From Uiverse.io by gharsh11032000 */ 
        /* The switch - the box around the slider */
        .switch {
        font-size: 17px;
        position: relative;
        display: inline-block;
        width: 4.5em;
        height: 1.3em;
        }

        /* Hide default HTML checkbox */
        .switch input {
        opacity: 0;
        width: 0;
        height: 0;
        }

        /* The slider */
        .slider {
        position: absolute;
        cursor: pointer;
        inset: 0;
        background: #cfd9e3;
        border-radius: 50px;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .slider:before {
        position: absolute;
        content: "";
        display: flex;
        align-items: center;
        justify-content: center;
        width: 29px;
        height: 29px;
        margin-top: -4px;
        inset: 0;
        background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23259425' d='M20 4v16H4V4zm2-2H2v20h20zM12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6'/%3E%3C/svg%3E") no-repeat center center;
        background-size: 100%; /* adjust size of icon */
        box-shadow: 0 10px 20px rgba(0,0,0,0.4);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        
        }

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

        .switch input:focus + .slider {
        box-shadow: 0 0 1px #0974f1;
        }

        .switch input:checked + .slider:before {
        transform: translateX(2.9em);
        }


.cd-button-cart-count{
	
	position: absolute;
    background: #da1e28;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 4px;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.popup-footer{
	box-sizing: border-box;
    border-top: 1px solid #ebf0ff;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    right: 0;
    margin: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
}
.btn-checkout{
	background-color: #FF6D1F;
    font-size: 16px;
    height: 50px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
}
.btn-checkout:hover{
	color: #fff;
	background: #000;
}

.total-price{
	font-size: 16px;
    font-weight: 700;
    color: #151515;
}
.remove-item{
	background: none;
    border: none;
}

.sticky-product-cat{
	/* width: calc(25% - 15px); */
    position: sticky;
    top: 10px;
	padding-bottom: 20px;
    height: calc(100vh);
    overflow-y: auto;
   
}

/* WebKit browsers (Chrome, Edge, Safari) */
.sticky-product-cat::-webkit-scrollbar {
    width: 10px; /* scrollbar width */
	height: 50px;
}

.sticky-product-cat::-webkit-scrollbar-track {
    background: #e0e0e0; /* track color */
   
}

.sticky-product-cat::-webkit-scrollbar-thumb {
    background-color: var(--bg-orange); /* scrollbar color */
    border: 2px solid #f8f8f8; /* adds padding around thumb */
}

.sticky-product-cat::-webkit-scrollbar-button {
    display: none;
}

/* Firefox */
.sticky-product-cat {
    scrollbar-width: thin; /* options: auto, thin */
    scrollbar-color: var(--bg-orange) #e0e0e0; /* thumb color | track color */
}

.prdct-col-menu-wrap .nav-pills .nav-link.active,.prdct-list .active a{
	 background-color: #ff960333 !important;
	 color: #000 !important;
}

.product-title{
	color: #151515;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 124.9%;
}
.product-container{
	    background: #FFF1EB;
}
@media screen and (max-width: 767px) {
    .product-title {
        font-size: 14px;
        font-weight: 400;
    }
	.sticky-product-cat{
		padding: 0;
	}
}


.selectgroup-pills {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}
.selectgroup {
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.selectgroup-pills .selectgroup-item {
    margin-right: .5rem;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.selectgroup-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.selectgroup-input:checked+.selectgroup-button {
    border:2px solid #000;
    z-index: 1;
    color: #000;
    /* background: rgba(21, 114, 232, .15); */
}



.selectgroup-button {
    display: block;
    border: 1px solid #cfcfcf;
    text-align: center;
    /* padding: .375rem 1rem; */
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
    line-height: 1.7rem;
    /* min-width: 2.375rem; */
}

.color-pills .selectgroup-button{
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;

}

.selectgroup-pills .selectgroup-button{
	width: 65px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .product-gallery {
    gap: 15px;
}
.gallery-thumbs {
    width: 80px;
}
.gallery-thumbs .thumb-slide img {
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px;
    border: 2px solid transparent;
}
.gallery-thumbs .slick-current img {
    border-color: #000; 
}

.gallery-main .main-slide img {
    width: 100%;
} */


.product-gallery {
    display: flex; /* Ensure it's a flex container */
    gap: 15px;
}

.gallery-thumbs {
    width: 20%;
    flex-shrink: 0; /* Prevents the thumbnail column from shrinking */
}


.thumb-slide{
	width: 100%;
}
.gallery-thumbs .thumb-slide img {
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px;
    border: 2px solid transparent;
}

.gallery-thumbs .slick-current img {
    border-color: #000; /* highlight selected thumbnail */
}

/* This is the key change */
.gallery-main {
    flex: 1; 
	min-width: 0;
	overflow: hidden;
}

.gallery-main .main-slide img {
    width: 100%;
}
.gallery-main .slick-next.slick-arrow {
	right: 0;
}
.gallery-main .slick-prev.slick-arrow {
	left: 0;
}
.product-page-cart{
	    width: 100%;
	    background-color: #ff9603;
		color: #fff;
		border-radius: 30px;
		text-transform: uppercase;
		padding: 14px 25px;
		font-size: 15px;
		font-weight: 700;
		border: none;
		transition:all 0.5s ease;

}

.product-page-cart:hover{
     background-color: #876842;
     transition:all 0.5s ease;
}
.content-sec{
	background-color: #fff;
    border-radius: 20px;
}

.product-meta .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed,.product-meta .accordion-item:first-of-type {
	    border-top: none;
}
.product-meta .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom: none;
}
.product-meta .accordion-item{
	 border-bottom: 1px solid gray;
}

.pd-add-to-cart-wrap.product-page{
	    width:100%;
		border: 1px solid #3b2519;
}
.pd-add-to-cart-wrap.product-page input{
    /* min-height: 40px; */
	background-color:#fff;
	
}
.variant-data{
	align-items: center;
    gap: 10px;
}
.color-var{
	display: flex;
	align-items: center;
}
.color-swatch{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 5px;
}
.fc-today-button{
	display: none !important;
}
#loginModal .modal-content{
	background:#0e4ead;
	border-radius: 15px;
}
.login-signup-form{
	border-radius: 15px;
}
.login-head,.login-subhead{
font-weight: 400;
}
.btn-close {
	position: absolute;
    right: -4%;
    top: -6%;
	opacity: 1;
    --bs-btn-close-color: #fff;
    --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3em' height='3em' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.36 19.78L12 13.41l-6.36 6.37l-1.42-1.42L10.59 12L4.22 5.64l1.42-1.42L12 10.59l6.36-6.36l1.41 1.41L13.41 12l6.36 6.36z'/%3E%3C/svg%3E");
}
.terms-para p,.terms-para a{
	font-size: 15px;
}
.terms-para a{
	text-decoration: underline;
}
.usp-card{
	text-align: center;
}
.usp-heading{
	font-weight: 500;
    font-size: 16px;
	margin-top: 20px;
	color: #ffff;
}
.usp-card{
	background: #ffffff29;
    padding: 15px 12px;
    border-radius: 15px;
}
.review-title{
	    font-size: 20px;
	    font-weight: 500;
}
.dynamic-content{
	    color: #000;
    font-weight: 600;
    margin-top: 5px;
}
.border-top{
	border-top: 1px solid gray;
}
.stepform-body{
	    /* background: #8667422b; */
		background: #0065fd2b;
}
.terms-check{
	display: flex;
    align-items: normal;
    gap: 10px;
}
.terms-check label{
	    font-size: 15px;
}
.total-div{
	background: #dddddd;
}
.fc .fc-button-primary {
    background-color: #654d41e6;
    border-color: #ffac2a;
}
#expressCheckout{
	width: 100%;
    background: #000000;
    border: none;
    padding: 15px;
    font-size: 20px;
}
.data-row{
	    display: flex;
    justify-content: space-between;
}
.data-row strong{
	color: gray;
}
@media (min-width: 990px) {
    .modal-dialog {
        max-width: 990px;

	}
}

.thank-you-page{
	margin: 0 auto;
    display: flex;
    flex-direction: column;
}
/* From Uiverse.io by akshat-patel28 */ 
.success-card {
	
margin: auto;
  /* width: 370px; */
  /* height:100%; */
  border-radius: 8px;
  box-sizing: border-box;
  padding: 10px 15px;
  background-color: #ffffff;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 15px;
}

.icon-container {
  width: 5em;
  height: 5em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #04e40048;
  border-radius: 50%;
  margin-left: 8px;
}
.success-card .icon {
  width: 3em;
  height: 3em;
  color: #269b24;
}
.message-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
}
.message-text,
.sub-text {
  margin: 0;
  cursor: default;
}
.message-text {
  color: #269b24;
  font-size: 25px;
  font-weight: 700;
}
.sub-text {
  font-size: 18px;
  color: #555;
}




/* From Uiverse.io by PriyanshuGupta28 */ 
.stepper-box {
  background-color: aliceblue;
  border-radius: 12px;
  padding: 32px;
  width: 400px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin: 0 auto;
}

.stepper-step {
  display: flex;
  margin-bottom: 32px;
  position: relative;
}

.stepper-step:last-child {
  margin-bottom: 0;
}

.stepper-line {
  position: absolute;
  left: 19px;
  top: 40px;
  bottom: -32px;
  width: 2px;
  background-color: #e2e8f0;
  z-index: 1;
}

.stepper-step:last-child .stepper-line {
  display: none;
}

.stepper-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  z-index: 2;
}

.stepper-completed .stepper-circle {
  background-color: #0f172a;
  color: white;
}

.stepper-active .stepper-circle {
  border: 2px solid #0f172a;
  color: #0f172a;
}

.stepper-pending .stepper-circle {
  border: 2px solid #e2e8f0;
  color: #94a3b8;
}

.stepper-content {
  flex: 1;
}

.stepper-title {
  font-weight: 600;
  margin-bottom: 4px;
}

.stepper-completed .stepper-title {
  color: #0f172a;
}

.stepper-active .stepper-title {
  color: #0f172a;
}

.stepper-pending .stepper-title {
  color: #94a3b8;
}

.stepper-status {
  font-size: 16px;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  margin-top: 4px;
}

.stepper-completed .stepper-status {
    background-color: #9ef3bb;
    color: #1e7a42;
}

.stepper-active .stepper-status {
  background-color: #dbeafe;
  color: #1d4ed8;
}

.stepper-pending .stepper-status {
background-color: #ffe000;
    color: #000000;
}

.stepper-time {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 4px;
}



#nextBtn.disabled-force {
    pointer-events: none !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background-color: #ccc !important; /* optional: gray out */
}




.cookie-card {
  width: 370px;
  /* height: 220px; */
     position: fixed;
    bottom: 15%;
    background: #000;
    z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  gap: 13px;
  /* position: relative; */
  overflow: hidden;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.062);
}



#cookieSvg {
  width: 50px;
}

#cookieSvg g path {
  fill:rgb(255 182 55);
}

.cookieHeading {
  font-size: 1.2em;
  font-weight: 800;
  color: #fff;
}

.cookieDescription{
    text-align: center;
    font-size: 0.9em;
    font-weight: 600;
    color: rgb(217 215 211);
}
 .cookieDescription a {
	font-size: 0.9em;
    font-weight: 600;
	color:rgb(255 182 55) ;
 }
.buttonContainer {
  display: flex;
  gap: 20px;
  flex-direction: row;
}

.acceptButton {
  background-color:#0b33a5;
  transition-duration: .2s;
  border: none;
  color: rgb(241, 241, 241);
  cursor: pointer;
  font-weight: 600;
  padding: 10px;

}

.declineButton {
  background-color: rgb(218, 218, 218);
  transition-duration: .2s;
  color: rgb(46, 46, 46);
  border: none;
  cursor: pointer;
  font-weight: 600;
  padding: 10px;
}

.declineButton:hover {
  background-color: #ebebeb;
  transition-duration: .2s;
}

.acceptButton:hover {
  background-color: #ff9603;
  transition-duration: .2s;
} 

.cookie-card {
  display: none;              /* hidden by default */
  opacity: 0;                 /* transparent */
  transition: opacity 0.6s ease; /* smooth fade */
}
.cookie-card.show {
  display: flex;              /* or block, depending on your layout */
  opacity: 1;                 /* fully visible */
}

@media only screen and (min-width: 991px) {
    .cookie-card {
         bottom: 0;
    }
}


.inner-new-page h1{
	    font-size: 30px;
}
.inner-new-page h2{
	font-size: 22px;
	    font-weight: 600;
}
.out-of-stock-banner{
	position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
}


.selectgroup-item.out-of-stock .selectgroup-button {
    position: relative;
    opacity: 0.6;
    cursor: not-allowed;
	overflow: hidden;
	border: 1px solid #d9d9d9 !important;
    color: #e8e8e8 !important;
}

.selectgroup-item.out-of-stock .selectgroup-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11%;
    right: -13%;
    height: 2px;
    background: #bfbfbf;
    transform: rotate(330deg);
}
.bg-wrap img{
	border-radius: 15px;
}
.brand-name{
	color: var(--bg-orange);
	font-size: 11px;
    font-weight: 600;
	margin-bottom: 5px;

}

.product-card-col h3,.product-card-col h3 a{
    	font-size: 12px;
    	margin-bottom:5px;
}
.feat-product-name{
	font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}
.feat-product-name:hover{
	color: #000;
}
.product-meta{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.view-btn{
    background: #ff6d1f;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    min-width: 62px;
    border-radius: 4px;
}
.view-btn:hover{
	color: #fff;
}
.feat-product-price{
font-family:var(--default-body-font);
color: #000000;
font-size: 16px;
font-style: normal;
font-weight: 600;
}
.hw_sales_label .sales_label_card {
    position: absolute;
   	    background: rgb(11 255 144 / 64%);
    color: #108F55;
    padding: 3px 12px;
    margin-bottom: 0;
    top: 0;
	border-radius: 12px 0 0;
	    font-size: 12px;
}

.featured-card {
    position: relative; /* This is necessary for the icon's positioning */
}

.food-type-wrapper {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 5;
}

.food-type-icon {
    width: 24px;
    height: 24px !important;
    /* background: #fff; */
    border-radius:0 !important;
    /* padding: 2px; */
}
.dog-treats{
	    background: #fefaf6;
}
.dog-treats .featured-card{
	background: transparent;
}
 .featured-card img {
	height: 220px;
	border: 1px solid #80808042;

	}


	.usp-section {
    background: #d8f7f4;
    /* background: #f0fffe; */
    border-radius: 15px;
    margin-top: 20px;
    box-shadow: rgb(100 100 111 / 9%) 0px 7px 29px 0px;
    border: 1px solid #9dddeb;
}

.usp-icon {
    width: 60px;
    height: 60px;
    opacity: 0.8;
}

.usp-item h5 {
	font-size: 17px;
    font-weight: 600;
    color: #333;
}

.usp-item p {
    font-size: 0.9rem;
    line-height: 1.5;
}
#product-price{
	font-size: 20px;
}
.facilities ul{
	columns: 1;
}
.facilities ul li{
	display: flex;
    gap: 10px;
    font-weight: 700;
    color: #565656;
	    align-items: center;
    margin-bottom: 10px;
}
.facilities ul li span{
    background: #efceac;
    border-radius: 50%;
    padding:10px;
}
.facilities ul li img{
   width: 45px;
    height: 45px;
    object-fit: contain;
   
}
.intro-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.feat-product-price span{
    font-size: 10px;
    	width: 100%;
		display: block;
		color: #28ab70;
}
.blog-title{
    font-size: 25px;

}

@media only screen and (min-device-width: 481px) and (max-device-width: 990px) {
    	.facilities ul{
	columns: 2;
}
}
@media only screen and (min-width: 991px) {
    .product-card-col h3,.product-card-col h3 a,.brand-name,.feat-product-name {
        font-size: 15px;
    }
    .featured-card img {
		        height: 275px;
	}


	.product-card-col h3{
    	font-size: 20px;
}

	.feat-product-price {
		font-size: 19px;
	}
	
	.feat-product-price span{
		font-size: 15px;
	
	}
	.view-btn{
		   min-height: 38px;
    		min-width: 98px;
	}
	#product-price{
	font-size: 30px;
    font-weight: bold;
    color: #ff8f00;
	}

	.facilities ul{
	columns: 2;
}

	
}
/*added by sudipa*/