/*
Theme Name: Trendy Storefront Pro
Theme URI: https://www.apexthemes.net/products/ecommerce-wordpress-theme/
Author: Apex Themes
Author URI: https://www.apexthemes.net/
Description: The Ecommerce WordPress Theme is a powerful, flexible design solution crafted to help online businesses create stunning and high-performing web stores with ease. Built with modern e-commerce functionality in mind, this theme combines aesthetic appeal with conversion-focused features that elevate product presentation and user shopping experiences. Whether you’re selling physical products, digital downloads, or services, it provides seamless integration with leading e-commerce plugins, advanced product layouts, and customization options that don’t require coding skills. Its responsive design ensures your store looks great on desktops, tablets, and mobile devices, while speed-optimised performance helps reduce load times and boost search engine visibility. With built-in support for secure payment gateways and streamlined checkout flows, customers enjoy a smooth shopping journey from browsing to purchase. The Ecommerce WordPress Theme also includes marketing tools such as promotional banners, featured product sliders, and social media integration to help you engage visitors and increase sales. Perfect for new entrepreneurs and established online shops alike, this theme delivers the features and flexibility needed to build a professional e-commerce storefront with confidence.
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: trendy-storefront-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Trendy Storefront Pro WordPress Theme has been created by Apex Themes(apexthemes.net), 2026.
Trendy Storefront Pro WordPress Theme is released under the terms of GNU GPL
*/
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
--green: #017595;
--yellow: #FDB302;
--orange:#EA996B;
--black: #000;
--dark-blue: #01346D;
--light-blue: #7CAADE;
--white: #fff;
--pink:#FFEFEC;
--font-one :"Syne", sans-serif;;
--font-two:"Inter";
}
/* Basic Style */
 html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: white;
  position: relative;
  font-size: 16px;
  color:var(--black);
  font-family: var(--font-one);
}
 label {
    margin-bottom: 0 !important;
}
 img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
  width: auto;
}
 section img {
     max-width: 100%;
}
 h1, h2, h3, h4, h5, h6 {
      margin: 0;
      color: #000;
      font-family:var(--font-two);
}
 p {
  margin: 0 0 15px;
  padding: 0;
  font-family: var(--font-one);
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #6C6C6C;
}
 p, ul li a {
     letter-spacing: 0px;   font-family: var(--font-two);
}
 body a {
    text-decoration: none;
    color: #277BF8;
}
 a:hover {
    text-decoration: none;
    color: var(--black);
}
 a:focus, a:hover {
     text-decoration: none !important;
}
ul, ol {
  margin: 0 0 0 0;
  padding: 0;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea , .form-group input, .form-group select, input[type="date"]{
  font-size: 14px;
  padding: 10px 10px 10px 0;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: transparent;
  font-weight: 500;
  border: none;
  border-bottom: 1px solid #151515;
  color: #7D7D7D;
}
input::-webkit-input-placeholder{
  color: var(--#7D7D7D);
}
#contact-us :focus-visible {
  outline: none;
}
section{
  background-size: 100% 100%;
  background-repeat: no-repeat !important;
  padding: 50px 0;
  background-attachment: scroll;
  overflow-x: unset;
}

.btn-wrap{
    padding: 7px 10px;
    border-radius: 10px;
    width: max-content;
    transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #000;
    background: var(--white);
    gap: 10px;
    box-shadow: 0px 4px 4px 0px #00000040;

}
.theme-btn{
  display: inline-block;
  font-family: var(--font-two);
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: var(--yellow);
}
.btn-wrap svg{
  height: 25px;
  width: 25px;
}
.btn-wrap:before{
  content: "";
  background: #EA996B;
  width: 0;
  height: 0;
   gap: 10px;
    border-radius: 10px;
  position: absolute;
  /* top: 0; */
  left: 0;
  right: 0;
  z-index: -1;
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.btn-wrap:hover .theme-btn{
  color:  var(--white);
}
.btn-wrap:hover p input{
  color:  var(--white) !important;
}
.btn-wrap:hover{
  border-color:var(--yellow);
}
.btn-wrap:hover svg path{
  fill: var(--white);
}
.btn-wrap:hover:before {
  width: 100%;
  height: 100%;
}
.theme-para{
  font-family: var(--font-one);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.4px;
  color: #6C6C6C;
}

.main-head {
  font-family: var(--font-two);
  font-size: 25px;
  font-weight: 600;
  color: #000000;
  line-height: 35px;
}
 .screen-reader-text {
   position: absolute;
   top: -9999em;
   left: -9999em;
}

.btn-wrap p{
  margin-bottom: 0;
}

#contact-us .theme-btn p {
  margin-bottom: 0;
}
.contac_form .theme-btn{
  background: transparent;
}
#contact-us .theme-btn p input{
  background: transparent;
  border: none;
  font: 600 14px / 20px var(--font-two);
  color: #000;
}
#contact-us svg path{
  fill: #000;
}

.product-slider .single-product::after {
  content: "";
  position: absolute;
  right: 70px;
  bottom: 74px;
  transform: translateY(-50%);
  width: 450px;
  height: 60px;
  background-image: url('assets/images/curved.svg');
  background-size: cover;
  background-repeat: no-repeat;
}


#contact-us  .wpcf7-spinner{
  position: absolute;
  right: -75px;
  margin: 0 1px;
  top: 0px;
}
.contact_location_details{
  background: var(--white);
  position: absolute;
  bottom: 0;
  padding: 35px;
  border-radius: 0px 20px 0 20px;
  z-index: 1;
}
.contact_location_details::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0px 20px 0 20px;
  padding: 1px;
  background: linear-gradient(253.26deg, #FFFFFF 0%, #EA996B 100%) !important;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
    z-index: -1;
}
.contact_location_details{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact_location_details i,.chat-svg-wrap{
  border-radius: 10px;
  font-size: 16px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation-name: tada;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
}
.contact_location_details .address{
color: #FF860D;
 border: 2px solid #FF860D;
}
 .contact_location_details .phone{
  color: #FF860D;
  border: 2px solid #017595;
 }
 .chat-svg-wrap{
  border: 2px solid #FF860D;
 }
 .contact_location_details a{
      font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #6C6C6C;
 }
 .contact_location_details a:hover{
  color: var(--orange);
 }
 .contact-img{
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
 }


.contact-wrap:before, .contact-wrap:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 9;
}
.contact-wrap:hover:before, .contact-wrap:hover:after {
    background:#fff;
    visibility: visible;
    opacity: 0.2;
}
.contact-wrap:hover:before {
    width: 0;
    right: 50%;
    left: 50%;
}

.contact-wrap:hover:after {
    height: 0;
    top: 50%;
    bottom: 50%;
}
/*------------------------- Headings --------------------------*/
h1{
  font-family: var(--font-one);
  font-size: 56px;
  font-weight: 700;
  line-height: 84.28px;
}
 section h2 {
  font-size: 45px;
  line-height: 45px;
   font-weight: 600;
   font-family: var(--font-two);
}
 section h3 {
  font-weight: 600;
  color: #000;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  font-family: var(--font-two);
}
section h4,section h4 a{
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
 section h5,h5 a {
  font: 600 18px / 24px var(--font-two);
  padding: 0;
}
h6{
  font-size: 16px;
  font-weight: 700;
  line-height: 17px;
}
/*----------------- Section Title--------------*/

/* ----------- Post Content ---------------*/

 .ta-fixed{
     background-attachment: fixed !important;;
     background-size: cover ;
     background-repeat: no-repeat ;

}
 .ta-scroll{
     background-attachment: scroll ;
     background-size: cover ;
     background-repeat: no-repeat;
}
 .slider-bg-image.ta-fixed{
   position: fixed !important;
 }
/* ---------- Return to Top ------------ */
 #return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px !important;
  background: var(--yellow);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;

}
 #return-to-top i {
     position: relative;
     font-size: 25px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     color: #fff !important;
     font-weight: 800;
}
 #return-to-top:hover {
     background: rgba(0, 0, 0, 0.9);
}


.sticky.stickynavbar {
  position: fixed;
  top: 0;
  width: 94%;
  z-index: 99;
  background:var(--white);
  padding: 10px 0;
  box-shadow: 0px 0px 20px #0000002B;
  border-radius: 20px;
}
.sticky.stickynavbar .header-inner{
  background: unset;
  box-shadow: unset;
}
/* ----------- Spinner ------------- */
 .eco-box{
   position: fixed;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   cursor: pointer;
   z-index: 99999999;
   background-color:var(--orange);
   width: 100%;
}
.loader-main{
  display: flex;
  justify-content: center;
  width: max-content;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: max-content;
}
.loader {
  width: 50px;
  aspect-ratio: 1;
  --_c:no-repeat radial-gradient(farthest-side,#FFEFEC 92%,#0000);
  background: 
  var(--_c) top,
  var(--_c) left,
  var(--_c) right,
  var(--_c) bottom;
  background-size: 12px 12px;
  animation: l7 1s infinite;
}
@keyframes l7 {to{transform: rotate(.5turn)}}
 .woocommerce div.product form.cart .variations tr{
     display: block !important;
}
 .woocommerce div.product form.cart table td{
     /* padding-left: 18px !important; */
}


/* Slider */

/* owl nav css */
.owl-nav button{
  background: #000;
  border: none;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 5px;
  color: #fff;
}
.owl-nav button:hover{
background: #EA996B;
}
.owl-nav button:hover i{
  color: #fff;
}
#best-seller .owl-nav{
    position: absolute;
    display: flex;
    gap: 10px;
    right: 15px;
     top: -60px;
}

/* -----------about us--------------- */

/* testimonial */
#testimonial .owl-carousel .owl-stage-outer{
  padding:4% 0 2% 15px;
}
.testimonial-box {
  padding: 40px 20px 40px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient(180deg, #D2DBDD 0%, #E9ECDB 100%);
}
.testimonial-box::after{
    content: '';
    position: absolute;
    inset: 0;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    background: linear-gradient(to top, transparent 45%, #EA996B 63%);
    opacity: 0.4;
    height: 100%;
    position: absolute;
    z-index: -1;
    width: 100%;
    /* left: -50%; */
    bottom: -50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.testimonial-box:hover::after {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
 .testimonial-head{
height: 115px;
  width: 115px !important;
  position: absolute;
  top: -65px;
  left: 15px;
  z-index:2;
}
 .testimonial-head img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-mask-image: url(assets/images/testimonial/test-mask.png);
    mask-image: url(assets/images/testimonial/test-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: relative;
}
.text-rating{
  background: #0BCCCC;
  height: 29px;
  width: 29px;
  gap: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  right: -6px;
  top: 42px;
  font-size: 16px;
}
.text-rating i{
  color: #FDB302;
    font-size: 8px;
}
.test-title a{
  font: 600 18px / 24px var(--font-two);
  color: #000;
}
.test-title a:hover{
  color: var(--green);
}
.test-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  font-family: 'Inter';
}
  /* .testimonial-box img{
      border:4px solid transparent;
  }
.testimonial-box:hover img{
    border-radius: 50% 50% 0 0;
      border-color:var(--orange);
    transition: all 0.5s ease 0s;
} */
.testimonial-box:hover h5{
     letter-spacing: 1px;
         transition: all 0.5s ease 0s;
}
/* Faq section */
#faq-sec .accordion-button:hover{
      z-index: 1;
}
#faq-sec .accordion-button:not(.collapsed), #faq-page .accordion-button:not(.collapsed){
  background-color:unset;
  box-shadow:unset;
}
#faq-sec .accordion-button, #faq-page  .accordion-button{
  font: 600 16px / 25px var(--font-two);
  border-radius: 0px;
    padding: 10px 1.25rem;
    background-color: #FFEFEC;
    color: var(--green);
}
#faq-sec .accordion-button:not(.collapsed), #faq-page .accordion-button:not(.collapsed){
  color: var(--green);
}
.faq-sec-inner{
  padding: 40px 50px;
      margin-top: 4%;
      background-size: 100% 100%;
      background-repeat: no-repeat;
}
.faq-sec-inner .accordion-body{
  color: #5A5A5A;
font-size: 14px;
font-family: var(--font-two);
}
#faq-sec .accordion-item, #faq-page .accordion-item{
  margin-bottom: 12px;
  border-radius: 0px;
  border:unset;
    background-color: #FFEFEC;
}
#faq-sec  .accordion-header{
    border-radius: 6px;
}
#faq-sec .accordion-button:not(.collapsed)::after , #faq-page  .accordion-button:not(.collapsed)::after{
    content: '\f068';
    font-family: "font awesome 6 free";
    font-weight: 900;
    font-size: 14px;
    background-image: unset !important;
    height: unset !important;
    width: unset !important;
    transition: unset;
    color: #000;
}
#faq-sec .accordion-button::after, #faq-page .accordion-button::after{
    content: '\f067';
    font-family: "font awesome 6 free";
    font-weight: 900;
    font-size: 14px;
    background-image: unset !important;
    height: unset !important;
    width: unset !important;
    transition: unset;
}

#faq-sec label{
  width: 100%;
}
#faq-sec form{
  margin-top: 20px;
}
#faq-sec textarea{
  height: 110px;
}
#faq-sec form .theme-btn p,.news-form-main .theme-btn p , .contac_form .theme-btn p {
  margin-bottom: 0;
}
#faq-sec form .theme-btn p input,.news-form-main .theme-btn p input, #appoinment .theme-btn p input,  .contac_form .theme-btn p input{
  background: transparent;
  border: none;
  font: 700 16px / 20px var(--font-one);
  color:var(--white);
}
#faq-sec form .theme-btn .wpcf7-spinner, .news-form-main .wpcf7-spinner , #appoinment .wpcf7-spinner, .contac_form  .wpcf7-spinner{
  position: absolute;
  right: -22px;
  margin: 0 1px;
  top: 16px;

}
#faq-sec form .theme-btn{
  margin-left: 10px;
  padding: 8px 18px;
}
.que-img{
  height: 100%;
  width: 100%;
  animation: float 4s ease-in-out infinite;
}
@keyframes float {
  0% {
      transform: translatey(0px);
  }
  50% {
      transform: translatey(-20px);
  }
  100% {
  transform: translatey(0px);
  }
}
/* ----------------Product Card css---------------- */
#best-seller .product-box-main{
  min-width: unset;
}
#best-seller .pro-img img{
  border-radius: 0;
}
.shop.shop-product .product-box{
  width: 300px;
  position: relative;
}

.product-box{
  display: flex;
  flex-direction: column;
  gap: 7px;
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 12px 0px #00000040;
  border-radius: 20px;
  background: #fff;
  padding: 10px;

}
.pro-img{
  position: relative;
  overflow: hidden;
}
.pro-img:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(253, 97, 62, 0) 0%, rgba(253, 97, 62, .3) 100%);
  background: linear-gradient(to right, rgba(253, 97, 62, 0) 0%, rgba(253, 97, 62, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.product-box:hover .pro-img:before  {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
.product-box-main svg path {
    fill: #000;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.product-box-main .rating{
  background: #EA996B;
  border-radius: 5px;
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 5px 5px;
}
.rating span{
  font-family: Inter;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  color: #fff;
}
.rating i{
  color: #fff;
}
.star-rating{
  color: var(--yellow);
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 18px;
  width: 5.4em;
  font-family: star;
}
.star-rating:before{
 content: "\73\73\73\73\73";
 color: #d3ced2;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
}
.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}
.star-rating span:before{
 content: "\53\53\53\53\53";
 top: 0;
 position: absolute;
 left: 0;
}

.product-cat-name{
  color: #6C6C6C;
  font-size: 14px;
  font-weight: 600;
   font-family: var(--font-two);
}
.product-desc{
      color: #6C6C6C;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-two);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.wishlist-items-wrapper .product-add-to-cart, .wishlist_table.mobile li .product-add-to-cart{
      right: 0px;
}
 .pro-img, .wishlist-items-wrapper  .product-thumbnail,.wishlist_table.mobile li .item-wrapper .product-thumbnail, .related.products li img{
    height: 213px;
    width: 260px;
    object-fit: cover;
    margin: 0 auto;
    padding: 20px;
}
  .pro-img img,  .wishlist-items-wrapper .product-thumbnail img, .wishlist_table.mobile li .item-wrapper .product-thumbnail img{
  height: 100% !important;
  width: 100% !important;
object-fit: contain;
  border-radius: 10px;
}
.product-title{
  line-height: 19px;
}
.product-title a,.related.products li a{
    /* font: 600 16px / 23px var(--font-two); */
    font-size: 16px;
    color: #000;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    width: 175px;
}
.product-box .theme-btn{
  font-size: 18px;
  line-height: 20px;
  position: relative;
}
.product-box .theme-btn::after{
  content: '';
  position: absolute;
  background-color: #EB7D01;
  height: 3px;
  width: 50px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -9px;
  border-radius: 10px;
}
.product-title a:hover, .product-name a:hover, .related.products li a:hover{
  color: var(--yellow);
}
  .product-content p{
  margin-bottom: 0
}

.product-price {
  display: flex;
  flex-direction: column-reverse;
}
ins{
  text-decoration: none;
}
.woocommerce-Price-amount bdi ,.product-price ins span {
     font: 600 18px / 22px var(--font-two);
    color: #3F84EF;
}
del .woocommerce-Price-amount bdi, .product-price del .woocommerce-Price-amount.amount, .item-details-table ins .woocommerce-Price-amount.amount,ins.wc-block-components-product-price__value.is-discounted {
    font: 500 16px / 20px var(--font-two);
    color:#9A9A99;
}
.product-price  del{
  text-decoration-color:  #9A9A99;
  line-height: 21px;
}
.cart-btn, .wishlist_text,.quick-view {
  /* padding: 7px 10px;
  border-radius: 10px;
  width: max-content;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid var(--green);
  background: var(--white);
  gap: 10px;
  box-shadow: 0px 4px 4px 0px #00000040; */
}
.cart-btn a{
  
}
.btn-wrap:hover a{
color: var(--white) !important;
}
.quick-view  .woosq-btn-has-icon{
  background: transparent;
  border: none;
  display: inline;
}
.woosq-btn-icon{
  font-size: 20px;
    color: #fff;
}

.yith-wcwl-wishlistaddedbrowse .feedback{
  gap: 0px;
}
.yith-wcwl-add-to-wishlist{
  margin-top: 0
}
.yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-button .add_to_wishlist img{
  color: #fff;
  margin-right: 0 !important;
}
.yith-wcwl-add-to-wishlist-button svg, .yith-wcwl-add-to-wishlist-button img.yith-wcwl-custom-icon{
  height: 22px;
  color: #fff !important;
}
.product-icon {
  position: absolute;
  top: 0;
  left: 10px;
  right: 0;
  flex-direction: column;
  width: max-content;
  justify-content: center;
  align-items: center;
  height: 100%;
  opacity: 0;
}
.add_to_cart_button.ajax_add_to_cart.added{
  display: none !important;
}
.cart-btn a{
  font: 600 12px / 14px var(--font-two) !important;
  color: var(--black) !important;
  background: transparent !important;
  padding: 0 !important;
}
.wishlist-items-wrapper .product-add-to-cart a, .wishlist_table.mobile li .product-add-to-cart a{
  font: 600 14px / 14px var(--font-two);
  color: var(--yellow) !important;
  border: 1px solid var(--green) !important;
  background: var(--white) !important;
  padding: 9px 12px !important;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 10px;
}
/* .cart-btn a:before, .wishlist-items-wrapper .product-add-to-cart a:before, .wishlist_table.mobile li .product-add-to-cart a:before {
  text-align: center;
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  font-size: 17px;
  color: #fff;
} */
.yith-wcwl-add-button{
  text-align: center;
}
/* .cart-btn a:before, .wishlist-items-wrapper .product-add-to-cart a:before, .wishlist_table.mobile li .product-add-to-cart a:before {
  content: "\f07a";
} */
.shop.shop-product .woocommerce-ordering, .yith-wcwl-add-button span {
  display: none;
}
 .product-box:hover  .product-icon{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  opacity: 1;
}

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--custom-button{
  background: transparent !important;
  border: none  !important;
}
 .wishlist_text i{
   margin-right: unset !important;
   line-height: 33px;
  font-size: 14px;
  height: 32px;
  width: 33px;
  background: #FCB900;
  text-align: center;
  border-radius: 6px;
  color: #000;
   position: relative;
 }
 .yith-wcwl-add-to-wishlist.exists .yith-wcwl-icon{
   font-weight: 800;
 }
.yith-wcwl-wishlistaddedbrowse a{
  position: absolute;
  top: left;
  font-size: 8px;
  left: 3px;
  top: 5px;
  opacity: 0;
  color: #fff;
 }
 .feedback{
   font-size: 0;
 }
 .yith-wcwl-add-to-wishlist.exists svg.yith-wcwl-icon-svg{
  color:#fff;
 }
 .popular-pro-box:hover del{
  text-decoration-color: #fff;
}
.shop.shop-product .popular-pro-box{
    width: 300px;
}
.shop.shop-product .woocommerce-ordering,.yith-wcwl-add-button span,.yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.shop-page-filters input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  cursor: pointer;
}
.shop-page-filters input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 18px;
  height: 18px;
  border: 1px solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
}

.shop-page-filters .form-control + .form-control {
  margin-top: 1em;
}
.shop-page-filters input[type="checkbox"] {
  display: grid;
  place-content: center;
}

.shop-page-filters input[type="checkbox"]::before {
  content: "";
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
}

.shop-page-filters input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.shop-page-filters input[type="checkbox"]::before {
  background-color: #FF6208;
}
.yith-wcwl-wishlistexistsbrowse a{
  position: absolute;
  top: 5px;
  font-size: 9px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
}
.wishlist-items-wrapper {
  /* gap: 10px; */

}
.page-template-page-templateabout-php .about-page-btn,.woocommerce .loader::before{
  display: none;
}
/* .yith-wcwl-add-button span{
  font-size: 0;
} */




/* Makers */
.team-bottom-content h5{
  color: #fff;
}
.team-img{
  height: 435px;
}
.team-img img{
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.team-bottom-content{
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 2;
}
.team-social-icon-box-main{
  clip-path: polygon(76.952% 9.668%, 100% 98.187%, 0% 98.187%, 23.048% 9.668%, 23.048% 9.668%, 23.543% 7.913%, 24.069% 6.324%, 24.623% 4.905%, 25.202% 3.66%, 25.804% 2.594%, 26.426% 1.712%, 27.065% 1.018%, 27.718% 0.516%, 28.382% 0.212%, 29.054% 0.11%, 70.946% 0.11%, 70.946% 0.11%, 71.618% 0.212%, 72.282% 0.516%, 72.935% 1.018%, 73.574% 1.712%, 74.196% 2.594%, 74.798% 3.66%, 75.377% 4.905%, 75.931% 6.324%, 76.457% 7.913%, 76.952% 9.668%);
  height: 50px;
  width: 95%;
  background: var(--yellow);
  margin: 0 auto;
}
.team-social-icon-box{
  height: 100%;
}
.team-social-icon-box i,.team-title h6{
  color: #fff;
}
.team-inner-content::after{
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: -100%;
  z-index: 0;
  transition: 0.5s;
  background: #000;
  opacity: 0.7;
  border-radius: 10px
}
.team-inner-content:hover::after{
  bottom: 0%;
}
.team-inner-content:hover .team-bottom-content{
  opacity: 1;
}
.makers-svg-1{
  position: absolute;
  bottom: 0;
  width: 255px;
}
.makers-svg-2{
  position: absolute;
  right: 0;
  top: 0;
  height: 304px;
}


/* common csss */
.woosq-product > .product .summary .summary-content{
  display: flex;
      flex-direction: column;
      gap: 10px;
}
h2.product_title.entry-title{
  font: 600 24px / 30px var(--font-two);
  color: #000000;
}
.woosq-product .privacy-product-btn{
  display: none
}
.mfp-close{
  background: var(--green) !important;
    margin: 10px;
    border-radius: 50%;
}
.mfp-woosq .mfp-close:before{
  color: #fff;
}
.woocommerce-product-details__short-description p{
  font: normal normal normal 15px / 27px var(--font-two);
    color: #000000;margin-bottom: 0;
}
.woocommerce .quantity input {
  padding: 5px 15px;
  border: 1px solid var(--yellow);
  border-radius: 6px;
  width: 7.631em !important;
  text-align: left !important;
  font-family: var(--font-two);
}
.woocommerce div.product form.cart div.quantity{
  margin-top: 7px;
}
.Discount-offer-img-box  img{
  width: 50px;
height: 50px;
background: #ebebeb;
border-radius: 50%;
object-fit: contain;
padding: 5px;
}
.Discount-offer-text-box {
  font: 500 15px / 17px var(--font-two);
  letter-spacing: 0px;
  color: #000000;
  margin-top: 10px;

}
.woocommerce-page div.product div.summary{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 13px;
  margin-bottom: 0;
}


.woosq-product.single-product .single_add_to_cart_button{
  background: transparent !important;
  position: relative;
  padding-right: 35px;
  padding-left: 20px;
  border-radius: 6px;
  border: 1px solid var(--orange) !important;
  display: inline-block;
  padding: 9px 30px 7px 18px;
  font-family: var(--font-one);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: var(--green) !important;
  border-radius: 5px;
}
.woosq-product.single-product .single_add_to_cart_button::after{
  content: "\f07a";
  text-align: center;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 13px;
  position: absolute;
  top: 2px;
  right: 10px;
  line-height: 33px;
  color: var(--grey);
}

/* popup css */
.woocommerce .woocommerce-product-rating .star-rating{
  margin-top: -8px;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single{
  margin-inline: 6px;
}


/* genre */
div.mb-siwc-popup{
  background: rgb(255 255 255 / 40%) !important;
      width: max-content !important;
}
div.mb-siwc-popup:after{
  border-bottom:   8px solid rgb(255 255 255 / 40%) !important;
      margin-left: -9px;
}
.siwc-inner-text h1{
  font-family: Inter;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  padding-bottom: 6px !important;
}
div.mb-siwc-popup div.mb-siwc-popup-inner h2{
  color: #017595;
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 6px !important;
}
span.mb-siwc-tag {
    background: rgb(255 255 255 / 50%);
}
.siwc-icon-plus_thin{
background: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
}
.siwc-icon-plus_thin:before{
  content: unset;
}
.siwc-inner-text a{
  border: 1px solid var(--green) !important;
  background: #fff !important;
  color: var(--yellow) !important;
  font-family: var(--font-two) !important;
  font-weight: 600 !important;
}
.siwc-inner-text a:hover{
   background: var(--green) !important;
}
.mabel-siwc-img-wrapper img,.mabel-siwc-img-wrapper{
  height: 100%;
}
div.mb-siwc-popup div.mb-siwc-popup-inner .siwc-thumb-wrapper{
  display: none;
}
.variable-products .product-price{
      line-height: 10px;
}


.page-template-category #category{
  padding: 5em 1em 1em 1em;
}