/*
Theme Name: Affiliate Store Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structured configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: affiliate-store-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
Affiliate Store Pro WordPress Theme is released under the terms of GNU GPL
/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root {
  --white: #ffffff;
  --black: #000000;
  --red: #E5220C;
  --blackk: #222120;
}
:root {
  --pri-font: "Rubik";
  overflow: auto;
}
#wpadminbar {
  position: fixed !important;
}
#blog .owl-nav,#trending-products .owl-nav,#arrival-products .owl-nav,#our-deals .owl-nav,#special-products .owl-nav{
  display: block;
  width: fit-content;
  margin: auto;
  position: absolute;
  right: 0;
}
#special-products .owl-nav{
  top: -19%;
}
#blog .owl-nav{
  top: -15%;
}
#trending-products .owl-nav{
  top: -18%;
}
#arrival-products .owl-nav{
  top: -18%;
}
#our-deals .owl-nav{
  top: -30%;
}
.testimonial-content-box .owl-nav{
  top: 30px;
  position: relative;
}
#brands .owl-nav,#feature-collection .owl-nav,#related-products .owl-nav{
  display: none;
}
#blog .owl-carousel .owl-nav button.owl-prev:hover i, #blog .owl-carousel .owl-nav button.owl-next:hover i {
  background: var(--red);
}
#blog .owl-carousel .owl-nav button.owl-prev i, #blog .owl-carousel .owl-nav button.owl-next i {
  font-size: 16px;
}
.owl-nav .owl-next i:hover,#categories_slider .owl-nav .owl-prev i:hover {
  background: #000;
  color: #fff;
}
.owl-nav .owl-prev i {
  background: #000;
}
.owl-nav .owl-next i{
  background: var(--red);
}
.owl-nav .owl-next i,.owl-nav .owl-prev i{
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 6px;
  font-size: 16px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{
  border: none !important;
}
.testimonial-content-box .owl-nav .owl-prev i {
  background: #fff;
  color: #000;
}
.testimonial-content-box .owl-nav .owl-next i {
  background: #000;
  color: #fff;;
}
.blog-contents-box h6 a,.product-custom-content h5 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
section{
  padding: 3% 0px;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--pri-font);
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}
h6{
  font: 500 18px/30px Rubik;
  color: var(--blackk);
  margin: 0px;
}
h4{
  font: bold 22px / 32px Rubik;
  margin: 0px;
  color: #fff;
}
h5{
  font: 500 18px/30px Rubik;
  color: var(--blackk);
  margin: 0px;
}
h3,h3 a{
  font: normal normal bold 36px / 50px Rubik;
  color: #fff;
  margin: 0;
}
h2{
  font: normal normal bold 28px/36px Rubik;
  color: var(--blackk);
  margin: 0;
}
#reply-title{
  font: 400 35px / 60px var(--pri-font);
  color: var(--blackk);
  margin: 0;
}
h1{
  font: bold 36px/50px Rubik;
  margin: 0px;
  color: #fff;
}
p{
  font: 400 14px / 22px var(--pri-font);
  color: #fff;
  margin: 0;
}
.btn{
  font: 700 15px / 20px var(--pri-font);
  letter-spacing: 0.50px;
  color: #fff;
  background: #000;
  padding: 13px 5px 13px 8px;
  border-radius: 12px;
  /* border: 2px solid #fff; */
}
.btn-icon {
  background: #fff;
  color: #000;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 6px;
}
.btn:hover{
  animation: pulse 1s infinite;
  transition: .3s;
}
.btn:hover {
  background: var(--red) !important;
  color: var(--black) !important;
  outline: none;
}
.btn:hover .btn-icon {
  background: var(--black) !important;
  color: var(--red) !important;
}
.blog-image-box:hover .btn .btn-icon {
  background: var(--black) !important;
  color: var(--red) !important;
}
.blog-image-box:hover .btn {
  background: var(--red) !important;
  color: var(--black) !important;
  outline: none;
  animation: pulse 1s infinite;
  transition: .3s;
}
.blog-image-box:hover .blog-contents-box h4 a{
  color: var(--red);
}
.small-heading{
  color: var(--red);
  font: 400 16px / 30px var(--pri-font);
}
.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*--------- Site Loader --------------*/
.preloader{
  display: flex;
  background: #FF5F6A;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.preloader .loading-dot{
  width: 15px;
  height: 15px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
              40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  animation: load 3s infinite linear;
}
@keyframes load{
  0% {
      transform: rotate(0deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  25%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  50%{
      box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                  -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
  }
  70%{
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  75%{
      width:10px;
      height:10px;
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  80%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  85%{
      background-color: #fff;
      width:40px;
      height:40px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  90%{
      background-color: #fff;
      width:10px;
      height:10px;
      transform: rotate(360deg);
      box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                  0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
  }
  95%{
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
  100%{
      transform: rotate(360deg);
      box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                  40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
  }
}
.product-content-box {
  background: var(--white);
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
}
.product-content-box .pro-img img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}
.product-title a {
  color: #000;
  font: 600 22px / 30px var(--pri-font);
}
.cat-title{
  font: normal normal normal 14px/14px Rubik;
  color: #000;
}
.product-amount {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.product-amount ins {
  text-decoration: none;
}
.product-btn-arrow-box a {
  background-color: var(--red) !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 14px 30px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
}
.cart-btn{
  position: relative;
}
.product-btn-arrow-box .added_to_cart{
  position: absolute;
  top: 0;
  right: 0;
  background-color: #d71515 !important;
  color: #fff !important;
  font: 600 18px / 20px "Space Grotesk";
  padding: 10px 42px !important;
  border-radius: 8px !important;
  text-transform: capitalize;
}
.product-amount del {
  display: none;
}
.product_list_widget .star-rating,.product_list_widget del{
  display: none;
}
.product_list_widget ins{
  text-decoration: none;
  align-self: center;
}
#sidebar .product_list_widget li a {
  display: flex;
  justify-content: left;
  width: 100%;
}
#sidebar .product_list_widget li a img{
  width: 80px;
  height: 60px;
  object-fit: contain;
}
#sidebar .product_list_widget li a .product-title{
  align-self: center;
  margin-left: 10px;
}
#sidebar aside {
  background: #000;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 8%;
}
#sidebar .widget-title, .vw_post_slider h6 {
  font: normal normal 600 20px / 25px Inter;
  color: #fff;
  padding-bottom: 20px;
}
.search-form {
  position: relative;
}
#sidebar label {
  width: 100%;
  color: #fff;
}
.search-submit {
  font-size: 0;
  border: none;
  background: transparent;
}
.search-form label:before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
  position: absolute;
  top: 1px;
  right: 1px;
  color: #fff;
  background: var(--orange);
  width: 40px;
  line-height: 40px;
  height: 40px;
  border-radius: 0px 6px 6px 0px;
  text-align: center;
  font-size: 14px;
}
#sidebar .search-field {
  border: 1px solid #E5E5E5;
  padding: 9px 10px;
  border-radius: 6px;
  width: 100%;
  background: #000;
  color: #fff;
}
#sidebar h3::after, #sidebar h2::after,.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge,.wc-block-components-sale-badge{
  display: none !important;
}
#sidebar ul li p {
  color: #fff;
  font: 500 14px / 22px var(--pri-font);
}
#sidebar ul li {
  display: flex;
  justify-content: space-between;
  color: #fff;
  margin-bottom: 5px;
}
#sidebar ul li a {
  color: #fff;
  font-family: var(--font-Inter);
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  align-self: center;
}
#sidebar .widget_archive ul li {
  list-style: none;
  list-style-position: inside;
}
#sidebar .widget_categories ul li ,#sidebar .widget_pages  ul li,#sidebar .widget_meta ul li,#sidebar .widget_nav_menu ul li,#sidebar .widget_product_categories ul li {
  list-style: none;
  list-style-position: inside;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
p.privacy-policy-para {
  color: #000;
}
.recent-post-box {
  padding-bottom: 4%;
}
.recent-post-box .post-content{
  /* align-self: center; */
}
.recent-post-box .post-thumb{
  height: 70px;
}
.recent-post-box .post-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* blog */
.author-image img{
  width: 50px !important;
  height: 50px;
  border-radius: 50px;
  margin: unset !important;
  border: 3px solid #fff;
}
#blog .owl-carousel .owl-stage-outer{
  overflow: visible;
}
.blog-image-box {
  box-shadow: 0px 0px 50px #00000029;
  border-radius: 10px;
}
.blog-img-box .post-img img{
  width: 100%;
  height: 310px;
  object-fit: cover;
  border-radius: 10px 10px 0px 0px;
}
.blog-contents-box {
  box-shadow: 0px 0px 15px #00000029;
  border-radius: 0px 0px 10px 10px;
  padding: 20px;
}
.meta-comment-box .post-comments,.date-item{
  font: 600 13px / 20px var(--pri-font);
  text-transform: capitalize;
}
.blog-contents-box p{
  color: #000;
}
.blog-button-outer-box{
  width: fit-content;
}
.blog-button-box a {
  color: #fff;
  padding: 2px 14px;
  border-radius: 6px;
  font: 500 13px / 30px Rubik;
  z-index: 3;
  position: relative;
}
.our-blog-box .owl-carousel .owl-stage{
  margin: 4px;
}






#menu-primary-menu >li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#menu-primary-menu >li:hover ul.sub-menu {
  transition: all 0.5s;
}
#menu-primary-menu >li:hover ul.sub-menu li{
  animation-name: flipInY;
  animation-duration: 0.9s;
  animation-timing-function: ease-in-out;
  border-radius: 0;
}
#menu-primary-menu li ul.sub-menu li a {
  font-size: 14px;
  position: relative;
  color: #000;
  font-weight: 600;
  margin-right: 25px;
  list-style-type: none;
  padding: 10px 25px 10px 15px;
  display: inline-block;
  width: 100%;
  margin: 0px;
  transition: all 0.4s;
}
header.site-header ul.sub-menu li{
  background-color: var(--blackk);
}
header.site-header ul.sub-menu li:hover {
  background-color: var(--red);
}
.main-navigation ul ul li a{
  color: #fff !important;
}
@keyframes menulhs {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes menurhs {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

/*------ search bar ----------*/
.search-container{
  display: none;
  position: absolute;
  bottom: -60px;
  z-index: 999;
  padding: 0px;
  right: 15%;
  width: auto !important;
  border: none;
  border-radius: 8px;
}
.search-container [type=search] {
  color: #fff !important;
  border: unset;
  position: relative;
  padding: 15px 65px 15px 10px;
  width: auto;
  outline: none;
  border-radius: 6px;
  background: var(--red);
  font-size: 12px;
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: var(--red);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
}
.page .middle-content p,.terms-conditions-para,.custo-para{
  color: #000;
  font: 400 15px/25px var(--pri-font);
}
.page-template-default .middle-content{
  padding: 5% 0px;
}
/* products */
#single-product-page #alg_currency_selector{
  display: none;
}
nav.woocommerce-pagination {
  padding: 5% 0px;
}
.shop .products-img-box{
  height: unset;
}
.products-img-box{
  height: 200px;
}
.products-img-box img{
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.product-tag-main-box {
  position: absolute;
  top: 0;
  width: 100%;
}
.product-tag-box {
  top: 0;
  right: 0;
  text-transform: capitalize;
}
.sale-product-tag .onsale{
  font: 400 12px / 13px var(--pri-font) !important;
  background-color: var(--red) !important;
  color: #fff !important;
  width: fit-content;
  padding: 5px 10px !important;
  border-radius: 2px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  top: 2px !important;
  left: 0px !important;
  position: relative;
}
.product-tag{
  font: 400 12px / 13px var(--pri-font) !important;
  background-color: var(--red) !important;
  color: #fff !important;
  width: fit-content;
  padding: 4px 10px !important;
  border-radius: 2px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  top: 2px !important;
  left: 2px !important;
}
.products-content-main-box:hover .product-tag,.yith-wcwl-add-button a.add_to_wishlist:hover::before,.products-content-main-box:hover .sale-product-tag .onsale,.yith-wcwl-add-button a.add_to_wishlist:hover::before, .yith-wcwl-wishlistaddedbrowse a:hover::before, .yith-wcwl-wishlistexistsbrowse a:hover::before {
  background: #000;
}
#arrival-products .sale-product-tag .onsale{
  background: #222120;
}
.products-content-main-box{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #00000029;
  padding: 10px;
  margin: 10px 5px;
  position: relative;
}
.product-remove.remove-whishlist {
  background: #f7f7f7;
  color: #F38686 !important;
  font-size: 19px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 20px 12px 25px 25px;
}
.yith-wcwl-wishlistaddedbrowse a, .yith-wcwl-wishlistexistsbrowse a {
  width: 100%;
  background: #23212100;
  height: 100%;
  content: '';
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#products-sec {
  padding-bottom: 10%;
}
.cart-btn button{
  border: none;
  background: var(--red);
  font: normal normal normal 14px / 20px Rubik;
  padding: 4px 10px;
  border-radius: 4px;
  color: #fff;
  position: relative;
}
.cart-btn button a{
  background-color : transparent !important;
  color: unset !important;
  font-weight: unset !important;
  padding: unset !important;
}
.cart-btn .added_to_cart{
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  text-align: center;
  right: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
  border-radius: 4px;
  font: 400 14px / 28px var(--pri-font);
}
.wishlist_text{
  width: 55px;
  border-radius: 4px;
  position: relative;
}
.cart-btn:hover a::before, .quick-view-btn:hover button::after{
  background: var(--red);
  color: #fff;
}
.wishlist_text i:hover{
  background: var(--red);
  color: #000;
}
.products-content-main-box:hover h6 a{
  color: var(--red);
}
.product-custom-content{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.yith-wcwl-add-to-wishlist {
  margin-top: unset;
}
a.add_to_wishlist {
  cursor: pointer;
}
.yith-wcwl-wishlistaddedbrowse a:before, .yith-wcwl-wishlistexistsbrowse a:before {
  background: var(--red) !important;
}
.yith-wcwl-wishlistaddedbrowse a{
  /* display: none; */
}
.yith-wcwl-wishlistexistsbrowse .feedback,.yith-wcwl-wishlistaddedbrowse .feedback{
  font-size: 0;
}
.products-rating-content-box{
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
}
.products-content-outer-box {
  height: 330px;
  margin-bottom: 10px;
}
#related-products .products-content-outer-box {
  height: 370px;
}
.products-content-main-box:hover .products-rating-content-box{
  height: 30px;
}
.products-content-main-box:hover {
  box-shadow: 0px 0px 50px #00000029;
}
.yith-wcwl-add-button a.add_to_wishlist,.yith-wcwl-wishlistaddedbrowse a, .yith-wcwl-wishlistexistsbrowse a{
  /* font-size: 0px; */
}
.yith-wcwl-add-button a.add_to_wishlist:before, .yith-wcwl-wishlistaddedbrowse:before, .yith-wcwl-wishlistexistsbrowse:before {
  content: 'Like';
  position: absolute;
  top: 0;
  left: 0;
  font: normal normal normal 14px / 13px Rubik;
  background: var(--blackk);
  padding: 7px 18px;
  border-radius: 4px;
  color: #fff;
}
.yith-wcwl-wishlistaddedbrowse:before, .yith-wcwl-wishlistexistsbrowse:before{
 background: var(--red);
}

/* single product page */

.woocommerce div.product .product_title,.woocommerce-Tabs-panel h2{
  font: 600 35px / 60px var(--pri-font);
  color: #000;
}
.woocommerce-product-details__short-description p,.woocommerce div.product div.summary p{
  color: #000;
}
#contentwoocom .price span {
  color: var(--black);
}
.woocommerce div.product div.images img{
  width: auto !important;
  margin: auto;
  height: 80%;
}
.woocommerce .woocommerce-product-rating .star-rating{
  color: var(--red);
}
#review_form input[type="submit"]{
  background-color: var(--red) !important;
  color: #fff !important;
  padding: 12px 20px !important;
}
.single-product .woocommerce-product-gallery .flex-viewport{
  background: #f2f2f2;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img{
  position: relative;
  top: 10%;
  object-fit: contain;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image{
  height: 400px;
}
.single-product div.product div.images .flex-control-thumbs li{
  background: #f2f2f2;
  position: relative;
}
.single-product div.product div.images .flex-control-thumbs{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.single-product div.product div.images .flex-control-thumbs li img{
  width: 80px !important;
  height: 80px !important;
  margin: 20% auto;
  object-fit: contain;
}
.woocommerce div.product form.cart {
  margin-bottom: 2em;
  margin-top: 5%;
}
.single-product .custom-quantity,.summary.entry-summary .desc-para:nth-child(6), .summary.entry-summary .desc-para:nth-child(7), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(8), .summary.entry-summary .desc-para:nth-child(9){
  display: none;
}
.summary.entry-summary .desc-para{
  padding: 30px 0px;
  font: 400 15px / 26px var(--pri-font);
}
.single-product .woocommerce-Price-amount bdi{
  font: 600 20px / 20px var(--pri-font);
}
.shop.shop-product .woocommerce-ordering, .yith-wcwl-add-button span {
  display: none;
}
.product-custom-content h5 a{
  font: 500 18px / 20px Rubik;
  color: #000;
}
.our-products-price-box{
  font: 600 15px / 25px var(--pri-font);
  width: fit-content;
}
.our-products-price-box .woocommerce-Price-amount,.woocommerce-Price-amount{
  font: 600 18px / 25px var(--pri-font);
  align-self: end;
}
.custom-content h6 a{
  font: 600 18px / 25px var(--pri-font);
}
#woosq-popup .summary-content{
  padding: 6%;
}
#woosq-popup .summary-content .price{
  font: 600 16px / 40px var(--pri-font);
}
.woocommerce div.product form.cart .button{
  background: var(--red);
  border: none;
  border-radius: 8px;
  width: fit-content;
  height: 45px;
}
.single-product .star-rating{
  color: #FFDA1D;
}
#woosq-popup h1 {
  font: 600 35px / 50px var(--pri-font);
}
#woosq-popup .thumbnail img{
  width: 50%;
  margin: auto;
  background: #f4f4f4;
  padding: 40px;
}
.wc-block-cart-items {
  box-shadow: 0px 0px 10px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.wp-block-woocommerce-cart-order-summary-block {
  box-shadow: 0px 0px 10px 0px #dddddd;
  border-radius: 10px;
  padding: 10px;
}
.is-large.wc-block-cart .wc-block-cart-items th, .is-large.wc-block-cart .wc-block-cart__totals-title {
  font: 500 18px / 20px var(--pri-font); !important;
  text-transform: capitalize !important;
}
.wc-block-components-product-name {
  font: 600 20px / 20px var(--pri-font); !important;
  color: #000;
}
.wc-block-components-product-price{
  font: 600 16px / 20px var(--pri-font); !important;
  color: #000;
}
.wc-block-components-button__text {
  background: var(--red);
  color: #fff;
  padding: 12px 30px;
  border-radius: 10px;
  font: 500 16px / 20px var(--pri-font);
  margin-top: 30px;
}
.woocommerce-Tabs-panel--description .desc-para{
  font: 400 16px / 25px var(--pri-font);
}
.wc-block-components-totals-coupon__form .wc-block-components-button__text{
  margin: 0;
}
.wc-block-components-totals-coupon__form .wc-block-components-button{
  border: none;
}
.wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text {
  margin: 0;
}
.wc-block-checkout__actions_row .wc-block-components-button {
  border: none;
  background: transparent;
  padding: 0 !important;
}
.single-product .custom-quantity-select{
  border: none;
  width: 60px;
  height: 35px;
  border: 1px solid #dcdcdc;
  background: transparent;
  /* color: var(--red); */
  padding: 0;
  margin-left: 5px;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist{
  position: relative;
  top: -72px;
  left: 130px;
  width: fit-content;
}
#single-product-page .entry-summary .product_meta{
  position: relative;
  top: -50px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#single-product-page  #reviews #comments ol.commentlist li .comment-text .description p,#single-product-page .entry-content p{
  color: #000;
}
#wp-comment-cookies-consent{
  align-self: baseline;
  top: 10px;
  position: relative;
}
#single-product-page .entry-summary .product_meta .posted_in,#single-product-page .entry-summary .product_meta .tagged_as{
  font: 500 16px/20px var(--pri-font);
}
#single-product-page .entry-summary .product_meta .posted_in a,#single-product-page .entry-summary .product_meta .tagged_as a{
  font: 400 14px/20px var(--pri-font);
}
#single-product-page .entry-summary .product form.cart{
  width: fit-content;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse:before, #single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse:before,#single-product-page .entry-summary  .yith-wcwl-add-button a.add_to_wishlist:before, #single-product-page .entry-summary  .yith-wcwl-wishlistaddedbrowse:before, #single-product-page .entry-summary  .yith-wcwl-wishlistexistsbrowse:before{
  display: none;
}
#single-product-page .entry-summary .yith-wcwl-add-button a.add_to_wishlist i {
  border: 2px solid var(--red);
  font-weight: 500;
  color: var(--red);
  font-size: 20px;
  text-align: center;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: unset !important;
}
#single-product-page .entry-summary .yith-wcwl-wishlistaddedbrowse a,#single-product-page .entry-summary .yith-wcwl-wishlistexistsbrowse a{
  position: unset;
}
#single-product-page .entry-summary .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
  color: red;
  font-size: 20px;
  border: 2px solid var(--red);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  text-align: center;
}
.single-product #contentwoocom .quantity input[type="number"]{
  display: none;
}




/* form css */
#review_form form{
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  padding: 3%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #d2d0d0;
  width: 100%;
}
#reviews .comment-form-author {
  order: 1;
  width: 100%;
}
#reviews .comment-form-email {
  order: 2;
  width: 100%;
}
#reviews .comment-form-cookies-consent {
  order: 3;
  width: 100%;
}
#respond p.form-submit {
  order: 4;
  width: 100%;
}
#reviews .comment-form-rating {
  order: 4;
  width: 100%;
  display: flex;
  color: #949494;
  font: normal normal normal 13px / 19px var(--pri-font);
}
#reviews .comment-notes{
  display: none !important;
}
#reviews .comment-form-comment {
  order: 3;
  width: 100%;
}
.woocommerce #review_form #respond p{
  margin: 0px;
  align-self: center;
}
#header_navigation ::placeholder{
  color: red !important;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
  background-color: #fff !important;
  color: #000 !important;
  width: 100% !important;
  margin: 10px auto !important;
}








/* button hover animation */
.note-small-btn-box{
  padding: 8px 20px;
  border-radius: 4px;
}
.slider-banner-btn-box:hover a ,.banner-btn-box:hover a,.note-small-btn-box:hover a,.newsletter-form-box form input[type="submit"] .wpcf7-submit.has-spinner {
  color: #000;
}
.banner-btn-box, .slider-banner-btn-box,.note-small-btn-box,.blog-button-box,.newsletter-form-box form input[type="submit"]{
  transition: all 0.5s;
  position: relative;
  width: fit-content;
}
.banner-btn-box:hover::before,.slider-banner-btn-box:hover::before,.note-small-btn-box:hover::before,.blog-button-box:hover::before,.newsletter-form-box form input[type="submit"]:hover::before {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.banner-btn-box::before,.slider-banner-btn-box::before,.note-small-btn-box::before,.blog-button-box::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--red);
  transition: all 0.3s;
  border-radius: 6px;
}
.banner-btn-box:hover::after ,.slider-banner-btn-box:hover::after,.note-small-btn-box:hover::after,.blog-button-box:hover::after{
  opacity: 1;
  transform: scale(1, 1);
}
.banner-btn-box::after,.slider-banner-btn-box::after,.note-small-btn-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  transform: scale(1.2, 1.2);
  border-radius: 6px;
  background: #fff;
  z-index: 0;
  color: #000;
}
.blog-button-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  transform: scale(1.2, 1.2);
  border-radius: 6px;
  background: #000;
  z-index: 0;
  color: #fff;
}
.woocommerce-message {
  border-top-color: var(--red);
}
.woocommerce-message::before{
  color: var(--red);
}



.our-feature-banner-content-box{
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.our-feature-banner-content-box .the_timer span{
  font: normal normal 600 18px/18px Rubik;
  color: var(--blackk);
  background: #fff;
  border-radius: 4px;
  position: relative;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.our-feature-banner-content-box .the_timer .nofont{
  font: normal normal normal 10px/20px Rubik !important;
  color: #fff !important;
  background: transparent;
  position: absolute;
  left: 0;
}


/* .deals-content-box .our-deals-banner-content-box{
  display: flex;
  gap: 5px;
} */
.our-deals-head-content-box .our-deals-banner-content-box{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.our-deals-banner-content-main-box .the_timer span{
  font: normal normal 600 18px/18px Rubik;
  color: #fff;
  background: var(--red);
  border-radius: 4px;
  position: relative;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.our-deals-banner-content-main-box .the_timer .nofont{
  font: normal normal normal 10px/20px Rubik !important;
  color: #000 !important;
  background: transparent;
  position: absolute;
  left: 0;
}

.about-img-box img{
  border-radius: 6px;
}
.about-page p{
  color: var(--blackk);
  font-size: 15px;
}
.about-organic-text h6{
  color: var(--blackk);
}
.about-organic-text p{
  color: var(--blackk);
}













/* wishlist page  */
.woocommerce-wishlist .shop_table.wishlist_table {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
}
.wishlist-page-image-box {
  width: 275px;
}
.product-thumbnail {
  max-width: 100% !important;
  height: auto;
}
.woocommerce img, .woocommerce-page img {
  height: auto;
  max-width: 100%;
}
.woocommerce a.remove {
  background: #f7f7f7;
  color: #F38686 !important;
  font-size: 19px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 20px 12px 25px 25px;
}
.yith_wcwl_wishlist_footer,.woocommerce-breadcrumb{
  display: none;
}



.wpcf7 form .wpcf7-response-output{
  position: absolute;
  bottom: 0;
  color: #fff;
}


.wc-block-grid,.wp-block-woocommerce-empty-cart-block{
  margin-top: 4%;
}
.wp-block-woocommerce-cart .wc-block-grid__product-rating,.wp-block-woocommerce-cart .yith-wcwl-add-to-wishlist{
  display: none;
}
.wc-block-grid__product-title{
  font: 500 18px / 20px Rubik !important;
  color: #000;
}
.wc-block-grid__product-add-to-cart.wp-block-button a {
    background: var(--red);
    color: #fff;
    font: 400 14px / 20px var(--pri-font) !important;
    border-radius: 4px;
    padding: 8px 16px;
}
.wc-block-grid__products {
  background-clip: padding-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px;
  justify-content: space-between;
}
.wc-block-grid__product.wc-block-grid__product {
  background: #fff;
  box-shadow: 0px 0px 50px 0px #cacaca;
  box-sizing: border-box;
  width: 100%;
  max-width: 315px !important;
  border-radius: 8px;
}




/* woocomerce login page */
.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active{
  border: 1px solid var(--red) !important;
  background: #fff !important;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active a{
  color: var(--red) !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li{
  background: var(--red) !important;
}
.woocommerce-info{
  border-color: var(--red) !important;
}
button.woocommerce-Button.button,.woocommerce-Button{
  border: none;
  background: var(--red);
  color: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  font: 600 14px/20px var(--pri-font);
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
  display: flex;
  flex-direction: column;
}
.woocommerce-account .addresses .title .edit {
    float: left !important;
}