/* @font-face {
    font-family: Arial, Helvetica, sans-serif;
    src: url('assets/custom/assets/fonts/philatype-Arial-webfont.eot');
    src: url('assets/custom/assets/fonts/philatype-Arial-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/custom/assets/fonts/philatype-Arial-webfont.woff2') format('woff2'),
        url('assets/custom/assets/fonts/philatype-Arial-webfont.woff') format('woff'),
        url('assets/custom/assets/fonts/philatype-Arial-webfont.svg#philatype-Arial-webfont') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
} */
/* @font-face {
  font-family: 'Arial';
  src: url('assets/custom/assets/fonts/fonnts.com-Arial_light.otf') format('opentype'),
       url('assets/custom/assets/fonts/fonnts.com-ArialOne-Regular.ttf') format('truetype'),
       url('assets/custom/assets/fonts/fonnts.com-Helvetica_Neue.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
} */



:root {
  --default-font: Arial !important;
  --heading-font: Arial !important;
  --nav-font: Arial !important;
  /* --hq-font: Merge, Helvetica Neue, Helvetica, Arial, sans-serif; */
  --hq-font: 'CircularXX', sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root {
  --background-color: #070708;
  /* Background color for the entire website, including individual sections */
  --default-color: rgba(255,
      255,
      255,
      0.8);
  /* Default color used for the majority of the text content across the entire website */
  --heading-color: #ffffff;
  /* Color for headings, subheadings and title throughout the website */
  --accent-color: #403A60;
  /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #1f1f23;
  /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff;
  /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
  --HQ-secondary-color: #FF9D6E;
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: rgba(255,
      255,
      255,
      0.8);
  /* The default color of the main navmenu links */
  --nav-hover-color: var(--accent-color);
  /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #1f1f23;
  /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #1f1f23;
  /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: rgba(255,
      255,
      255,
      0.8);
  /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: var(--accent-color);
  /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

:root {
  --hq-purpel: var(--accent-color);
  --hq-white: #fff;
  --hq-blue: #212529;
  --hq-gray: #888;
  --hq-dark-blue: #2e1d58;
  --hq-black: #000000;
  --hq-light-purpel: #F07F4F;
  --hq-btn-hover: #4f4878;

}

*:focus {
  outline: none !important;
  box-shadow: none !important;
}

body {
  /* font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
    font-family: 'CircularXX';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'CircularXX' !important;
}

/* Color Presets - These classes override global colors when applied to any section or element, providing reuse of the sam color scheme. */

.light-background {
  --background-color: #1d1d1e;
  --surface-color: #37373e;
}

.dark-background {
  --background-color: #060606;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #252525;
  --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  color: var(--default-color);
  background-color: var(--default-color);
  margin: 0px;
  padding: 0px;
}
/*date 14-04-26 add bg*/
.site-bg-body{
    background-image: url('https://cdn11.bigcommerce.com/s-500kvdqtx6/images/stencil/original/image-manager/hq-body-background.png?t=1776149346');
}
.body {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

a {
  text-decoration: none !important;
  transition: 0.3s;
  font-family: 'CircularXX' !important;
}

strong {
  font-family: 'CircularXX' !important;
}

a:hover {
  text-decoration: none;
}

.mx-100 {
  max-width: 100%;
}

ul {
  padding: 0;
  margin: 0;
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: Arial!important;
} */

/* ---------- General Colors ---------- */
.bg-purple {
  background-color: var(--accent-color) !important;
}

.text-purple {
  color: var(--accent-color) !important;
}

.text-orange {
  color: var(--HQ-secondary-color) !important;
}

.border-orange{
  color: var(--HQ-secondary-color) !important;
}

.btn-purple:hover {
  background-color: #4a1f70 !important;
  color: #fff !important;
}

header.header {
  height: fit-content;
  position: unset;
}
.object-top {
  object-position: top !important;
}
.view-all-btn {
  font-weight: 500;
  color: rgb(255, 255, 255) !important;
  background-color: var(--accent-color) !important;
  ;
  padding: 5px 15px;
  border-radius: 5px;
}

.view-all-btn:hover {
  color: var(--hq-white) !important;
  background-color: var(--HQ-secondary-color)!important;
}

/* top header */
.top-header .dropdown {
  left: 0px;
}

.top-header .dropdown-menu li {
  font-size: 16px;
}

.top-header .cart-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #f79b6f;
  color: #fff;
  font-size: 10px;
  border-radius: 50%;
  height: 16px;
  line-height: 18px;
  width: 16px;
  display: block;
}

.top-header .text-purple:hover {
  color: #4c1f73;
}

.top-header .buy {
  position: absolute;
  top: -28px;
  right: 4px;
  font-size: 16px;
}

.top-header .buy a {
  color: var(--accent-color);
}


.top-header .fa-heart,
.phone i {
  font-size: 18px;
}

.top-header .fa-heart,
.top-header .fa-user,
.top-header .fa-cart-shopping,
.top-header .fa-store {
  font-size: 22px;
  color: var(--accent-color);
}

.top-header .btn-search {
  background-color: var(--accent-color);
  color: white;
  border: none;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  border-radius: 0 50px 50px 0;
  height: 100%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mobile-view-top .fa-store,
.mobile-view-top .fa-phone-volume {
  font-size: 20px;
  color: var(--accent-color);
}

.mobile-view-top .phone a,
.mobile-view-top .buy a {
  color: var(--accent-color);
  font-size: 16px;
}

.top-header .btn-search:hover,
.top-header .btn-search:focus {
  background-color:var(--accent-color);
  color: white;
  outline: none;
}

.top-header .form-dgn {
  max-width: 500px;
  height: 46px
}

.top-header .form-dgn-mobile {
  max-width: none;
  height: 44px
}

.top-header .phone a {
  color: var(--accent-color);
  font-size: 18px;
}

.top-header .form-shadow {
  margin-left: 63px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
}

.top-bnr {
  background-color: var(--accent-color);
  font-size: 16px;
  font-family: var(--hq-font);
}

.top-header input.input-search::placeholder {
  font-family: var(--hq-font);
  font-size: 16px;
  color: #808080;
}

.top-header .previewCartWrapper .previewCart .previewCartItem-name a {
  color: var(--accent-color);
  font-weight: 500;
}

/* top header end */
/* account nav tab */
.account-nav .navBar-section .navBar-item .navBar-action {
  color: #555;
  background: #fff;
}

.account-nav .navBar-section .navBar-item .navBar-action:hover {
  background: #212529;
  color: #fff;
}

/* ✅ Highlight active li instead of a */
.account-nav .navBar-section .navBar-item.is-active .navBar-action {
  background: #212529;
  color: #fff;
}

/* ===== Responsive Rounded Pill Utilities ===== */


/* nav bar start */

.hq-nav ul.nav {
  flex-wrap: nowrap;
}

.hq-nav .nav-link {
  font-size: 18px;
}

.hq-nav a.nav-link {
  color: white;
  transition: none;
   font-weight: 600;
}

.hq-nav a.nav-link:hover {
  text-decoration: none;
  color: var(--HQ-secondary-color);
}


/* Sale Link */
.hq-nav a.sale-link {
  color: white;
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.hq-nav a.sale-link:hover {
  text-decoration: none;
  color: white;
  border-color: white;
  background-color: transparent;
}

/* Orange underline for active nav-link */
/* .hq-nav .nav-link.active {
        position: relative;
        color: white !important;
      }

      .hq-nav .nav-link.active::after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        height: 4px;
        background-color: orange;
        border-radius: 10px;
      } */

.hq-nav .dropdown-menu {
  border: 1px solid #ddd;
  border-top: 4px solid orange;
  border-radius: 6px;
  padding: 0.5rem 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: fit-content;
  font-family: var(--hq-font);
  transition: all 0.3s ease;
}

.hq-nav .dropdown-menu .dropdown-item {
  padding: 0.5rem 1.2rem;
  font-size: 16px;
  color: #333;
}

.hq-nav .dropdown-menu .dropdown-item:hover {
  background-color: #f8f9fa;
  color: var(--accent-color);
}

/* .hq-nav .nav-link.hover-effect{
        position: relative;
        color: #fff;
      }

      .hq-nav .nav-link.hover-effect:hover::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        height: 4px;
        background-color: orange;
        border-radius: 10px;
      } */
.hq-nav #machines-content ul li a,
.hq-nav #accessories-content ul li a,
.hq-nav #support-content ul li a {
  font-size: 16px;
  color: #444;
}

.hq-nav #machines-content ul li a:hover,
.hq-nav #accessories-content ul li a:hover,
.hq-nav #support-content ul li a:hover {
  color: var(--HQ-secondary-color);
}

.sd-button-36c72241-6097-49d3-bb60-1f1ccc53b892 .buttonLink > a:hover {
  background-color: var(--HQ-secondary-color) !important;
  border-color: var(--HQ-secondary-color) !important;
}


.hq-nav #accessories-content .list-group-flush>.list-group-item:last-child,
.hq-nav #accessories-content .list-group-flush>.list-group-item:last-child,
.hq-nav #support-content .list-group-flush>.list-group-item:last-child {
  border-width: 0 0 var(--bs-list-group-border-width);
}

/* nav bar end */
/* Base mobile-first (for small devices) */
.custom-rounded-pill {
  border-radius: 5px;
}

.hq-nav {
  position: relative;
}

.content-div {
  position: absolute;
  top: 52px;
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  padding: 30px 0;
}

/* Custom Offcanvas Styles */
.offcanvas-custom {
  width: 100% !important;
  background-color: #ffffff !important;
  /* Your brand color */
  color: #3f3f3f;
}

.offcanvas-custom .offcanvas-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.offcanvas-custom .btn-close {
  filter: invert(1) brightness(2);
  /* makes close icon white */
}

.offcanvas-custom a {
  color: #3f3f3f;
  text-decoration: none;
}

.offcanvas-custom .offcanvas-close {
  font-size: 2rem;
}

.offcanvas-custom a:hover {
  text-decoration: underline;
}

.offcanvas-custom .offcanvas-body ul li {
  font-size: 16px;
}

.offcanvas-custom .offcanvas-body ul li a {
  text-transform: uppercase;
  font-size: 16px;
}

.content-div .container {
  padding: 0 20px;
}

.content-div h2 a,
.content-div h3 a {
  color: #333;
  text-decoration: none;
}

/* .nav_vw { float: right; font-size: 14px; } */
/* .submenu-container p { font-size: 14px; color: #555; } */
.navbar-nav .nav-link i {
  margin-left: 5px;
}

/* lg and up */



/* account nav tab end */
.navbar-top_text {
  font-size: 16px;
}

.logo {
  max-height: 40px;
}

.bottom_icon {
  padding-bottom: 34px !important;
}

/* login page  */
.hq-container {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0px 20px;
}


/* custom nav */

header.header .previewCartAction-checkout a,
header.header .previewCartAction-viewCart a {
  font-size: 16px !important;
}

header.header .dropdown-custom {
  width: 65px;
  text-align: center;
}

header.header .header-logo__link {
  justify-content: start;
}


.forgot-box {
  background: #fff;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(7, 2, 2, 0.1);
  margin-top: 40px;
}

/*.auth-box {
  background: #fff;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}*/

.new-customer-box .panel-header {
  background-color: #f8f9fa;
  padding: 0px;
}

.new-customer-box .panel-body {
  background-color: #f8f9fa;
  padding: 0px;
}

.new-customer-box {
  background-color: #f8f9fa;
  padding: 1.5rem;
  border-radius: 10px;
  border: 1px solid #dee2e6;
}

.new-customer-box h5 {
  font-weight: bold;
  margin-bottom: 1rem;
}

.new-customer-box ul {
  padding-left: 1.2rem;
}

.form-control:focus {
  color: #212529;
  background-color: var(--hq-white) !important;
  border-color: var(--hq-purpel) !important;
  outline: none;
  box-shadow: none !important;
}


/* custom buttons */
/* Primary Button */
.button {
  font-family: var(--hq-font) !important;
}

.hq-btn-primary {
  display: inline-block !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  padding: 5px 30px !important;
  border-radius: 20px !important;
  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 !important;
  color: #fff !important;
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
  font-size: 16px;
   text-transform: capitalize;
  /* right: 20px; */
}

.Overlapping-hq-btn-primary {
   display: inline-block !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  padding: 5px 30px !important;
  border-radius: 20px !important;
  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 !important;
  color: #fff !important;
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
  font-size: 16px;
}

.hq-btn-primary:disabled,
.hq-btn-primary[disabled] {
  background-color: var(--accent-color)ba !important;
  border: var(--accent-color)ba !important;
}

.hq-btn-primary:disabled:hover,
.hq-btn-primary[disabled]:hover {
  background-color: var(--accent-color)ba !important;
  border: var(--accent-color)ba !important;
}

.hq-btn-small-primary {
  border-radius: 20px;
  color: #fff;
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

.hq-btn-small-secondary {
  border-radius: 20px;
  border-color: var(--accent-color);
  color: var(--accent-color);
}

.form-increment .button.button--icon[disabled],
.form-increment .button.button--icon[disabled] {
  border-color: #cccccc !important;
}

.form-increment:has(.button.button--icon[disabled]) {
  border-color: #cccccc !important;
}

.hq-btn-primary:hover {
  color: #fff !important;
  background-color: var(--HQ-secondary-color) !important;
  border-color: var(--HQ-secondary-color) !important;
}

/* .hq-btn-primary:focus {
  color: #fff !important;
  background-color: #4c1f73 !important;
  border-color: #421a63 !important;
  box-shadow: 0 0 0 0.25rem rgba(94, 37, 144, 0.5) !important;
} */



/* Secondary Button */
.hq-btn-secondary {
  display: inline-block !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  padding: 5px 30px !important;
  border-radius: 20px !important;
  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 !important;

  color: var(--accent-color) !important;
  background-color: transparent !important;
  border-color: var(--accent-color) !important;
  text-transform: capitalize;
  font-size: 16px;
}

.hq-btn-secondary:hover {
  color: #fff !important;
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
}

/* .hq-btn-secondary:focus {
  color: #fff !important;
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
  box-shadow: 0 0 0 0.25rem rgba(94, 37, 144, 0.4) !important;
} */


/* Theme Purple */


/* Dashed Divider */
hr.border-dashed {
  border-top: 2px dashed #aaa;
  opacity: 1;
  margin-top: 0px;
  margin-bottom: 30px;
  display:none;
}

/* Breadcrumb */
.breadcrumb {
  background: none;
  margin-bottom: 0;
}

.breadcrumb-item a {
  text-decoration: none;
  color: #333;
}

.breadcrumb-item.active a{
  color: var(--accent-color);
  font-weight: bold;
}

.breadcrumb .breadcrumb-item.active{
  color: var(--accent-color);
  font-weight: bold;
}

/* Custom Select */
.form-select {
  border-radius: 6px;
  padding: 0.375rem 2rem 0.375rem 0.75rem;
  border: 1px solid #ccc;
  font-size: 0.9rem;
}

.form-select:focus {
  box-shadow: none;
  border-color: var(--accent-color);
}


/* card */
/*date 14-04-26 hide bg color*/
.featured-section {
  /*background-color: var(--hq-white) !important;*/
  /* margin-top: 50px; */
}

.featured-section h1 {
  text-align: center;
  color: var(--hq-purpel) !important;
  font-family: var(--hq-font) !important;
}

.page-section {
  background-color: var(--hq-white) !important;
}

.card {
  overflow: hidden;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
  border: none !important;
  overflow: hidden;
  border-radius: 15px !important;
  transition: box-shadow 0.3s ease;
  position: relative;
  background: var(--hq-white) !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Only box-shadow on hover */
.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}


.product-img {
  width: 100% !important;
  height: 250px !important;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}

.card-img-container {
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}

.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.card-img-container img {
  /* width: 100%;
  height: 100%; */
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* Subtle image zoom */
.card:hover .product-img img {
  transform: scale(1.03);
}

.card:hover .card-img-container img {
  transform: scale(1.03);
}

.product-info {
  padding: 15px;
  text-align: center;
}

.product-info h2 {
  font-weight: bold !important;
  color: var(--hq-purpel) !important;
  margin-bottom: 12px !important;
  font-size: 20px !important;
  min-height: 48px !important;
  position: relative;
  z-index: 1;
}

.card-title a {
  font-weight: bold !important;
  color: var(--accent-color) !important;
  font-size: 20px;
  font-family: var(--hq-font) !important;
  line-height: 26px;
}

.card .original-price {
  font-size: 14px;
  color: var(--hq-gray) !important;
  text-decoration: line-through;
  display: block;
}

.card .sale-price {
  font-size: 20px;
  font-weight: 700;
  color: var(--hq-purpel) !important;
  display: block;
}

.price-section--saving span.price {
  color: #ff4747 !important;
}


.price-section.price-section--withTax.price--withTax {
  font-size: 22px;
  font-weight: 600;
  color: var(--hq-purpel) !important;
}

.price.price--non-sale {
  font-size: 20px;
  color: var(--hq-gray) !important;
  text-decoration: line-through;
  display: block;
  margin-bottom: 3px;
  font-weight: 600;
}

.price.price--withTax {
  font-size: 22px;
  font-weight: 700;
  color: var(--HQ-secondary-color) !important;
  display: block;
}

.productView-price .price.price--non-sale {
  margin-right: 10px;
}

.productView-img-container img {
  margin: 0px;
  height: auto;
}

.productView-images .slick-list {
  overflow: hidden;
}

/* --- Compare + Wishlist (hidden by default, visible on hover) --- */
/* Wishlist without background */
.product-actions .wishlist {
  font-size: 20px;
  color: var(--hq-black);
  -webkit-text-stroke: 0.5px var(--hq-white);
  cursor: pointer;
  transition: color 0.3s ease;
}

/* Pagination styling */
.pagination .pagination-link {
  background-color: var(--accent-color);
  color: #fff;
  border: none;
  margin: 0 6px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 30px;
  font-weight: 500;
  border-radius: 50% !important;
}

.pagination .pagination-link:hover {
  background-color: var(--hq-btn-hover) !important;
  color: #fff;
}

.pagination-item.pagination-item--next .pagination-link i {
  line-height: 2.2 !important;
}

.wishlist-icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    z-index: 5;
    transition: all 0.3s ease;
  }

   .wishlist-btn-card {
    width: 32px !important;
    height: 32px !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
     z-index: 5;
     background-color: var(--HQ-secondary-color) !important;
    /* right: 54px !important;
    bottom: 22px !important; */
  }

  .wishlist-btn-card:hover {
    background-color: #403a60 !important;
    border-color: #403a60 !important;
  }

  .wishlist-btn-card i {
    color: var(--hq-white) !important;
    transition: color 0.3s ease !important;
  }

  .wishlist-btn-card:hover i {
    color: #ffffff !important;
  }



/* Floating Back to Top button */

/* hide dt 16-04-26 */
/* .back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: var(--accent-color);
  color: #fff;
  padding: 10px 12px;
  border-radius: 50%;
  display: none;
  cursor: pointer;
  z-index: 1000;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.back-to-top.show {
  display: block;
  opacity: 1;
}

.back-to-top:hover {
  background: var(--hq-btn-hover) !important;
  color: #fff;
} */

.back_top a{
   font-weight: 600;
}
.rotate-icon {
    display: inline-block;
    transition: transform 0.6s ease;
}

.back_top a:hover .rotate-icon {
    transform: rotate(360deg);
}

/* Newsletter Bar */
/* .newsletter-bar {
  background: #4e4669!important;
  color: var(--hq-white) !important;

} */

.newsletter-bar h2 {
  font-weight: bold;
  color: var(--accent-color) !important;
  font-size: 30px;
}
.newsletter-bar .btn {
  border-radius: 0 30px 30px 0;
  padding: 12px 25px;
  background: var(--hq-purpel) !important;
  border: none;
  color: var(--hq-white) !important;
}

.newsletter-bar .btn:hover {
  background: var(--hq-purpel) !important;
}

/* Newsletter Bar end*/

/* Footer Main */
.footer {
  background: var(--hq-purpel) !important;
  color: var(--hq-white) !important;
}

.footer h2 {
  font-weight: normal;
  color: var(--hq-white) !important;
  margin-bottom: 20px;
  font-size: 26px;
}

.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer ul li {
  margin-bottom: 8px;
}

.footer ul li a {
  color: var(--hq-white) !important;
  text-decoration: none;
  font-size: 16px;
}

.footer a {
  font-size: 16px;
}

.footer ul li a:hover {
    text-decoration: underline;
    color: var(--HQ-secondary-color) !important;
}

.footer .contact-info i {
  flex-shrink: 0;
  margin-right: 8px;
  color: var(--hq-white) !important;
  margin-top: 6px;
  font-size: 18px;
}

.footer .contact-info p {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  /* space between icon and text */
  margin-bottom: 12px;
  font-size: 16px;
}
.footer .contact-info i:hover {
  color: var(--HQ-secondary-color) !important;
}
.footer-bottom .left a:hover {
  color: var(--HQ-secondary-color) !important;
}
.footer-bottom .right a:hover {
  color: var(--HQ-secondary-color) !important;
}
.social-icons a {
  color: var(--hq-white) !important;
  font-size: 1.2rem;
  /* margin-right: 12px; */
  text-decoration: none;
}
.social-icons a i {
    transition: transform 0.6s ease;
}

.social-icons a:hover i {
    transform: rotate(360deg);
}
.social-icons a:hover {
  color: #ddd;
}

/* Bottom Bar */
.footer-bottom {
  background: var(--hq-white) !important;
  color: var(--accent-color) !important;
  padding: 12px 0;
  font-size: 0.9rem;
  text-align: center;
}

.footer-bottom a {
  color: var(--accent-color) !important;
  margin: 0 5px;
  text-decoration: none;
  font-weight: 700;
}

.footer-bottom .left,
.footer-bottom .right {
  font-weight: 700;
  font-size: 16px;
}

.footer-bottom a:hover {
  text-decoration: underline;
}

/* Blog Section Styling */

.inner_blog .blog {
  border: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.inner_blog .blog-thumbnail {
  margin: 0px;
  max-width: 100%;

}

.inner_blog .blog-post-figure {
  width: 100%;
}

.inner_blog .blog-post-figure {
  margin: 0px;
}

.inner_blog .blog:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.inner_blog article.blog .blog-post-body {
  width: 100%;
  text-align: left;
  padding: 10px;
}

.inner_blog article.blog .blog-post-body h2.blog-title {
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}

.inner_blog article.blog .blog-post-body h2.blog-title a {
  color: var(--accent-color);
  font-weight: 600;
  text-decoration: none;
}

.inner_blog .blog-date {
  margin-top: 5px;
}

.inner_blog .blog-card-footer {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inner_blog .read-more {
  color: var(--accent-color);
}

.inner_blog .blog-thumbnail img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}

.single_post .blog-title a {
  font-size: 3rem;
  color: var(--accent-color);
  font-weight: 600;
}

.single_post .blog-thumbnail img {
  object-fit: cover;
}

/*.single_post .blog-thumbnail {*/
/*  max-width: 100%;*/
/*}*/
.single_post .blog-thumbnail {
    max-width: 510px;
}

/* blog end */
/* Footer Main end*/
article.card .card-body {
  padding: 20px;
}


/* home page */

/* slider start */
.slider-bg {
  position: relative;
  width: 100%;
  padding: 40px 0;
  overflow: hidden;
}

.slider-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://store-7e8ody1p7y.mybigcommerce.com/content/images/slider-bg.jpg) no-repeat center center;
  background-size: cover;
  filter: blur(2px) brightness(0.8);
  z-index: 0;
  transform: scale(1.01);
}
/*date 14-04-26 */
/*[data-content-region="custom_slider"] {*/
/*  position: relative;*/
/*  z-index: 2;*/
/*  max-width: 1400px;*/
/*  margin: auto;*/
/*}*/
/* .carousel {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: auto;
} */

.learn-create .carousel-item img {
  border-radius: 10px;
  max-height: 450px;
  object-fit: cover;
}

/* Circle buttons */
.carousel-control-prev,
.carousel-control-next {
  width: 50px !important;
  height: 50px !important;
  top: 50% !important;
  transform: translateY(-50%);
  background: var(--hq-purpel) !important;
  border-radius: 50% !important;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  opacity: 0.9 !important;
  margin-left: -26px !important;
  margin-right: -26px !important;
}

/* Circle buttons */
.learn-create .slick-prev,
.learn-create .slick-next {
  width: 50px !important;
  height: 50px !important;
  top: 50% !important;
  transform: translateY(-50%);
  border-radius: 50% !important;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  opacity: 0.9 !important;
  margin-left: -26px !important;
  margin-right: -26px !important;
  border-color: var(--hq-purpel) !important;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 20px !important;
  height: 20px !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: var(--hq-purpel) !important;
  border-radius: 50%;
  padding: 10px;
}


/* Circle buttons */
.productView-images .slick-prev,
.productView-images .slick-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.9 !important;
  margin: 0px !important;
  border-color: var(--hq-purpel) !important;
}

.productView-images .slick-prev::before,
.productView-images .slick-next::before {
  background-image: none;
}

.productView-images .slick-prev::before,
.productView-images .slick-next::before {
  font-family: "Font Awesome 7 Free";
  /* Use "Font Awesome 5 Free" if using FA5 */
  font-weight: 900;
  /* required for solid icons */
  font-size: 20px;
  display: block;
  color: var(--accent-color);
  transition: color 0.3s ease;
}

/* Left arrow */
.productView-images .slick-prev::before {
  content: "\f104";
  /* Font Awesome 'chevron-left' */
}

/* Right arrow */
.productView-images .slick-next::before {
  content: "\f105";
  /* Font Awesome 'chevron-right' */
}

/* Hover effect */
.productView-images .slick-prev:hover::before,
.productView-images .slick-next:hover::before {
  color: var(--accent-color) !important;
}

/* slider end */

/* why */
.why-section {
  background-color: var(--hq-purpel) !important;
  color: var(--hq-white) !important;
  padding: 80px 0;
}

.why-section h2 {
  font-weight: bold;
  color: var(--hq-white) !important;
  font-weight: 700;
  margin-bottom: 20px;
}

/*.why-section p {*/
/*  font-size: 16px;*/
/*  line-height: 1.8;*/
/*  font-weight: normal;*/
/*}*/

.video-box .ratio {
  border-radius: 12px;
  overflow: hidden;
}

/* why */

/* Card styling */


/* .card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.4s ease;
} */

/* Always show text on image */
/* .card-body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  color: var(--hq-white) !important;
  text-align: center;
} */
.card-body {
  text-align: center;
}

.card-body h2 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 20px;
}

article.card a.button {
  margin-bottom: 1rem;
}


/* Carousel Controls */
/* .carousel-control-prev-icon,
.carousel-control-next-icon { */
/* background-color: var(--accent-color); */
/* border-radius: 50%;
  padding: 10px;
} */
/* Help center Banner */
.help-banner {
  position: relative;
  height: 450px;
  overflow: hidden;
}

.help-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  padding-top: 20px;
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translateY(-50%);
  z-index: 2;
  color: #fff;
}

.banner-text h1 {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Help Section */
/* .help-section {
  background: url("https://www.transparenttextures.com/patterns/diamond-upholstery.png");
  padding: 4rem 1rem;
} */

.help-card {
  border: 2px solid var(--accent-color);
  border-radius: 10px;
  background-color: #fff;
  padding: 2rem 1rem;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.help-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
}

.help-icon {
  width: 70px;
  height: 70px;
  background-color: var(--accent-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.2rem;
  color: #fff;
  font-size: 2rem;
}

.help-card h4 {
  color: var(--accent-color);
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
}

.help-card p {
  color: #333;
  font-size: 0.95rem;
  flex-grow: 1;
  margin-bottom: 1.2rem;
}

.help-card a {
  display: inline-block;
  padding: 0.5rem 1.2rem;
  border: 1px solid var(--accent-color);
  border-radius: 4px;
  color: var(--accent-color);
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s;
}

.help-card a:hover {
  background-color: var(--accent-color);
  color: #fff;
}

/* Learn + create end */

/* Banner Section */

.banner-section {
  position: relative;
  color: var(--hq-white) !important;
}

.banner-overlay {
  position: relative;
  background-color: var(--accent-color);
  padding: 40px;
  z-index: 1;
  overflow: hidden;
}

.banner-section .banner-overlay p {
  font-size: 16px;
}

.banner-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: -1;
}

/* Content */
.banner-content {
  position: relative;
  z-index: 1;
  margin: 0 40px;
}

.banner-content h2 {
  font-weight: bold;
  color: var(--hq-purpel) !important;
  font-size: 20px;
}

.banner-content p {
  font-size: 1rem;
  margin-bottom: 0;
}

/* offer banner */

.machine-row .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
}
.machine-col .machine-card img {
    height: 280px;
}
.machine-row .card-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: var(--hq-white) !important;
}

.machine-row .card-content h5 {
  font-weight: 700;
  margin-bottom: 12px;
  font-size: 32px;
}

.machine-row .card-content a {
  background-color: var(--hq-white) !important;
  color: var(--hq-purpel) !important;
  padding: 6px 16px;
  border-radius: 20px !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}

.machine-row .card-content a:hover {
  background-color: var(--hq-white) !important;
  color: var(--hq-purpel) !important;
}

.border-purple {
  border-color: var(--hq-purpel) !important;
}

/* product view */

/* catagary page  */

.price.price--non-sale.price-old {
  text-decoration: line-through;
  color: #888;
  font-size: 1rem;
}

.price.price--non-sale.price-new {
  color: var(--hq-purpel) !important;
  font-size: 1.6rem;
  font-weight: 700;
}

.discount {
  color: #e63946;
  font-weight: 600;
}

.add-to-cart {
  background-color: var(--hq-purpel) !important;
  color: var(--hq-white) !important;
}

.info-box {
  background: var(--hq-white) !important;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.table> :not(caption)>*>* {
  background-color: var(--hq-white) !important;
}

.product-thumb {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 4px;
}

/* Thumbnail carousel */
.thumb-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: 2px solid transparent;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 4px;
}

.thumb-img:hover,
.thumb-img.active {
  border-color: var(--hq-purpel) !important;
}

/* Round slider buttons */
.round-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--hq-purpel) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--hq-white) !important;
  color: var(--hq-purpel) !important;
  transition: all 0.3s;
}

.round-btn:hover {
  background: var(--hq-purpel) !important;
  color: var(--hq-white) !important;
}

/* Accordion margin */
.accordion {
  margin-top: 50px;
}


/* Frequently Bought Together */
.fbt-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px;
  border: 1px solid var(--hq-white) !important;
  border-radius: 6px;
  margin-bottom: 15px;
}

.fbt-item img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 4px;
}

.qty-input {
  width: 60px;
  /* adjust as needed */
  border-radius: 10px;
}

/* Custom Accordion Style */
.custom-accordion .accordion-button {
  background: var(--hq-white) !important;
  color: var(--hq-purpel) !important;
  font-weight: 600;
  box-shadow: none;
  border: none;
}

.custom-accordion .accordion-button::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f107";
  /* fa-chevron-down */
  background: none;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
  /* rotate when open */
}

.custom-accordion .accordion-item {
  border: none;
  border-bottom: 1px solid var(--hq-white) !important;
}

.accordion {
  margin-top: 0px;
}

#tbl td {
  padding: 0.6rem 0.7rem;
}

.product-box {
  border: 1px solid #ddd;
  border-radius: 8px;
  background: var(--hq-white) !important;
}

.product-box-body {
  padding: 1.5rem;
}

.product-box-body h5 {
  color: black;
}

#des h5 {
  color: black;
}

.qty-box {
  display: flex;
  align-items: center;
  border: 1px solid var(--hq-purpel) !important;
  border-radius: 6px;
  overflow: hidden;
}

.qty-box .qty-btn {
  background: #fff;
  padding: 0.5rem 0.7rem;
  font-size: 14px;
  cursor: pointer;
  color: #333;
  border: none;
}

.qty-box .qty-input {
  width: 50px;
  text-align: center;
  border: none;
  font-weight: bold;
  background: #fff;
}

#des1 h6 {
  color: black;
}

/* contact form */

.contact-container {
  margin: 50px auto;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.contact-container .info-panel .info-item span {
  font-size: 16px;
}

.info-panel {
  background: var(--accent-color);
  /* solid purple */
  color: #fff;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.info-panel h2 {
  margin-bottom: 25px;
}

.info-item i {
  border-radius: 50%;
  background: var(--accent-color);
  /* purple circle */
  line-height: 2px;
  padding: 20px;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.social-links a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 10px;
  transition: 0.3s;
}

.social-links a:hover {
  background: #ffffff;
  transform: translateY(-2px);
}


.contact-form h2 {
  color: var(--accent-color);
  margin-bottom: 10px !important;
}

.contact-form p {
  color: #555;
  margin-bottom: 25px !important;
}

.form-control:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 6px rgba(94, 37, 144, 0.3);
}

.upload-box {
  border: 2px dashed var(--accent-color);
  padding: 15px;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  color: var(--accent-color);
  font-weight: 500;
}

.upload-box:hover {
  background: #f3e6fa;
}

.btn-submit {
  background: var(--accent-color) !important;
  /* solid purple */
  border: none !important;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 12px !important;
  border-radius: 8px !important;
  transition: 0.3s !important;
}

.btn-submit:hover {
  background: var(--accent-color) !important;
  color: white !important;
}

/* GIFT TABS STYLING */
.gift-tabs .gift-tab {
  font-size: 16px;
  background-color: #f2f2f2;
  color: #333;
}

.gift-tabs .gift-tab:hover {
  background-color: #e0d8f6;
  color: var(--accent-color);
  border-color: #c4b1ec;
}

.gift-tabs .gift-tab.active {
  background-color: var(--accent-color);
  color: #fff;
  border-color: var(--accent-color);
}

/* GIFT CARD WRAPPER */
/*.gift-card-wrapper {*/
/*  border-radius: 15px;*/
/*  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);*/
/*}*/

/* IMAGE WITH BLUR BACKGROUND */


/* FORM SECTIONS */
.form-section,
.redeem-section,
.balance-section {
  padding: 2rem;
}

.form-section h2,
.redeem-section h2,
.balance-section h2 {
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #333;
}

/* BUTTON UNIFIED STYLE */
.btn-custom {
  background-color: #6f42c1 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-weight: 500 !important;
  transition: all 0.3s ease-in-out !important;
}

.btn-custom:hover {
  background-color: #5a34a1 !important;
  color: #fff !important;
}

/* TAB CONTENT */
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/* Redeem & Balance Styling */
.redeem-section ol {
  margin-left: -15px;
  color: #333;
}


/* header */
.navbar-top_text p {
  margin: 0px;
}

.banner a:hover {
  text-decoration: underline !important;
}

header.header {
  border-bottom: 0px !important;
}

.page {
  margin: 0px auto;
}

.header-logo {
  margin: 0px;
}

.dropdown-toggle::after {
  margin-left: 0px;
}


.cart-icon-menu.navUser-action {
  padding: 0px;
}

.navbar-custom.navbar {
  --bs-navbar-brand-padding-y: 0px;
}

.dropdown-menu.custom-dropdown-menu {
  z-index: 999999;
}

.nav-item.dropdown {
  left: 0px;
}

.navPages-action {
  color: #ffffff;
}


.custom-dropdown .dropdown-item a {
  color: #444;
}

.header-logo__link {
  z-index: 0;

}

.navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
  margin: 0px;
}

.form-field {
  margin: 0px;
}

.cursor-pointer {
  cursor: pointer;
}

/* cart preview */
.previewCartAction {
  display: flex;
  flex-direction: column;
}

.previewCartAction-checkout,
.previewCartAction-viewCart {
  width: 100%;
  padding: 0px;

}

.previewCartAction-viewCart {
  margin-top: 10px;
}

.cart-preview {
  min-width: 295px;
}

.product {
  overflow: visible !important;
}

/* article.card .card-title a {
  height: 80px;
} */

article.card .card-text.price {
  height: 60px;
}

article.card:hover .compare-box {
  display: flex;
}

article.card .compare-box input[type="checkbox"] {
  accent-color: var(--accent-color);
}

article.card .rating {
  display: flex;
  justify-content: center;
  align-items: end;
}

.rating .icon.icon--ratingFull,
.rating .icon.icon--ratingEmpty {
  color: var(--accent-color);
}

.popular-machine .card {
  margin-bottom: 3rem;
}

.popular-machine .card .card-figure {
  padding: 0px;
}

.popular-machine .card-text.card-text--price {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.popular-machine .card-footer {
  background: none;
  border: none;
}

.popular-machine .card-buttons ._qty {
  align-items: center !important;
  justify-content: center !important;
}

.popular-machine .card-buttons ._qty a {
  margin: auto;
}

.popular-machine .card .price-section.price-section--withTax {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}


.sale-flag-sash {
  /*background-color: var(--HQ-secondary-color);*/
  color: var(--hq-white);
}

.popular-machine .sale-flag-side.sale-flag-side--outstock {
  display: none;
}

.popular-machine .PapathemesWidgetProductList .card-buttons ._qty .card-figcaption-button {
  margin-bottom: 1rem;
}

.navbar-toggler {
  font-size: 16px;
}

.blog-thumb-img {
  max-height: 100% !important;
}

.blog-carousel .blog-post-figure {
  display: none;
}

.blog-carousel .card {
  border-radius: 10px;
}

.blog-carousel .socialLinks {
  display: none;
}

.blog-carousel .blog-post-body {
  margin: 0px;
  width: 100%;
}

.blog-carousel .blog-date {
  display: none;
}

.learn-create .blog-title {
  margin: 0px;
  text-align: start;
}

.learn-create .card-body h2 {
  margin-bottom: 20px;
}

.learn-create .card-body .blog-summary {
  font-size: 16px;
}



.dropdown-custom ul.dropdown-menu li {
  width: 100%;
}

.dropdown-custom ul.dropdown-menu li.navUser-item--account:first-child {
  border-bottom: 1px solid #cccccc;
}

.dropdown-menu.custom-dropdown {
  --bs-dropdown-min-width: 16rem;
}

header.header .dropdown-custom ul.dropdown-menu li a.navUser-action {
  display: block;
  padding: 10px;
  font-size: 16px !important;
}

.navPages-list+.navPages-list {
  border-top: none;
}

.nav-link.sale {
  border: 1px solid #fff;
  border-radius: 15px;
}

.navPages-action--compare {
  display: none !important;
}

.navPages-action--compare.button {
  padding: 10px 20px !important
}

.navPages-action--compare.show {
  display: inline !important;
}

.custom_compare .card-body {
  position: unset;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px;
  background: none;
  color: var(--hq-white) !important;
  text-align: center;
}

.custom_compare .card-image {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  object-fit: contain;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain !important;
  width: 100% !important;
}

.custom_compare .card-img-container img {
  transform: scale(1.03) !important;
  margin: 0px !important;
  height: 100%;
}

.cat_compare a.navPages-action.navPages-action--compare.show span.countPill.countPill--positive.countPill--alt {
  background-color: #252D3A;
  color: #ffffff;
}

.custom_compare .card {
  overflow: visible;
}

.custom_compare figure.card-figure a.compareTable-removeProduct {
  background-color: var(--accent-color);
}

.custom_compare .card-title a {
  font-weight: bold !important;
  color: var(--hq-purpel) !important;
  font-size: 20px !important;
  height: 80px;
}

.custom_compare .compareTable-product .card-body {
  color: var(--accent-color) !important;
  min-height: 0rem;
}

.custom_compare figure.card-figure a.compareTable-removeProduct:hover {
  background-color: #252D3A;
}

.custom_compare figure.card-figure a.compareTable-removeProduct svg.icon {
  fill: #ffffff;
  margin-left: 7px;
  margin-top: 7px;
}

.cat_compare {
  position: relative;
  align-items: center;
  right: 0;
  left: 0;
  text-align: center;
  bottom: 20px;
}

.bc-carousel__arrow--left {
  width: 50px !important;
  height: 50px !important;
  top: 50% !important;
  transform: translateY(-50%);
  background: var(--hq-purpel) !important;
  border-radius: 50% !important;
  opacity: 0.9 !important;
  margin-left: -26px !important;
  margin-right: -26px !important;
}

.bc-carousel__arrow--right {
  width: 50px !important;
  height: 50px !important;
  top: 50% !important;
  transform: translateY(-50%);
  background: var(--hq-purpel) !important;
  border-radius: 50% !important;
  opacity: 0.9 !important;
  margin-left: -26px !important;
  margin-right: -26px !important;
}

.modal {
  left: 50% !important;
}

.hq-alert {
  left: 50%;
  box-sizing: border-box;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32em !important;
  max-width: 100%;
  padding: 1.25em;
  border: none;
  border-radius: .3125em;
  background: #fff;
  font-family: var(--hq-font);
  font-size: 1rem;
  max-height: fit-content;
  width: auto;
}

.custom_compare .card-figure {
  background-color: transparent;
}

/* .custom_compare .card .card-img-container img {
     border-radius: 15px 15px 0 0;
} */

.custom_compare .compare-price {
  height: 60px;
}

.custom_compare .card:hover {
  box-shadow: none;
}

.hq-alert .modal-content {
  border: none;
}

.newsletter-bar .form-control {
  width: 400px !important;
  height: 50px;
  font-size: 16px;
  border-radius: 25px;
  padding: 12px 15px;
  border:1px solid var(--accent-color);
}

.newsletter-bar .btn {
  border: 1px solid var(--accent-color) !important;
  margin-left: -90px !important;
  width: 150px;
  font-size: 16px;
}

.hq-productview .productView-thumbnail-link:hover,
.productView-thumbnail-link.is-active {
  border-color: var(--accent-color);
}

/* card image */
.card .card-img-container img {
  transform: scale(1.03) !important;
  height: 100%;
}

.card-img-container::after {
  padding-bottom: 100% !important;
}


.spec-view-hq {
  margin-top: 60px;
}

.hq-sku .productView-info-value,
.hq-sku .productView-info-name {
  color: var(--HQ-secondary-color);
  font-size: 16px;
  font-weight: 600 !important;
  font-family: var(--hq-font);
}

.price-section--saving.price {
  font-size: 16px !important;
}

.price-section--saving.price span {
  font-size: 16px !important;
}

.productView-price .sngle-view {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}

.productView-price {
  font-size: 25px;
}

.productView-price .sngle-view .original-price {
  color: #888 !important;
  font-size: 22px;
  margin-right: 10px;
  font-weight: 600;
}

.productView-description {
  font-size: 18px;
  font-weight: 600;
  color: #4a4a4a;

}

.add-to-cart-buttons .button {
  text-transform: uppercase;
}

.productView-price .sngle-view .sale-price {
  color: var(--accent-color) !important;
  font-size: 26px;
  font-weight: 600;

}

.productView-price .price {
  color: var(--accent-color) !important;
  font-size: 26px;
  font-weight: 600;
}

.accordion-view p.acc-one {
  margin: 0;
  padding: 5px;
  color: rgba(33, 37, 41, 1);
  font-family: var(--hq-font);
  font-weight: 400;
  font-size: 16px;
  min-height: 16px;
  margin-top: 30px;
}

section.productView-details.product-data .price-section.price-section--saving.price {
  color: #ff4747;
  background-color: #fff1f1;
  box-shadow: none;
  padding: 6px 10PX;
  border-radius: 5px;
  display: inline;
  font-size: 16px;
  font-weight: 700;
  width: max-content;
  text-transform: uppercase;
}

section.productView-details.product-data {
  padding-bottom: 0;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 30px;
  height: auto;
}

/* #gift-certificate-balance .form-control{
    border-radius: 15px 0 0 15px !important;
}
#gift-certificate-balance .hq-btn-primary{
    border-radius: 0 15px 15px 0 !important;
} */


.hq_view_desc .productView-title {
  display: none;
}

.hq_view_desc .productView-description {
  padding: 0px;
}

.check-balance-form input {
  width: 100% !important;
}

/* By default, limit collapsed description */
#productDescription.collapsed {
  max-height: 67px;
  /* Adjust height depending on your design */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Expanded state shows full description */
#productDescription.expanded {
  max-height: none;
  overflow: visible;
}

.productView-details.product-data {
  order: 0 !important;
}

/* Style for button */
.view-more-btn {
  background: none;
  border: none;
  color: var(--accent-color);
  cursor: pointer;
  font-weight: bold;
  padding: 0px;
  margin: 5px 0px;
}


.productView-title {
  font-size: 36px !important;
  font-weight: bold;
  color: var(--accent-color);
}



.request .request-call {
  font-size: 16px;
  color: #4a4a4a;
}

.request .request-btn {
  font-size: 16px;
  color: var(--HQ-secondary-color);
  font-weight: bold;
}


.phone-number p {
  font-size: 16px;
  font-weight: bold;
  color: #4a4a4a;
}

.phone-number p i {
  color: var(--accent-color) !important;
}

.phone-number p span {
  color: var(--accent-color);
}

button.button.button--call.call_back {
  width: auto !important;
  padding: 0;
  background: transparent !important;
  border: none;
  color: var(--accent-color);
  font-size: 1.25rem;
  display: block;
  text-align: left;
  font-weight: 700;
  text-transform: capitalize;
}

button.button.button--call.call_back:before {
  content: 'Need Expert Help ?...';
  position: relative;
  padding-right: 5px;
  cursor: auto;
  color: #595a5c !important;
  font-weight: normal !important;
}

section.product-view {
  margin-top: 50px;
}

.product-view .tabs-contents button.slick-prev.slick-arrow,
.product-view .tabs-contents button.slick-next.slick-arrow {
  display: none !important;
}

.productView-details .cr-frequently-bought-together__products {
  display: grid;
  grid-template-columns: auto;
  gap: 16px;
  justify-content: stretch;
}

.productView-details #cr-232af7f7-d55a-4ab6-a48e-f0878cd1724f .cr-frequently-bought-together__offer-connection svg {
  fill: #333333;
  display: inline-block;
  width: 5em;
  height: 3em;
}

.showing-result {
  font-size: 16px;
}

.related_label {
  /* margin: 50px 0px; */
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: var(--accent-color);
}

/*.product-view-container {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  padding: 30px;
}*/
/*.productView {
  padding: 30px;
}*/

div#add-to-cart-wrapper .form-field.form-field--increments label.form-label.form-label--alternate {
  display: none;
}

.productView .productView-options .form-field.form-field--increments {
  margin-bottom: 0 !important;
  margin-right: 15px;
}

.productView .product-options .form-increment {
  display: flex;
  border: var(--accent-color) solid;
  border-right: 0;
  border-left: 0;
  border-width: 1px;
  border-radius: 5px;
}

.productView .product-options .form-increment button.button {
  padding: 10px;
  border-color: var(--accent-color);
  border-top: 0;
  border-bottom: 0;
}

.dropdown-menu-button.is-open {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.productView-options .form .add-to-cart-wrapper .add-to-cart-buttons {
  margin-left: 0;
  padding: 0;
  margin-bottom: 0px;
}

.productView-options .add-to-cart-buttons {
  margin-top: 0rem !important;
}

/* .productView-options .form .add-to-cart-wrapper .add-to-cart-buttons input#form-action-addToCart {
    padding: 9px 15px;
} */
/* button font size all */

/* related product */
.slick-list {
  overflow: visible;
}

div#customAddtocart .add-to-cart-wallet-buttons {
  display: none !important;
}

.productView-options .form .add-to-cart-wrapper .add-to-cart-wallet-buttons {
  margin-top: 0;
}

.productView .product-options .add-to-cart-wallet-buttons,
.navUser-item.navUser-item--cart .previewCart .previewCart-additionalCheckoutButtons {
  display: none;
}

.request-call,
.phone-number {
  font-size: 16px;
}

.productView-product {
  padding-bottom: 0px;
  border: none;
}

.productView-details {
  padding-bottom: 0rem;
}



.accordion-view {
  margin-left: -6.5px;
  margin-right: -6.5px;
  margin-top: 15px;
}


.bg-purple {
  background-color: var(--accent-color) !important;
}

.border-purple {
  border-color: var(--accent-color) !important;
}

/*support*/
.support-box-section .support-box-wrap {
  border: 2px solid #639;
  box-sizing: border-box;
  padding: 30px 15px;
  margin: 10px 0;
  background: #fff;
}

.support-box-section .support-box-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.support-box-section .support-box-icon {
  width: 100px;
  height: 100px;
  background: var(--accent-color);
  border-radius: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.support-box-section .support-box-content {
  width: calc(100% - 100px);
  padding-left: 35px;
}

.support-box-section .support-box-title {
  font-size: 36px;
  line-height: 36px;
  color: var(--accent-color);
  margin-top: 0;
}

.support-box-section .support-box-desc {
  font-size: 16px;
  line-height: 18px;
  color: #000;
  padding: 20px 0 50px;
}

.support-box-section .support-box-btn {
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
  padding: 10px 25px;
  width: 250px;
  text-align: center;
}

.support-box-section .support-box-link {
  color: var(--accent-color);
  font-size: 16px;
  line-height: 18px;
}

.support-box-icon i {
  color: #fff;
}

/*manual */
.sweet-sixteen {
  color: #e60e64;
}

.simply-sixteen {
  color: #46a247;
}

.infinity {
  color: #a23995;
}

.fusion {
  color: #00718f;
}

.avante {
  color: #613c97;
}

.capri {
  color: #3cc;
}

.forte {
  color: #069;
}

.avante {
  color: #613c97;
}

.moxie {
  color: #9c0;
}

/* Custom Modal */

.rm-list-modal.modal {
  transform: translate(0%, 0%) !important;
  margin: 0 auto;
  top: 0% !important;
  background: #ffffff;
  right: 0px !important;
  left: inherit !important;
  min-height: 100%;
  max-width: 350px;
}

.rm-list-modal.modal .modal-close {
  top: 8px;
}

.rm-list-modal.modal .modal-content {
  box-shadow: none;
  border: none;
}

.rm-list-modal.modal .modal-content .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.rm-list-modal.modal .modal-header-title {
  text-align: left;
}

.rm-list-modal.modal section.previewCartCheckout {
  width: 100%;
  float: none;
  position: fixed;
  bottom: 20px;
  right: 0;
}

.rm-list-modal.modal section.previewCartCheckout a.button.hq-btn-primary,
.rm-list-modal.modal section.previewCartCheckout a.button {
  border-radius: 5px;
  background: #000000;
  color: #ffffff;
}

.rm-list-modal.modal section.previewCartCheckout .previewCartCheckout-subtotal {
  font-size: 16px;
  line-height: 30px;
  margin: 10px 0;
  color: #000000;
}

.rm-list-modal.modal section.productView {
  width: 100%;
  float: none;
  display: block;
  padding: 0;
}

.rm-list-modal.modal section.productView figure.productView-image {
  padding: 0px !important;
  width: 45%;
  min-height: auto;
  border: 1px solid #cccccc;
}

.rm-list-modal.modal section.productView figure.productView-image .productView-img-container {
  display: block !important;
  max-width: 100%;
}

.productView-images .productView-img-container {
  max-width: none;
}

.productView-images .productView-img-container::after {
  padding-bottom: 100%;
}

/* .rm-list-modal.modal section.productView figure.productView-image .productView-img-container img.productView-image--cart.lazyautosizes.ls-is-cached.lazyloaded {
    position: static !important;
    margin-top: 0px;
    max-height: initial !important;
} */
.rm-list-modal.modal section.productView .productView-details {
  width: 55%;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.rm-list-modal.modal section.productView .productView-details h2.productView-title {
  line-height: 16px;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 600;
  color: #ff8040;
}

.rm-list-modal.modal section.productView .productView-details productView-brand {
  display: none;
}

.rm-list-modal.modal section.productView .productView-details .productView-price {
  font-size: 13px;
  margin-bottom: 3px;
  font-weight: 700;
}


.breadcrumb-item {
  font-size: 16px;
}

.breadcrumb-section h2 {
  font-size: 32px;
}

.custom-slider .blaze-pause {
  display: none !important;
}

.papathemes-eyeva-hero-carousel .blaze-prev,
.papathemes-eyeva-hero-carousel .blaze-next,
.papathemes-eyeva-hero-carousel .blaze-pause {
  background: var(--accent-color) !important;
  display: none !important;
}

.papathemes-eyeva-hero-carousel .blaze-prev:hover .icon svg,
.papathemes-eyeva-hero-carousel .blaze-prev:focus .icon svg,
.papathemes-eyeva-hero-carousel .blaze-next:hover .icon svg,
.papathemes-eyeva-hero-carousel .blaze-next:focus .icon svg,
.papathemes-eyeva-hero-carousel .blaze-pause:hover .icon svg,
.papathemes-eyeva-hero-carousel .blaze-pause:focus .icon svg {
  fill: white !important;
}

.papathemes-eyeva-hero-carousel .blaze-prev .icon svg,
.papathemes-eyeva-hero-carousel .blaze-next .icon svg,
.papathemes-eyeva-hero-carousel .blaze-pause .icon svg {
  fill: white !important;
}
/* date 15-04-26 */
/* .custom-slider .papathemes-eyeva-hero-carousel .blaze-pagination {
  left: 50%;
  bottom: 0%;
} */

.custom-slider .papathemes-eyeva-hero-carousel .blaze-pagination button.active:before {
  background-color: var(--accent-color) !important;
  height: 6px !important;
  width: 40px !important;
  border-radius: 50px !important;
}

.custom-slider .papathemes-eyeva-hero-carousel .blaze-pagination button:before {
  background-color: #ffffff !important;
  border-radius: 50px !important;
  height: 6px !important;
  width: 40px !important;
}

.papathemes-eyeva-hero-carousel .blaze-pagination button{
      width: auto !important;
      padding: 5px !important;
}

.blog-carousel .blog-title {
  font-size: 24px !important;

}

/* contact form */
.contact-form .page-content {
  width: 100%;
}

.pagination-item.pagination-item--current {
  border: none;
}

.pagination-list li a,
.pagination-list li button {
  padding: 5px !important;
}

.pagination-item.pagination-item--previous>a,
.pagination-item.pagination-item--next>a {
  color: #ffffff;
}

.pagination-item.pagination-item--previous>a:hover,
.pagination-item.pagination-item--next>a:hover {
  color: #ffffff;
}

.learn-create .carousel-item img {
  border-radius: 0px !important;
  height: 450px;
}

.learn-create .card {
  border-radius: 0px !important;
}


.tabs-contents .slick-list.draggable {
  overflow: visible;
}

/* 
.form-action {
  width: 210px !important;
}

.page-region {
  width: 100%;
} */


/* .form-field {
  margin-bottom: 7px !important;
} */

.account-orderStatus-label:hover {
  background-color: #4b1f78;
}

.form-actions>* {
  display: inline-block;
  margin-bottom: 0rem;
}

.err-form-srch .form-prefixPostfix {
  display: flex;
  align-items: center;
  justify-content: center;

}

/* wishlist button */
#wishlist-dropdown.is-open .button--has-items {
  font-weight: normal;
}

.productView-wish .form-wishlist.form-action {
  float: none;
  display: block;
  width: 210px;
}

.productView-wish .button.dropdown-menu-button {
  border-radius: 50px;
  margin-top: 2px;
  margin-right: 0px;
  border-color: var(--HQ-secondary-color);
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.productView-wish .button.dropdown-menu-button i.icon svg {
  width: 14px;
}

.productView-wish .button.dropdown-menu-button.is-open {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.productView-wish .dropdown-menu.is-open.f-open-dropdown {
  margin: 0;
  padding: 0 !important;
  border-radius: 0;
  border-color: #e4e4e4;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  overflow: hidden;
}

.productView-wish .dropdown-menu.is-open.f-open-dropdown li {
  border: none;
}

.productView-wish .dropdown-menu.is-open.f-open-dropdown li .button {
  margin: 0;
  border: none;
}

.productView-wish .dropdown-menu.is-open.f-open-dropdown li:first-child {
  border-bottom: 1px solid #e4e4e4;
}

.productView-wish .form-field {
  margin: 0px;
}

.productView-wish .alertBox {
  width: fit-content;
}

.productView-wish .alertBox-message {
  width: auto;
}

/* wishlist button end*/

.productView-options .form-radio:checked+.form-option {
  border-color: var(--accent-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.productView-options .form-option {
  border-color: var(--accent-color);
}

.productView-options .form-radio:checked+.form-option .form-option-variant {
  color: var(--accent-color);
}

.custom_hidden {
  display: block;
}

.blog-carousel .card-body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px 20px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 1));
}

.category-desc {

  font-size: 16px;
}

.header-logo__link {
  width: 100%;
}

.nav-link.sale-btn {
  border: 1px solid white !important;
  border-radius: 18px !important;
  padding: 8px 16px !important;
}

.form-input:focus {
  border-color: var(--hq-purpel) !important;
}

.forgot-password-form .form-field,
.create-account .form-field,
.login-form .form-field,
.new-password-form .form-field {
  margin: 0 0 1rem;
}

.forgot-password-form .form-actions,
.create-account .form-actions,
.login-form .form-actions,
.new-password-form .form-actions {
  margin: 0px;
  text-align: start;
}

.form-prefixPostfix--centeredColumn .g-recaptcha {
  margin: 2em 0px 0 !important;
}


.productView-details .cr-frequently-bought-together__cart-button {
  display: inline-block !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  padding: 5px 30px !important;
  border-radius: 20px !important;
  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 !important;
  color: #fff !important;
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
  font-size: 16px;
}

.productView-details .cr-frequently-bought-together__cart-button:hover {
  color: #fff !important;
  background-color: #4c1f73 !important;
  border-color: #421a63 !important;
}

.productView-details .cr-frequently-bought-together__description {
  margin-bottom: 16px;
  color: black;
  font-weight: 600;
  font-size: 18px;
}

#store-container .card .card-title {
  font-family: var(--hq-font);
  font-size: 18px;
}

#store-container .card a {
  font-family: var(--hq-font);
  font-size: 16px;
}

#store-container .card i {
  font-size: 16px;
}

.zoom-icon {
  right: 15px;
  top: 10px;
  border: 1px solid var(--accent-color);
  border-radius: 50px;
  height: 40px;
  width: 40px;
  color: var(--accent-color);
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 16px;
}

section.productView-images .product-video .player.player_video_embed {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-top: 30%;
}

section.productView-images .product-video .player.player_video_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.thumbs-slider-wrapper {
  position: relative;
}

.productView-images .slick-prev.slick-arrow {
  left: 0px;
  /* adjust if overlapping */
}

.productView-images .slick-next.slick-arrow {
  right: 0px;
}

.productView-images .slick-next::before,
.productView-images .slick-prev::before {
  background-image: none !important;
}

.productView-images .slick-next,
.productView-images .slick-prev {
  background: none !important;
}

/* Slick arrows using Font Awesome */
.productView-images .slick-prev::before,
.productView-images .slick-next::before {
  font-family: "Font Awesome 7 Free" !important;
  /* Ensure FA font */
  color: var(--accent-color) !important;
  /* Arrow color */
  opacity: 1 !important;
  transition: color 0.3s !important;
}

.productView-images .slick-next::before,
.productView-images .slick-prev::before {
  height: 100%;
  width: 100%;
}

/* Set specific icons */
.productView-images .slick-prev::before {
  content: "\f104" !important;
  /* Font Awesome left arrow */
}

.productView-images .slick-next::before {
  content: "\f105" !important;
  /* Font Awesome right arrow */
}

/* Hover effect */
.productView-images .slick-prev:hover::before,
.productView-images .slick-next:hover::before {
  color: var(--accent-color) !important;
  /* Same color on hover */
}

.productView-images .slick-prev:before,
.productView-images .slick-next:before {
  font-size: 30px !important;
}

.productView-images .productView-thumbnail-link {
  padding: 0px;
}

.productView-images .productView-thumbnails img {
  width: 100%;
  object-fit: cover;
}

.productView-images .productView-thumbnails .slick-list {
  margin-left: 3.85714rem;
  margin-right: 3.85714rem;
}

/* loader  */
.loadingOverlay {
  background: rgb(0 0 0 / 43%);
}

.loadingOverlay::before {
  border-radius: 2.85714rem;
  border: solid 4px;
  border-color: white white #999999 #999999;
}

/* loader end */
article.card .compare-box {
  display: none;
  background: white;
  width: fit-content;
  padding: 5px;
  border-radius: 5px;
  top: 12px;
  right: 12px;
  align-items: center;
  font-size: 16px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.homepage .compare-box {
  display: none;
}

.homepage .card:hover .compare-box {
  display: none !important;
}


.hq-help-banner .help-banner-text {
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  z-index: 2;
  color: #fff;
}

.hq-help-banner .help-banner-text h1 {
  font-size: 5rem;
  line-height: 1.2;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.popular-machine .container {
  padding: 0px;
}

.hq-popular-acessories .container {
  padding: 0px;
}

.order-details figure.account-product-figure::after {
  position: absolute;
  top: 0px;
}

.order-details .account-product--alignMiddle .account-product-checkItem {
  left: -1.5rem;
}

.order-details .account-product--alignMiddle .account-product-checkItem {
  width: fit-content;
}

.faq-accordian .accordion-button:hover {
  background-color: #f1f1f1;
}

.faq-accordian .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #f1f1f1;
}

.faq-accordian .accordion-button {
  color: #000;
  font-weight: 700;
}

.account-product-figure::after {
  position: absolute;
}

/* Popup Overlay */
.popup-overlay {
  position: fixed;
  inset: 0;
  /* shorthand for top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(6px);
  display: none;
  /* hidden by default */
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.3s ease;
}

/* Popup Box */
.popup-content {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  padding: 25px 30px;
  width: 320px;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  transform: scale(0.95);
  opacity: 0;
  animation: popupShow 0.35s ease forwards;
}

/* Popup Text */
.popup-content p {
  color: #333;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 10px;
  font-weight: 500;
}

/* Close Button */
.popup-close {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 22px;
  color: #777;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}

.popup-close:hover {
  color: #e74c3c;
  transform: rotate(90deg);
}

/* Entry Animation */
@keyframes popupShow {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Optional — add glow effect on hover */
.popup-content:hover {
  box-shadow: 0 12px 30px rgba(162, 0, 255, 0.25);
}

.item-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.item-card {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  width: 200px;
}

.button {
  display: block;
}

.cat_compare {
  transition: all 0.3s ease;
  /* Smooth transition for all properties */
}

.cat_compare.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  z-index: 9;
  height: 45px;
  padding-top: 10px;
}

.single_post .blog-header {
  display: none;
}

.single_post .blog-post {
  font-size: 16px;
}

.blog-thumb-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}




.blog-slider .cards-track {
  transition: transform 0.5s ease-in-out;
  gap: 20px;
}

.blog-slider .card-item {
  flex: 0 0 calc(25% - 15px);
  min-width: calc(25% - 15px);
}

.blog-slider .card {
  height: 450px;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
}


.blog-slider .card-overlay {
  bottom: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 1));
  padding: 25px 20px;
  color: white;
  text-align: start;
}
.blog-slider .card-overlay h2 a{
  font-size: 24px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
}
.blog-slider .card-overlay p{
  font-size: 16px;
}
.blog-slider .card-title-overlay {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  max-width: 80%;
}

.blog-slider .nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--accent-color);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  color: white;
}

.blog-slider .nav-btn:hover {
  background: var(--accent-color);
  transform: translateY(-50%) scale(1.1);
}

.blog-slider .nav-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.blog-slider .nav-btn:disabled:hover {
  transform: translateY(-50%) scale(1);
}

.blog-slider .nav-btn i {
  font-size: 28px;
}

.blog-slider .prev-btn {
  left: -20px;
}

.blog-slider .next-btn {
  right: -20px;
}
.productView-details .cr-frequently-bought-together__container .cr-product-box__title a{
  color: #000;
}
.productView-details .cr-frequently-bought-together__container .cr-product-box__prices .cr-price{
  color: #000;
  font-weight: 600;
}
.productView-details .cr-frequently-bought-together__container .cr-frequently-bought-together__offer-connection svg {
    width: 2em;
    height: 2em;
}

/*product description accordian css start*/

.product-description ._accordion {
    border: none !important;
}
.product-description ._accordion-title {
    color: var(--accent-color) !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}
.product-description  ._accordion-panel{
    border: none !important;
}
.product-description  ._accordion-heading{
    border: none !important;
}
.product-description ._accordion-trigger:focus,
.product-description ._accordion-trigger:hover {
    background: none !important;
}
.product-description ._accordion-trigger[aria-expanded="false"] ._accordion-title{
    color: var(--accent-color) !important;
}
.product-description ._accordion-trigger[aria-expanded="true"] ._accordion-title{
    color: var(--accent-color) !important;

}
.product-description ._accordion-trigger[aria-expanded="true"]{
      background: none !important;
}
.product-description ._accordion-panel{
    font-size:16px;
}
.product-description ._accordion-panel p{
    font-size:16px;
}
/*product description accordian css end*/

/* cart preview remove */
.previewCartItem-remove {
    position: absolute;
    right: 5px;
    top: 5px;
}
/* cart preview remove */

/*popup css*/
.quote-popup-overlay { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    z-index: 9999;
    overflow: scroll; 
    
} 
.quote-popup-box_inner { 
    background: white;
    padding: 25px;
    max-width: 800px;
    width: 100%;
    border-radius: 8px;
    position: relative;
    margin: 1.5vw auto;
    overflow-x: scroll;
} 
.quote-popup-close {
    position: absolute;
    top: 10px; 
    right: 15px;
    font-size: 24px;
    cursor: pointer;
} 
.quote-popup-box {
    width: 100%;
}
/*popup css end*/
/* 14-04-26 same card design */
.card-body > :last-child
 {
    margin-bottom: 1rem;
}
/* 14-04-26  same card design*/

/*logo*/

section.productView-images figure.productView-image {
    background: #f7f7f8;
    border: 1px solid #e7e7e7;
    padding: 10px;
}
.offcanvas-filter ul li a{
    font-size: 16px;
    color: var(--accent-color) !important;
}
.offcanvas-filter .accordion-block .accordion-heading .accordion-title{
    font-size: 16px;
    text-transform: inherit;
    color: var(--accent-color) !important;
    font-weight: 500;
}
.offcanvas-filter .sidebarBlock-heading {
    font-size: 16px;
    text-transform: inherit;  
    color: var(--accent-color) !important;
    font-weight: 500;
}

.showing-result .actionBar-section .form-field{
    background-color: #fff;
    border: 1px solid var(--accent-color);
    border-radius: 25px;
}
.showing-result .actionBar-section .form-select {
    border-radius: 25px;
}