:root {
  --white: #ffffff;
  --black: #000000;
  --red: #E5220C;
  --orangee: #FF8800;
}
:root {
  --pri-font: "Quicksand";
}

/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
  width: auto;
}
body.home{
  background-color: #fff;
}

/* Banner */
section#banner {
  padding: 20px 0 60px 0;
  position: relative;
}
.banner-main-cirlc-image1 {
  position: absolute;
  bottom: 0;
  z-index: -1;
  transform: translate(-119px, -49px);
}
.banner-contents h6 {
  background: #FF0047;
  border-radius: 6px;
  color: #fff;
  width: 397px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
}
.banner-right-images{
  position: relative;
}
.banner-right-image img {
  width: 493px;
  height: 100%;
  animation: shake 14s linear infinite;
  transition-delay: 3s;
}
.banner-discount-image img {
  animation: shake 16s linear infinite;
}
.banner-inner-container {
  margin-bottom: 12%;
}
#banner svg{
  width: 100%;
}
.banner-main-cirlc-image2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  transform: translate(-82px, -28px);
}
.banner-contents h1 {
  font-family: Quicksand;
  font-size: 38px;
  font-weight: 700;
  line-height: 54.72px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #3A3A3A;
}
.banner-contents h1 .span1{
  color: #00BFB0;
}
.banner-contents h1 .span2{
  color: #FF8800;
}
.banner-contents h1 .span3{
  color: #6649A6;
}
.banner-contents h1 .span4{
  color: #FF0047;
}
.banner-contents p {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.92px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #9D9D9D;
  width: 85%;
}

.banner-explore-button a {
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FF8800;
  border: 1px solid #FF8800;
  padding: 14px 20px;
  border-radius: 40px;
  transition: 0.8s ease-in-out;
}

.banner-explore-button a:hover {
  background: #FF8800;
  color: #fff;
}
.banner-explore-button {
  margin-top: 30px;
}

.banner-bottom-images {
  position: relative;
}
.bottom-svg-image1 {
  position: absolute;
  bottom: 0;
  animation: mymove 5s infinite;
  animation-timing-function: linear;

}
  @keyframes mymove {
    from {left: 0px;}
    to {left: 200px;}
  }

  @keyframes mymove1 {
    from {right: 0px;}
    to {right: 200px;}
  }
.bottom-svg-image2 {
  position: absolute;
  bottom: 0;
  transform: translate(0px, 95px);
  animation: mymove1 5s infinite;
  animation-timing-function: linear;
}
.bottom-svg-image3 {
  position: absolute;
  bottom: 0;
  transform: translate(0px, 109px);
  animation: mymove 5s infinite;
  animation-timing-function: linear;
}
.bottom-svg-image4 {
  position: absolute;
  bottom: 0;
  transform: translate(0px, 110px);

}





/* Shop by Category */
#shop-by-category {
  background: #6649A6;
  padding: 10% 0;
  position: relative;
}
#shop-by-category .owl-item {
  border-radius: 21px;
  padding: 16px 0;
}
#shop-by-category .owl-item:nth-child(1)  {
  background: #001031;
}
#shop-by-category .owl-item:nth-child(2)  {
  background: #FF8800;
}
#shop-by-category .owl-item:nth-child(3)  {
  background: #00BFB0;
}
#shop-by-category .owl-item:nth-child(4)  {
  background: #FF0047;
}
#shop-by-category .owl-item:nth-child(5)  {
  background: #FF8800;
}
#shop-by-category .owl-item:nth-child(6)  {
  background: #001031;
}
#shop-by-category .owl-item:nth-child(7)  {
  background: #001031;
}
#shop-by-category .owl-item:nth-child(8)  {
  background: #FF8800;
}
#shop-by-category .owl-item:nth-child(9)  {
  background: #00BFB0;
}
#shop-by-category .owl-item:nth-child(10)  {
  background: #FF0047;
}
#shop-by-category .owl-item:nth-child(11)  {
  background: #FF8800;
}
#shop-by-category .owl-item:nth-child(12)  {
  background: #001031;
}
#shop-by-category .owl-item:nth-child(13)  {
  background: #001031;
}
#shop-by-category .owl-item:nth-child(14)  {
  background: #FF8800;
}
#shop-by-category .owl-item:nth-child(15)  {
  background: #00BFB0;
}
#shop-by-category .owl-item:nth-child(16)  {
  background: #FF0047;
}
#shop-by-category .owl-item:nth-child(17)  {
  background: #FF8800;
}
#shop-by-category .owl-item:nth-child(18)  {
  background: #001031;
}


#shop-by-category .owl-item:nth-child(20)  {
  background: #001031;
}
#shop-by-category .owl-item:nth-child(21)  {
  background: #FF8800;
}
#shop-by-category .owl-item:nth-child(22)  {
  background: #00BFB0;
}
#shop-by-category .owl-item:nth-child(23)  {
  background: #FF0047;
}
#shop-by-category .owl-item:nth-child(24)  {
  background: #FF8800;
}
#shop-by-category .owl-item:nth-child(25)  {
  background: #001031;
}




.category-image-box h5 {
  padding: 10px 0 0;
  margin-bottom: 0;
}

.category-image-box:hover h6 a{
  color: var(--red);
}
.cat-image-main-box {
  width: 124px;
  height: 114px;
  margin: auto;
}
.cat-image-main-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#categories_slider .owl-nav{
  position: relative;
  bottom: 100px;
}
#categories_slider .owl-nav .owl-next{
  position: absolute;
  right: -80px;
}
#categories_slider .owl-nav .owl-prev{
  position: absolute;
  left: -80px;
  border: none;
}
#categories_slider .owl-nav .owl-prev i{
  background: #fff;
  color: #000;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 4px;
}

.cat-top-svg-image1 {
  position: absolute;
  top: -14px;
  left: 0px;
  right: 0;
  margin: auto;
}
.cat-bottom-svg-image1{
  position: absolute;
  bottom: -1px;
  left: -18px;
  right: 0;
  margin: auto;
}

/* Shop by Brands */
#brands {
  background: #FF8800;
  padding: 10% 0;
  margin: 0 30px;
  position: relative;
}
.brands-images img {
  width: 180px;
  height: 100%;
  animation: tada 14s linear infinite;
}

.brands-box:nth-child(1) .brands-inner-box{
  background: #001031;
}
.brands-box:nth-child(2) .brands-inner-box{
  background: #E3DA02;
}
.brands-box:nth-child(3) .brands-inner-box{
  background: #FF0047;
}
.brands-box:nth-child(4) .brands-inner-box{
  background: #6649A6;
}
.brands-box:nth-child(5) .brands-inner-box{
  background: #FF0047;
}
.brands-box:nth-child(6) .brands-inner-box{
  background: #6649A6;
}
.brands-box:nth-child(7) .brands-inner-box{
  background: #001031;
}
.brands-box:nth-child(8) .brands-inner-box{
  background: #E3DA02;
}

.brands-images {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 267px;
  border: 1px dashed #FFFFFF;
  border-radius: 21px;
  padding: 20px;

}

.brands-inner-box {
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px;
}

.brands-top-svg-image1 {
  position: absolute;
  top: 0;
  left: -23px;
}

.brands-bottom-svg-image1 {
  position: absolute;
  bottom: -1px;
  left: -23px;
}

/* blogs */

#blog {
  background: #FF8800;
  padding: 10%;
  margin: 0 30px;
  position: relative;
}
#blog h2 {
  color: #fff;
}
.blog-contents-box h6 a {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.92px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #3A3A3A;
}
.blog-contents-box p {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.92px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #9D9D9D;
}
.blog-bottom-svg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}


.blog-top-svg-image1 {
  position: absolute;
  top: 0;
  left: -23px;
}
.blog-bottom-svg-image1 {
  position: absolute;
  bottom: -2px;
  left: -23px;
}







/* Discount Banner */
#discount-banner {
  position: relative;
  padding: 60px 0;
}
.discount-banner1 {
  background: #FF8800;
  border-radius: 21px;
  height: 250px;
  position: relative;
  z-index: 1;
}
.discount-banner2 {
  background: #6649A6;
  border-radius: 21px;
  height: 250px;
  position: relative;
  z-index: 1;
}
.banner-discount-content h2 {
  font-family: Quicksand;
  font-size: 38px;
  font-weight: 700;
  line-height: 54.72px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
}
.banner-discount-content h6 {
  font-family: Quicksand;
  font-size: 23px;
  font-weight: 700;
  line-height: 33.12px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
}
.discount-banner3 h2 {
  font-family: Quicksand;
  font-size: 38px;
  font-weight: 700;
  line-height: 54.72px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  width: 70%;
  animation: waviy 8s infinite;
  animation-delay: calc(.1s * var(--i));
}

@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}


.discount-banner3 {
  border-radius: 21px;
  height: 554px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  flex-direction: column;
  overflow: hidden;
  background-size: 100% 100%;
  background-position: center;

}
.discount-banner3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000075;
  z-index: -1;
  border-radius: 21px;
}




@keyframes mymove {
  from {left: 0px;}
  to {left: 200px;}
}

@keyframes mymove1 {
  from {right: 0px;}
  to {right: 200px;}
}



.discount-top-svg-image1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;

}
.discount-bottom-svg-image2 {
  position: absolute;
  bottom: 0;
  animation: mymove 5s infinite;
animation-timing-function: linear;
}
.discount-bottom-svg-image3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  animation: mymove1 5s infinite;
animation-timing-function: linear;
}
.discount-bottom-svg-image4 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;

}
#discount-banner svg {
  width: 100%;
  height: 100%;
}
.banner-discount-image img {
  width: 100%;
  margin-top: -45px;
}
.banner-discount-image1-svg {
  content: "";
  clip-path: polygon( 83.061% 29.609%,83.061% 29.609%,84.286% 32.19%,85.786% 33.447%,87.498% 33.565%,89.358% 32.729%,91.3% 31.124%,93.26% 28.935%,95.175% 26.348%,96.979% 23.547%,98.609% 20.717%,100% 18.044%,100% 79.927%,100% 79.927%,99.94% 83.11%,99.767% 86.13%,99.489% 88.946%,99.117% 91.517%,98.66% 93.804%,98.127% 95.766%,97.527% 97.362%,96.871% 98.552%,96.167% 99.295%,95.425% 99.552%,0% 99.552%,0% 99.552%,0.04% 99.549%,0.115% 99.537%,0.229% 99.517%,0.386% 99.486%,0.59% 99.443%,0.845% 99.386%,1.155% 99.315%,1.524% 99.229%,1.955% 99.124%,2.453% 99.002%,2.453% 99.002%,3.323% 98.576%,4.549% 97.707%,6.05% 96.514%,7.749% 95.116%,9.565% 93.632%,11.42% 92.182%,13.234% 90.883%,14.928% 89.855%,16.423% 89.218%,17.64% 89.089%,17.64% 89.089%,18.583% 88.965%,19.32% 88.168%,19.87% 86.551%,20.253% 83.969%,20.488% 80.277%,20.593% 75.329%,20.587% 68.98%,20.489% 61.085%,20.318% 51.498%,20.093% 40.073%,20.093% 40.073%,20.097% 29.36%,20.525% 21.78%,21.272% 16.995%,22.23% 14.669%,23.291% 14.464%,24.35% 16.043%,25.297% 19.07%,26.026% 23.207%,26.43% 28.118%,26.402% 33.464%,26.402% 33.464%,26.169% 37.467%,25.83% 42.748%,25.43% 48.868%,25.016% 55.383%,24.633% 61.854%,24.325% 67.837%,24.14% 72.893%,24.121% 76.578%,24.315% 78.453%,24.766% 78.074%,24.766% 78.074%,25.32% 76.237%,25.807% 74.153%,26.248% 72.002%,26.667% 69.967%,27.088% 68.23%,27.534% 66.971%,28.027% 66.374%,28.591% 66.619%,29.248% 67.888%,30.023% 70.364%,30.023% 70.364%,30.828% 72.989%,31.584% 74.51%,32.326% 74.815%,33.089% 73.792%,33.908% 71.328%,34.818% 67.31%,35.854% 61.628%,37.051% 54.168%,38.445% 44.817%,40.07% 33.464%,40.07% 33.464%,41.766% 23.511%,43.358% 17.942%,44.863% 16.022%,46.298% 17.013%,47.678% 20.178%,49.02% 24.78%,50.339% 30.083%,51.651% 35.35%,52.974% 39.844%,54.322% 42.827%,54.322% 42.827%,55.616% 43.467%,56.775% 41.8%,57.82% 38.396%,58.773% 33.821%,59.652% 28.645%,60.479% 23.437%,61.274% 18.763%,62.057% 15.193%,62.848% 13.295%,63.668% 13.638%,63.668% 13.638%,64.433% 15.402%,65.077% 17.242%,65.646% 18.936%,66.188% 20.264%,66.749% 21.004%,67.378% 20.934%,68.119% 19.833%,69.022% 17.48%,70.131% 13.653%,71.495% 8.131%,71.495% 8.131%,72.92% 3.141%,74.201% 0.795%,75.37% 0.696%,76.458% 2.447%,77.497% 5.652%,78.519% 9.915%,79.554% 14.838%,80.636% 20.026%,81.794% 25.082%,83.061% 29.609% );
  background: #FF0047;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  width: 459px;
  height: 106px;
  z-index: -1;
}
.banner-discount-image2-svg {
  content: "";
  clip-path: polygon( 83.061% 29.609%,83.061% 29.609%,84.286% 32.19%,85.786% 33.447%,87.498% 33.565%,89.358% 32.729%,91.3% 31.124%,93.26% 28.935%,95.175% 26.348%,96.979% 23.547%,98.609% 20.717%,100% 18.044%,100% 79.927%,100% 79.927%,99.94% 83.11%,99.767% 86.13%,99.489% 88.946%,99.117% 91.517%,98.66% 93.804%,98.127% 95.766%,97.527% 97.362%,96.871% 98.552%,96.167% 99.295%,95.425% 99.552%,0% 99.552%,0% 99.552%,0.04% 99.549%,0.115% 99.537%,0.229% 99.517%,0.386% 99.486%,0.59% 99.443%,0.845% 99.386%,1.155% 99.315%,1.524% 99.229%,1.955% 99.124%,2.453% 99.002%,2.453% 99.002%,3.323% 98.576%,4.549% 97.707%,6.05% 96.514%,7.749% 95.116%,9.565% 93.632%,11.42% 92.182%,13.234% 90.883%,14.928% 89.855%,16.423% 89.218%,17.64% 89.089%,17.64% 89.089%,18.583% 88.965%,19.32% 88.168%,19.87% 86.551%,20.253% 83.969%,20.488% 80.277%,20.593% 75.329%,20.587% 68.98%,20.489% 61.085%,20.318% 51.498%,20.093% 40.073%,20.093% 40.073%,20.097% 29.36%,20.525% 21.78%,21.272% 16.995%,22.23% 14.669%,23.291% 14.464%,24.35% 16.043%,25.297% 19.07%,26.026% 23.207%,26.43% 28.118%,26.402% 33.464%,26.402% 33.464%,26.169% 37.467%,25.83% 42.748%,25.43% 48.868%,25.016% 55.383%,24.633% 61.854%,24.325% 67.837%,24.14% 72.893%,24.121% 76.578%,24.315% 78.453%,24.766% 78.074%,24.766% 78.074%,25.32% 76.237%,25.807% 74.153%,26.248% 72.002%,26.667% 69.967%,27.088% 68.23%,27.534% 66.971%,28.027% 66.374%,28.591% 66.619%,29.248% 67.888%,30.023% 70.364%,30.023% 70.364%,30.828% 72.989%,31.584% 74.51%,32.326% 74.815%,33.089% 73.792%,33.908% 71.328%,34.818% 67.31%,35.854% 61.628%,37.051% 54.168%,38.445% 44.817%,40.07% 33.464%,40.07% 33.464%,41.766% 23.511%,43.358% 17.942%,44.863% 16.022%,46.298% 17.013%,47.678% 20.178%,49.02% 24.78%,50.339% 30.083%,51.651% 35.35%,52.974% 39.844%,54.322% 42.827%,54.322% 42.827%,55.616% 43.467%,56.775% 41.8%,57.82% 38.396%,58.773% 33.821%,59.652% 28.645%,60.479% 23.437%,61.274% 18.763%,62.057% 15.193%,62.848% 13.295%,63.668% 13.638%,63.668% 13.638%,64.433% 15.402%,65.077% 17.242%,65.646% 18.936%,66.188% 20.264%,66.749% 21.004%,67.378% 20.934%,68.119% 19.833%,69.022% 17.48%,70.131% 13.653%,71.495% 8.131%,71.495% 8.131%,72.92% 3.141%,74.201% 0.795%,75.37% 0.696%,76.458% 2.447%,77.497% 5.652%,78.519% 9.915%,79.554% 14.838%,80.636% 20.026%,81.794% 25.082%,83.061% 29.609% );
  background: #FF0047;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  width: 459px;
  height: 106px;
  z-index: -1;
}

/* Shop By AGe */
#shop-by-age {
  padding: 60px 0;
  position: relative;
}
.shop-by-age-headings h5 {
  color: #3A3A3A;
}
.counter_box.bg_1 {
  background: #FF8800;
}
.counter_box.bg_2 {
  background: #FF0047;
}
.counter_box.bg_3 {
  background: #00BFB0;
}
.shop-byage-box h6 {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.92px;
  text-align: center;
  text-underline-position: from-font;
  color: #FFFFFF;
  margin-bottom: 0;
}
.shop-byage-box h5 {
  margin-bottom: 0;
}
.counter_box {
  width: 206px;
  height: 206px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 400px;
  position: relative;
}

.shop-age-counter-inner-content p {
  font-family: Quicksand;
  font-size: 38px;
  font-weight: 700;
  line-height: 54.72px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  word-spacing: -9px;

}
.shop-age-text-counter h5 {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.92px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: 0;
}
.counter_box::after {
  content: "";
  width: 168px;
  height: 168px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  border: 1px dashed #FFFFFF;
  left: 0;
  border-radius: 400px;
  margin: auto;
}
.shopbyage-banner {
  height: 206px;
  border-radius: 21px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100% 100%;
}
.product-discount {
  position: absolute;
  top: 8px;
  left: 8px;
}
.shopbyage-banner h4 {
  font-family: Quicksand;
  font-size: 23px;
  font-weight: 700;
  line-height: 33.12px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  clip-path: polygon( 16.939% 29.397%,16.939% 29.397%,15.714% 32.002%,14.214% 33.27%,12.502% 33.389%,10.642% 32.545%,8.7% 30.925%,6.74% 28.716%,4.825% 26.104%,3.021% 23.277%,1.391% 20.421%,0% 17.722%,0% 80.189%,0% 80.189%,0.06% 83.402%,0.233% 86.451%,0.511% 89.293%,0.883% 91.889%,1.34% 94.197%,1.873% 96.178%,2.473% 97.789%,3.129% 98.99%,3.833% 99.741%,4.575% 100%,100% 100%,100% 100%,99.96% 99.996%,99.885% 99.985%,99.771% 99.964%,99.614% 99.932%,99.41% 99.889%,99.155% 99.832%,98.845% 99.76%,98.476% 99.673%,98.045% 99.568%,97.547% 99.444%,97.547% 99.444%,96.677% 99.014%,95.451% 98.136%,93.95% 96.932%,92.251% 95.521%,90.435% 94.024%,88.58% 92.559%,86.766% 91.248%,85.072% 90.211%,83.577% 89.567%,82.36% 89.437%,82.36% 89.437%,81.417% 89.313%,80.68% 88.508%,80.13% 86.876%,79.747% 84.269%,79.512% 80.542%,79.408% 75.548%,79.413% 69.139%,79.511% 61.169%,79.682% 51.492%,79.907% 39.959%,79.907% 39.959%,79.903% 29.145%,79.475% 21.493%,78.728% 16.663%,77.77% 14.315%,76.709% 14.108%,75.651% 15.703%,74.703% 18.758%,73.974% 22.934%,73.57% 27.891%,73.598% 33.288%,73.598% 33.288%,73.831% 37.328%,74.17% 42.66%,74.57% 48.837%,74.984% 55.414%,75.367% 61.945%,75.675% 67.985%,75.86% 73.088%,75.879% 76.809%,75.685% 78.701%,75.234% 78.319%,75.234% 78.319%,74.68% 76.465%,74.193% 74.36%,73.752% 72.189%,73.333% 70.135%,72.912% 68.381%,72.466% 67.111%,71.973% 66.508%,71.409% 66.755%,70.752% 68.037%,69.977% 70.536%,69.977% 70.536%,69.172% 73.185%,68.416% 74.721%,67.674% 75.029%,66.911% 73.996%,66.092% 71.508%,65.182% 67.453%,64.146% 61.717%,62.949% 54.187%,61.555% 44.748%,59.93% 33.288%,59.93% 33.288%,58.234% 23.241%,56.642% 17.62%,55.137% 15.681%,53.702% 16.681%,52.322% 19.876%,50.98% 24.522%,49.661% 29.875%,48.349% 35.192%,47.026% 39.727%,45.678% 42.739%,45.678% 42.739%,44.384% 43.385%,43.225% 41.703%,42.18% 38.266%,41.227% 33.648%,40.348% 28.424%,39.521% 23.166%,38.726% 18.448%,37.943% 14.844%,37.152% 12.929%,36.332% 13.275%,36.332% 13.275%,35.567% 15.055%,34.923% 16.913%,34.354% 18.623%,33.812% 19.963%,33.251% 20.71%,32.622% 20.64%,31.881% 19.528%,30.978% 17.153%,29.869% 13.29%,28.505% 7.715%,28.505% 7.715%,27.08% 2.678%,25.799% 0.31%,24.63% 0.21%,23.542% 1.978%,22.503% 5.214%,21.481% 9.516%,20.446% 14.486%,19.364% 19.723%,18.206% 24.827%,16.939% 29.397% );
  width: 459px;
  height: 106px;
  gap: 0px;
  opacity: 0px;
  background: #FF0047;
  display: flex;
  align-items: end;
  padding: 20px 10px;
}

.banner-arrow-svg-image {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0px, 63px);
}

#shop-by-age .owl-item:hover .shop-by-age-explore-button{
  display: flex;
}
.shop-by-age-explore-button {
  position: absolute;
  top: 0;
  transform: translate(0px, -32px);
  left: 0;
  right: 0;
  margin: auto;
  display: none;
  align-items: flex-end;
  justify-content: center;
}
.shop-by-age-explore-button h6 {
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: #3A3A3A;
  padding: 8px 18px 4px;
  border-radius: 20px 20px 0 0;
  max-width: max-content;
}


#shop-by-age .owl-item:nth-child(1){
  background: #001031;
}
#shop-by-age .owl-item:nth-child(2){
  background: #FF8800;
}
#shop-by-age .owl-item:nth-child(3){
  background: #00BFB0;
}
#shop-by-age .owl-item:nth-child(4){
  background: #FF0047;
}
#shop-by-age .owl-item:nth-child(5){
  background: #6649A6;
}
#shop-by-age .owl-item:nth-child(6){
  background: #001031;
}
#shop-by-age .owl-item:nth-child(7){
  background: #001031;
}
#shop-by-age .owl-item:nth-child(8){
  background: #FF8800;
}
#shop-by-age .owl-item:nth-child(9){
  background: #00BFB0;
}
#shop-by-age .owl-item:nth-child(10){
  background: #FF0047;
}
#shop-by-age .owl-item:nth-child(11){
  background: #6649A6;
}
#shop-by-age .owl-item:nth-child(12){
  background: #001031;
}

#shop-by-age .owl-item:nth-child(13){
  background: #001031;
}
#shop-by-age .owl-item:nth-child(14){
  background: #FF8800;
}
#shop-by-age .owl-item:nth-child(15){
  background: #00BFB0;
}
#shop-by-age .owl-item:nth-child(16){
  background: #FF0047;
}
#shop-by-age .owl-item:nth-child(17){
  background: #6649A6;
}
#shop-by-age .owl-item:nth-child(18){
  background: #001031;
}
#shop-by-age .owl-nav {
  display: none;
}
/* .owl-item:nth-child(3) .shop-byage-box{
  background: #00BFB0;

}

.owl-item:nth-child(4) .shop-byage-box{
  background: #FF0047;

}

.owl-item:nth-child(5) .shop-byage-box{
  background: #6649A6;
}

.owl-item:nth-child(6) .shop-byage-box{
  background: #001031;
} */
#shop-by-age .owl-item {
  border-radius: 21px;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 40px;
}


/* our deals */
#our-deals {
  background: #00BFB0;
  padding: 10% 0;
  position: relative;
  margin: 0 30px;

}
.deal-products-box:hover {
  border: 2px solid #FF0047;
}


.deal-products-box:hover  .product-plus-icon{
  background: #FF0047;
}

.deal-products-box:hover  .product-plus-icon i{
  color: #fff;
}
.deal-products-box {
  background: #FFFFFF;
  border-radius: 21px;
  padding: 22px;
  border: 2px solid #EBEBEB;
  margin-bottom: 14px;

}
.product-title a {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.92px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #3A3A3A;
}
.progress {
  display: flex;
  height: 4px !important;
  overflow: hidden;
  font-size: .75rem;
  border-radius: 33px !important;
  background: #D9D9D9 !important;
  margin: 5px 0;
}


.products-left p span {
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #9D9D9D;
}
.deals-headings h2 {
  color: #6649A6;
}
.deal-top-svg-image1 {
  position: absolute;
  top: -1px;
  left: -22px;
}
.deal-bottom-svg-image1 {
  position: absolute;
  bottom: -9px;
  left: -25px;
}

.deal-offer-text-box p {
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  background: #FF8800;
  max-width: fit-content;
  padding: 5px 9px;
  border-radius: 21px;
}
.offer-text-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.brands-title h2 {
  color: #FFFFFF;
}

/* our feature */
section#feature-products {
  padding: 60px 0;
  position: relative;
}
.feature-collection-main-content-box h5 {
  color: #3A3A3A;
}
.feature-collection-main-content-box h2 {
  color: #FF0047;
}
.feature-icon-img{
  width: 50px;
  height: 50px;
}
.feature-icon-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.feature-contentsinner-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.feature-content-box{
  padding: 10%;
  border-radius: 6px;
}
.feature-inner-box{
  display: flex;
}
.feature-icon-title {
  font: normal normal normal 14px / 20px Quicksand;
  color: #000;
}
h6.feature-icon-title {
  font: 600 16px / 20px Quicksand;
  color: #000;
}
.our-feature-banner-inner-box {
  width: fit-content;
  margin: auto;
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  height: fit-content;
  padding: 5%;
}
#our-feature p.cat-title {
  color: #fff;
}
h3.our-feature-banner-heading-one a {
  font: normal normal bold 36px / 50px Quicksand;
  color: #fff;
}
.Discount-offer-text-box{
  width: 105px;
  height: 105px;
  position: absolute;
  top: 20%;
  right: 40%;
  border-radius: 50%;
  border: 1px solid #fff;
  transform: rotate(-20deg);
}
.percentage-box {
  position: relative;
  width: 90px;
  margin: auto;
  text-align: center;
  background: var(--red);
  height: 90px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  border-radius: 50%;
  top: 6px;
}
.percentage-box p{
  font: normal normal bold 33px / 28px Quicksand;
  color: #fff;
}
.products-head-content-box h2 {
  color: #FF0047;
}
/* top-selling product */
#top-selling-products .products-content-outer-box {
  width: 260px;
  transition: height 2s;
  padding: 0;
}
/* deal of the day */

.progress-bar {

  background-color: #FF0047 !important;
}
.deal-progress {
  width: 64%;
}
.our-deals-banner-content-main-box {
  display: flex;
}
.our-deals-banner-content-main-box .deal-day-offer-image {
  width: 350px;
  height: 240px;
}
.our-deals-banner-content-main-box{
  background: #E8E8E8;
  padding: 12px;
  border-radius: 10px;
}
.deal-day-offer-image img{
  background: #fff;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.our-deals-products-box .deal-day-offer-image img{
  background: transparent !important;
}
.our-deals-banner-content-box .cat-title{
  font: 500 15px / 24px Quicksand;
  color: var(--red);
}
.our-deals-banner-text{
  color: #000;;
}
#our-deals .product-amount del{
  display: block;
  padding-left: 4px;
}
#our-deals .product-amount del bdi{
  font:400 13px/13px var(--pri-font);
}
.our-deals-carousel-content-main-box .deal-day-offer-image{
  width: 250px;
  height: 195px;
}
.our-deals-carousel-content-main-box.d-flex {
  box-shadow: 0px 0px 15px #00000029;
  margin: 8px;
  border-radius: 15px;
  padding: 15px;
}
#timer .timer_days {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.92px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
    color: #fff;

}
#timer .timer_days {
  position: relative;
}
#timer .numbers::after {
  content: ":";
  font-size: 26px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transform: translate(15px, 0px);
  font-family: Quicksand;
  font-size: 24px;
  font-weight: 700;
  line-height: 25.92px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
#timer .numbers:nth-child(4)::after {
  display: none;
}

div#timer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.deal-offer-timer #timer .numbers {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF0047;
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  margin: 26px 10px;
  position: relative;
}


/* testimonial */
.testimonial-title{
  color: #fff;
}
.testimonial-heading h5 {
  color: #3A3A3A;
}
.testi-heading1 {
  color: #FF8800;
}
.testi-heading2 {
  color: #00BFB0;
}
.testi-designation-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.testi-designation-box .testi-image{
  width: 147px;
  height: 147px;
}
#testimonial {
  margin-bottom: 13%;
}
.testimonial-heading h2 {
  color: #FF0047;
}
.testi-designation-box .testi-image img{
  border-radius: 50%;
  border: 10px solid #FF8800;
}
.testimonial-contents {
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial-content-box::before {
  content: "";
  background: #FF0047;
  width: 100%;
  height: 418px;
  position: absolute;
  clip-path: polygon( 100% 30.352%,0% 0%,0% 69.919%,100% 100%,100% 30.352% );
  left: 0;
  top: 60px;
}
.testimonial-content-box::after {
  content: "";
  background: #6649A6;
  width: 100%;
  height: 418px;
  position: absolute;
  right: 0;
  top: 60px;
  clip-path: polygon( 0% 30.352%,100% 0%,100% 69.919%,0% 100%,0% 30.352% );
  z-index: -1;
}
.testimonial-content-box::before {
  content: "";
  background: #FF0047;
  width: 100%;
  height: 418px;
  position: absolute;
  clip-path: polygon( 100% 30.352%,0% 0%,0% 69.919%,100% 100%,100% 30.352% );
  left: 0;
  top: 60px;
}


.blog-image-box:hover .date-item-bx {
display: flex;
}
.blog-image-box:hover .testimonial-arrow {
  display: flex;
  }
.date-item-bx {
  width: 100%;
  background: #FF0047;
  font-family: Quicksand; 
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  position: absolute;
  top: 0px;
  clip-path: polygon( 13.339% 9.144%,0% 0%,100% 0%,87.876% 8.998%,87.876% 8.998%,87.114% 9.846%,86.37% 11.237%,85.647% 13.151%,84.95% 15.572%,84.281% 18.48%,83.645% 21.859%,83.045% 25.69%,82.486% 29.955%,81.97% 34.635%,81.502% 39.714%,79.04% 68.998%,79.04% 68.998%,78.52% 74.587%,77.943% 79.683%,77.314% 84.263%,76.639% 88.305%,75.922% 91.785%,75.168% 94.683%,74.383% 96.976%,73.572% 98.641%,72.74% 99.657%,71.892% 100%,29.287% 100%,29.287% 100%,28.425% 99.645%,27.579% 98.595%,26.756% 96.875%,25.96% 94.508%,25.196% 91.518%,24.471% 87.928%,23.79% 83.762%,23.157% 79.045%,22.579% 73.799%,22.06% 68.049%,19.85% 40.85%,19.85% 40.85%,19.379% 35.578%,18.857% 30.721%,18.288% 26.298%,17.677% 22.329%,17.027% 18.834%,16.342% 15.831%,15.627% 13.341%,14.886% 11.384%,14.122% 9.978%,13.339% 9.144% );
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  display: none;
  transition: 0.8s ease-in-out;
}

.products-img-box img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-bottom: 1px dashed #6649A6;
  padding-bottom: 12px;

}


.testimonial-arrow i {
  font-size: 28px;
  color: #fff;
  position: absolute;
  bottom: 14px;
  right: 25px;
  transform: rotate(-25deg);
}


.testimonial-arrow  {
  clip-path: polygon( 35.841% 72.188%,35.841% 72.188%,35.175% 79.194%,33.143% 84.9%,30.013% 89.442%,26.055% 92.955%,21.539% 95.575%,16.733% 97.436%,11.907% 98.674%,7.33% 99.424%,3.271% 99.821%,0% 100%,82.301% 100%,82.301% 100%,85.172% 99.722%,87.895% 98.915%,90.435% 97.625%,92.754% 95.895%,94.816% 93.768%,96.585% 91.289%,98.025% 88.501%,99.098% 85.448%,99.768% 82.175%,100% 78.723%,100% 0%,100% 0%,99.965% 0.525%,99.942% 1.357%,99.923% 2.506%,99.898% 3.984%,99.859% 5.8%,99.795% 7.965%,99.697% 10.49%,99.558% 13.383%,99.367% 16.656%,99.115% 20.32%,99.115% 20.32%,98.34% 25.937%,96.94% 30.219%,94.902% 33.341%,92.211% 35.478%,88.85% 36.805%,84.807% 37.498%,80.066% 37.732%,74.611% 37.682%,68.429% 37.523%,61.504% 37.431%,61.504% 37.431%,55.828% 37.547%,50.977% 37.997%,46.901% 38.935%,43.55% 40.518%,40.874% 42.899%,38.821% 46.232%,37.342% 50.673%,36.386% 56.377%,35.902% 63.497%,35.841% 72.188% );
  width: 115px !important;
  height: 94px;
  background: #FF0047;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
}
.testimonial-contents p{
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.92px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  width: 65%;

}
.testimonial-content-box {
  padding: 5% 0% 12% 0px;
}
.testibox .detail{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.newsletter-main-content-bg-image{
  border-radius: 10px 0px 0px 10px;
  background-image: url(http://localhost/sports-club/wp-content/themes/classic-toy-store-pro/assets/images/news-bg-img-two.png);
  position: absolute;
  right: 0;
  width: 49.5% !important;
  height: 100%;
  bottom: 55px;
  max-height: 74%;
  z-index: -1;
  background-size: 100% 100%;
}
.newsletter-heading-one{
  color: #fff;
}
.newsletter-inner-box{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.newsletter-form-box form{
  display: flex;
  padding-top: 3%;
}
.newsletter-form-box form .wpcf7-submit.has-spinner:hover{
  background: #fff;
  color: #000;
}
.newsletter-form-box form .wpcf7-submit.has-spinner{
  border: none;
  background: var(--red);
  font: normal normal normal 14px / 20px Quicksand;
  padding: 10px 22px;
  border-radius: 4px;
  color: #fff;
  margin-left: 10px;
  position: relative;
  z-index: 1;
}
.newsletter-form-box form .wpcf7-form-control-wrap input{
  background: #fff;
  border: none;
  font: normal normal normal 13px / 20px Quicksand;
}
.newsletter-form-box form p{
  align-self: center;
}