/*
Theme Name: Dropshipping Shop Pro
Theme URI: https://www.vwthemes.com/products/dropshipping-wordpress-theme
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: Our Dropshipping WordPress Theme is a modern and powerful eCommerce solution built exclusively for entrepreneurs looking to launch or scale their online business effortlessly. With a sleek and user-friendly interface, this theme provides all the essential tools and design elements required to build a successful dropshipping store. It’s fully compatible with WooCommerce, giving you the flexibility to manage products, payments, and shipping with ease. The clean and professional design makes your site look trustworthy and attractive to customers, which is essential for conversion and brand growth.
Version: 0.0.3
Requires at least: 5.8.0
Tested up to: 7.1.3
Requires PHP: 7.4
License: GNU General Public License
License URI:license.txt
Text Domain: dropshipping-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Dropshipping Shop Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2023.
Dropshipping Shop 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:#FD623E;
--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: hidden;
}

.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 var(--green);
    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: var(--yellow);
  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: var(--orange);
  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: var(--orange);
}
#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%, #FD623E 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: #FDB302;
    border: 2px solid #FD623E;
}
 .contact_location_details .phone{
  color: #FD623E;
  border: 2px solid #017595;
 }
 .chat-svg-wrap{
  border: 2px solid #FDB302;
 }
 .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 ---------------*/

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

}
 .vw-scroll{
     background-attachment: scroll ;
     background-size: cover ;
     background-repeat: no-repeat;
}
 .slider-bg-image.vw-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: 100%;
  z-index: 99;
  background:var(--white);
  padding: 10px 0;
  box-shadow: 0px 0px 20px #0000002B;
}
.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: var(--green);
  border: none;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 5px;
  color: #fff;
}
.owl-nav button:hover{
background: var(--yellow);
}
.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{
  background: #FFEFEC;
    padding: 40px 20px 40px;
  box-shadow: 0px 0px 16.5px 0px #00000040;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.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%, #FD623E 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: var(--green);
  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;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.product-box-main .rating{
  background: #FD623E;
  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: 12px;
  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: var(--green);
}
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:var(--orange);
}
.product-price  del{
  text-decoration-color:  var(--orange);
      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 14px / 14px var(--font-two) !important;
  color: var(--yellow) !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;
}