/* Hero Banner Section CSS Start */
.homebanner .carousel-caption {
  height: auto;
  bottom: 180px;
  width: 38%;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  left: 8%;
}

.homebanner .carousel-caption h1 {
  font-family: var(--bs-heading-poppins-family);
  font-size: 64px;
  position: relative;
}

.homebanner .carousel-caption h1 figure {
  position: absolute;
  top: -60px;
  right: 70px;
}

.homebanner .carousel-caption h1 span {
  color: var(--bs-primary);
}

.homebanner .carousel-caption p {
  font-size: var(--bs-para-one-font-size);
  color: rgba(17, 17, 17, 0.8);
}

.homebanner .carousel-caption a.btn:last-child {
  margin-left: 50px;
  display: flex;
  margin-top: 0px;
  padding: 10px 20px;
  background: #28a745;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s;
  border-radius: 2rem;
  height: 2.5rem;
}

/* .homebanner .carousel-caption a.btn {background:#fff; padding:10px 33px; border-radius:30px; border:4px solid var(--bs-secondary); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25); position:relative; width:auto; color: var(--bs-body-color);} */

.homebanner .carousel-caption a.btn {
  background: #fff;
  padding: 10px 33px;
  border-radius: 0;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  width: auto;
  color: var(--bs-body-color);
}


.homebanner .carousel-caption a.btn img {
  width: 20px;
  margin-right: 8px;
}

/* .homebanner .carousel-caption a span { position:relative; right:-20px;} */
.homebanner .carousel-indicators {
  margin: 0px;
  bottom: 100px;
  left: 100px;
}

.homebanner .carousel-indicators [data-bs-target] {
  background: none;
  text-indent: unset;
  width: auto;
  margin-right: 40px;
  position: relative;
}

.homebanner .carousel-indicators ul li div.active g {
  opacity: 1;
}

.homebanner .carousel-indicators ul li div.active span svg,
.homebanner .carousel-indicators ul li div.active span svg path {
  fill: var(--bs-success) !important;
  stroke: var(--bs-success) !important;
  opacity: 1;
  border-radius: 50%;
}

.homebanner .carousel-indicators ul li div.active::before {
  content: "";
  width: 120px;
  height: 2px;
  display: block;
  transition: 2000ms;
  position: relative;
  left: 30px;
  bottom: -19px;
  background: rgba(217, 217, 217, 1);
  display: none;
}

/* Quality and Nutrition Section CSS Start */
.qn-box h2 {
  font-weight: 700;
  margin-bottom: 20px;
}

.qn-box p {
  font-size: var(--bs-para-two-font-size);
  font-weight: var(--bs-body-font-weight);
}

.qn-box img {
  height: 270px;
  object-fit: contain;
}

/* Discover Section CSS Start */
.discover-sec .container-fluid {
  padding-right: 0px;
}

.discover-sec .left .section-ttl p {
  font-size: var(--bs-para-two-font-size);
}

.discover-sec .left h1 img {
  position: absolute;
  top: -70px;
  right: 0;
}

.discover-sec .right .main {
  /*background: url(/media/wysiwyg/images/discover-bg.webp); background-size: cover; border-radius:40px 0px 0px 40px;*/
  padding: 32px 10px 0px 65px;
  overflow: hidden;
}

.discover-sec .right .card {
  margin-bottom: 32px;
  border-radius: 0;
}

.discover-sec .right .slick-next:before,
.discover-sec .right .slick-prev:before {
  font-size: 35px;
}

.discover-sec .right .slick-next {
  right: 61%;
}

.discover-sec .right .slick-prev {
  left: 5%;
  z-index: 999;
}

.discover-sec .right .slick-slide {
  position: relative;
  left: 40px;
}

.discover-sec .right .slick-slide figure img {
  width: 300px !important;
  height: 300px;
  object-fit: cover;
}

.discover-sec .right .ptable {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}

.discover-sec .right .ptable img {
  height: 375px;
}

.discover-sec .right .p-detail-box .card-body {
  padding: 32px 40px;
}

.discover-sec .right .p-detail-box .right h1 {
  margin-bottom: 10px;
}

.discover-sec .right .p-detail-box .right h1 span:first-child {
  color: var(--bs-primary);
}

/* .discover-sec .right .p-detail-box .right h1 span:last-child {color:var(--bs-success); font-size:16px;} */
.discover-sec .right .p-detail-box .right h1 span small {
  font-size: 20px;
  font-weight: 700;
}

.discover-sec .right .p-detail-box .right h1 del {
  font-size: 16px;
  padding: 0px 8px;
  opacity: 0.6;
}

.discover-sec .right .p-detail-box .right h1 .off {
  font-size: 16px;
  color: var(--bs-success);
}

.discover-sec .right .slick-current figure img {
  transform: inherit;
  transition: all .4s ease;
}

.discover-sec .p-detail-box h2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.discover-sec .p-detail-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.discover-sec .p-detail-box .right .common-btn-anim button {
  background: none;
  border: none;
  padding: 0;
  color: var(--bs-success);
}

.discover-sec .p-detail-box .right .common-btn-anim button:hover {
  color: #fff;
}

.discover-sec .p-detail-box .right .common-btn-anim button img {
  top: 50%;
  transform: translateY(-50%);
}

.discover-sec .p-detail-box .right .common-btn-anim:hover button img {
  left: 82%;
}

.discover-sec .slider-controls {
  position: absolute;
  top: 140px;
  /*display: flex; align-items: center; justify-content: space-between;*/
  width: 35%;
  /*left: 53px;*/
  left: 45px;
}

.discover-sec .slider-controls .slick-arrow {
  position: absolute;
}

.discover-sec .slider-controls .slide-prev-discover {
  left: 0;
}

.discover-sec .slider-controls .slide-next-discover {
  right: 0;
}

/* Recipe Secrtion CSS Start */
.recipe-sec {
  background: url(/media/wysiwyg/images/recipe-bg.webp) left top no-repeat;
  background-size: cover;
  padding: 60px 0px 30px 0px;
}

.recipe-sec .box .d-flex {
  margin-bottom: 64px;
}

.recipe-sec .box .flex-shrink-0 img {
  margin-top: -10px;
  width: 64px;
}

.recipe-sec .box .flex-grow-1 h2 {
  color: var(--bs-primary);
}

.recipe-sec .btns a.btn:last-child {
  margin-left: 24px;
}

.recipe-sec .row:nth-child(3) img {
  width: 20px;
  margin-right: 8px;
}

.recipe-sec .btns .btn-info {
  border: 1px solid rgba(17, 17, 17, 0.2) !important;
  color: var(--bs-body-color) !important;
  padding: 12px 32px;
}

.recipe-sec .btns .btn-info:hover,
.recipe-sec .btns .btn-info:focus {
  color: var(--bs-white) !important;
  background: var(--bs-secondary);
}

.homebanner .btn-primary:hover,
.homebanner .btn-primary:focus {
  color: var(--bs-white) !important;
  background: var(--bs-secondary) !important;
}

.recipe-sec .box figure picture img {
  /*height:480px;*/
  height: 400px;
  object-fit: contain;
}

/* Pwafect Range Section CSS Start */
.pawfect-range-sec .product-image-container {
  display: block;
}

.pawfect-range-sec .product-image-wrapper {
  z-index: inherit;
  border-radius: 24px;
  position: inherit;
}

.pawfect-range-sec .product-image-photo {
  width: 100%;
  height: auto;
}


.pawfect-range-sec .custom-nav {
  width: 386px;
}

.pawfect-range-sec .custom-nav ul li button.nav-link {
  display: flex;
  align-items: center;
}

.pawfect-range-sec .custom-nav ul li button.nav-link img {
  width: 25px;
  margin-right: 8px;
}

.pawfect-range-sec .nav {
  border: 1px solid rgba(17, 17, 17, 0.2);
  border-radius: 0;
  margin: 0 auto;
  width: auto;
  height: 60px;
}

.pawfect-range-sec .nav li .nav-link {
  border-radius: 0;
  padding: 11px 45px;
  font-size: 20px;
  font-weight: 600;
  color: var(--bs-body-color);
}

.pawfect-range-sec .nav li .nav-link.active {
  background: var(--bs-primary);
  color: var(--bs-white);
}

.pawfect-range-sec .section-ttl h1 {
  display: inline-block;
}

.pawfect-range-sec .section-ttl h1 img {
  position: absolute;
  top: -40px;
  left: -50px;
  transform: rotate(-70deg);
  width: 100px;
}

/* Tab Dropdwon CSS Start */
.drop-tab-container .tab {
  transition: all 3s;
  margin-bottom: 36px;
}

.drop-tab-container .tablinks {
  color: var(--bs-body-color);
  opacity: 0.8;
  font-family: 'farosemibold_lucky';
  padding: 12px 21px !important;
  border: none;
  font-size: 16px;
}

.drop-tab-container .tablinks:hover {
  background: none;
  border: none;
}

.drop-tab-container .tablinks.active {
  background: rgba(76, 0, 145, 0.12);
  color: var(--bs-secondary);
  box-shadow: none;
}

.drop-tab-container .slick-list {
  padding: 10px 20% 0 0 !important;
}

.drop-tab-container .slick-next:before,
.drop-tab-container .slick-prev:before {
  color: var(--bs-body-color);
}

.pawfect-range-sec .is-desktop {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.slick-slide {
  margin: 0 10px;
}

.pawfect-range-sec .tab-content {
  padding: 0px;
}

.tabcontent {
  display: none;
  padding-left: 6%;
}

.is-hidden {
  display: none !important;
}

.is-desktop {
  display: block;
}

/* .is-mobile {
    display: none !important;
  } */
/* @media (max-width: 768px) {
    .is-mobile {
      display: block !important;
    }
  } */
.drop-tab-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
  width: 100%;
  padding: 1rem;
  margin-bottom: 32px;
  border: 1px solid var(--bs-secondary);
  border-radius: 0;
  font-family: var(--bs-heading-faro-family);
  color: var(--bs-secondary);
  font-size: 16px;
  background: none;
  height: auto;
}

.drop-tab-container select::-ms-expand {
  display: none;
}

.drop-tab-container .select {
  display: none;
}

.test-sec .main-head {
  flex-direction: row;
}

@media (max-width: 768px) {
  .drop-tab-container .select:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg stroke='none'%3E%3Cpath d='M21.293,12.293,16,17.586l-5.293-5.293a1,1,0,0,0-1.414,1.414l6,6a1,1,0,0,0,1.414,0l6-6a1,1,0,0,0-1.414-1.414Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    pointer-events: none;
    width: 32px;
    height: 32px;
  }

  .drop-tab-container .tab {
    margin-bottom: 20px;
  }

  .test-sec .section-ttl h1 img {
    display: none;
  }

  .test-sec .main-head {
    flex-direction: column;
  }

  .pawfect-range-sec .is-desktop {
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  /*Home page pawfect range sec. product card UI change in mobile Start */
  /* .pawfect-range-sec .product-items .product-reviews-summary{flex-direction: column;  align-items: start; gap: 0;}
    .pawfect-range-sec .p-box .card {height: inherit !important;}
    .pawfect-range-sec .p-box .card .card-body{height: 140px; width: 175px; padding: 0; bottom: 0; left: auto; right: 0; border-radius: 0; padding: 8px 0px 8px 6px;}
    .pawfect-range-sec .p-box .card figure img {height: 140px; width: 140px !important; border-radius: 16px;}
    .pawfect-range-sec .p-box .card .card-body p{display:none;}
    .p-box .card .card-body h3{font-size: 16px; font-weight: 700;}

    .product-items .card .card-body .sizes-flavors{position: absolute; left: -88%; background: #fff; font-size: 14px; padding: 4px; top: 60px;}

    .product-items .card .card-body .flavors{left: -52%;}

    .pawfect-range-sec .p-box .card .offer small{font-size: 14px; font-weight: 700;}
    .pawfect-range-sec .p-box .card .offer {top: 16px;}
    .pawfect-range-sec .p-box .card .offer img{width: 88px; height: 32px;}

    .product-items .card .card-body ul li h1 .normal-price .price {font-size: 20px;}
    .product-items .card .card-body ul li form {margin-top:10px;}
    .p-box .card .card-body ul li del {margin-left:10px;}
    .pawfect-range-sec .p-box .card .card-body .common-btn-anim{width: 107px; height: 40px; padding-left: 3.5rem; margin-top:10px;}
    .pawfect-range-sec .common-btn-anim img{width: 32px !important;}
    .pawfect-range-sec .p-box .card .card-body .common-btn-anim:hover img {left: 73%;}

    .pawfect-range-sec .p-box .card .card-body .common-btn-anim:hover {padding-left: 1.7rem;}

    .pawfect-range-sec .p-box .card span svg {position: absolute; top: 15px; left: 30%; width: 24px;} */
  /* END  */
}

/* .p-box .card {border-radius:24px; border:none; height: 468px; overflow: hidden;} */
/* Start Date 23-04-2024 */
.p-box .card {
  border-radius: 0;
  border: none;
  height: inherit;
  overflow: hidden;
  transition: 0.3s all;
  padding: 20px;

}

.p-box .card:hover {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
}

.p-box .card:hover figure {
  background: var(--bs-white);
  transition: 0.3s all;
}

/* End DAte 23-4-2024 */
.p-box .card span {
  cursor: pointer;
}

.p-box .card span svg {
  position: absolute;
  top: 25px;
  right: 25px;
  fill: #808080;
}

.p-box .card span:hover svg,
.p-box .card span:focus svg,
.p-box .card span.active svg {
  fill: var(--bs-primary);
}

/* .p-box .card .card-body {position:absolute; bottom:12px; left:0; right:0; border-radius:20px; background: var(--bs-white); margin: 0px 12px; padding:20px;} */
/* Start Date 23-4-2024  */
.p-box .card .card-body {
  position: inherit !important;
  border-radius: unset;
  margin: inherit;
  padding: 15px 0px 0px 0px;
  border: unset;
  bottom: 0;

}

/* End 23-4-2024  */
.p-box .card .card-body .sizes span {
  background: rgba(93, 156, 83, 0.12);
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 16px;
}

.p-box .card .card-body .common-btn-anim {
  border-radius: 2rem;
  color: #fff !important;
  background: var(--bs-success);
  border: 2px solid var(--bs-success);
}

.p-box .card .card-body .common-btn-anim:hover img {
  left: 65%;
}

.p-box .card .card-body ul li h2 {
  color: var(--bs-primary);
  margin-bottom: 0;
  font-size: 20px;
  margin-bottom: 6px;
  margin-right: 6px;
}

.p-box .card .card-body h3 {
  /* height: 3rem; */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  font-size: 14px;
}

.p-box .card .card-body h3 a {
  font-size: 14px;
}

.p-box .card .card-body p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.p-box .card .card-body ul li del {
  opacity: 0.8;
  /*font-weight:600;*/
  font-size: 16px;
  font-family: 'faroregular_lucky';
  display: block;
}

.p-box .card .offer {
  position: absolute;
  top: 24px;
  left: -4px;
}

.p-box .card .offer small {
  position: absolute;
  top: 7px;
  left: 10px;
}

.p-box .card .weight {
  position: absolute;
  bottom: 25px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: end;
  height: auto !important;
}

.p-box .card .weight span {
  background: var(--bs-white);
  padding: 4px 17px;
  border-radius: 35px;
  font-weight: 500;
  color: var(--bs-success);
  font-size: 14px;
  letter-spacing: -0.2px;
  z-index: 1;
}


.pawfect-range-sec .slick-slide div:nth-child(1) {
  height: 100%;
}

.pawfect-range-sec .slick-track {
  display: flex !important;
  margin-bottom: 30px;
}

.pawfect-range-sec .slider-nav-one.slick-initialized .slick-slide {
  height: inherit !important;
}

.slider-controls .slick-arrow {
  cursor: pointer;
}

/* .p-box .card figure img {height:100vh; object-fit:cover;} */
/* Start Date 23-4-2024 */
.p-box .card figure {
  height: 225px;
  position: relative;
}

.p-box .card figure img {
  height: 100%;
  object-fit: contain !important;
  border-radius: 12px;

}


/* .product-image-container img {
  display: block;
  width: 100%;
  height: auto; 
  transition: transform 0.3s ease-in-out;
} */

.product-image-container {
  position: relative;
  overflow: hidden;
}

.product-image-default {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease-in-out;
}

.product-image-hover {
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease-in-out;
  display: none;
}

.product-image-container:hover .product-image-default {
  display: none;
}

.product-image-container:hover .product-image-hover {
  display: block;
}


/* End  23-4-2024 */

/* Testimonial Section CSS Start */
.test-sec {
  background: #F2FFFF !important;
  padding: 60px 0px 60px 0px;
}

.test-sec .left .review div strong {
  padding: 0px 8px;
}

.test-sec .left .review div span {
  opacity: 0.6;
}

.test-sec .divider {
  width: 2px;
  height: 80px;
  background-color: #000;
}

.test-sec .section-ttl div p {
  font-size: 16px;
  color: #000;
  text-align: left;
  margin-left: 2rem;
  font-family: 'Poppins';
  font-weight: 400;
  opacity: 1;
}

.test-sec .review {
  width: 6rem;
}

.test-sec .review .reviews-image {
  width: 14rem;
  gap: 5px;
}

.test-sec .review .reviews-image span {
  opacity: 0.5;
}

.test-sec .left .review figure img {
  width: 124px;
}

.test-sec .section-ttl h1 img {
  position: absolute;
  top: 80px;
  left: -78px;
  display: block;
}

/* Testi Card Swap CSS Start */

.test-sec .content figure img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.test-sec .content span {
  position: absolute;
  top: 24px;
  right: 24px;
}

.test-sec .content {
  padding: 0px 60px 40px 40px;
  display: flex;
  flex-direction: column;
}

[card-stack] {
  will-change: transform;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}

[name=card-set] {
  display: none;
}

[name=card-set]:checked+[card] {
  display: flex;
  opacity: 1;
  filter: blur(0);
  transform: translateY(0) scale(1);
  transition: transform 1s, opacity 1s, filter 0.25s;
  transition-delay: 0.3s;
  z-index: 0;
  box-shadow: 0px 6px 24px 0px rgba(17, 17, 17, 0.08);
  border-radius: 0;
}

[name=card-set]:checked+[card]~[card] {
  z-index: -1;
  display: flex;
  opacity: 0.9;
  filter: blur(1px);
  transform: translateY(1.2rem) scale(0.95);
  transition: transform 1.5s, opacity 1.5s, filter 0.5s;
  transition-delay: 0.4s;
  border-radius: 0;
}

[name=card-set]:checked+[card]~[card]~[card] {
  z-index: -2;
  display: flex;
  opacity: 0.7;
  filter: blur(2px);
  transform: translateY(2.4rem) scale(0.9);
  transition: transform 2s, opacity 2s, filter 1.5s;
  transition-delay: 0.5s;
}

[name=card-set]:checked+[card]~[card]~[card]~[card] {
  z-index: -3;
  display: flex;
  opacity: 0.5;
  filter: blur(3px);
  /* transform: translateY(3.6rem) scale(0.85); */
  transition: transform 2.5s, opacity 2.5s, filter 2s;
  transition-delay: 0.7s;
}

[name=card-set]:checked+[card]~[card]~[card]~[card]~[card] {
  z-index: -4;
  display: flex;
  opacity: 0;
  filter: blur(4px);
  transform: translateY(5rem) scale(0.8);
  transition: transform 3s, opacity 3s, filter 2.5s;
  transition-delay: 0.8s;
}

[card] {
  display: flex;
  will-change: filter opacity transform;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: white;
  opacity: 0;
  transform: translateY(0) translateX(calc(-100% - 1rem)) scale(1);
  transition: transform 0.5s, opacity 0.2s 0.3s, filter 0.1s;
  transition-timing-function: ease-in;
  box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

[card]::before {
  content: "";
  display: block;
}

/* [card] .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
} */
[card] label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.test-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30px;
  display: flex;
  align-items: center;
}

.test-arrow img {
  cursor: pointer;
}

/* Pawsome Offers Section CSS Start */
.pawsome-offers-sec .box .card {
  border-radius: 0;
  padding: 32px 40px;
  color: var(--bs-white);
  height: 100%;
}

.pawsome-offers-sec .box .card .card-body {
  padding: 0px;
}

.pawsome-offers-sec .box .card .card-body .gy-4 {
  position: relative;
}

.pawsome-offers-sec .box .card .card-body a.btn {
  background: var(--bs-white);
  border: none !important;
  /*color:var(--bs-secondary);*/
  color: var(--bs-body-color) !important;
  padding: 12px 40px;
}

.pawsome-offers-sec .box .card .card-body a.btn:hover,
.pawsome-offers-sec .box .card .card-body a.btn:focus {
  color: var(--bs-white) !important;
  background: var(--bs-success);
}

.pawsome-offers-sec .box .card .card-body small {
  opacity: 0.6;
}

.pawsome-offers-sec .box .card .card-body .right figure img {
  max-width: inherit;
  height: 230px;
  object-fit: contain;
}

.pawsome-offers-sec .box:last-child .card {
  height: 100%;
}

.pawsome-offers-sec .box h1 {
  color: var(--bs-white);
}

.pawsome-offers-sec .box:last-child .right .arrow img {
  position: absolute;
  top: -20px;
  right: 189px;
}

.pawsome-offers-sec .box .shop div {
  flex-shrink: 0;
}

/* Scratching Section CSS Start */
.scratching-sec {
  background: linear-gradient(90deg, #FCDCD4 0%, #EC6869 100%);
  padding: 60px 0px;
}

.scratching-sec .left .card {
  border-radius: 0;
  background: var(--bs-white);
  overflow: hidden;
}

.scratching-sec .left .card .card-body {
  padding: 0px;
}

.scratching-sec .left .card .card-body .content {
  padding: 30px 30px 0px 30px;
}

.scratching-sec .left .card .card-body figure {
  margin-bottom: 0px;
}

.scratching-sec .left a.btn {}

.scratching-sec .left a.btn:hover {}

.scratching-sec .right .section-ttl h1 img {
  position: absolute;
  top: -50px;
  right: 50px;
  width: 100px;
}

.scratching-sec .right .accordion h3 button {
  font-size: 20px;
  background: none;
  color: var(--bs-body-color);
  box-shadow: none;
}

.scratching-sec .right .accordion .accordion-item:last-child h3 button {
  border-bottom: none;
  font-family: var(--bs-heading-faro-family);
}

.scratching-sec .accordion .accordion-item:last-child .accordion-body {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.8;
}

.scratching-sec .accordion {
  border-radius: 0;
  overflow: hidden;
}

.scratching-sec .accordion .accordion-item {}

.scratching-sec .accordion .accordion-item .collapse.show .accordion-body {
  background-color: #f3f3f3;
}

/* .scratching-sec .accordion .accordion-item .collapse.show .accordion-body {border-left:5px solid var(--bs-primary);} */
/* .accordion-button:not(.collapsed)::after {color:var(--bs-body-color); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")} */


/* AS Testimonial paragraph text Start */
.test-sec .right p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 124px;
}

/* Homepage perspective-sec Card height issue in 15inch srceen size  */
.slider-nav-perspective .perspective-box .card-body .content>div {
  height: 135px;
}

/* END  */

/* Homepage view all btn alignment issue   */
.scratching-sec .right .common-btn-anim {
  color: #5D9C53 !important;
  background: #fff;
}

.scratching-sec .right .common-btn-anim:hover {
  color: #fff !important;
  background: var(--bs-success);
  border: 2px solid var(--bs-success);
}

.perspective-sec .common-btn-anim:hover {}

/* END  */
.cms-index-index .page-main .block {
  margin-bottom: 0;
}

.pawsome-offers-sec .box .offer-bg1 {
  background: linear-gradient(90deg, #EC6869 0%, #FCD 100%);
  background-size: 100% 100%;
  background-position: center;
  border: none;
}

.pawsome-offers-sec .box .offer-bg2 {
  background: linear-gradient(90deg, #4FA092 0%, #B6F4E9 100%);
  background-size: 100% 100%;
  background-position: center;
  border: none;
}

/*Build Box Banner Change Button Alignment Start */
.pawfect-box-sec-build-box .pawfect-bpx-banner-build-box {
  position: relative;
}

.pawfect-box-sec-build-box .pawfect-bpx-banner-build-box .build-box-button {
  position: absolute;
  top: 55%;
  left: 7%;
}

.pawfect-box-sec-build-box .pawfect-bpx-banner-build-box .build-box-button a {
  color: #5D9C53 !important;
}

.pawfect-box-sec-build-box .pawfect-bpx-banner-build-box .build-box-button a:hover {
  color: #fff !important;
}

/*Build Box Banner Change Button Alignment END */

/*Bulk Order Banner Change Button Alignment Start */
.pawfect-box-sec-bulk-order .pawfect-bpx-banner-bulk-order {
  position: relative;
}

.pawfect-box-sec-bulk-order .pawfect-bpx-banner-bulk-order .bulkorders-button {
  position: absolute;
  top: 31%;
  left: 50%;
  transform: translateX(-50%);
}

.pawfect-box-sec-bulk-order .pawfect-bpx-banner-bulk-order .bulkorders-button a {
  color: #5D9C53 !important;
}

.pawfect-box-sec-bulk-order .pawfect-bpx-banner-bulk-order .bulkorders-button a:hover {
  color: #fff !important;
  background: var(--bs-success);
  border: 2px solid var(--bs-success);
}

/*Bulk Order Banner Change Button Alignment END */

/*shop Dropdown Button Color Css STart */
.navbar .left .view-all-p a {
  background: var(--bs-success);
  color: #fff;
  padding: 8px 24px;
  border-radius: 2rem;
}

.navbar .left .view-all-p a img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(330deg) brightness(102%) contrast(105%);
}

/*shop Dropdown Button Color Css STart */

@media (max-width: 576px) {
  .test-sec .right p {
    -webkit-line-clamp: inherit;
    line-clamp: inherit;
    overflow: inherit;
  }

  .pawsome-offers-sec .box .card .card-body a.btn {
    padding: 12px 32px;
  }

  .pawfect-box-sec-build-box .pawfect-bpx-banner-build-box .build-box-button {
    top: 35%;
  }
}