@font-face {font-family: 'brush_script_mtitalic';
src: url('fonts/brushsci-webfont.eot');
src: url('fonts/brushsci-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/brushsci-webfont.woff') format('woff'),
url('fonts/brushsci-webfont.ttf') format('truetype'),
url('fonts/brushsci-webfont.svg#brush_script_mtitalic') format('svg');
font-weight: normal;font-style: normal;}
.Font_Brush{font-family: 'brush_script_mtitalic';}

.sale-page-container{background: url(/images/sale-imgs/background1.jpg) no-repeat center 0 #fff7f0;margin-top: -25px;padding-top: 25px;}
.sale-page-container .breadcrumb ul li a,
.sale-page-container .breadcrumb ul li:last-child a{color:#fff;}
.sale-page-container .breadcrumb ul li::after {background: url(/images/2024-Offer-Sale/breadcrumb-arrow.png)no-repeat;}
.sale-page-container .owl-theme .owl-dots{display: none;}

.sale-container{padding-top: 25px;}

.sale-page-container .title_class,
.sale-page-container .title_class p{text-align: center; width: 100%; padding-bottom: 20px;font-family: 'brush_script_mtitalic'; font-size: 45px; line-height: 35px; color: #e6195a;}
.sale-page-container .title_class span{display: inline-block;font-size: 35px; font-weight: 700; color: #000;font-family: 'Open Sans', sans-serif; position: relative;}
.sale-page-container .title_class span::after,
.sale-page-container .title_class span::before{content: ''; position: absolute; top: 18px; height: 1px; width: 150px; background: #111;}
.sale-page-container .title_class span::after{right: -165px;}
.sale-page-container .title_class span::before{left: -165px;}

.shop-price-container .owl-carousel .owl-nav button.owl-next,
.Polular-Products-container .owl-carousel .owl-nav button.owl-next,
.exclusive-free-doses .owl-carousel .owl-nav button.owl-next{right: -100px;}
.shop-price-container .owl-carousel .owl-nav button.owl-prev,
.Polular-Products-container .owl-carousel .owl-nav button.owl-prev,
.exclusive-free-doses .owl-carousel .owl-nav button.owl-prev{left: -100px;}


/*** DEAL OF THE MONTH ***/
.deal-month-scroll{display:flex; width:100%;}
.deal-month-section {padding-bottom: 45px;overflow: hidden;width:100%; position:relative;}
.deal-month-pattern {height: 50%;text-align: right;border-radius: 20px 20px 0 0;position: absolute;background: linear-gradient(173deg, #0b3954 0%, #4a91a3 100%);}
.deal-month-pattern img {opacity: .3;transform: translateY(-130px);filter: invert(1) brightness(100%);}
.deal-month-section .title_class {z-index: 1;color: #1f1f1f;position: relative;font-size: 35px; color: var(--clr-red);}
.deal-month-section .sub_title {font-size: 18px;line-height: 24px;color: #555555;display: block;}
.deal-month-raw {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;position: relative;z-index: 1;}
.deal-box-inner-ele {color: #fff;overflow: hidden;padding-top: 20px;border-radius: 10px;transition: 0.3s ease;background: #f9dc5c;}
.deal-box-inner-ele:hover {transform: translateY(-5px);box-shadow: 0px 3px 23px 1px rgba(0, 0, 0, 0.2);}
.deal-box-img-holder {background: #fff;border-radius: 10px;height: 250px;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;overflow: hidden;width: 90%;margin: 0 auto 20px;transition: all .3s ease-in;}
.deal-box-img-holder img {max-width: 180px;height: auto;}
.deal-box-content {padding: 15px;margin: 0 auto;position: relative;text-align: center;background: #0b3954; height:67px;}
.deal-box-heading {padding: 0 15px;font-size: 16px;font-weight: 500;line-height: 20px;height: 40px;font-weight: 700;color: #1f1f1f;text-align: center;margin-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.deal-box-tag-holder {display: flex;align-items: center;justify-content: center;margin-bottom: 5px;}
.deal-box-tag-holder img {width: 190px;max-width: 100%;}
.deal-box-note {gap: 3px;display: flex;font-size: 12px;line-height: 18px;flex-direction: column;align-items: flex-start;}
.deal-box-higlight {font-size: 16px;line-height: 1;font-weight: 500;color: #ffc226;}
.deal-box-footer {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;align-items: center;justify-content: space-between;}
.deal-box-price-value {font-size: 24px;text-align: right;font-weight: bold;line-height: 30px;}

/*** POPULAR PRODUCTS ***/
.Polular-Products-container .product-box,
.exclusive-free-doses .product-box{background: #f7e9dc;}

.Polular-Products-container{padding-bottom: 30px;}
.sale-product-slider .Prd_name{padding: 10px 10px 0 10px; align-items: center;}
.sale-banner .wrapper{display: flex; gap: 15px; justify-content: space-between;}
.sale-banner .banner-img{width: 50%;}

.shop-price-range{background: url(/images/sale-imgs/background2.png) no-repeat 0 0; padding: 25px 0;}
.shop-price-container{padding: 15px; background: #f7e9dc; border-radius: 20px;}
.shop-price-container .product-box{background: #fff; border: 1px solid var(--top-grey);}
.shop-price-container .prd_image_main,
.shop-price-container .Prd_image{padding: 0; margin: 0;aspect-ratio: auto;}
.shop-price-container .tab{width: 500px; margin: 0 auto; display:flex; align-items:center; justify-content:space-between;}
.shop-price-container .tab .tablinks{width:49%;}
.shop-price-container .tab .tablinks.active{background: #a18f7e;color: #fff;border: 1px solid #a18f7e;}

.shop-price-range .title_class{padding: 0;}
.shop-price-range .title_class p{display: inline-block;margin: 0 auto;width: 260px;height: 130px;padding: 30px 0 0 0;background: #f7e9dc;border-radius: 400px 400px 0 0; margin: 0;}
.shop-price-range .title_class span::after,
.shop-price-range .title_class span::before{display: none;}
.shop-price-range .sale-product-slider{}

.exclusive-free-doses{}

.free_your_pets{background: url(/images/sale-imgs/we-care-bg.jpg) no-repeat center 0; background-size: 100%; padding: 50px 0; margin-top: 25px;}
.free_your_pets .content{display: flex; justify-content: space-between; align-items: flex-start;display: flex; flex-wrap: wrap;}
.free_your_pets .content .content-box{width: 48%; display: flex; flex-wrap: wrap; gap: 10px; flex-wrap: wrap; position: relative;}
.free_your_pets .content .content-box:first-child::after{content: ''; position: absolute; top: 10%; right: -30px; width: 1px; height: 80%; background: #11111150;}
.free_your_pets .content .content-box .title{width: 100%;}
.free_your_pets .content .content-box .title img{width: 182px; margin: 0 auto;}
.free_your_pets .content .content-box .text_holder{width: calc((100% - 20px) / 3); text-align: center; font-weight: 500; font-size: 18px;}
.free_your_pets .content .content-box .text_holder img{width: 50%; margin: 0 auto 10px auto; border-radius: 50px;border: 3px solid #1fb5af;transition: 0.4s;}
.free_your_pets .content .content-box .text_holder:hover img{border: 3px solid #064345;transform: rotateY(180deg);}

.sale-usp-box{padding: 25px 0;}
.sale-usp-box .wrapper{display: flex; align-items: flex-start; gap: 15px; justify-content: center; flex-wrap: wrap;}
.sale-usp-box .wrapper .content-box{width: calc((100% - 45px) / 4); text-align: center; position: relative;}
/*.sale-usp-box .wrapper .content-box::after{content: ''; position: absolute; top: 10%; right: 0; width: 1px; height: 80%; background: #11111150;}*/
.sale-usp-box .wrapper .content-box:last-child::after{display: none;}
.sale-usp-box .wrapper .content-box img{width: 75px; margin: 0 auto 15px auto;}
.sale-usp-box .wrapper .content-box span{font-weight: 500; width: 100%; display: inline-block;}





@media only screen and (max-width:1300px),(max-width:1399px){
.shop-price-container .owl-carousel .owl-nav button.owl-next,
.Polular-Products-container .owl-carousel .owl-nav button.owl-next,
.exclusive-free-doses .owl-carousel .owl-nav button.owl-next{right: -70px;}
.shop-price-container .owl-carousel .owl-nav button.owl-prev,
.Polular-Products-container .owl-carousel .owl-nav button.owl-prev,
.exclusive-free-doses .owl-carousel .owl-nav button.owl-prev{left: -70px;}
}

@media only screen and (max-width:1200px),(max-width:1299px){
.shop-price-container .owl-carousel .owl-nav button.owl-next,
.Polular-Products-container .owl-carousel .owl-nav button.owl-next{right: -30px;}
.shop-price-container .owl-carousel .owl-nav button.owl-prev,
.Polular-Products-container .owl-carousel .owl-nav button.owl-prev{left: -30px;}

.exclusive-free-doses .owl-carousel .owl-nav button.owl-next{right: -15px;}
.exclusive-free-doses .owl-carousel .owl-nav button.owl-prev{left: -15px;}

}

@media only screen and (max-width:1000px),(max-width:1099px){

}

@media only screen and (max-width:900px),(max-width:999px){
.sale-page-container .title_class,
.sale-page-container .title_class p{font-size:35px;}
.sale-page-container .title_class span{font-size:25px;}

.deal-month-section{padding-bottom: 25px;}
.deal-month-raw{gap: 10px;}
.deal-month-raw{grid-template-columns: repeat(2, 1fr);}

.shop-price-container{padding: 15px 15px 30px 15px;}
.sale-page-container{margin-top: -10px;}
.free_your_pets{background: url(/images/sale-imgs/we-care-bg.jpg) no-repeat center 0; background-size: cover;}
.free_your_pets .title_class{padding-bottom:10px;}
.free_your_pets .content .content-box{width:100%; padding:10px 0;}
.free_your_pets .content .content-box .text_holder img{width:80px;}
.free_your_pets .content .content-box .title img{width: 100px;}

}

@media only screen and (max-width:800px),(max-width:899px){

}

@media only screen and (max-width:420px),(max-width:499px) {
.Polular-Products-container,
.exclusive-free-doses,
.free_your_pets{overflow:hidden;}

.shop-price-container .owl-carousel .owl-nav button.owl-next,
.Polular-Products-container .owl-carousel .owl-nav button.owl-next,
.exclusive-free-doses .owl-carousel .owl-nav button.owl-next{right: -20px;}
.shop-price-container .owl-carousel .owl-nav button.owl-prev,
.Polular-Products-container .owl-carousel .owl-nav button.owl-prev,
.exclusive-free-doses .owl-carousel .owl-nav button.owl-prev{left: -20px;}

.deal-box-heading{padding: 0 5px;}
.shop-price-container .tab{width:100%;}
.sale-banner .wrapper{gap:0;}
.free_your_pets .content .content-box{gap:5px;}
.free_your_pets .content .content-box .title{padding-bottom:20px;}
.free_your_pets .content .content-box .text_holder{width:calc((100% - 10px) / 3); font-size:15px;}
.free_your_pets .content .content-box .text_holder img{width:60%;}

.sale-usp-box .wrapper{gap:10px;}
.sale-usp-box .wrapper .content-box {width: calc((100% - 10px) / 2); font-size:15px;}
	
}

@media only screen and (max-width:400px),(max-width:419px) {
.sale-page-container .title_class,
.sale-page-container .title_class p{font-size: 30px; line-height: 25px;}
.sale-page-container .title_class span{font-size: 25px;}
.sale-page-container .title_class span::after,
.sale-page-container .title_class span::before{display: none;}

.sale-page-container .Prd_image img {width: 90%;}

.sale-banner .wrapper{gap: 0;}
.sale-banner .wrapper img{height: 57px;}

.shop-price-range .title_class p{height: 90px;width: 180px;padding-top: 25px;}

.sale-usp-box .wrapper{gap: 10px;}
.sale-usp-box .wrapper .content-box{width: calc((100% - 10px) / 2); padding: 10px 0; line-height: normal;}

.free_your_pets{padding:30px 0}

}

@media only screen and (max-width:375px),(max-width:399px){
.free_your_pets .content .content-box .text_holder{font-size:13px;}
.deal-box-footer{gap:5px;}
.deal-box-content{padding:10px; height:55px;}
.deal-box-higlight{font-size:14px;}
.deal-box-note{line-height:14px;}
.deal-box-price-value{font-size:20px;}

}

@media only screen and (max-width:360px){
.deal-month-raw{grid-template-columns: repeat(1, 1fr);}
.deal-box-content{padding:10px; height:55px;}
.deal-box-higlight{font-size:16px;}
.deal-box-note{line-height:16px;}
.deal-box-price-value{font-size:24px;}

}

@media only screen and (max-width:300px),(max-width:320px){

}
