* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	text-decoration: none;
	font-family: "Nunito Sans", sans-serif
}

html,
body {
	overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
hr,
br {
	margin: 0;
	padding: 0;
	text-decoration: none
}

.primary-color {
	color: #e89c22
}

.white-color {
	color: #fff
}

.dark-color {
	color: #062e5f
}

.primary-light-second {
	color: #ffebc6
}

.primary-light {
	color: #787878
}

.dark-secondary {
	color: #212529
}

.dark-secondary:hover {
	color: #212529
}

.bg_gray {
	background-color: #efefef
}

.nunito-font {
	font-family: "Nunito Sans", sans-serif
}

.fs-12 {
	font-size: 12px
}

.fs-14 {
	font-size: 14px
}

.fs-15 {
	font-size: 15px
}

.fs-16 {
	font-size: 16px
}

@media (max-width:1199px) {
	.fs-16 {
		font-size: 15px
	}
}

.fs-18 {
	font-size: 18px
}

.fs-20 {
	font-size: 20px
}

@media (max-width:991px) {
	.fs-20 {
		font-size: 20px
	}
}

.fs-22 {
	font-size: 22px
}

@media (max-width:767px) {
	.fs-22 {
		font-size: 18px
	}
}

.fs-24 {
	font-size: 24px
}

.fs-26 {
	font-size: 26px
}

.fs-28 {
	font-size: 28px
}

.fs-30 {
	font-size: 30px
}

@media (max-width:1199px) {
	.fs-30 {
		font-size: 24px
	}
}

.fs-32 {
	font-size: 32px
}

.fs-36 {
	font-size: 36px
}

.fs-42 {
	font-size: 42px
}

@media (max-width:991px) {
	.fs-42 {
		font-size: 36px
	}
}

@media (max-width:576px) {
	.fs-42 {
		font-size: 30px
	}
}

.fs-44 {
	font-size: 44px
}

.fs-52 {
	font-size: 52px
}

.fs-54 {
	font-size: 54px
}

.fs-62 {
	font-size: 62px
}

@media (max-width:1199px) {
	.fs-62 {
		font-size: 52px;
		line-height: 60px
	}
}

@media (max-width:767px) {
	.fs-62 {
		font-size: 42px
	}
}

@media (max-width:576px) {
	.fs-62 {
		font-size: 36px
	}
}

.fs-64 {
	font-size: 64px
}

.fs-72 {
	font-size: 72px
}

.fs-85 {
	font-size: 85px
}

.fs-100 {
	font-size: 100px
}

.cursor-pointer {
	cursor: pointer
}

.object-fit-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.object-fit-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.w-fit {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.fw-800 {
	font-weight: 800
}

.fw-700 {
	font-weight: 700
}

.fw-600 {
	font-weight: 600
}

.fw-500 {
	font-weight: 500
}

.mt-70 {
	margin-top: 70px
}

.z-99 {
	z-index: 99
}

.z-1 {
	z-index: 1
}

.xy-axis {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.x-axis {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.y-axis {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.mt-70 {
	margin-top: 90px
}

@media (max-width:991px) {
	.mt-70 {
		margin-top: 70px
	}
}

@media (max-width:767px) {
	.mt-70 {
		margin-top: 50px
	}
}

nav a {
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	color: #062e5f;
	font-weight: 600;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	padding: 10px;
	color: black !important
}

nav a:hover {
	color: #e89c22 !important
}

nav ul {
	gap: 30px
}

@media (min-width:992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute !important;
		width: 200px;
		border: none;
		padding: 0;
		-webkit-box-shadow: rgb(0 0 0 / .16) 0 1px 4px;
		box-shadow: rgb(0 0 0 / .16) 0 1px 4px
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu a {
		padding: 8px 16px
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu a:hover {
		background-color: #e89c22;
		color: black !important
	}
}

.dropdown:hover .dropdown-menu {
	display: block
}

@media (max-width:991px) {
	.dropdown-menu {
		background-color: #e89c22;
		border: none
	}
}

/* .hero_section {
	background: url(../img/BG-1.jpg) no-repeat center center/cover
}*/

.slider_content_container .slider_caption {
	
	position:relative ;
} 

.slider_content_container .slider_caption .content {
	position: absolute;
    top: 0;
    left: 0%;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    z-index: 99;
}

.slider_content_container .slider_caption h6 {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms
}

.slider_content_container .slider_caption h6 span {
	border-bottom: 2px solid #e89c22;
	width: 30px;
	display: block
}

.slider_content_container .slider_caption h1 {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	line-height: 68px;
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms;
	font-size: 40px;
    line-height: 50px;
}

.slider_content_container .slider_caption p {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms
}

.slider_content_container .slider_caption .main_btn {
	width: 100px;
    height: 45px;
	background-color: #e89c22;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms
}

.slider_content_container .slider_caption .main_btn .btn_arrow {
	margin-left: 8px;
	background: #fff;
	color: #e89c22;
	width: 25px;
	height: 25px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease
}

.slider_content_container .slider_caption .main_btn span {
	position: relative;
	z-index: 1
}

.slider_content_container .slider_caption .main_btn::before {
	content: "";
	position: absolute;
	background-color: #062e5f;
	height: 0;
	width: 0;
	left: var(--xPos);
	top: var(--yPos);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-transition: height 900ms, width 900ms;
	transition: height 900ms, width 900ms
}

.slider_content_container .slider_caption .main_btn:hover::before {
	height: 900px;
	width: 1200px
}

.slider_content_container .slider_caption .main_btn:hover .btn_arrow {
	background-color: #e89c22;
	color: #fff
}

.slider_content_container .slider_caption .content_img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 45%;
	flex: 0 0 45%;
	opacity: 0;
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out
}

.slider_content_container .slider_caption.slick-active .content {
	opacity: 1
}

.slider_content_container .slider_caption.slick-active h6 {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.slider_content_container .slider_caption.slick-active h1 {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.slider_content_container .slider_caption.slick-active p {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.slider_content_container .slider_caption.slick-active .main_btn {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.slider_content_container .slider_caption.slick-active .content_img {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

@media (max-width:1199px) {
	/* .slider_content_container .slider_caption {
		padding: 100px 0
	} */

	.slider_content_container .slider_caption h1 {
		font-size: 35px;
		line-height: 45px;
	}
}

@media (max-width:991px) {
	.slider_content_container .slider_caption .content {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.slider_content_container .slider_caption h1 {
        font-size: 25px;
        line-height: 34px;
    }
    .slider_content_container .slider_caption .main_btn {
        margin-top: 5px;}

}

@media (max-width:767px) {
	/* .slider_content_container .slider_caption {
		padding: 50px 0
	} */

	/* .slider_content_container .slider_caption h1 {
		line-height: 50px
	} */
}

@media (max-width:576px) {
	.slider_content_container .slider_caption h1 {
		font-size: 20px;
        line-height: 30px;
	}

	.slider_content_container .slider_caption .main_btn {
		width: 75px;
        height: 30px;
        border-radius: 0px;
	}
	.fs-22 {
        font-size: 16px;
    }
}
@media (max-width:480px) {
    .slider_content_container .slider_caption h1 {
        font-size: 18px;
        line-height: 25px;
    }
}
.slider_content_container .slick-dots {
	top: 85%;
	bottom: 0
}

@media (max-width:767px) {
	.slider_content_container .slick-dots {
		top: 90%
	}
}

.onMove {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.slick-arrow {
	background-color: #e89c22
}

.right_arrow,
.left_arrow {
	position: absolute;
	top: 50%;
	background: #e89c22;
	color: #fff;
	height: 50px;
	width: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
	overflow: hidden;
	z-index: 2
}

.right_arrow::after,
.left_arrow::after {
	content: "";
	position: absolute;
	background-color: #062e5f;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	left: -100%;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
	z-index: -1
}

.right_arrow:hover::after,
.left_arrow:hover::after {
	left: 0
}

.right_arrow {
	-webkit-transform: translateX(70px);
	transform: translateX(70px)
}

.left_arrow {
	-webkit-transform: translateX(-70px);
	transform: translateX(-70px)
}

.slick-dots li button:before {
	font-size: 10px;
	color: #062e5f
}

.slick-dots li button:hover {
	color: #e89c22
}

.slick-dots li.slick-active button:before {
	color: #e89c22
}

.slick-dotted.slick-slider {
	margin-bottom: 0
}

.dog_born_img {
	width: 50px;
	left: 200px;
	top: 80%
}

@media (max-width:1199px) {
	.dog_born_img {
		top: 90%
	}
}

.category_section .dog_hover_section {
	width: 250px;
	height: 250px
}

.category_section .dog_hover_section .dog_hover_img {
	width: 100%;
	height: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	background-color: #ffebc6;
	cursor: pointer
}

.category_section .dog_hover_section .dog_hover_img img {
	border-radius: 50%
}

.category_section .dog_hover_section .dog_content {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	background: rgb(232 156 34 / .8);
	color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
	-webkit-transform: translate(-50%, -50%) scale(0) rotate(0deg);
	transform: translate(-50%, -50%) scale(0) rotate(0deg)
}

.category_section .dog_hover_section.active .dog_content {
	-webkit-transform: translate(-50%, -50%) scale(1) rotate(360deg);
	transform: translate(-50%, -50%) scale(1) rotate(360deg)
}

@media (max-width:1199px) {
	.category_section .dog_hover_section {
		width: 200px;
		height: 200px
	}

	.category_section .dog_hover_section .dog_hover_img img {
		width: 150px
	}
}

@media (max-width:991px) {
	.category_section .dog_hover_section {
		width: 160px;
		height: 160px
	}

	.category_section .dog_hover_section .dog_hover_img img {
		width: 120px
	}

	.category_section .dog_hover_section .caption {
		gap: 16px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.category_section .dog_hover_section .caption div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
}

.dogs_caption .caption {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.offer_section {
	gap: 30px
}

.offer_section .offer_caption {
	background-color: #ffebc6;
	padding: 28px 24px;
	border-radius: 10px;
	z-index: 2;
	overflow: hidden;
	flex: 1
}

.offer_section .offer_caption h4 {
	margin: 12px 0 30px 0
}

.offer_section .offer_caption .main_btn {
	width: 260px;
	height: 52px;
	background-color: #e89c22;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	width: 200px
}

.offer_section .offer_caption .main_btn .btn_arrow {
	margin-left: 8px;
	background: #fff;
	color: #e89c22;
	width: 25px;
	height: 25px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease
}

.offer_section .offer_caption .main_btn span {
	position: relative;
	z-index: 1
}

.offer_section .offer_caption .main_btn::before {
	content: "";
	position: absolute;
	background-color: #062e5f;
	height: 0;
	width: 0;
	left: var(--xPos);
	top: var(--yPos);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-transition: height 900ms, width 900ms;
	transition: height 900ms, width 900ms
}

.offer_section .offer_caption .main_btn:hover::before {
	height: 900px;
	width: 1200px
}

.offer_section .offer_caption .main_btn:hover .btn_arrow {
	background-color: #e89c22;
	color: #fff
}

.offer_section .offer_caption::after {
	content: "";
	position: absolute;
	background: rgb(232 156 34 / .8);
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 10px;
	-webkit-transform-origin: top right;
	transform-origin: top right;
	clip-path: polygon(100% 100%, 100% 100%, 100% 0%, 0% 0%);
	-webkit-transform: scale(0);
	transform: scale(0);
	z-index: -1;
	-webkit-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out
}

.offer_section .offer_caption.active::after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

@media (max-width:1199px) {
	.offer_section {
		gap: 16px
	}

	.offer_section .offer_caption .main_btn {
		width: 150px;
		margin-top: 0
	}
}

.collection_section {
	padding: 100px 0;
	background-color: #f6f6f6
}

.collection_caption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px
}

.collection_caption .caption {
	margin: 10px;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden
}

.collection_caption .caption img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}

.collection_caption .caption .collection_content {
	background-color: #fff;
	-webkit-box-shadow: rgb(17 17 26 / .05) 0 1px 0, rgb(17 17 26 / .1) 0 0 8px;
	box-shadow: rgb(17 17 26 / .05) 0 1px 0, rgb(17 17 26 / .1) 0 0 8px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}

.collection_caption .caption:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.product_caption .caption {
	margin: 15px
}

.product_caption .caption .collection_content {
	background-color: rgb(231 228 224 / .2784313725)
}

.testimonial_section p {
	color: #787878;
	margin: 48px 0 32px 0
}

.testimonial_section h6 span {
	color: #787878
}

.testimonial_section i {
	color: #ffc007
}

@media (max-width:991px) {
	.testimonial_section p {
		margin: 24px
	}
}

.video-animation-section {
	height: 700px
}

.video-animation-section img {
	width: 250px;
	height: 250px;
	-o-object-fit: cover;
	object-fit: cover
}

.video-animation-section .dis-video {
	-webkit-transition: all 1.4s ease;
	transition: all 1.4s ease
}

@media (max-width:1199px) {
	.video-animation-section {
		height: 500px
	}

	.video-animation-section img {
		width: 200px;
		height: 200px;
		-o-object-fit: cover;
		object-fit: cover
	}
}

@media (max-width:991px) {
	.video-animation-section img {
		width: 100px
	}
}

.shape_img_animation {
	-webkit-animation: animate 6s alternate infinite;
	animation: animate 6s alternate infinite
}

@-webkit-keyframes animate {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	50% {
		-webkit-transform: translate3d(25px, -25px, 0);
		transform: translate3d(25px, -25px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, -25px, 25px);
		transform: translate3d(0, -25px, 25px)
	}
}

@keyframes animate {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	50% {
		-webkit-transform: translate3d(25px, -25px, 0);
		transform: translate3d(25px, -25px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, -25px, 25px);
		transform: translate3d(0, -25px, 25px)
	}
}

.dog_born_img img {
	-webkit-animation: zooming 3s alternate infinite;
	animation: zooming 3s alternate infinite
}

@-webkit-keyframes zooming {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4)
	}
}

@keyframes zooming {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4)
	}
}

.internal_navigation div {
	position: relative !important
}

.banner_bg {
	background: url(../img/shop-banner-bg.jpg) no-repeat center center/cover;
	padding: 80px 0;
	position: relative;
	z-index: 1
}

.banner_bg::after {
	content: "";
	position: absolute;
	background: rgb(0 0 0 / .3);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1
}

.banner_bg .banner_link a:hover {
	color: #e89c22;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

@media (max-width:576px) {
	.banner_bg .banner_link {
		text-align: center
	}

	.banner_bg .banner_link>div {
		gap: 8px !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.banner_bg .banner_link>div i {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
}

.distributor_bg {
	background: url(../img/distributor-banner.jpg) no-repeat center center/cover
}

.about_banner {
	background: url(../img/about_banner.jpg) no-repeat center center/cover
}

.privacy_policy_banner {
	background: url(../img/privacy-policy_banner.jpg) no-repeat center center/cover
}

.terms-of-service_banner {
	background: url(../img/terms-of-service_banner.jpg) no-repeat center center/cover
}

.contact_bg {
	background: url(../img/contact_banner.jpg) no-repeat center center/cover
}

.bowl_banner {
	background: url(../img/bowl_banner.jpg) no-repeat center center/cover
}

@media (max-width:1199px) {
	.bowl_banner {
		background-position: 100%
	}
}

@media (max-width:991px) {
	.bowl_banner {
		background-position: 80%
	}
}

.shampoo_banner {
	background: url(../img/shampoo_banner.jpg) no-repeat center center/cover
}

@media (max-width:1199px) {
	.shampoo_banner {
		background-position: 100%
	}
}

@media (max-width:991px) {
	.shampoo_banner {
		background-position: 80%
	}
}

.dry_banner {
	background: url(../img/dry_banner.jpg) no-repeat center center/cover
}

@media (max-width:991px) {
	.dry_banner {
		background-position: 70%
	}
}

@media (max-width:576px) {
	.dry_banner {
		background-position: 80%
	}
}

.treads_banner {
	background: url(../img/treads_banner.jpg) no-repeat center center/cover
}

@media (max-width:1199px) {
	.treads_banner {
		background-position: 100%
	}
}

@media (max-width:991px) {
	.treads_banner {
		background-position: 90%
	}
}

.product_section {
	padding-top: 0 !important;
	margin-top: 90px !important
}

@media (max-width:991px) {
	.product_section {
		margin-top: 50px !important
	}
}

.products {
	padding-top: 0 !important;
	margin-top: 90px !important
}

.products .product_details_img img {
	border-radius: 10px
}

@media (max-width:1400px) {
	.products .product_details_img img {
		width: 500px
	}
}

@media (max-width:767px) {
	.products .product_details_img img {
		width: 100%
	}
}

.products .main_btn {
	width: 260px;
	height: 52px;
	background-color: #e89c22;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	width: 200px;
	height: 50px
}

.products .main_btn .btn_arrow {
	margin-left: 8px;
	background: #fff;
	color: #e89c22;
	width: 25px;
	height: 25px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease
}

.products .main_btn span {
	position: relative;
	z-index: 1
}

.products .main_btn::before {
	content: "";
	position: absolute;
	background-color: #062e5f;
	height: 0;
	width: 0;
	left: var(--xPos);
	top: var(--yPos);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-transition: height 900ms, width 900ms;
	transition: height 900ms, width 900ms
}

.products .main_btn:hover::before {
	height: 900px;
	width: 1200px
}

.products .main_btn:hover .btn_arrow {
	background-color: #e89c22;
	color: #fff
}

.products .price_details {
	border-bottom: 2px solid #e89c22;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding-bottom: 4px;
	width: fit-content;
	margin: 24px 0 !important
}

@media (max-width:991px) {
	.products {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 50px !important;
		gap: 24px !important
	}
}

@media (max-width:1199px) {
	.product_details br {
		display: none
	}

	.product_details .fs-42 {
		font-size: 36px
	}

	.product_details .main_btn {
		margin-top: 10px
	}
}

@media (max-width:991px) {
	.product_details {
		text-align: center
	}

	.product_details .price_details {
		margin: 24px auto !important
	}

	.product_details .fs-42 {
		font-size: 30px
	}

	.product_details p {
		margin: 16px 0 !important
	}
}

@media (max-width:576px) {
	.product_details .fs-42 {
		font-size: 24px
	}
}

.bowl_details {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr)
}

@media (max-width:1199px) {
	.bowl_details {
		-ms-grid-columns: 1fr 0 1fr 0 1fr;
		grid-template-columns: repeat(3, 1fr);
		gap: 0
	}
}

@media (max-width:991px) {
	.bowl_details {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr)
	}
}

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

.product_caption .product_item {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px
}

.product_caption .product_item h5 {
	background-color: #e89c22;
	padding: 20px;
	text-align: center;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	cursor: pointer
}

.product_caption .product_item h5:nth-child(5) {
	-ms-grid-column: 2;
	grid-column: 2
}

.product_caption .product_item h5:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px)
}

@media (max-width:991px) {
	.product_caption .product_item {
		-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px
	}
}

@media (max-width:576px) {
	.product_caption .product_item {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr)
	}

	.product_caption .product_item h5:nth-child(5) {
		grid-column: auto
	}
}

@media (max-width:991px) {
	.product_caption h3 {
		text-align: center
	}
}

.product_caption .product_item h5 {
	text-transform: capitalize
}

.bg_attach {
	background: url(../img/dogs.png) no-repeat center center/cover;
	padding: 50px;
	background-attachment: fixed;
	position: relative;
	z-index: 1
}

.bg_attach::after {
	content: "";
	position: absolute;
	background-color: rgb(0 0 0 / .6);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1
}

@media (max-width:1199px) {
	.bg_attach {
		padding: 100px 20px
	}
}

@media (max-width:991px) {
	.bg_attach .fs-20 {
		font-size: 18px
	}
}

@media (max-width:767px) {
	.bg_attach {
		padding: 50px 20px
	}
}

.distributor {
	padding: 50px 0
}

.distributor .main_btn {
	width: 260px;
	height: 52px;
	background-color: #e89c22;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	border: none;
	z-index: 1
}

.distributor .main_btn .btn_arrow {
	margin-left: 8px;
	background: #fff;
	color: #e89c22;
	width: 25px;
	height: 25px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease
}

.distributor .main_btn span {
	position: relative;
	z-index: 1
}

.distributor .main_btn::before {
	content: "";
	position: absolute;
	background-color: #062e5f;
	height: 0;
	width: 0;
	left: var(--xPos);
	top: var(--yPos);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-transition: height 900ms, width 900ms;
	transition: height 900ms, width 900ms
}

.distributor .main_btn:hover::before {
	height: 900px;
	width: 1200px
}

.distributor .main_btn:hover .btn_arrow {
	background-color: #e89c22;
	color: #fff
}

.distributor .main_btn::before {
	z-index: -1
}

.distributor .form-control {
	outline: none;
	border: 2px solid #e9e9e9 !important;
	padding: 9px 15px;
	background: #eee
}

.distributor .form-control:focus {
	color: #212529;
	background-color: #e9e9e9;
	border-color: #e89c22 !important;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.contact_section .form-control {
	background: #fff;
	border: 2px solid #fff !important;
	padding: 9px 15px;
	outline: none
}

.contact_section .form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #e89c22 !important;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

::-webkit-input-placeholder {
	font-size: 18px;
	font-weight: 600 !important;
	color: black !important
}

::-moz-placeholder {
	font-size: 18px;
	font-weight: 600 !important;
	color: black !important
}

:-ms-input-placeholder {
	font-size: 18px;
	font-weight: 600 !important;
	color: black !important
}

::-ms-input-placeholder {
	font-size: 18px;
	font-weight: 600 !important;
	color: black !important
}

::placeholder {
	font-size: 18px;
	font-weight: 600 !important;
	color: black !important
}

.mobile_number_contact {
	color: black !important
}

.about_section .main_btn {
	width: 260px;
	height: 52px;
	background-color: #e89c22;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin-top: 30px
}

.about_section .main_btn .btn_arrow {
	margin-left: 8px;
	background: #fff;
	color: #e89c22;
	width: 25px;
	height: 25px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease
}

.about_section .main_btn span {
	position: relative;
	z-index: 1
}

.about_section .main_btn::before {
	content: "";
	position: absolute;
	background-color: #062e5f;
	height: 0;
	width: 0;
	left: var(--xPos);
	top: var(--yPos);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-transition: height 900ms, width 900ms;
	transition: height 900ms, width 900ms
}

.about_section .main_btn:hover::before {
	height: 900px;
	width: 1200px
}

.about_section .main_btn:hover .btn_arrow {
	background-color: #e89c22;
	color: #fff
}

.contact_address {
	background-color: #efefef;
	padding: 20px;
	border-radius: 10px
}

.footer_section {
	background: -webkit-gradient(linear, left top, right top, color-stop(17%, #ffc354), color-stop(97%, #ffdca6));
	background: linear-gradient(90deg, #ffc354 17%, #ffdca6 97%);
	padding: 50px 0
}

.contact_map .footer_section {
	margin-top: 0 !important
}

.footer_section .footer_logo p {
	margin: 28px 0
}

@media (max-width:991px) {
	.footer_section .footer_logo p {
		margin: 10px 0
	}
}

.footer_section .useful_links ul h5 {
	margin-bottom: 28px
}

.footer_section .useful_links ul li a {
	color: #474545;
	font-weight: 700;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.footer_section .useful_links ul li a:hover {
	color: #062e5f
}

.footer_section .useful_links .social_links i {
	background-color: #fff;
	width: 35px;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	color: #000;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.footer_section .useful_links .social_links i::after {
	content: "";
	position: absolute;
	background-color: #062e5f;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease
}

.footer_section .useful_links .social_links i:hover {
	color: #fff;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease
}

.footer_section .useful_links .social_links i:hover::after {
	left: 0
}
.specs i{
    font-size: 24px;
        background: #ffe5b8;
    width: 50px;
    height: 50px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.specs h3{
    font-size: 13px;
    text-align: center;
    padding-top: 15px;
}

.food-special .row{
    row-gap: 10px;
}

@media (max-width:991px) {
	.footer_section a {
		font-size: 14px
	}
}

@media (max-width:767px) {
	.footer_section {
		text-align: center !important
	}

	.footer_section a {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.footer_section .social_links {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media (max-width:767px) {
	.useful_links h5 {
		margin-top: 20px;
		margin-bottom: 10px !important
	}
}

.distributor_footer .footer_section {
	margin-top: 0 !important
}