:root {
  --white: #ffffff;
  --black: #000000;
  --red: #E5220C;
  --blackk: #222120;
}
:root {
  --pri-font: "Rubik";
}

/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
  width: auto;
}
body.home{
  background-color: #fff;
}
/* SLIDER */
#slider {
  position: relative;
  padding: 20px 0px;
}
.slide-small-heading{
  font: normal normal normal 16px/22px Rubik;
}
.slider-main-image img{
  border-radius: 15px;
}
#slider .carousel-caption{
  top: 16%;
  width: 55%;
  left: 6%;
}
#slider .slider-para{
  width: 80%;
}
.slider-inner-box{
  padding: 10% 7% 13% 7%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 80%;
}
.slider-banner-btn-box a, .banner-btn-box a {
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  font: 500 13px / 36px Rubik;
  position: relative;
  z-index: 1;
}
.banner-inner-box{
  padding: 10% 7% 13% 7%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 50%;
}
.banner-right-content-box-one, .banner-left-content-box-one {
  width: 99% !important;
}
.slider-indicator.carousel-indicators button{
  width: 15px !important;
  height: 15px !important;
  opacity: 1 !important;
}
.carousel-indicators .active{
  background-color: var(--red) !important;
}
.slider-indicator.carousel-indicators{
  bottom: 14%;
  left: 6%;
  right: unset;
  margin: unset;
}
/* categories */
.category-image-box{
  background: #fff;
  border-radius: 6px;
  padding: 30px 0px;
}
.category-image-box:hover h6 a{
  color: var(--red);
}
.cat-image-main-box {
  width: 60px;
  height: 60px;
  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;
}

/* our feature */
.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 Rubik;
  color: #000;
}
h6.feature-icon-title {
  font: 600 16px / 20px Rubik;
  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 Rubik;
  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 Rubik;
  color: #fff;
}
/* top-selling product */
#top-selling-products .products-content-outer-box {
  width: 260px;
  transition: height 2s;
  padding: 0;
}
/* deal of the day */
.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 Rubik;
  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;
}
.the_timer .numbers:nth-child(1){
  display: none;
}
/* testimonial */
.testimonial-title{
  color: #fff;
}
.testi-designation-box .testi-image{
  width: 80px;
  height: 65px;
}
.testi-designation-box .testi-image img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.testimonial-contents {
  width: 80%;
}
.testimonial-contents p{
  font: 400 14px / 22px var(--pri-font);
}
.testimonial-content-box {
  padding: 5% 0% 12% 0px;
}
.testibox .detail{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.testimonial-main-content-box:before {
  content: '';
  background-color: var(--red);
  inset: 0 100% 0% -22%;
  position: absolute;
}
.newsletter-main-content-bg-image{
  border-radius: 10px 0px 0px 10px;
  background-image: url(http://localhost/sports-club/wp-content/themes/affiliate-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 Rubik;
  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 Rubik;
}
.newsletter-form-box form p{
  align-self: center;
}
/* partner */
.patner-image.wow.zoomIn {
  width: 160px;
  /* height: 160px; */
}
/* note */
.note-head-content-box{
  display: flex;
  justify-content: space-between;
  background: var(--blackk);
  color: #fff;
  padding: 0px 15px 0 0;
  border-radius: 10px;
  font: normal normal normal 17px / 18px Rubik;
}
.note-first-head{
  background: var(--red);
  padding: 2%;
  border-radius: 10px 0px 0px 10px;
  font: 500 16px/20px Rubik;
}
.note-small-btn-box a{
  z-index: 1;
  position: relative;
  font: 400 14px / 18px Rubik;
}
.note-bold-head{
  font: normal normal 600 16px/20px Rubik;
}