@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//test.hs770.com/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.9") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(28,97,231);
	--wd-alternative-color: rgba(28,97,231,0.2);
	--btn-default-bgcolor: rgb(225,235,255);
	--btn-default-bgcolor-hover: rgb(219,227,249);
	--btn-default-color: rgb(28,97,231);
	--btn-default-color-hover: rgb(28,97,231);
	--btn-accented-bgcolor: rgb(28,97,231);
	--btn-accented-bgcolor-hover: rgb(28,97,231);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
	font-size: 18px;
}
h3.wp-block-heading {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 27px;
	text-transform: capitalize;
	color: rgb(0,0,0);
}
p.has-black-color {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 200;
	font-size: 16px;
	text-transform: lowercase;
	color: rgb(175,175,175);
}
.wp-block-embed__wrapper {
	color: rgb(37,95,232);
}
.wp-block-embed__wrapper a, .wp-block-embed__wrapper a:link, .wp-block-embed__wrapper a:visited {
	color: rgb(37,95,232);
}
p.has-black-color a, p.has-black-color a:visited {
	color: rgb(37,95,232);
}
h3.wd-entities-title.title.post-title {
	font-size: 13px;
	color: rgb(0,0,0);
}
.page .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
html .wd-buy-now-btn {
	background: rgb(0,123,255);
}
html .wd-buy-now-btn:hover {
	background: rgb(0,123,255);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(28,97,231);
}

.wd-post-img {
    transition: all 0.5s cubic-bezier(0, 0, 0.44, 1.18);
    height: 180px; /* Set a consistent height for all images */
    overflow: hidden; /* Ensure any overflow is hidden */
}

.wd-post-img img {
    width: 100%; /* Ensures the image takes up the full width */
    height: 100%; /* Ensures the image takes up the full height */
    object-fit: cover; /* Makes sure the image covers the entire area without distortion */
}
.blog-design-meta-image .wd-post-cat:not(:last-child) {
    margin-right: 26px;
}
.wp-block-embed__wrapper a,
.wp-block-embed__wrapper a:visited {
    color: rgb(37,95,232);
    text-decoration: underline;
}
p.has-black-color a,
p.has-black-color a:visited {

    color: rgb(37,95,232);
    text-decoration: underline;
}
.wp-block-image{
max-width: 98%;}

.tablec {
    position: sticky;
    top: 40px;
    z-index: 100;
    background-color: #fff;
    overflow-y: auto; /* Allow scrolling within the TOC */
}
.post.wd-post .post-title {
		font-size: 13px;

}

.category-image-wrapp img {
  width:78%;
  height: 70%;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
    margin-top: 50px;
}
.quantity-discount-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.quantity-discount-buttons .small-buttons {
    display: flex;
    gap: 5px;
}

.quantity-discount-buttons .buy-2-button,
.quantity-discount-buttons .buy-3-button,
.quantity-discount-buttons .buy-4-button {
    padding: 10px;
}

.quantity-discount-buttons .buy-5-button {
    padding: 15px;
    font-size: larger;
}

.buy-2-button{
  background-color: #fff; /* Blue background */
  color: #007bff; /* White text */
  border: 2px solid #007bff; /* Blue border */
  border-radius: 20px; /* Rounded corners */
  padding: 10px 20px; /* Padding */
  font-size: 16px; /* Font size */
}
.buy-3-button{
  background-color: #fff; /* Blue background */
  color: #007bff; /* White text */
  border: 2px solid #007bff; /* Blue border */
  border-radius: 20px; /* Rounded corners */
  padding: 10px 20px; /* Padding */
  font-size: 16px; /* Font size */
}
.buy-4-button{
  background-color: #fff; /* Blue background */
  color: #007bff; /* White text */
  border: 2px solid #007bff; /* Blue border */
  border-radius: 20px; /* Rounded corners */
  padding: 10px 20px; /* Padding */
  font-size: 16px; /* Font size */
}
.buy-5-button{
  background-color: #fff; /* Blue background */
  color: #007bff; /* White text */
  border: 2px solid #007bff; /* Blue border */
  border-radius: 20px; /* Rounded corners */
  padding: 10px 20px; /* Padding */
  font-size: 16px; /* Font size */
}
/* Main container for reward points and redemption section */
#rewards-page-container {
    margin: 40px auto;
    max-width: 900px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

h2, h3 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

p {
    font-size: 16px;
    color: #555;
}

/* Rewards points section */
.reward-points-container {
    margin-bottom: 30px;
}

.reward-points-container strong {
    font-size: 18px;
    color: #333;
}

/* Buttons for redeeming points - smaller and space between */
.redeem-btn {
    display: inline-block;
    padding: 10px 18px;
    margin: 10px 10px 10px 0; /* space between buttons */
    background-color: #0073e6;
    color: #fff;
    border: none;
    border-radius: 50px; /* Circle-shaped borders */
    cursor: pointer;
    font-size: 14px;
		    margin-bottom: 40px;
    transition: background-color 0.3s ease;
}

.redeem-btn:disabled {
    background-color: #b0b0b0;
    cursor: not-allowed;
}

.redeem-btn:hover:not(:disabled) {
    background-color: #005bb5;
}

/* Container for the redeemed coupons list */
#redeemed-coupons {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.redeemed-coupon {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.redeemed-coupon p {
    margin: 0;
    font-size: 16px;
    color: #333;
}

/* Apply and Copy buttons close to each other */
.redeemed-coupon .apply-coupon, .redeemed-coupon .copy-code {
    padding: 6px 12px;
    font-size: 14px;
    color: #fff;
    background-color: #28a745;
    border: none;
    border-radius: 50px; /* Circular border */
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-left: 8px; /* Close buttons */
}

.redeemed-coupon .apply-coupon:hover, .redeemed-coupon .copy-code:hover {
    background-color: #218838;
}

/* Status messages for coupon application */
#coupon-status-message {
    margin-top: 20px;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
}

.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.warning {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Adjust buttons on hover for better interaction */
button:hover {
    opacity: 0.9;
}
/* Style for buttons */
button.redeem-btn,
button.copy-code,
button.apply-coupon {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button.redeem-btn:disabled,
button.copy-code:disabled,
button.apply-coupon:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

/* For the copied and applied states */
button.copy-code.copied,
button.apply-coupon.applied {
    background-color: #4CAF50;
    color: white;
}

/* Optional: Visual transition for text change */
button.redeem-btn,
button.copy-code,
button.apply-coupon {
    transition: all 0.3s ease;
}
/* Center Content */


/* Title Styling */
.elementor-widget-text-editor p {
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
}

/* Elementor Form Styling */
.elementor-form {
    padding: 30px;
   
}

/* Input Fields */
.elementor-field-group input,
.elementor-field-group select,
.elementor-field-group textarea {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
}

.elementor-field-group input:focus,
.elementor-field-group select:focus,
.elementor-field-group textarea:focus {
    border-color: #0073e6;
    box-shadow: 0 0 5px rgba(0, 115, 230, 0.3);
}

/* File Upload Button */
.elementor-field-type-upload .elementor-field-label {
    font-weight: 600;
}

/* Submit Button */
.elementor-button {
    background: #0073e6;
    color: #fff;
    font-size: 18px;
    padding: 12px 20px;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    display: block;
    width: 100%;
    text-align: center;
}

.elementor-button:hover {
    background: #005bb5;
}
/* Fix Radio Button Alignment */
.elementor-field-type-radio .elementor-field-option {
    display: flex;
    align-items: center;
    gap: 8px; /* Adjust spacing between radio button and label */
}

/* Ensure the radio button is properly positioned */
.elementor-field-type-radio input[type="radio"] {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #0073e6; /* Change color to match theme */
}

/* Improve Label Spacing */
.elementor-field-type-radio label {
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

/* Dropdown Styling */
button.elementor-button.elementor-size-sm{
    background-color : rgb(28,97,231);
    
}


/* Mobile Optimization */
@media (max-width: 768px) {
    .elementor-section {
        padding: 20px;
    }
    
    .elementor-button {
        font-size: 16px;
    }
}
/* Style the form container */
#career-form {
  max-width: 600px;
  margin: auto;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-family: "Arial", sans-serif;
}

/* Form heading */
#career-form h2 {
  text-align: center;
  color: #333;
  margin-bottom: 20px;
}

/* Labels */
#career-form label {
  font-weight: bold;
  color: #555;
  display: block;
  margin-top: 15px;
}

/* Input fields */
#career-form input,
#career-form select,
#career-form textarea {
  width: 100%;
  padding: 12px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}

/* Resume upload input */
#career-form input[type="file"] {
  background: #f9f9f9;
  padding: 10px;
  cursor: pointer;
}

/* Placeholder styling */
#career-form input::placeholder,
#career-form textarea::placeholder {
  color: #999;
  font-size: 14px;
}

/* Submit button */
#career-form button {
  width: 100%;
  padding: 12px;
  background: #0073e6;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 20px;
  transition: 0.3s;
}

/* Submit button hover effect */
#career-form button:hover {
  background: #005bb5;
}

/* Responsive Design */
@media (max-width: 768px) {
  #career-form {
    width: 90%;
    padding: 15px;
  }

  #career-form input,
  #career-form select,
  #career-form textarea {
    font-size: 14px;
  }

  #career-form button {
    font-size: 14px;
    padding: 10px;
  }
}
  #reward-points-earn-info {
            background: #f3f4f6;
            border: 1px solid #d1d5db;
            border-radius: 8px;
            padding: 16px 20px;
            font-family: "Open Sans", Arial, sans-serif;
            max-width: 420px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            color: #374151;
            margin-bottom: 20px;
            box-sizing: border-box;
        }
        #reward-points-earn-info strong {
            font-weight: 700;
            display: block;
            margin-bottom: 4px;
            color: #111827;
        }

        /* Reward points widget styling */
        #reward-points-widget {
            background: #fff;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            padding: 20px 24px;
            font-family: "Open Sans", Arial, sans-serif;
            font-size: 15px;
            color: #374151;
            box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);
            max-width: 420px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            box-sizing: border-box;
            margin-bottom: 24px;
        }
        #reward-points-widget p {
            margin: 0 0 14px;
            font-weight: 600;
            color: #1e293b;
        }
        #reward-points-widget label {
            display: block;
            margin-bottom: 8px;
            font-weight: 700;
            color: #0f172a;
        }
        #reward-points-select {
            width: 100%;
            padding: 10px 14px;
            font-size: 15px;
            border-radius: 10px;
            border: 1px solid #cbd5e1;
            background-color: #f8fafc;
            color: #334155;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
            box-sizing: border-box;
            cursor: pointer;
        }
        #reward-points-select:focus {
            border-color: #2563eb;
            outline: none;
            box-shadow: 0 0 0 3px rgb(37 99 235 / 0.3);
        }
        #reward-points-btn {
            margin-top: 16px;
            width: 100%;
            padding: 14px 0;
            background-color: #2563eb;
            border: none;
            border-radius: 10px;
            font-size: 16px;
            font-weight: 700;
            color: white;
            cursor: pointer;
            box-shadow: 0 5px 12px rgb(37 99 235 / 0.4);
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }
        #reward-points-btn:disabled {
            background-color: #93c5fd;
            cursor: not-allowed;
            box-shadow: none;
        }
        #reward-points-btn:hover:not(:disabled) {
            background-color: #1e40af;
            box-shadow: 0 6px 16px rgb(30 64 175 / 0.6);
        }
        #reward-coupon-result {
            margin-top: 22px;
            background-color: #dcfce7;
            border: 1px solid #a7f3d0;
            color: #166534;
            padding: 14px 16px;
            border-radius: 12px;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        #reward-coupon-result button {
            background: none;
            border: none;
            font-size: 22px;
            color: #166534;
            cursor: pointer;
            padding: 0;
            line-height: 1;
            font-weight: 700;
            transition: color 0.3s ease;
        }
        #reward-coupon-result button:hover {
            color: #14532d;
        }
/* Buy Again — polished grid cards */
.woocommerce-account .woocommerce-MyAccount-content ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 12px 0 24px;
  padding: 0;
  list-style: none; /* remove bullets */
}

.woocommerce-account .woocommerce-MyAccount-content ul.products li.product {
  background: #fff;
  border: 1px solid #e9e9ee;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,.04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.woocommerce-account .woocommerce-MyAccount-content ul.products li.product:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  border-color: #dcdce3;
}

/* Image area */
.woocommerce-account .woocommerce-MyAccount-content ul.products li.product a img {
  width: 100%;
  height: 220px;              /* consistent card height */
  object-fit: contain;        /* keep product fully visible */
  display: block;
  background: #fafafa;
  border-bottom: 1px solid #f2f2f5;
  padding: 12px;
}

/* Title */
.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px;
  line-height: 1.35;
  font-weight: 600;
  margin: 12px 16px 6px;
  height: 40px;               /* two-line clamp look */
  overflow: hidden;
}

/* Price */
.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .price {
  display: block;
  margin: 0 16px 12px;
  font-weight: 700;
  color: var(--wd-primary-color, #1a6cff); /* uses Woodmart primary if present */
}

/* Buttons */
.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .button {
  margin: 0 16px 16px;
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content ul.products li.product .button.disabled {
  background: #c9cbd3 !important;
  color: #fff !important;
  pointer-events: none;
}

/* Small dot that sometimes appears before list — nuke it */
.woocommerce-account .woocommerce-MyAccount-content ul.products li.product::marker { content: ""; }
.woocommerce-account .woocommerce-MyAccount-content ul.products li.product { list-style: none; }

/* Responsive columns */
@media (max-width: 1200px) {
  .woocommerce-account .woocommerce-MyAccount-content ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-content ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .woocommerce-account .woocommerce-MyAccount-content ul.products li.product a img {
    height: 180px;
  }
}
@media (max-width: 480px) {
  .woocommerce-account .woocommerce-MyAccount-content ul.products {
    grid-template-columns: 1fr;
  }
  .woocommerce-account .woocommerce-MyAccount-content ul.products li.product a img {
    height: 160px;
  }
}

/* Optional: heading spacing */
.woocommerce-account .woocommerce-MyAccount-content h3 {
  margin: 0 0 12px;
}
/* Hide the Index link in Elementor footer but keep it crawlable */