.Blackfriday22_ProductDiscountBanner {background-color: transparent;background-image: none;}


.Free_Six_chews_main{background: #000; color: #efef00; text-align: center;}
.Free_Six_chews_text{text-align: center;}
.Free_Six_chews_text span{ font-size:20px; font-weight: 700; display: block; }


.Free_Doses_selected_packs{background: #000; color: #efef00; text-align: center;}
.Free_Doses_selected_packs_text{text-align: center;}
.Free_Doses_selected_packs_text span{ font-size:20px; font-weight: 700; display: block; }

.FREE_Kong_toy_with_selected_packs{background: #000; color: #efef00; text-align: center;}
.FREE_Kong_toy_with_selected_packs_text{text-align: center;}
.FREE_Kong_toy_with_selected_packs_text span{ font-size:20px; font-weight: 700; display: block; }

.Flat_off_free_gift_main{background: #000; color: #efef00; text-align: center;}
.Flat_off_free_gift_text{text-align: center;}
.Flat_off_free_gift_text span{ font-size:20px; font-weight: 700; display: inline-block; }

.Get_Free_Gift_With_Choice_main{background: #000; color: #efef00; text-align: center;}
.Get_Free_Gift_With_Choice_text{text-align: center;}
.Get_Free_Gift_With_Choice_text span{ font-size:24px; font-weight: 700; display: block; }

.Buy_and_get_off_main{background: #000; color: #efef00; text-align: center;}
.Buy_and_get_off_text{text-align: center;}
.Buy_and_get_off_text span{ font-size:20px; font-weight: 700; display: block; }

.upgrade_your_pack_main{background: #000; color: #efef00; text-align: center;}
.upgrade_your_pack_text{text-align: center;}
.upgrade_your_pack_text span{ font-size:20px; font-weight: 700; display: block; }

.buy_3_get_off_main{background: #000; color: #efef00; text-align: center;}
.buy_3_get_off_text{text-align: center;}
.buy_3_get_off_text span{ font-size:20px; font-weight: 700; display: block; }

.buy_1_get_1_free_main{background: #000; color: #efef00; text-align: center;}
.buy_1_get_1_free_text{text-align: center;}
.buy_1_get_1_free_text span{ font-size:20px; font-weight: 700; display: block; }

.Free_Six_chews_text b, .buy_1_get_1_free_text b, .buy_3_get_off_text b, .upgrade_your_pack_text b,
.Buy_and_get_off_text b, .Get_Free_Gift_With_Choice_text b, .Flat_off_free_gift_text b, .FREE_Kong_toy_with_selected_packs_text b,
.Free_Doses_selected_packs_text b {color:#9dff00;}

.NewProductpack_right .Free_Six_chews_text span, .NewProductpack_right .buy_1_get_1_free_text span, .NewProductpack_right .buy_3_get_off_text span, .NewProductpack_right .upgrade_your_pack_text span,
.NewProductpack_right .Buy_and_get_off_text span, .NewProductpack_right .Get_Free_Gift_With_Choice_text span, .NewProductpack_right .Flat_off_free_gift_text span, .NewProductpack_right .FREE_Kong_toy_with_selected_packs_text span,
.NewProductpack_right .Free_Doses_selected_packs_text span {font-size:16px;}

.Free_Six_chews_main, .Free_Doses_selected_packs, .FREE_Kong_toy_with_selected_packs, .Flat_off_free_gift_main, 
.Buy_and_get_off_main, .upgrade_your_pack_main, .buy_3_get_off_main, .buy_1_get_1_free_main, .Get_Free_Gift_With_Choice_main {
	text-shadow: 0 1px 0 #000;
  --border-angle: 0turn;
  --main-bg: conic-gradient(
      from var(--border-angle),
      #213,
      #112 5%,
      #112 60%,
      #213 95%
    );
  border: solid 3px transparent; border-radius: 15px;
  padding:10px 20px;
  letter-spacing:0.5px;
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);
  background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
  background-position: center center; -webkit-animation: bg-spin 1s linear infinite; animation: bg-spin 1s linear infinite;
}


@-webkit-keyframes bg-spin {
  to {
    --border-angle: 0.1turn;
  }
}
@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}
.Free_Six_chews_main:hover , .Free_Doses_selected_packs:hover , .FREE_Kong_toy_with_selected_packs:hover , .Flat_off_free_gift_main:hover , 
.Buy_and_get_off_main:hover , .upgrade_your_pack_main:hover , .buy_3_get_off_main:hover , .buy_1_get_1_free_main:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 1turn;
}



.bounce-text {
  animation: bounce 1s ease infinite;
  display:inline-block;
}

 @keyframes bounce {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(2px);
  }
  70% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes typing {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.typing-text {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 3px solid black;
  width: 0;
  animation: typing 4s steps(30) 1s forwards;
}