/*
Theme Name: Auction Bidding Pro
Theme URI: https://www.vwthemes.com/themes/bidding-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This Auction Bidding Pro WordPress theme is clean, reliable, modern and feature-full with great use for book stores, eBook portals, online book sellers, authors, journalists, writers, editors, publishers, libraries, reading clubs, online music, movies and game selling website and all the literature lovers. It is a one-stop-solution for establishing a performance efficient website for all books and reading related businesses. It has all the facility to list your books whether you deal with kids’ sound and story books or literature books for adults. It has sections cascaded to form a continuity to never leave the visitors idle. This bookstore WordPress theme has a fluid layout making it fully responsive. It is cross-browser compatible and translation ready. It is coded from scratch to make it bug-free. It is fearlessly compatible with third party plugins to give an extra edge to your website with the added plugin.
Version: 0.0.7
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: auction-bidding-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Auction Bidding Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
Auction Bidding Pro WordPress Theme is released under the terms of GNU GPL
*/

.eco-box {
  display: none;
}
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Work Sans Regular"),
    local("WorkSans-Regular"),
    url(./assets/css/WorkSans-Regular.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("Work Sans Medium"),
    local("WorkSans-Medium"),
    url(./assets/css/WorkSans-Medium.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans Semi Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Work Sans Semi Bold"),
    local("WorkSans-SemiBold"),
    url(./assets/css/WorkSans-SemiBold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans Extra Bold";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    local("Work Sans Extra Bold"),
    local("WorkSans-ExtraBold"),
    url(./assets/css/WorkSans-ExtraBold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
/* Monsterrat*/
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Montserrat Regular"),
    local("Montserrat-Regular"),
    url(./assets/css/Montserrat-Regular.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("Montserrat Medium"),
    local("Montserrat-Medium"),
    url(./assets/css/Montserrat-Medium.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat SemiBold";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local("Montserrat SemiBold"),
    local("Montserrat-SemiBold"),
    url(./assets/css/Montserrat-SemiBold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat Extra Bold";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src:
    local("Montserrat Extra Bold"),
    local("Montserrat-ExtraBold"),
    url(./assets/css/Montserrat-ExtraBold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Montserrat Bold"),
    local("Montserrat-Bold"),
    url(./assets/css/Montserrat-Bold.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
:root {
  --white: #ffffff;
  --black: #000000;
  --green: #86dbbc;
  --greener: #8ae3b4;
  --pink: #851b5f;
  --orange: #e4573d;
  --lightorange: #e4573d;
  --blue: #91bfe2;
  --black1: #2d3d49;
  --black2: #3f3f3f;
  --black3: #5b5b5b;
  --grey1: #1a1616;
  --grey2: #333333;
  --grey3: #6649a6;
  --grey4: #444444;
  --grey5: #424648;
  --grey6: #464a4c;
  --lightgrey2: #d7d7d7;
  --lightgrey3: #bbbbbb;
  --lightgrey4: #838384;
  --lightgrey5: #e4e4e4;
  --lightgrey6: #e8e8e8;
  --lightgrey7: #002b46;
  --lightgrey8: #e7e7e7;
  --lightgrey9: #dddddd;
  --white11: #f2f2f2;
  --white12: #f7f7f7;
  --lightgrey10: #454242;
  --lightgrey11: #575454;
  scroll-behavior: auto !important;
}
:root {
  --common-font-w: "Work Sans";
  --common-font-wm: "Work Sans Medium";
  --common-font-wsm: "Work Sans Semi Bold";
  --common-font-web: "Work Sans Extra Bold";
  --common-font-m: "Montserrat";
  --common-font-mm: "Montserrat Medium";
  --common-font-msb: "Montserrat SemiBold";
  --common-font-meb: "Montserrat Extra Bold";
  --common-font-mb: "Montserrat Bold";
  --common-font-l: "Libre Baskerville";
}
/* Basic Style */
body {
  overflow-x: hidden !important;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: white;
  position: relative;
  font-size: 14px;
  color: var(--black3);
  font-family: Montserrat;
  letter-spacing: 0.1px;
}
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;
  padding: 10px 0;
  line-height: 1.4;
  color: #000;
  font-family: Montserrat;
  font-weight: 600;
}
p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  font-family: Montserrat;
}
ul li a {
  letter-spacing: 0px;
  font-family: Montserrat;
}
body a {
  text-decoration: none;
  color: var(--green);
}
a:hover {
  text-decoration: none;
  color: var(--black1);
}
a:focus,
a:hover {
  text-decoration: none !important;
}
ul,
ol {
  margin: 0 0 0 0;
  padding: 0;
}
.sub-menu li a {
  color: #000 !important;
}
.sub-menu li a:before {
  display: none;
}
ul li,
ol li {
  font-size: 14px;
}

blockquote {
  font-size: 18px;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--black3);
}
blockquote cite {
  color: var(--black3);
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

.footer-contact input[type="email"] {
  background: #fff;
  border: none;
  border-radius: 50px;
  width: 100%;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea,
select {
  font-size: 14px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  background: transparent;
  border: 1px solid var(--white11);
}

.super-button .cpb-copy-inner {
  position: relative;
  background: var(--pink) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #fff !important;
  box-shadow: 15px 13px 0px 0px #86dbbc;
  transition: box-shadow 0.15s ease-in-out;

  &:hover {
    box-shadow: 16px 14px 0px 0px #86dbbc;
  }

  &:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    border: 2px dashed var(--pink);
    border-radius: 17px;
  }

}

.auction-form input,
.auction-form select,
.auction-form textarea {
  box-shadow:
    rgb(0 0 0 / 5%) 0px 4px 6px -1px,
    rgb(0 0 0 / 0%) 0px 2px 4px -1px;
}
.choose-img input {
  width: 100%;
}
/* .choose-img input::after{
  position: absolute;
  content: 'Choose File (Photos)';
  left: 0;
  top: -4px;
  background: #DEDEDE;
  display: block;
  height: 33px;
  width: 100%;
  font-size: 15px!important;
  color: #333B36;
  text-align: center;
  padding-top: 5px;
  box-shadow: rgb(0 0 0 / 5%) 0px 4px 6px -1px, rgb(0 0 0 / 0%) 0px 2px 4px -1px;
} */
.footer-contact-detail form {
  position: relative;
}
.footer-contact-detail .wpcf7-submit {
  position: absolute;
  top: 3px;
  right: 10px;
  padding: 10px 10px;
  font-weight: bold;
  color: #e22b25;
  text-transform: uppercase;
  border: none;
  font-size: 14px;
  font-family: FontAwesome !important;
  background-color: transparent;
  width: 10%;
}
section {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 50px 0;
  background-attachment: scroll;
}
select {
  width: 100%;
  padding: 6px;
}
input[type="submit"]:hover {
  cursor: pointer;
}
.bounce,
.flash,
.pulse,
.shake,
.swing,
.tada,
.wobble,
.bounceIn,
.bounceInDown,
.bounceInLeft,
.bounceInRight,
.bounceInUp,
.bounceOut,
.bounceOutDown,
.bounceOutLeft,
.bounceOutRight,
.bounceOutUp,
.fadeIn,
.fadeInDown,
.fadeInDownBig,
.fadeInLeft,
.fadeInLeftBig,
.fadeInRight,
.fadeInRightBig,
.fadeInUp,
.fadeInUpBig,
.fadeOut,
.fadeOutDown,
.fadeOutDownBig,
.fadeOutLeft,
.fadeOutLeftBig,
.fadeOutRight,
.fadeOutRightBig,
.fadeOutUp,
.fadeOutUpBig,
.flip,
.flipInX,
.flipInY,
.flipOutX,
.flipOutY,
.lightSpeedIn,
.lightSpeedOut,
.rotateIn,
.rotateInDownLeft,
.rotateInDownRight,
.rotateInUpLeft,
.rotateInUpRight,
.rotateOut,
.rotateOutDownLeft,
.rotateOutDownRight,
.rotateOutUpLeft,
.rotateOutUpRight,
.slideInDown,
.slideInLeft,
.slideInRight,
.slideOutLeft,
.slideOutRight,
.slideOutUp,
.rollIn,
.rollOut,
.zoomIn,
.zoomInDown,
.zoomInLeft,
.zoomInRight,
.zoomInUp,
.slideInUp {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible !important;
}
.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}
.wp-caption-text {
  margin: 0;
  padding: 0;
}
.gallery-caption {
  margin: 0;
  padding: 0;
}
.bypostauthor {
  margin: 0;
  padding: 0;
}
.hovereffect a {
  border: 1px solid var(--grey2);
  padding: 10px;
  color: var(--grey2);
  font-weight: bold;
}
.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}
.sticky {
  margin: 0;
  padding: 0;
  background-color: var(--lightgrey2);
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  padding: 5px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
  padding: 5px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 5px;
}
.comment-list .comment-content ul {
  list-style: none;
  margin-left: 15px;
}
.comment-list .comment-content ul li {
  margin: 5px;
}
.toggleMenu {
  display: none;
}
table,
td,
th {
  border: 1px solid var(--lightgrey2);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}

/* ---------Buttons--------- */
a.button,
a.theme_button,
a.theme_green_button,
a.theme_white_button,
.custom_cart a,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
  color: var(--white);
  border: none;
  padding: 14px 30px;
  font: 600 14px Mariupol, "Montserrat";
  background: var(--green);
  border-radius: 38px;
}
a.theme_button,
a.button,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--green);
}

a.theme_white_button,
.latest-box .latest-cart a {
  background-color: var(--white);
  color: var(--black2);
  border: 1px solid var(--black2);
  border-radius: 0;
}
a.theme_white_button:hover,
.theme_white_button:hover,
.latest-cart a:hover {
  color: var(--green);
}
a.theme_green_button:hover,
.theme_green_button:hover,
.woocommerce a.added_to_cart:hover {
  background: var(--green);
}
/*------------------------- Headings --------------------------*/
.innerbox {
  background-size: 100% 100%;
}

/* Search results */
.search-page img {
  height: 100%;
}

/*----------------- Section Title--------------*/
.section-title {
  border-bottom: solid 1px var(--lightgrey5);
  padding-bottom: 20px;
}
.section-title a i {
  padding-left: 10px;
}
/*-------------- Post Content ---------------*/
.collectionbox {
  position: relative;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.collectionbox .collectiontitle {
  font-size: 22px;
  font-weight: 600;
  color: white;
  margin: 0 0 10px 0;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.newsinner {
  position: relative;
}
#recent-news {
  .owl-dots {
    display: none;
  }
}

.single-blog-banner-img {
  width: 100%;
}

#recent-news,
#newsletter {
  overflow-x: hidden;
}
#recent-news .collectionbox-text {
  position: relative;
  left: 0;
  right: 0;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  width: 80%;
  margin: auto;
  padding: 10px 20px;
  margin-top: -4rem;
  background: #fff;
  min-height: 210px;
}
#recent-news .collectionbox-text h3 {
  line-height: 1;
}
#recent-news .collectionbox-text h3 a {
  font: normal normal 600 20px/28px Montserrat;
  letter-spacing: 0px;
  color: #1e1e1e;
  line-height: 0.7;
}

.collectionbox-text p {
  color: var(--black3)!important;
  font-family: Inter;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}


#recent-news .dat-span {
  background: var(--green);
  width: max-content;
  position: absolute;
  top: 4rem;
  left: 0;
  padding: 7px;
  color: #fff;
  font: normal normal 500 15px/28px Montserrat;
  border-radius: 0 10px 10px 0;
}
#recent-news .post_date {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--orange);
  padding: 14px;
  color: var(--white);
  font: 600 15px var(--common-font-m);
}

#recent-news .content_page .collectionbox-text h3,
.content_page .collectionbox-text h3 a {
  padding: 0;
}
#recent-news .owl-carousel .owl-item {
  margin-bottom: 15px;
}
.innerbox .owl-carousel .owl-stage-outer {
  overflow: unset;
}
.vw-news-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vw-news-meta a,
.vw-blog-comments {
  color: var(--pink);
  font-size: 13px;
}
a.latesredmore:hover {
  color: var(--green);
}
.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;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background: var(--green);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999;
}
#return-to-top i {
  position: relative;
  top: 13px;
  font-size: 19px;
  -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;
  padding: 3px 5px;
  color: #fff !important;
}
a#return-to-top {
  color: #fff !important;
  text-align: center;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  top: 5px;
}
/* ----------- Spinner ------------- */
.eco-box {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
  background-color: var(--green);
  width: 100%;
}
.spinner {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spinner .blob {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.spinner .blob.top {
  top: 0;
  -webkit-animation: blob-top 1s infinite ease-in;
  animation: blob-top 1s infinite ease-in;
}
.spinner .blob.bottom {
  top: 100%;
  -webkit-animation: blob-bottom 1s infinite ease-in;
  animation: blob-bottom 1s infinite ease-in;
}
.spinner .blob.left {
  left: 0;
  -webkit-animation: blob-left 1s infinite ease-in;
  animation: blob-left 1s infinite ease-in;
}
.spinner .move-blob {
  background: #fff;
  top: 0;
  -webkit-animation: blob-spinner-mover 1s infinite ease-in;
  animation: blob-spinner-mover 1s infinite ease-in;
}

@-webkit-keyframes blob-bottom {
  25%,
  50%,
  75% {
    top: 50%;
    left: 100%;
  }
  100% {
    top: 0;
    left: 50%;
  }
}

@keyframes blob-bottom {
  25%,
  50%,
  75% {
    top: 50%;
    left: 100%;
  }
  100% {
    top: 0;
    left: 50%;
  }
}
@-webkit-keyframes blob-left {
  25% {
    top: 50%;
    left: 0;
  }
  50%,
  100% {
    top: 100%;
    left: 50%;
  }
}
@keyframes blob-left {
  25% {
    top: 50%;
    left: 0;
  }
  50%,
  100% {
    top: 100%;
    left: 50%;
  }
}
@-webkit-keyframes blob-top {
  50% {
    top: 0;
    left: 50%;
  }
  75%,
  100% {
    top: 50%;
    left: 0;
  }
}
@keyframes blob-top {
  50% {
    top: 0;
    left: 50%;
  }
  75%,
  100% {
    top: 50%;
    left: 0;
  }
}
@-webkit-keyframes blob-spinner-mover {
  0%,
  100% {
    top: 0;
    left: 50%;
  }
  25% {
    top: 50%;
    left: 100%;
  }
  50% {
    top: 100%;
    left: 50%;
  }
  75% {
    top: 50%;
    left: 0;
  }
}
@keyframes blob-spinner-mover {
  0%,
  100% {
    top: 0;
    left: 50%;
  }
  25% {
    top: 50%;
    left: 100%;
  }
  50% {
    top: 100%;
    left: 50%;
  }
  75% {
    top: 50%;
    left: 0;
  }
}

.star-rating {
  color: #fbe018;
  margin: 0 auto;
  font-size: 0.857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  margin-top: 3%;
}
.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;
  ladding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

/* testimonial css */
#testimonials .tesimonial_col .media {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  padding: 50px 20px 20px;
}
#testimonials .testi-img-outer {
  position: relative;
  top: 40px;
  left: 20px;
}
#testimonials .testi-img {
  width: auto !important;
}
#testimonials h3 a {
  font: normal normal 600 18px/30px Montserrat;
  color: #000;
}
#testimonial-loop {
  display: none;
}
#testimonials .owl-carousel .owl-nav.disabled,
#recent-news .owl-carousel .owl-nav.disabled {
  display: block !important;
}

#testimonials button.owl-prev,
#testimonials button.owl-next,
#recent-news button.owl-prev,
#recent-news button.owl-next,
#latest-deal button.owl-prev,
#latest-deal button.owl-next {
  position: absolute;
  top: 50%;
  background: transparent;
  border: 2px solid #333b36;
  border-radius: 50px;
  padding: 8px 14px;
  color: #333b36;
}
#testimonials button.owl-prev,
#latest_post button.owl-pre,
#latest-deal button.owl-prev,
#recent-news button.owl-prev {
  left: -10rem;
}
#testimonials button.owl-next,
#latest_post button.owl-next,
#latest-deal button.owl-next,
#recent-news button.owl-next {
  right: -10rem;
}
#latest-deal .owl-dots,
#testimonials .owl-dots {
  display: none;
}
/* newsletter */
#newsletter {
  background-color: var(--green);
  position: relative;
  .wpcf7 {
    max-width: 580px;
  }
}
#newsletter .newsletter-content form {
  position: relative;
}
#newsletter .newsletter-sbt input,
.newsletter-sbt span {
  position: absolute;
  right: 0;
  top: 0;
}
#newsletter .newsletter-content .newsletter-email input {
  background: #fff;
  border: none;
  padding: 14px 10px;
  border-radius: 10px;
  font: normal normal normal 14px/23px Montserrat;
}
#newsletter .newsletter-sbt input {
  background: #333b36;
  border: none;
  padding: 14px 20px;
  height: auto;
  border-radius: 0px 10px 10px 0px;
  font: normal normal 600 16px/23px Montserrat;
  color: #fff;
}
#newsletter .align-item {
  z-index: 1;
  text-align: end;
}
#newsletter::after {
  content: "";
  background-color: #2e9551;
  inset: 0 0 0 66%;
  position: absolute;
}
#newsletter .vwsmp_front a {
  height: 45px;
  width: 44px;
  background: #1a5c31;
  line-height: 1.9;
}
#newsletter .news_title h3 {
  font: normal normal 600 28px/32px Montserrat;
  color: #ffffff;
}

/* ------------counter css start-----------------*/
#counter .counter-inner {
  box-shadow: 0px 3px 6px #00000029;
  margin: 10px;
  padding: 12px;
  border-bottom: 4px solid #fff;
}
#testimonials .owl-carousel .tesimonial_col {
  border-bottom: 4px solid #fff;
}
#counter .counter-inner:hover,
#testimonials .owl-carousel .owl-item:hover .tesimonial_col {
  border-bottom: 4px solid var(--green);
}
#counter .counter1-up,
#counter .counter_suffix {
  font: normal normal bold 40px/45px Montserrat;
  letter-spacing: 0px;
  color: #1e1e1e;
}
/* -----------counter css end--------------*/
/* -----best seller css---- */
#best-seller .seller-inner-box-bg {
  position: relative;
}
#best-seller .seller-main-box {
  padding: 20px 20px 0;
  position: relative;
  z-index: 1;
}
#best-seller .seller-outer-box h3 {
  font: normal normal 600 22px/37px Montserrat;
  letter-spacing: 0px;
  padding-bottom: 0;
}
#best-seller .seller-outer-box p {
  font: normal normal normal 18px/29px Montserrat;
  letter-spacing: 0px;
  color: #010101;
  margin-bottom: 0;
}
#best-seller .seller-outer-box:nth-child(even) .seller-availability {
  background: #60c081;
  width: max-content;
  padding: 4px 8px;
  font: normal normal 600 14px/30px Montserrat;
  letter-spacing: 0px;
  margin: 10px 0;
  color: #fff;
}
#best-seller .seller-outer-box:nth-child(odd) .seller-availability {
  background: #ff8a8a !important;
  width: max-content;
  padding: 4px 8px;
  font: normal normal 600 14px/30px Montserrat;
  letter-spacing: 0px;
  margin: 10px 0;
  color: #fff;
}

#best-seller .seller-star i {
  color: #ffcd3c;
  font-size: 14px;
}
#best-seller .seller-name {
  letter-spacing: 0px;
  color: #ffffff;
  font: normal normal normal 20px/30px Montserrat;
  padding: 14px;
  background: #333b36;
  text-align: end;
}
#best-seller .seller-profile-img img {
  max-width: 70%;
  position: relative;
  top: 2.2rem;
}
#best-seller .name-img-div {
  padding: 0 20px;
}
#best-seller .seller-star {
  align-self: end;
}
.seller-outer-box .hov-image {
  position: absolute;
  display: none;
  z-index: 0;
}
.seller-inner-box-bg:hover .hov-image {
  display: block;
  width: 100%;
  height: 231px;
}
.seller-inner-box-bg:hover h3,
.seller-inner-box-bg:hover p {
  color: #fff !important;
}
.seller-inner-box-bg:hover .seller-name {
  background: var(--green) !important;
}
/* single post */

.single-post .main_title {
  display: none;
}
.single-post-inner {
  background: #fff;
  padding: 30px 0;
}
.single-author-image {
  width: 30px;
  border-radius: 50%;
}
.entry-date,
.entry-comments a {
  font: normal normal normal 14px/14px Montserrat;
  letter-spacing: 0px;
  color: #bfbfbf;
}
.entry-author a {
  font: normal normal normal 14px/25px Montserrat;
  letter-spacing: 0px;
  color: #1a093f;
}
.single-post-content p {
  font: normal normal normal 16px/35px Montserrat;
  letter-spacing: 0px;
  color: #242424;
}
#sticky-menu1,
.cat_toggle {
  font: normal normal 600 16px/24px Montserrat;
  color: #fff;
  align-self: center;
  cursor: pointer;
  position: relative;
  margin-right: 5px;

  & i {
    font-size: 28px;
    margin-right: 5px;
  }
}
#cart_animate {
  position: absolute;
  top: 3rem;
  background-color: #fff;
  left: 0;
  display: none;
  width: 180px;
  padding: 10px;
  z-index: 15;
}
#cart_animate ul {
  margin: 0;
  list-style: none;
}
#cart_animate ul li {
  padding: 0;
  line-height: 35px;
}
#cart_animate ul li a:hover {
  color: #39b3bd;
}
#cart_animate .product-categories a {
  color: black;
}

#full-width-blog,
#blog-left-sidebar,
#blog-right-sidebar {
  padding: 50px 0;
}
.newsinner {
  margin-bottom: 70px;
}
.footer_uwa_copyright {
  display: none;
}
.logo-title a,
.logo-text .site-description {
  color: #fff;
}

.sec-main-heading {
  font: normal normal 600 35px/50px Montserrat;
  letter-spacing: 0px;
  color: #333b36;
}
.main-para {
  font: normal normal normal 15px/30px Montserrat;
  letter-spacing: 0px;
  color: #333b36;
}

.woocommerce-error {
  border-top-color: var(--green);
}
.order-track-hover .woocommerce-error {
  position: absolute;
  width: 300px;
  z-index: 1;
}
.wpcf7-form p {
  margin: 0 0 6px;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
#newsletter .wpcf7-response-output {
  border-color: #fff;
  color: #fff;
  position: absolute;
  margin: unset;
  margin: 0em 0.5em 0em;
  border: none;
  bottom: -50px;
}
.contac_form .wpcf7 form .wpcf7-response-output,
.faq-contact .wpcf7-response-output {
  margin: 0em 0.5em 0em;
  border-color: var(--green) !important;
}
:focus-visible {
  outline: none !important;
}
.archive .hasCountdown,
.related.products .hasCountdown {
  background-color: transparent !important;
}
.archive #uwa_auction_countdown,
.related.products #uwa_auction_countdown {
  /* position: absolute;
  top: 0;
  width: 100%;
   margin-bottom: 60px;
  right: 0; */
  display: none !important;
}
.woocommerce ul.products li.product a img {
  margin-top: 10%;
}
.uwa_auction_bage_icon {
  display: none;
}
#filters .the_timer,
.single-product .the_timer {
  display: flex;
  justify-content: space-around;
  text-align: center;
  font: normal normal 600 16px/28px Montserrat;
  color: #333b36;
}

#filters .the_timer .nofont,
.single-product .nofont {
  font: normal normal 500 12px/19px Montserrat;
  color: #333b36;
}
.btn:focus {
  box-shadow: unset;
}
/* .archive .uwa_auction_countdown{
  display: none !important;
} */

.single-product .flex-viewport {
  height: 500.75px !important;
}
.single-product .flex-viewport img {
  height: 500.75px !important;
  object-fit: cover !important;
}

.star-rating {
  color: #fbe018;
  margin: 0 auto;
  font-size: 0.857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  margin-top: 3%;
}
.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;
}
.credit_link a:hover {
  color: #fff;
}

/* .start  */
#sidebar .widget_recent_entries img {
  width: 70px;
  height: 60px;
  object-fit: cover;
}
#sidebar .media.post-thumb {
  display: flex;
}
.share-btn-parent .share-i.green {
  background-color: var(--green);
  color: #fff;
}
.newsletter-sbt .wpcf7-spinner::before {
  top: 18px;
  left: 70px;
}

/* Style the custom checkbox */
.hidden-checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-checkbox-container {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.custom-checkmark {
  width: 22px;
  height: 22px;
  border: 2px solid var(--black3);
  border-radius: 4px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition:
    background-color 0.2s,
    border-color 0.2s;
}

.hidden-checkbox:checked + .custom-checkmark {
  background-color: var(--green);
  border-color: var(--green);
}

/*  checkmark */
.custom-checkmark::after {
  content: "";
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  display: none;
  margin-top: -4px;
}

.hidden-checkbox:checked + .custom-checkmark::after {
  display: block;
}

.custom-checkbox-container:hover .custom-checkmark {
  border-color: var(--green);
}

.green-block {
  max-width: 600px;
  width: auto;
  margin: 130px auto;
  padding: 50px 45px 60px;
  border-radius: 15px;
  font-family: inherit;
  font-size: 16px;
  background-color: #86dbbc;

  .title,
  .subtitle {
    text-align: center;
  }

  .subtitle {
    font-size: 16px;
  }
}

.buttons {
  margin: 20px auto 0;
  text-align: center;

  .custom-btn {
    margin-bottom: 15px;
    &:last-child {
      margin-bottom: 0;
    }
  }
}

.custom-btn {
  border: 2px solid;
  line-height: 1.8;
  color: var(--black1);
  min-width: 250px;
  height: 44px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: 600;
  opacity: 1;
  transition: opacity 0.3s ease-out;
  font-family: Mariupol, Roboto, Helvetica, serif;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;

  &:hover,
  &:focus {
    opacity: 0.8;
  }
}

.green-btn {
  background-color: #86dbbc;
  border-color: #86dbbc;
  transition-property: opacity, background-color, border-color;

  &:hover,
  &:focus {
    background-color: #8ae3b4;
    border-color: #8ae3b4;
  }
}

.pink-btn {
  background-color: #851b5f;
  border-color: #851b5f;
  color: #fff;

  a {
    color: inherit;
    background: inherit;
    border: none;
    box-shadow: none;
  }

  &:hover,
  &:focus {
    color: #fff;
    a {
      color: inherit;
      background: inherit;
    }
  }
}

.pink-border-btn {
  background-color: #fff;
  border-color: #851b5f;
  color: #851b5f;

  &:hover,
  &:focus {
    color: #851b5f;
  }
}

.wp-block-button__link {
  background-color: var(--green);
  color: var(--black2);
}
.wp-block-button__link:hover {
  background-color: var(--greener);
}

/* from custom css in admin */
body.single-post img {
  width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: .5em 0 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
  border: 0;
}
.woocommerce-product-gallery__image a {
  padding: 20px;
}


.yith-wcwl-add-to-wishlist-button:is(button) {
  border: 0;
  padding: 0;
  outline: 0;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image {

  z-index: 9;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  font-size: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-radius: 0;
  padding: 7px 7px;
  margin: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font: normal normal 600 14px / 16px Montserrat;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 0;
}

.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
  border-top: 0;
  border-bottom: 0;
}

.woocommerce-additional-fields h3{
  font-size: 20px;
}

.wc-block-cart__submit-button {
  background-color: #851b5f;
  border-color: #851b5f;
  color: #fff;
  border: none;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;

  &:hover {
    opacity: 0.9;
    color: #fff;
  }
}

.wp-block-woocommerce-cart.no-coupon-applied .wc-block-cart__submit-button {
  opacity: 0.8;
}

.tgwc-woocommerce-customize-my-account
  #tgwc-woocommerce[data-menu-style="tab"]
  .tgwc-woocommerce-MyAccount-navigation {
  flex-wrap: wrap;
}
.tgwc-user-avatar .tgwc-user-info .tgwc-user-id {
  margin: 0;
}
.tgwc-user-avatar .dropzone .tgwc-user-avatar-image-wrap {
  width: 74px;
  height: 74px;
  margin: 0;
}

.last-tab {
  order: 6;
}

.single-product span.woocommerce-Price-amount.amount {
  color: #fff;
  letter-spacing: 0;
  font: normal normal normal  20px / 24px Montserrat;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-color: var(--pink);
  background-color: var(--pink) !important;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: #fff !important;
  border-color: var(--pink);
}

.instock {
  color: inherit;
  p {
    font-size: 16px;
    color: var(--black1);
  }
}

.woocommerce ul.products .yith-add-to-wishlist-button-block {
  display: none;
}
.woocommerce ul.products li.product .button {
  margin-top: 5px;
}
.woocommerce ul.products li.product .price {
  margin-bottom: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  width: 35px;
}

/* filter */
#filters .shop-page-produts-category,
#filters .shop-page-produts-tags {
  span {
    padding: 5px;
    cursor: pointer;
  }

  .category-filter-checkbox:checked + span {
    text-decoration: underline;
    color: var(--green);
    font-weight: 600;
  }
}

.yith-wcwl-add-to-wishlist-button:is(button) {
  background: #fff;
  border-color: #851b5f;
  border-radius: 20px;
  font-weight: 600;
  color: #851b5f;
  opacity: 1;
  transition: opacity 0.3s ease-out;

  &:hover {
    opacity: 0.8;
  }
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.owl-dot,
.carousel-indicators [data-bs-target] {
  width: 40px;
  height: 10px;
  background-color: #fff;
  margin-right: 5px;
  margin-left: 5px;
  border: 0;

  &.active {
    background-color: var(--green);
  }
}


/*check and move to mobile. Delete from admin*/

#billing_country_field {
  display: none;
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message {

  a.button {
    color: var(--pink) !important;
  }
}


/* //product deal*/

.deal-of-the-day {
  .promo-duration-timer.promo-duration-timer-shop {
    background: transparent;

    .asp-rfw-duration-timer-type {
      color: var(--green);
    }
  }
  .deal-product-btn {
    margin: 38px 0 30px;
  }
  .deal-product-btn a {
    font: normal normal 600 16px / 24px Mariupol, Montserrat;
    background: var(--pink);
    padding: 15px 30px;
    color: #fff;
    border-radius: 26px;
  }
}

.promo-status.started,
.promo-status-shop.started {
  color: var(--green);
  font-size: 14px
}

.promo-status.not_started,
.promo-status-shop.not_started {
  color: #cd8e83;
}

.promo-status.finished,
.promo-status-shop.finished {
  color: #bfab85;
}

.promo-status.failed,
.promo-status-shop.failed {
  color: var(--bs-red);
}

.promo-status.closed,
.promo-status-shop.closed {
  color: #4f375c;
}

.asp-rfw-progress-bar {
  border-radius: 10px;
  height: 22px;
}
.asp-rfw-progress-bar::-webkit-progress-bar {
  background-color: #c8e5db;
  border: 0;
  border-radius: 10px;
}
.asp-rfw-progress-bar::-webkit-progress-value {
  background-color: var(--green);
  border-radius: 10px;
  margin-left: -1px;
}
.asp-rfw-progress-bar::-moz-progress-bar {
  border-radius: 10px;
  height: 22px;
}

.asp-rfw-gifted-status {
  color: var(--pink);
  font-weight: 600;
}
.asp-rfw-not-gifted-status {
  color: var(--black2);
}
.asp-rfw-draw-duration-msg span {
  display: none;
}

.asp-rfw-duration-timer-type br {
  display: none;
}

.asp-rfw-duration-timer-type span {
  margin-right: 5px;
}

span.woocommerce-Price-amount.amount bdi {
  color: var(--green);
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
}
.product {
  .asp-rfw-zero-span, .max-items-span {
    display:none;

  }
  .asp-rfw-progress-bar-content-span {
    justify-content: center;
  }
}

.promo-duration-timer {
  padding: 15px;
  border: 2px solid var(--green);
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: var(--green);

  span:not(:first-child),
  .asp-rfw-duration-timer-type {
    width: auto;
    padding: 5px 3px;
  }

  &.promo-duration-timer-shop {
    padding: 15px;
    & .asp-rfw-duration-timer-type {
      color: #fff;
      font-size: 16px;

      span {
        margin-right: 5px;
        font-size: 18px;
      }
    }
  }
}

.products {
  .promo-duration-timer.promo-duration-timer-shop {
    padding: 5px;

    .asp-rfw-duration-timer-type {
      color: #fff;
      font-size: 10px;

      span {
        font-size: 12px;
      }
    }
  }

  .max-items-remaining-span {
    font-size: 14px;
    line-height:1.1
  }
  .asp-rfw-progress-bar-content-span {
    padding: 0 0 10px;
  }
  .asp-rfw-progress-bar-wrapper-shop {
    margin-top: 15px;
  }
}

.woocommerce-thankyou-order-block {
  max-width: 800px;
  background: transparent;
  border: 3px solid var(--green);
  color: #000;
}

.woocommerce-Tabs-panel--description>h2 {
  display: none
}

@media screen and (max-width: 1199px) {
  .promo-duration-timer {
    /*padding: 5px;*/
  }
  .promo-duration-timer .asp-rfw-duration-timer-type {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .asp-rfw-add-to-cart-form,
  .asp-rfw-progress-bar-content-span,
  .asp-rfw-progress-bar,
  .promo-duration-timer,
  .woocommerce div.product div.images .woocommerce-product-gallery__image a {
    max-width: 520px;
    margin: 0 auto;
  }
  .promo-duration-timer {
    padding: 5px;
    margin-bottom: 20px;
  }

  .promo-duration-timer {
    &.promo-duration-timer-shop {
      & .asp-rfw-duration-timer-type {
        font-size: 14px;

        span {
          font-size: 16px;
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .promo-status.started,
  .promo-status-shop.started,
  .asp-rfw-summary .promo-duration-timer {
    text-align: center;
  }

  .promo-duration-timer span {
    width: 20%;
  }

  .promo-duration-timer span:not(:first-child),
  .promow-duration-timer .asp-rfw-duration-timer-type {
    padding: 4px;
  }

  .promo-duration-timer.promo-duration-timer-shop {
    padding: 5px;

    .asp-rfw-duration-timer-type {
      font-size: 12px;
      display: inline-block;

      span {
        font-size: 14px;
      }
    }
  }

  .products {
    .promo-duration-timer .asp-rfw-duration-timer-type {
      margin: 0;
    }
  }
}
@media screen and (max-width: 575px) {

  .promo-duration-timer.promo-duration-timer-shop {
    padding: 0;
  }
}


.logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce .tgwc-user-avatar {
  padding: 0 35px 0 0;
}

.logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce {
  padding: 0;
}
.tgwc-woocommerce-customize-my-account #tgwc-woocommerce[data-menu-style=tab] .tgwc-woocommerce-MyAccount-navigation {
  align-items: center;
}
.logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce button, .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce button[type="button"] {
  background-color: #fff;
  margin:0;

  &:hover {
    background-color: #fff;
    opacity: 0.8;
  }
}
@media screen and (max-width: 991px) {
  .woocommerce-order-details {
    padding: 0
  }

  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce[data-menu-style="tab"] .tgwc-woocommerce-MyAccount-navigation-wrap {
    margin: 15px 0px;
  }
}
@media screen and (max-width: 575px) {
  .outer_dpage {
    padding: 25px 0;
  }

  .deal-of-the-day-section {
    .asp-rfw-raffle-wrapper {
      margin: 0 auto 15px;
      max-width: 270px;
    }
  }

  .asp-rfw-raffle-duration-timer {
    &.asp-rfw-raffle-duration-timer-shop {
      padding: 10px;
      & .asp-rfw-duration-timer-type {
        font-size: 12px;
        span {
          margin-right: 5px;
          font-size: 14px;
        }
      }
    }
  }

  .tgwc-woocommerce-customize-my-account #tgwc-woocommerce[data-menu-style=tab] .tgwc-woocommerce-MyAccount-navigation .tgwc-woocommerce-MyAccount-navigation-wrap>ul:not(.scroll_tabs_container) {
    flex-wrap: wrap;

    li {
      width:50%;
    }
  }
  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce .tgwc-woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
    padding: 10px;
    justify-content: center;
  }
  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce {
    padding: 0;
  }
  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce[data-menu-style="tab"] .tgwc-woocommerce-MyAccount-navigation-wrap {
    margin: 16px 0px;
  }
  .tgwc-user-avatar .dropzone .tgwc-user-avatar-image-wrap {
    width: 50px;
    height: 50px;
  }
  .tgwc-user-avatar .tgwc-user-info .tgwc-user-id {
    font-size: 14px;
  }

  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce a.button {
    font-size: 12px;
    margin: 0px;
    padding: 5px 12px
  }

  .logged-in.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce {

    * {
      line-height: 1.3;
      font-size: 12px;
    }
    fieldset {
      margin-top: 20px;

      legend {
        font-size: 14px;
        font-weight:bold;
      }

    }

    .order-again a.button {
      font-size: 14px;
      margin: 0px;
      padding: 10px 15px;
    }
  }

  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce .woocommerce-MyAccount-content input, .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce .woocommerce-MyAccount-content .woocommerce-Input {
    padding: 7px 10px;
  }
  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce .tgwc-user-avatar {
    padding: 0;
  }
  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce button.button, .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce button[type="button"] {
    font-size: 14px;
    margin: 0px;

    &:before {
      height: 20px;
      width: 20px;
    }
  }



  .logged-in.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce.woocommerce button[type="submit"] {
    margin-top:20px;
  }

  .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
    padding: 5px 0
  }

  .woocommerce .woocommerce-order-details {
    padding: 0
  }
}