* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
}

/* bootstrap reboot */
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0rem;
}

p {
	margin-bottom:0rem;
}

.h3, h3 {
    font-size: 1.25rem;
}

.nav-link {
    display: block;
    padding: 0;
    font-family:'DM Sans', sans-serif;
}

body {
    line-height:1.3;
    background: rgb(0,35,255);
    background:linear-gradient(145deg, rgba(206,219,254,0.75) 0%, rgba(222,214,254,0.5) 100%);
    
    
}

.btn-primary {
    color: #fff;
    background-color: #496501;
    border-color: #496501;
}

.btn-primary:hover {
    color: #fff;
    background-color: #496501;
    border-color: #496501;
}

.breadcrumb {background:transparent; padding: .75rem 0; font-size:0.75rem; margin-bottom:0.875rem;}
.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem;
    display: block;
}
 
 /*bootstrap reboot ends */
.add-remove {
    padding:8px 8px 0 8px;
}

.inde{
    text-indent: 0.875rem;
}
.page-title {	
	font-family: 'Itim', cursive;
	/*text-transform:uppercase;*/
	text-align:center; 
	font-size:1.5rem;
	font-weight:400;
	color:#333333;
	letter-spacing:0px;
}
.orders {margin-bottom:1.5rem;}
.form-text {line-height:1.5; color:#292929;font-size:1rem;}

.border-ee {border:0; /* background:#D1C4E9;*/ background:#D6ECFF; border-radius:0.25rem;}
.nav-tabs .nav-link.active {/* background:#D1C4E9; */ background:#D6ECFF; color:#121212 !important;}
.nav-tabs .nav-link {border-radius:0; color:#333333 !important; background:aliceblue;}
/*
.tab-content > .active {
    background:#F7F2F5;
}
*/

.jumbotron {margin-bottom:0;}
.about-caption {width:100%; background:white; font-size:0.75rem; display:block; margin:0 auto; padding:0.5rem 0;}

.about-pic{width:100%; margin:0 auto;}
.lead{font-size:1rem;}
.welcome {font-size:1.25rem;}
.figcaption {margin-top:10px; font-size:1rem; text-align:center; color: #666666;}

.blockquote { 
	font-size: 1.4em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
  /*margin:0px auto;  */
  margin:-16px auto 0 auto; 
  font-size:1.5rem;
  font-style:italic;
  color: #333333;
  padding:1.2em 32px 1.2em 32px;
  line-height:1.5;
  position: relative;
  width:100%;
}

.blockquote::before { 
	font-family:'Times New Roman', serif;
  content: "\201C";
  color:#D81E5B;
  font-size:4em;
  position: absolute;
  left: 0px;
  top:-20px;
}

.blockquote::after{
  content: '';
}

.about-text {font-size:1.1rem; line-height:1.75rem;}
@media screen and (min-width: 768px) {
	.lead{font-size:1.25rem;}
	.about-caption { padding:1rem 0; font-size:1rem; }
	.about-text {font-size:1.25rem; line-height:2rem;}
	.welcome {font-size:1.5rem;}
	.blockquote {font-size:1.7rem; width:100%;}
	.about-pic{width:90%; margin:0 auto;}
 }

.parallax-category {  background-color:papayawhip;}
.parallax {
 
  background: url("../images-petflix/about-us/parallax-bg5.png") no-repeat 0px 0px fixed;
  


  /* Set a specific height
  min-height: 300px;   */

  /* Create the parallax scrolling effect 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
}
.pretty {display:block; margin-bottom:1.5rem;}
.pretty .state label { text-indent:0.875rem; line-height:24px; vertical-align:middle; }
.pretty .state label::after, .pretty .state label::before { top:4px !important; }
.pretty .state label::before {
    border-color: #858585;
}

 .gallery-item {
          max-width: 300px !important;
        }
      
.img-fluid {padding:4px;}

.forgot-pass {
	font-family: 'DM Sans', sans-serif;
	font-size:0.875rem;
	text-decoration:underline;
	letter-spacing:0.1px;
	color:#666666;
	line-height:1;
	vertical-align:middle;
}

.item-name{font-size:1.125rem;}
.item-des, .input-quantity-cart {font-size:0.875rem;}

hr{margin:0.5rem 0;}
.bd-highlight {
   background:#FAFAFA;   
}

@media screen and (min-width: 768px) {
	.item-name{font-size:1.25rem;}
	.item-des, .input-quantity-cart {font-size:1rem;}
}

body{
	font-family: 'DM Sans', sans-serif;
	font-size:16px;
	/* min-height:120vh;*/
	margin-bottom:56px;
}

.badgetop {
   position:relative;
}
.badgetop[data-badge-top]:after {
   content:attr(data-badge-top);
   position:absolute;
   top:0px;
   right:-6px;
   font-size:12px;
   font-weight:700;
   background:#F7B32B;
   color:#1f1f1f;
   width:24px;height:24px;
   text-align:center;
   line-height:24px;
   border-radius:50%;
   font-family:"Arial Black", Gadget, sans-serif;
  /* box-shadow:0 0 1px #333;*/
}


.badgebottom {
   position:relative;
}
.badgebottom[data-badge-bottom]:after {
   content:attr(data-badge-bottom);
   position:absolute;
   top:-33px;
   right:-9px;
   font-size:11px;
   font-weight:700;
   background:#F7B32B;
   color:#1f1f1f;
   width:22px;height:22px;
   text-align:center;
   line-height:22px;
   border-radius:50%;
   font-family:'Arial Black', Gadget, sans-serif;
  /* box-shadow:0 0 1px #333;*/
}

#notificationbar {
   /* background-color:#03CEA4;
   z-index:3;
   position:fixed;
   top:0;
   width:100%; */
   display:none;
   background-color:#5C8001;
   width:72%;
   margin-left:14%;
}

#notificationbar p {
    text-align:center; 
    padding:10px 8px; 
    color:#ffffff;
    font-family:'DM Sans', sans-serif;
}

.dropdown-content {
  display: none;
  z-index: 2;
}


li.dropdown:hover .dropdown-content {
	position:absolute; 
	width:600px;
	display: flex;
	flex-wrap:wrap;
	background:white;
	padding:16px;

}

.nav-column {
	flex-grow:1; 
	display:flex; 
	flex-direction: column; 
	flex-wrap: wrap;
}

.break {
  flex-basis: 100%;
  height: 24px;

}

.nav-column p { 
	color:#567A00; 
	text-transform:uppercase; 
	font-weight:700;
}


.nav-column a {  
	width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  	width: -moz-max-content;    /* Firefox/Gecko */
  	width: -webkit-max-content; /* Chrome */
  	width: max-content;
  	color:#1f1f1f;
  	text-decoration:none;
}


.swiper-container {
   height:100%;
   width:100%;
}

/* .swiper-wrapper { max-height:calc(100vh - 140px);} */

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
  max-height: calc(100vh - 140px);
}


.swiper-button-prev {
	position:absolute;
	left:1rem;
	right:auto;
	top:88%;
	color:#333333;
}

.swiper-button-next {
	position:absolute;
	left:4rem;
	right:auto;
	top:88%;
	color:#333333;
}

.swiper-button-next::after, .swiper-button-prev::after {
	background:white;
	padding:0.5rem 0.875rem;
	font-size:1.5rem;
	border-radius:2px;
}

.slide-content {
	font-family:'DM Sans', sans-serif;
    width: 100%;
    position: absolute;
    height: 100%;
    color: white;
    padding:0 1rem;
     background: rgba(31,31,31,0.4);
	 background: linear-gradient(0deg, rgba(31,31,31,0.4) 0%, rgba(34,46,80,0.5) 35%);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}

.slide-text {text-align:left; position:absolute; left:0; padding:2rem; width:100%; text-align:center;}

.slide-title {
	font-size:1.125rem; 
	font-weight:700;
	line-height:1.2;
	margin-bottom:0.25rem;
}

.slide-description {
	font-size:0.875rem; 
	margin-bottom:0.75rem; 
	font-weight:500;
	letter-spacing:0.1px;
}

.slide-button {background:white; 
	font-family:'DM Sans', sans-serif; 
	text-transform:uppercase;  
	font-weight:700; 
	font-size:0.75rem; 
	margin-bottom:0rem;  
	padding:4px 16px; 
	border:0; 
	color:#141414;
	letter-spacing:0.25px;
}

.section-title{
	/* font-family: 'Patrick Hand', cursive; */
	font-family: 'Itim', cursive;
	/*text-transform:uppercase;*/
	text-align:center; 
	padding:1.5rem 0;
	font-size:1.5rem;
	font-weight:400;
	color:#333333;
	letter-spacing:0px;
}


mark {
	display: inline-block;
	line-height: 0em;
	padding-bottom: 0.5em;
	background:transparent;
	border-radius: 16px;
	padding-left: 16px;
	padding-right: 16px;
	color:#474747;
	padding-top:0em;
}


.grid-container {
	font-family:'DM Sans', sans-serif; 
	display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 1rem; padding:0 1rem; justify-items:center;
}

.grid-container a {
	 text-decoration:none; 
}

.grid-container-products {
	font-family:'DM Sans', sans-serif; 
	display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 0.5rem; 
    padding:0 0.5rem; 
    justify-items:center;
}

.grid-container-products a {
	text-decoration:none;
}

.grid-item {
	display:flex; 
	flex-direction:column; 
	flex-wrap:wrap; 
	align-items:center;

}

.grid-item > img { 
	max-width:280px;
    border-radius:2px;
}

.grid-item > p {
	margin-top:0.75rem; 
	border-bottom:0; 
	font-size:0.875rem; 
	letter-spacing:0.2px; 
	color:#1f1f1f;
	font-weight:500;
}

.monsoon-banner {
	display:flex; 
	padding:2rem 1rem 0 1rem; 
	align-items:center; 
	flex-wrap:wrap; 
	justify-content: space-between;
	flex-direction: row; 
	align-items: stretch;
}

.monsoon-content {
	font-family:'DM Sans', sans-serif; 
	background:#E2E7F3;
	display: flex; 
	flex: 1; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center; 
	text-align:left; 
	color:#1f1f1f;
}

.monsoon-heading {
	margin-bottom:0.75rem;
	font-size:1.25rem;
}

.monsoon-description {
	margin-bottom:0.875rem; 
	font-size:1rem; 
	font-weight:400; 
	letter-spacing: 0;
	line-height: 1.5;
}

.shop-now { 
	color:#1f1f1f; 
	letter-spacing:0.25px; 
	font-weight:500;
	font-size:0.875rem;
	text-decoration:none;
	border-bottom:1px solid #1f1f1f;
}

.monsoon-image > img {
	display:block;
}

.banner-t-align {
	/* text-align:center; */
	padding:2rem 1.25rem;
}

.product-border{
	border:0.875px solid #eeeeee; 
	border-radius:3px; 
	display:flex;
	background:white;
}

.grid-item-product {
	/* margin-top:0.75rem; */
	font-weight:400; 
	font-size:0.875rem; 
	letter-spacing:0;
	color:#1f1f1f;
	max-width:220px;
	padding:8px 0;
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	
}

.pcont {display:flex; flex-direction:column; justify-content:space-between; flex:1;}

.product-name {
	padding:4px 8px 0 8px;
}

.product-price {
	padding:8px 8px 0 8px; 
	font-size:1.125rem;
	/*color:blue; */
}

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

.view-coll-text { 
 color: #ffffff; 
 text-align: center; 
 display: inline-block; 
 font-size: 0.875rem; 
 border:0; 
background:#5C8001;
 font-family:'DM Sans', sans-serif; 
 text-decoration: none; 
 border-radius:1px; 
 font-weight:700; 
 letter-spacing:0.5px; 
 color:#ffffff;
 margin-bottom:2rem;
 padding:8px 32px;
}

.coll-margin { margin: 1rem auto 2rem auto; }

.banner-toys {
	display:flex; 
	justify-content:space-around; 
	
	padding:0rem 0.5rem; 
	font-family:'DM Sans', sans-serif;
	background:#F1f1f1;
	flex-wrap:wrap-reverse;

}


.div1{width:5%; z-index:0;}
.div2{width:40%; z-index:1; padding:1.75rem 0rem; /* align-self:center; */ color:#333333;
 justify-content: space-between;
display: flex;
flex-direction: column;
}
.div3{width:40%; z-index:1; align-self:center;}
.div4{width:5%; z-index:0;}

.discount {
	font-size: 0.875rem; 
	letter-spacing:0.2px;
	font-weight:500; 
	color: #ffffff; 
	padding: 1px 12px 1px 4px;
	background-color: #D81E5B;
	border-radius: 0 1.25rem 1.25rem 0;
	display: flex;
	align-self: flex-start;
	margin-bottom:0.25rem;
	z-index:1;
}

.toy-heading{
 font-size:2rem; 
 font-weight:700; 
 color:#1f1f1f;
 line-height:1;
 margin-bottom:0.5rem;
}

.toy-description {
	margin-bottom:0.75rem; 
	font-size:1rem; 
	font-weight:400;
	color:#1f1f1f;
	line-height:1.3;
	
}

.toy-shop { 
	letter-spacing: 0.25px; 
	color:#1f1f1f; 
	font-weight: 500;
	font-size:0.875rem;
	text-decoration: none;
	border-bottom:1px solid #1f1f1f;
	display:flex;
	align-self:flex-start;
}

 .babydino {
 	display:block; 
 	padding:1.75rem 0rem;
 }

 .paws {
 	position:absolute; 
 	right:0px; 
 	opacity:0.1;
 	-webkit-opacity: 0.1; /* WebKit browser e.g. Safari */
 	width:80px;
 	padding-top:150px;
 }

 .feathers{
 	position:absolute; 
 	left:0px; 
 	width:190px;
 
 }

 .article-container { font-family: 'DM Sans', sans-serif; display:flex; flex-wrap:wrap; padding:0 1rem; justify-content:space-around; align-items:flex-start;}
 .article {width:100%; border:1px solid #eeeeee; display: flex; flex-direction: column; justify-content: flex-start; margin:0 0 1.5rem 0;}
 .article-title {padding:1rem 0; /*color:#875A5B;*/ color:#8E5572;}
 .article-text {line-height:1.5; margin-bottom:1rem; color:#1f1f1f;}
 .blog-content {display:flex; flex-direction:column; justify-content:space-between; flex:1; padding:0 1rem;}
 .blog-button{margin-bottom:1rem;}
 /* .read-more {color:#3C5590;} */
 .read-more {color:#401FFF;}

 .brand-logo-container {width:100%; padding: 0 0 4rem 0; overflow:hidden;}



 .orb {
   width: 150px;
   height:150px;
   background: #999;
   border-radius: 0px;
   display: inline-block;
   margin: 0 10px;
   float: left;
   transition: all .2s ease-out;
   filter:grayscale(0%);
   opacity:1;
 }

 .orb img {display:block;}

 .orb:hover {
   /* transform: scale(1.1); */
   filter:grayscale(0%);
   cursor: pointer;
   opacity:1;
 }

 .red {background:red;}
 .yellow {background:yellow;}
 .blue {background:blue;}
 .orange {background:orange;}
 .purple {background:purple;}
 .green {background:green;}

 .marquee {
   height: 150px;
   width: 1360px;
   border: 0;
   overflow: hidden;
   box-sizing: border-box;
   position: relative;
   margin: 0 auto;
 }

 .marquee--inner {
   display: block;
   width: 2720px; 
   margin: 0;
   position: absolute; 
   animation: 40s linear infinite marquee;

 }

 .marquee--inner:hover {
   animation-play-state: paused;
 }

.onepbo {border:1px solid #eeeeee;}

 /*.half {
   float: left;
   width: 10%;
 }*/

 span {
    float: left; 
   width: 1360px:
 }



 @keyframes marquee {
   0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); }
   100% { -moz-transform: translateX(-1360px);  -webkit-transform: translateX(-1360px);}
 }

.customer-images {position:relative; padding:0 1rem;}
.customers {width:100%; margin:0 auto; }
.customer {text-align:center;}
.customer img {display:block;}
.previous-customer {
	position:absolute;
	left:1rem;
	right:auto;
	color:#3d3d3d;
	z-index:1;
	bottom:0;
	background:#f1f1f1;
	border:0;
	
}

.next-customer{
	position:absolute;
	right:1rem;
	left:auto;
	color:#3d3d3d;
	z-index:1;
	bottom:0;
	background:#f1f1f1;
	border:0;
	

}


.cust-nav {
 	padding:0.875rem;
  	display:block;
  	color:#3d3d3d !important;
  	font-size:1.75rem !important;
}

.customer-border {border-top: 1px solid #eeeeee;}
.subscribe {display:flex; border-top:1px solid #eeeeee; font-family: 'DM Sans', sans-serif; color: #1f1f1f; /*text-align: center;*/
flex-wrap:wrap; padding:2rem 2rem 3rem 2rem; justify-content:space-around; 
/*background:#f0f0f0; */
background: rgb(206,219,254);
background: linear-gradient(188deg, rgba(206,219,254,1) 0%, rgba(222,214,254,1) 100%);
    
}
.newsletter {width:100%; margin:1rem 0;}
.order-whatsapp {width:100%; margin:1rem 0;}
.subscribe-p {line-height:1.5;padding-top:1rem;}
.whatsapp-icon{font-size:4rem; color:green; display:inline-block;}
.whatsapp-title {color:#1f1f1f; /* text-align:center; */}
.news-title {color:#1f1f1f; /* text-align:center; */}
.whatsapp-logo {display:flex; flex-wrap:nowrap; align-items:center;  padding-top:1rem; justify-content:flex-start;}



header{
	width:100%;
	display:flex;
	height:76px; /* 42 + 32 + 2 border*/
	align-items: center;
	padding:0 16px;
	border-bottom: 2px solid #fafafa;
	background:white;
	z-index:2;
	position:relative;
	top:0px;
}

ion-icon {
  font-size: 32px;
  color:#666666;
}

table.orders p {font-size:0.875rem;}

.logo-container, .nav-links, .nav-icons {
	display: flex;
	align-items: center;
}

.brand-name{
	margin-left:0px;
	font-weight:600;
	color:#3d3d3d;
	font-size:1.25rem;
}

.brand-name img {height:74px; vertical-align:middle; position:absolute; top:0px}

.form-control::placeholder {
    font-size: 0.875rem;
    font-family: 'DM Sans', sans-serif;
}

@media screen and (min-width: 768px) {
    .brand-name img {height:100px;}
    table.orders p {font-size:1rem; line-height:1.3;}
    
}

nav {
	flex:1;
}

.nav-links {
	display:none;
	justify-content: flex-start;
	list-style: none;
}

/*
.activelink {
	color:#333 !important; 
	border-bottom:2px solid green;
}
*/

.nav-li {
	padding:0 24px;

}

.nav-link{
	text-decoration: none;
	font-weight:700;
	color:#3d3d3d;
	font-size:1rem;

}

.nav-icons{
	list-style: none;
/*	width:100px;	*/
	justify-content: space-between;
}

.nav-icons li {display:flex;}


/* each icon will be of width 32 + 10px + 4px border and between these icons
/* will be a space of 16px so, total width 46 + 16 + 46 */

.nav-icon{
	border:0;
	padding:5px;
	border-radius:23px; /* add the half of all 3 things : 32 icon, 4 border, 10 padding */
	display:block; /*if you dont do this then li adds extra height */
}

.mobile-nav {
	display:none; 
	list-style:none; 
	width:100%; 
	margin-bottom:20px;
}


.active1nav {
	display: flex; 
	flex-direction: column;
	position: fixed;
z-index: 4;
top: 76px;
background: white;
height:100%;
}

.mobile-nav-li {
	padding:24px 16px 24px 56px;   /* margin left 16 + 32 + 8 = 56 */
}

.mobile-activeli{
	background:#eeeeee;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 28px;
	height: 2px;
	background-color: #666666;
	border-radius: 2px;
}

.hamburger-inner{
	margin-top:-1px; 
}

/*initially it was -2px but since we reduced the height of span bars from 4px
/*to 2px we need to half the margin top, hamburger now fits perfectly inside
/*the hamburger box.*/

.hamburger-box {
	width:28px;
}

.hamburger {
	display:flex;
	align-items: center;
	padding:9px 7px; 
	margin-left:16px; /*should be 16 because we want sapcing betwen icons to be 16, but looks optically aligned with 20*/
}

/* actually it needs to be 11px and 9px but when we add round border to it the
/* size increases, so lets not add the border but assume it has so it looks
/* perfect. try adding 2px border with these settings and you know hat it
/* means*/  

.hamburger-inner::before {
    top: -8px;
}

.hamburger-inner::after {
    bottom: -8px;
}

@media only screen and (min-width: 600px) {

	.grid-item-product {max-width:240px;}

	.grid-container-products {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	    grid-gap: 0.5rem; 
	    padding:0 0.5rem; 

	 }

	 .paws {
	 	position:absolute; 
	 	right:0px; 
	 	width:100px;
	 	padding-top:200px;
	 }

	 .feathers {
	  	position:absolute; 
	  	left:8px; 
	  	width:300px;
	  }

	 .article {width:80%; padding:0 0 1.5rem 0;}

	 

} 


@media screen and (min-width: 768px) {
	.hamburger {display:none;}

	.nav-links{
		display:flex;
		line-height:2.5;
		position:relative;
		left:140px;
		padding:0 1rem;
		width:calc(100% - 200px);
	}

	header{padding:0 32px; 
		height:100px; /* 42 + 40 nav + 16 space + 2 border */
	}

	.slide-content {
	    width: 100%;
	    position: absolute;
	    height: 100%;
	    color: white;
	   
	    background: rgba(31,31,31,0.4);
	    background: linear-gradient(0deg, rgba(31,31,31,0.4) 0%, rgba(34,46,80,0.5) 35%);
	    display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-items: flex-end;
	    justify-content: flex-end;
	}
	.slide-title {
		font-size:1.875rem; 
		margin-bottom:0.5rem; 
		font-weight:700;
	}
	.slide-description {
		font-size:1.25rem; 
		margin-bottom:1.25rem; 
		font-weight:500;
	}
	.slide-button {
		background:white; 
		font-weight:700; 
		margin-bottom:0; 
		font-size:1rem; 
		padding:8px 32px; 
		border:0; 
		color:#141414;
	}

	.swiper-button-prev {
		position:absolute;
		left:2rem;
		right:auto;
		top:88%;
		color:#3d3d3d;
	}

	.swiper-button-next {
		position:absolute;
		left:6rem;
		right:auto;
		top:88%;
		color:#3d3d3d;
	}

	.swiper-button-next::after, .swiper-button-prev::after {
		background:white;
		padding:0.5rem 1rem;
		font-size:2rem;
		border-radius:2px;
	}

	.section-title {
		padding:1rem 0 0.875rem 0;
		font-size:2.125rem;

	}

	.grid-item > p { 
		font-size:1.125rem;
		margin-top:1.25rem;
		letter-spacing:0.5px;
	}

	.monsoon-banner {
		padding:3rem 0 0 0;
	}

	.monsoon-image {
		width:60%;
	}

	.monsoon-content {
		width:40%;
	}

	.monsoon-heading {
		margin-bottom:0.75rem; 
		font-size:2rem;
	}

	.monsoon-description {
		margin-bottom:1.25rem; 
		font-size:1.25rem;
	}

	.banner-t-align {
		text-align:left; 
		padding:1rem;}

	.shop-now { 
		font-size:1rem;
	}

	.grid-container-products {
		grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	    grid-gap: 0.5rem; 
	    padding:0 0.5rem; 

	 }

	.grid-item-product {max-width:240px;}

	.div1{width:5%}
	.div2{width:30%}
	.div3{width:30%;}
	
	.div4{width:10%}

	.toy-heading{
	 font-size:3.5rem; 
	 font-weight:700; 
	 color:#1f1f1f;
	 margin-bottom:1rem;
	}

	.toy-description {
		margin-bottom:1.5rem; 
		font-size:1.5rem; 
	}
	.toy-shop {font-size:1.25rem;}
	.discount { font-size:0.875rem; border-radius: 0 1.25rem 1.25rem 0; padding: 1px 12px 1px 6px;}

	.view-coll-text { margin:2rem auto 3rem auto; border:0; font-size:1rem;}
	.babydino {
		display:block; 
		padding:3rem 0rem;
	}

	.paws {
		position:absolute; 
		right:20px; 
		width:140px;
		padding-top:200px;
	}

	.feathers {
	 	position:absolute; 
	 	left:8px; 
	 	width:400px;
	 }

	.article-container {align-items: stretch;}

	.article {width:45%; padding:0; justify-content:space-between;}

	.subscribe {text-align:left;}
	.newsletter {width:40%;}
	.order-whatsapp {width:40%;}
	.whatsapp-title {color:#1f1f1f; text-align:left;}
	.news-title {color:#1f1f1f; text-align:left;}
	.whatsapp-logo {justify-content:flex-start;}
/*
	.marquee--inner {
		width:200%;
	  animation: 40s linear infinite marquee;

	}

*/

	.nav-icon{
		/* border:2px solid #666;*/
	}

	.mobile-nav {
		display:none;
	}
}


@media only screen and (min-width: 992px) {

	.grid-container-products {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	    grid-gap: 1rem; 
	    padding:0 1rem; 

	 }

	 .grid-item-product {max-width:300px;}

	 .paws {
	 	position:absolute; 
	 	right:20px; 
	 	width:150px;
	 	padding-top:280px;
	 }
	 .article-container {align-items: flex-start;}

	 .article {width:35%; padding:0;}

	 .article-container .article:nth-child(even) {
	     margin-top:8rem;
	 }

	 .blog-content {display:flex; flex-direction:column; justify-content:flex-start;}

	  .orb {opacity:1; filter:grayscale(0%);}
	  .orb:hover {
	    /* transform: scale(1.1); */
	    filter:grayscale(0%);
	    cursor: pointer;
	    opacity:1;
	  }

	  .marquee--inner {
	    display: block;
	    width: 2720px; 
	    margin: 0;
	    position: absolute; 
	    animation: 60s linear infinite marquee;

	  }

	  .customers { margin:0 auto;}
	  .previous-customer {bottom:44%; left:1rem;}
	  .next-customer{bottom:44%; right:1rem;}
	  .cust-nav {padding:1rem;}
	  .newsletter {width:30%;}
	  .order-whatsapp {width:30%;}
	  .subscribe {text-align:left;}
	  .whatsapp-title {color:#1f1f1f; text-align:left;}
	  .news-title {color:#1f1f1f; text-align:left;}
	  .whatsapp-logo {justify-content:flex-start;}
} 

.bottom-navbar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background:white;
  text-align: center;
  display:flex;
  justify-content: space-between;
  height:56px;
  align-items:center;
  padding:0 24px;
  z-index:2;
  border-top:1px solid #dddddd;
}


.bottom-navbar div {
	display:flex; 
	flex-direction:column; 
	align-items:center;
}

.bottom-navbar a {
	font-size:10px; 
	line-height:10px;
	color:#212121;
	letter-spacing:0.5px;
	font-weight:700;
}

.bottom-navbar ion-icon{
	font-size:20px;
	line-height:20px;
	margin-bottom:4px;
	color:#666666;
}

@media screen and (min-width: 768px) { 
	.bottom-navbar {display:none;}
}


.slider-image{
	width:100%;
	object-fit: cover;
	max-height:calc(100vh - 80px);
	display:block;
}


.tabul {
	display:flex;
	align-items:center;
	list-style:none;
	overflow:auto;
	flex-wrap: nowrap;
	-webkit-overflow-scrolling: touch; 
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.tabul::-webkit-scrollbar {
  display: none; }


.tablink {
	border:0;
	cursor:pointer;
	height:72px;
	background:#ffffff;
	color:#666666;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:1rem;
	font-weight:700;
	display:block;
	position:relative;
}

.tabli {
	flex: 0 0 auto;
	padding: 0px 16px 2px;
}

.tablinkactive {
	color:#3d3d3d;
}

.tablinkactive::after{
	/* border-bottom:2px solid green;
	color:#333333; */
	width:100%;
	height:2px;
	background-color:green;
	content:'';
	position:absolute;
	left:0;
	bottom:0px;
}

.tabcontent {
  display: block;
}

.tabcontent > ul {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap:2rem;
	list-style: none;
	padding: 0 16px;
	margin:3rem 0;
}

.tabcard{
	display:flex;
	/*border:1px solid #eeeeee;
	 background-color:#dedede;*/
	border-radius:5px;

}

#brandname {
	position:absolute;
	font-size:12px; 
	font-family:'IBM Plex Sans', sans-serif;
	letter-spacing:1px;
	color:#3d3d3d; 
	padding:0 4px; 
	background-color:thistle;
	z-index:0; 
	border-radius:2px 0 0 0;
}

.tabcardimage{
	object-fit: cover;
	width:160px;
	height:160px;
	display:block;
	border-radius:2px;
}

.tabcardcontent{
	margin:0 0 0 1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/*padding:2px 0; */
}

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


.quantity-in-cart {align-items: center;}
.quantity{
	display: flex;
	width: 80px;
	align-items: center;
	justify-content: space-between;
	color:#3d3d3d;
}


.quantity-in-cart ion-icon{
	font-size:14px;
	color:#1f1f1f;
	/*padding:2px;
	border:1px solid #3d3d3d;
	color:#3d3d3d;
	border-radius:1rem; */
}

.quantity ion-icon{
	font-size:14px;
	padding:2px;
	border:1px solid #3d3d3d;
	color:#3d3d3d;
	border-radius:1rem;
}

.input-quantity {
	display:contents;
	
}

.input-quantity-cart {
	min-width:30px;
	width:30px;
	text-align: center;
	padding:0;
	margin:0 4px;
	font-family:Arial, Helvetica, sans-serif;
	
}

.lh {line-height:1.5; padding:0rem 0.25rem;}

.quantity-number-cart {font-family:Arial, Helvetica, sans-serif;}

.quantity-number {font-family:Arial, Helvetica, sans-serif;}


.price {
	display:block;  
	font-size:1rem; 
	font-family: 'IBM Plex Sans', sans-serif;
	margin-bottom:4px;
	color:#ff0065;
}



.buylink {padding-right:2px;}

.tabcardname{
	font-size:1.25rem;
	line-height:1;
}

.tabcarddescription{
	font-size:0.875rem;
	line-height:1.25;
	/* margin:0.875rem 0;*/
}

@media screen and (min-width: 992px) {
	.tabul {
		padding:0px;
	}

	.tabcontent > ul {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 8px;
		grid-gap:1rem;
	}

	.tabcard{
		padding:8px;
	}

	.tabcardname{
		font-size:1.5rem;
		line-height:1;
	}

	.tabcarddescription{
		font-size:1rem;
		line-height:1.3;
	}
}

@media screen and (min-width: 992px) {
	.tabul {
		padding:0 3rem;
	}

	.tabcontent > ul {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 3rem;
	}

	.tabcontent {
		font-size:1rem;
	}

	.tabcard{
		padding:16px;
	}

}

.banner{
	display: flex;
	display: -webkit-flex; /* old versions of Chrome/Safari/Opera */
	display: -ms-flexbox; /* IE10 */
	justify-content:space-around;
	align-items:center;
	background-color: ghostwhite;
	/*flex-flow: wrap;*/
	/* flex-wrap: wrap;
	padding:2.5rem;	 */
}

.banitem {
	/* height:auto; */
}

.bannercontent {
	order:1; 
	width:50%; 
	padding:0 0.875rem; 
	text-align:center;
}

.bannerimage{order:2; width: 50%;}

.banimg{
	display:block;
	height:auto;         
	object-fit:contain;
	width:100%;
}

.bannername{
	font-size:1.25rem;
	font-weight:400;
	line-height:1.2;
	color:#333333;
}

.bannerdescription{
	font-size:0.875rem;
	line-height: 1.25;
	margin:0.875rem 0;
	color:#333333;
}

.bannerbutton {
	font-size:1rem;
	color:indianred;
	font-family: 'IBM Plex Sans', sans-serif;
	
/*	background:indianred; 
	text-decoration:none;*/
/*	border-radius:2px; */
	display:inline-block;
}

@media screen and (min-width: 768px) {
	.banner{
		padding:0;
		justify-content:space-between;

	}


	.bannercontent {
		width:65%;
		padding:0 16px;
		max-width:450px;
		margin:0 auto;
	}

	.bannerimage{
		width:35%;
	}

	.banimg {
		object-fit:contain;
		width:100%;
	} 

	.bannername{
		font-size:2.5rem;
		line-height:1.25;
	}

	.bannerdescription{
		font-size:1.25rem;
		line-height: 1.5;
		margin:2.5rem 0;
	}

	.bannerbutton {
		font-size:1.25rem;
	
	}

}

.packs {
	padding:3rem 0;
}

.packs-description{
	padding:0 16px;

}

.packs-title{
	font-size:1.5rem;
	font-weight:400;
	line-height:1.2;
	color:#333333;
}

.packs-body{
	padding:1rem 0;
	font-size: 1rem;
	line-height: 1.5;
}

.pack-title {font-size:1.25rem;}

.pack-body {font-size:0.875rem;}

.pack-cards{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0;
}

.pack-item {
	display:flex;
	padding:1rem;
	width:100%;
}

.pack-card {
	display:flex;
	flex-direction:column;
	border-radius:2px;
	
}


.pack-image{position:relative; 
	/* background-color: #FAACA8;*/
	background-image: linear-gradient(19deg, rgba(250, 172, 168, 0.1),rgba(221, 214, 243, 0.3));
	border-radius:2px 2px 0 0;

}

.pack-img{
	width:100%;
	object-fit:cover;
	mix-blend-mode:multiply;
	display:block;
	border-radius:2px 2px 0 0;
}

.pack-content{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	border:1px solid #f3f3f3;
	border-radius:0 0 2px 2px;
}

.pack-description {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	margin:0.875rem 0 1rem 0;
	padding:0 8px;
}

.pack-price {margin-bottom:0;}

.pack-buy {margin-bottom:1rem; padding:0 8px;} 

.contains{
	font-weight:600; 
	font-size:0.75rem; 
	display:block; 
	color:#666666; 
	margin:0.5rem 0 0.25rem 0;
}



@media screen and (min-width: 768px) {
	.packs-description {max-width:600px;}
	.packs-title{font-size:2.25rem;}
	.pack-item {width:50%;}
	.pack-title{font-size:1.5rem;}
	.pack-body{font-size:1rem;}
	.contains{font-size:0.875rem;}

}

@media screen and (min-width: 992px) {
	.packs{padding:3rem;}

	.pack-item {width:33.33%;}
}

footer{
	width:100%;
	display:flex;
	flex-direction: column;
	padding:4rem 0rem 1rem 0rem;
	/*background-color:#f0f0f0; */
	background-color:#1f1f1f;
	font-size:0.875rem;
	/*border-top:1px solid #dddddd;*/
	/*margin-top:4rem; */

}

.top-footer{
	display:flex;
	order:1;
	flex-direction: row;
	width:100%;
	/* justify-content:space-around; */
	flex-wrap:wrap;
}

.bottom-footer{
	display:flex;
	order:2;
	flex-direction:column;
	width:100%;
	align-items:center;
	margin-top:1rem;
	padding:1rem 1rem 0 1rem;
	/*border-top:1px solid #dddddd;*/

}

footer ul {
	list-style:none;	
}

.useful-links, .customer-care, .get-in-touch, .follow-us {
	width:50%; 

}

.useful-links {padding:0 0.5rem 3rem 1rem;}
.get-in-touch {padding:0 0.5rem 1rem 1rem;}
.customer-care {padding:0 1rem 3rem 0.5rem;}
.follow-us {padding:0 1rem 1rem 0.5rem;}


.useful-links-ul li, .customer-care-links-ul li {
	padding-bottom:0.5rem;
}

.useful-links-ul li p, .customer-care-links-ul li p, .address, .contact-number {
	line-height:1.5;
	/* color:#666666;*/
	color:#aaaaaa;
	font-family:'DM Sans', sans-serif;
}

.get-in-touch .contact-number {
	margin-bottom:1rem; 
	
}

.follow-us-links-ul{
	display:flex; 
	flex-direction:row; 
	justify-content: space-between;
	width:132px;
}

footer ion-icon{
	font-size: 1.5rem;
	display: block;
	color:#aaaaaa;
}

.top-footer .title {
	padding-bottom:1.5rem;
	font-weight:700;
	font-size:1rem;
	/*color:#666666; */
	color:#e0e0e0;
}

.payments-title {
	padding-bottom:1rem; 
	font-weight:700;
	font-size:1rem;
	color:#666666;
}

.payments{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-bottom:2rem;
}


.copyrights{
	display:flex;
	padding:0.5rem 0;
	font-size:0.75rem;
	font-family: 'DM Sans', sans-serif;
	color: #666666;
}

.copyrights a{color:#666666; text-decoration:none;}

@media screen and (min-width: 768px) { 
    
    body {margin-bottom:0px;}

	.useful-links, .customer-care, .get-in-touch{
		width:33.33%;
		padding:0 2rem 3rem 2rem;
	}
	.follow-us {
		width:100%;
		padding:0rem 2rem 1rem 2rem;
	}
	
	.follow-us-links-ul{
	    width:165px;
	}
	
	footer ion-icon{
	    font-size:1.875rem;
	}

}

@media screen and (min-width: 992px) {

	footer {
		/*padding:3rem 3rem 1rem 3rem;*/
		padding:6rem 3rem 1rem 3rem;

	}

	.top-footer{
		display:flex;
		order:1;
		flex-direction: row;
		width:100%;
		justify-content:space-around;
	}

	.bottom-footer{
		display:flex;
		order:2;
		flex-direction:row;
		width:100%;
		justify-content:space-between;
		margin-top:2rem;
		padding:1rem 1rem 0 1rem;
		/*border-top:1px solid #dadada;*/

	} 

	.useful-links, .customer-care, .get-in-touch, .follow-us {
		width:auto;
		display: flex;
		flex-direction: column;
		padding-bottom:0;
	}

}

.login-main {
	padding:2rem 1rem 2rem 1rem;
	max-width:450px;
	margin:4rem auto 0 auto;
}

.login-main .tabul {
	padding:0;
}

.login-main .tabul .tabli {
	padding:0; 
	width:50%;
}

.login-main .tabul .tabli .tablink{
	height:3rem; 
	width:100%;
} 

.login-main .tablinkactive {
   background-color:#efefef;
}

.login-main .tablinkactive::after {
	height:0;	
}

.login-main .tabcontent {
	padding:1rem 1rem 2rem 1rem;
	background-color:#efefef;
}

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

.login-image h1 {
	color:#ffffff;
}

.login-form {
	margin-top:2rem;
}

.submit {
	width:100%; 
	font-family: 'DM Sans', sans-serif;
	font-size:1rem; 
	font-weight:700;
	letter-spacing:1px;
	line-height:2.25;
	background-color:#5C8001;
	border:1px solid #5C8001;
	color:#ffffff;
	padding:0;
	border-radius:2px;
}
.submit:hover {
    color: #fff;
    background-color: #496501;
    border-color: #496501;
}

.btn-primary:not(:disabled):not(.disabled):active {
	color: #fff;
    background-color: #496501;
    border-color: #496501;
}

.pretty input:checked ~ .state.p-primary label::after, .pretty.p-toggle .state.p-primary label::after {
    background-color: #5C8001 !important;
}

input {
	border:0; 
	/* border-bottom:1px solid #efefef;  */ 
	min-width:100%; 
	lin-height:1.5;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:1rem;
	font-weight:400;
	color:#333333;
	letter-spacing:0.25px;
	line-height: 1.5;
	padding-top:0.25rem;
}

label {
	font-family: 'DM Sans', sans-serif;
	font-size:0.875rem;
	
	letter-spacing:0.1px;
	color:#121212;
}

.back {
	position:absolute; 
	top:1.5rem; 
	background:#ffffff; 
	border:0; 
	display:block;
}

.back ion-icon {
	vertical-align:middle; 
	color:#666666;
}

.back span {
	font-family: 'IBM Plex Sans', sans-serif;
	font-size:1rem;
	font-weight:700;
	color:#666666;

}

.email, .pass{
	padding:4px 8px;
	margin-bottom:1.5rem;
	background-color:white;
	text-align:left;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

html {
  overflow-y: scroll;
}

.categories-main {
	width:100%;
}

.pl-16 {padding-left:16px;}

.page-name {color:#666666; text-align:center; padding:2rem 0;}
.accordion {
 	/* background-color: #313135;
 	color: rgba(255,255,255,0.9); */
 	/*background-color:#eeeeee;  */
 	background-color:#ffffff;
 	color:#333333;
 	cursor: pointer;
 	/* padding: 18px; */
 	padding-left:4px;
 	width: 100%;
 	text-align: left;
 	border: none;
 	outline: none;
 	transition: all 0.4s ease;
 	font-family:'IBM Plex Sans', sans-serif;
 	font-size:1rem;
 	display:flex;
 	align-items:center;
 	line-height:4;
}
/*.accordion.active-acc {background:#f6f6f6;}*/

.accordion:hover, .accordion:active{
	/* background-color:#414145; */
/*	background-color:#dddddd; */
}

.accordion ion-icon {
	/* color: rgba(255,255,255,0.9);  */
	color:#343434;
	font-size:1.75rem;
	transform: rotate(0deg);
	transition: all 0.3s ease;
	display: inline-block; 
	transform-origin: center center;
}

.accordion span {padding-left:4px;}

.accordion.active-acc::before {
    width: 4px;
    background: #D81E5B;
    height: 24px;
    content: "";
    position: static;
  	margin-left: -4px;
    margin-right:0px;
}

.active-acc ion-icon{
	transform: rotate(90deg);
	transition: all 0.2s ease;
	display: inline-block; 
	transform-origin: center center;
}

.panel {
	font-family:'IBM Plex Sans', sans-serif;
 	font-size:1rem;
	/* background-color:#212125; */
/*	background-color:#f6f6f6; */
	/* display: block; */
	overflow: hidden;
	max-height:0;
	transition: max-height 0.2s ease-out;
}


.panel p {
	/*padding-left:48px; */
	padding-left:36px;
	/* color: rgba(255,255,255,0.9); */
	color:#333333;
	line-height:4;
}

.panel p:hover, .panel p:active  {
	/* background-color:#27272b; */
	/*background-color:#eaeaea; */
/*	background-color:#cccccc; */
}

.panel .accordion {
	/*
	background-color:#212125;
	*/
	/*background-color:#f6f6f6; */
/*	background-color:#e6e6e6; */
 	color:#333333;
	padding-left:32px; 
}

.panel .accordion:hover, .panel .accordion:active{
	/* background-color:#27272b; */
	/*background-color:#eaeaea; */
/*	background-color:#cccccc; */
}

/*.subcat {background:#e6e6e6;}*/
.subcat p {
	/*padding-left:80px; */
	padding-left:80px;
	/* color: rgba(255,255,255,0.9); */
	color:#333333;
/*	background:#efefef; */
}

@media screen and (min-width: 992px) {
	.categories-main {
		max-width:600px;
		margin:0 auto;
	}
}


.cartspan{
	display: flex;
	flex-direction: column;
	align-items: center;
}


.cartbot{
	font-size: 10px;
	line-height: 10px;
	color: #212121;
	letter-spacing: 0.5px;
	font-weight: 700;
}

.d-inline-flex {justify-content:center;}
@media screen and (max-width: 480px) {
.grid-item-product {max-width:180px;}
.custom-select {
    font-size:0.875rem;
    padding: 0.375rem 1.25rem 0.375rem 0.25rem;
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .5rem center/8px 10px;
    
    
}

}