/*

Theme Name: Hello - eventhireUK

Theme URI: https://github.com/elementor/hello-theme/

Description: The eventhireUK Theme is a specialized WordPress child theme developed exclusively for our furniture hire company. Building upon the lightweight and flexible foundation provided by the Hello theme, eventhireUK introduces custom features and design elements specifically tailored to enhance our online presence and operational efficiency in the furniture rental market.

Author: eventhireGroup

Author URI: https://eventhiregroupuk.com/

Template: hello-elementor

Version: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html
Re
*/
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
* Document basic styling
* Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: border-box; /* 3 */
}

/* Sections
 */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.self-hours {
font-size:0.8rem;
line-height: 8px!important;
}

.quote_div_class.price_based_hire_days_wrap.transport_calc {
border-color:#0A48A1!important;
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-] > a {
text-decoration: none!important;
font-weight: 600!important;
}

@media (min-width: 768px) {
.elementor-2968 .elementor-element.elementor-element-b29b5f3{
z-index:90!important;}}

e-off-canvas__content {
z-index:150!important;}


.woocommerce-terms-and-conditions-checkbox-text {
    text-transform: none!important;
}

.product_meta posted_in.detail-container .detail-label {
    display: none!important;
}


.woocommerce .elementor-22380 .elementor-element.elementor-element-6d8b90c .price::before {
content: 'From '!important;
font-weight: 500!important;}


.woocommerce ul.products li.product .price::before{
    content: "From "!important;
    /* Additional styling can be added here */
    font-weight: normal;
margin-left: 2px;
    margin-right: auto; /* Adjust spacing to your liking */}

.elementor-menu-cart__subtotal .woocommerce-Price-amount.amount::before {
    content: "From ";
    /* Additional styling can be added here */
    font-weight: normal;
margin-left: 2px;
    margin-right: auto; /* Adjust spacing to your liking */
}

.elementor-21706 .elementor-element.elementor-element-575a41ea.elementor-wc-products ul.products li.product .price::before {
    content: "From ";
    /* Additional styling can be added here */
    font-weight: normal;
margin-left: 2px;
    margin-right: auto; /* Adjust spacing to your liking */
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
  margin-block-start: 0.5rem;
  margin-block-end: 1rem;
  font-family: Poppins;
  font-weight: 600 !important;
  line-height: 1.2;
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-block-start: 0;
  margin-block-end: 0.9rem;
}

/* Grouping content
 */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap;
}

/* Text-level semantics
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: #CC3366;
}
a:hover, a:active {
  color: #333366;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-block-end: none; /* 1 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

/* Interactive
 */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

figcaption {
  font-size: 16px;
  color: #333333;
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
}

/* Misc
 */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Print
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    border: 1px solid #cccccc;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
}
/**
 * Form styling
 */
label {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 1rem; /* 1 */
  line-height: 1.5; /* 1 */
  margin: 0; /* 2 */
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  width: 100%;
  border: solid 1px #666666;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: #333333;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  width: auto;
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button,
[type=submit],
[type=button] {
  display: inline-block;
  font-weight: 400;
  color: transparent;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid #0a48a1;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.3s;
}
button:focus,
[type=submit]:focus,
[type=button]:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
  color: #0a48a1;
  background-color: transparent!important;
  text-decoration: none;
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
  cursor: pointer;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
  resize: vertical;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

select {
  display: block;
}

/**
 * Table styling
 */
table {
  background-color: transparent;
  width: 100%;
  margin-block-end: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}
table th,
table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table th {
  font-weight: bold;
}
table thead th,
table tfoot th {
  font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-block-start: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: rgba(128, 128, 128, 0.0705882353);
}
table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: rgba(128, 128, 128, 0.1019607843);
}
table tbody + tbody {
  border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
}
@media (max-width: 767px) {
  table table {
    font-size: 0.8em;
  }
  table table th,
  table table td {
    padding: 7px;
    line-height: 1.3;
  }
  table table th {
    font-weight: 400;
  }
}

/**
 * List styling
 */
dl,
dt,
dd,
ol,
ul,
li {
  margin-block-start: 0;
  margin-block-end: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}



.single-product .single-product-dec {
    height: 900px; 
    overflow: auto!important; 
}
.product-cat-second-description.collapsed {
        max-height: 382px;
    overflow: hidden;
}
.location-seo-text-bottom.collapsed {
    max-height: 400px;
    overflow: hidden;
}
.product-cat-second-description-wrap a.read-more{
	margin-top:8px;
}


a.read-more {
    background: #0A48A1 !important;
    color: white !important;
    padding: 5px 10px 5px 10px !important;
    border-radius: 15px !important;
}

.include_tax_message {
    color: #000000!important;
    font-size:15px!important;
}


table tbody + tbody {
  border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
}
/* Style for the quantity buttons */
.woocommerce div.product form.cart .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}
.e-atc-qty-button-holder {
    margin-top: 25px;
    margin-bottom: 25px;
}
.woocommerce div.product form.cart .quantity .minus,
.woocommerce div.product form.cart .quantity .plus {
    background: #0a48a1;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}
.woocommerce div.product form.cart .quantity .minus{
	    border-radius: 25px 0px 0px 25px;
    outline: 0px;
}
.woocommerce div.product form.cart .quantity .plus {
	  border-radius: 0px 25px 25px 0px;
    outline: 0px;
}
.woocommerce div.product form.cart .quantity .minus:hover,
.woocommerce div.product form.cart .quantity .plus:hover {
    background: #0056b3;
}

.woocommerce div.product form.cart .quantity .qty {
    width: 60px;
    text-align: center;
    border: 1px solid #0a48a1;
    border-radius: 0px;
    margin: 0 0px;
    height: 40px;
    font-size: 18px;
    padding: 5px;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    height: auto!important;
}
/* Responsive adjustments */
@media only screen and (max-width: 768px) {
    .woocommerce div.product form.cart .quantity .minus,
    .woocommerce div.product form.cart .quantity .plus {
        width: 35px;
        height: 35px;
        padding: 8px;
        font-size: 16px;
    }

    .woocommerce div.product form.cart .quantity .qty {
        width: 50px;
        height: 35px;
        margin: 0 0px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .woocommerce div.product form.cart .quantity {
        /* flex-direction: column; */
    }

    /* .woocommerce div.product form.cart .quantity .minus,
    .woocommerce div.product form.cart .quantity .plus {
        width: 30px;
        height: 30px;
        padding: 6px;
        font-size: 14px;
    }

    .woocommerce div.product form.cart .quantity .qty {
        width: 45px;
        height: 30px;
        margin: 5px 0;
        font-size: 14px;
    } */
}

/* Container for the company policies */
.company-policies {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* Adjust the gap between items as needed */
    padding: 20px;
}

/* Each policy item */
.policy-item {
    flex: 1 1 calc(33.333% - 20px); /* 3 columns */
    box-sizing: border-box;
    text-align: center; /* Center-align the text and buttons */
    background-color: #fff; /* Background color for the policy box */
    border: 1px solid #ddd; /* Border around the policy box */
    border-radius: 10px; /* Rounded corners */
    padding: 20px; /* Padding inside the policy box */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Box shadow for some depth */
}

/* Policy name styling */
.policy-name {
    font-size: 1.6em !important; /* Larger font size for the policy name */
    margin-bottom: 20px; /* Space between the name and the button */
}

/* Style for the policy buttons */
.policy-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1rem !important;
    background-color: var(--e-global-color-primary); /* Button background color */
    color: #ffffff !important; /* Button text color */
    text-decoration: none !important;
    border-radius: 25px;
    transition: background-color 0.3s ease;
}

/* Hover effect for the policy buttons */
.policy-button:hover {
    background-color: #005bb5; /* Button background color on hover */
}
a.read-more:hover {
	cursor:pointer;
}
#ship-to-different-address{
  display: none;
}

.pdf-link {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: #000;
    font-weight: bold;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
}

.pdf-icon {
    vertical-align: middle;
    margin-right: 5px;
}

.hire_date_note p {
 font-size: 0.8em !important;
}
.hire_date_note  a {
 font-size: 0.8em !important;
}
a.button.wc-backward.back-to-cart {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  background-color: #0a48a1;
  color: #fff;
  border: 2px solid #0A48A1;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1em;
  font-size: 16px;
  padding: 1em;
  width: fit-content;
}
a.button.wc-backward.back-to-cart:hover {

  background-color: #fff;
  color: #0A48A1;
  border: 2px solid #0A48A1;
}
.woocommerce-variation-description{
  display: none;
}
.variation_description_title{
  font-size: 41px!important;
}
@media only screen and (max-width: 1194px) {
  .back-to-cart-wrap {

    width: 100%;
    max-width: 900px;
    max-width: 725px;
    justify-content: space-between;
    position: relative;
    margin: auto;
  
  }
}
@media only screen and (max-width: 768px) {
  .back-to-cart-wrap {

    padding: 0px 15px;
  
  
  }
}
.woocommerce-checkout .entry-title{
  display: none;
}
.comment-form-rating p.stars:first-of-type {
/*   display: none; */
}

.comment-form-rating p.stars:nth-of-type(2) {
  display: block;
}
.getAddress_autocomplete_list {
  list-style: none;
  z-index: 99999;
  padding: 3px;
  border: 1px solid #d4d4d4;
  margin: 0;
  margin-top: -1px;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.1), 4px 4px 8px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1);
  max-height: 200px !important;
  overflow-x: hidden;
}
.getAddress-autocomplete-list{
  list-style: none;
  z-index: 99999;
  padding: 3px;
  border: 1px solid #d4d4d4;
  margin: 0;
  margin-top: -1px;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.1), 4px 4px 8px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1);
  max-height: 200px !important;
  overflow-x: hidden;
}
button.getAddress_autocomplete_modal_back_button.getAddress_autocomplete_modal_button {
    background: transparent;
    color: #000;
}

/* Style the coupon container */
.coupon {
    display: flex;
    align-items: center;
    gap: 10px; /* Adds space between elements */
    flex-wrap: wrap; /* Allows wrapping if the screen size is small */
}

/* Style the input field */
.coupon input.input-text {
    flex: 1; /* Makes the input field take up available space */
    min-width: 200px; /* Ensures a minimum width for the input */
    border-radius: 15px;
}



/* Button styling */
.coupon button {
    flex: 0; /* Prevents the button from stretching */
    margin-left: 10px;
}
/* Style specific to the coupon error notice */
.coupon-error-notice {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #f6f5f8;
  color: #515151;
  border-top: 3px solid #d00;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
  font-size: 16px;
  text-transform: math-auto;
}

/* Add an error icon specifically for coupon errors */
.coupon-error-notice:before {
  content: "⚠️"; /* Emoji or use a custom icon */
  font-size: 18px;
  margin-right: 10px; /* Adds space between icon and text */
}

/* Optional: Adjust button or dismiss link inside coupon-error-notice */
.coupon-error-notice .woocommerce-remove-coupon {
  text-decoration: none;
  color: #d00;
  font-weight: bold;
  margin-left: auto; /* Push button to the right */
  cursor: pointer;
}

.coupon-error-notice .woocommerce-remove-coupon:hover {
  color: #900; /* Darker red on hover */
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #f6f5f8;
  color: #515151;
  border-top: 3px solid #7f54b3;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
  font-size: 16px;
  text-transform: math-auto;
}
@media (max-width: 600px) {
  #scroll-to-coupon {
      display: none;
  }
}
.cross-sell-products ul.products li.product{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 15px;
    padding: 9px 9px 9px 9px;
    border-color: #F3F3F3;
	    width: auto!important;
	margin:0;
}
.cross-sell-products ul.products.columns-2{
    display: grid;
    margin: 0;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.cross-sell-products ul.products.columns-4{
    display: grid;
    margin: 0;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}
.cross-sell-products ul.products::before,
.cross-sell-products ul.products::before{
	content:unset;
}
.cross-sell-products ul.products li.product:hover{
	 border-color: #0A48A1;
}
@media only screen and (max-width: 768px) {
 .cross-sell-products ul.products.columns-4{
    grid-template-columns: repeat(2, 1fr);
}
	.cross-sell-products ul.products li.product{
		margin:0px!important;
	}
}


.custom-category-wrapper .custom-product-categories {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 20px 0;
}

.custom-category-wrapper .category-box {
  aspect-ratio: 3 / 3;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.custom-category-wrapper .category-box:hover {
  transform: scale(1.02);
}

.custom-category-wrapper .category-label {
  background-color: white;
  padding: 10px 10px;
  text-align: center;
  font-size: 16px;
  border-radius: 50px;
  font-weight: bold;
  color: #000;
  box-shadow: 0 4px 6px rgba(0,0,0,0.15);
  margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 20%;
    width: 100%;
}

/* Responsive columns */
@media (max-width: 1200px) {
  .custom-category-wrapper .custom-product-categories {
      grid-template-columns: repeat(4, 1fr);
  }
}


@media (max-width: 768px) {
  .custom-category-wrapper .custom-product-categories {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .custom-category-wrapper .custom-product-categories {
      grid-template-columns: 1fr;
  }
  .custom-category-wrapper .category-box {
        overflow: hidden;
        height: 400px;
        width: 100%;
  }
}
.acf-faq-container {
           
	margin: 20px auto;
	font-family: sans-serif;
}

.faq-item {
	border-bottom: 1px solid #d4d4d4;
	padding: 10px 0;
}

.faq-question {
	position: relative;
	margin: 0;
	padding-left: 0px;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	transition: color 0.2s ease;
}
.faq-accordion .faq-question {
	
	padding-left: 30px;
}
.faq-accordion .faq-question::before {
	content: '+';
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	color: #333;
	transition: transform 0.2s ease;
}

.faq-accordion .faq-item.active .faq-question::before {
	content: '–'; /* minus symbol */
}

.faq-accordion .faq-answer {
	display: none;
	padding: 10px 0 0 30px;
	font-size: 16px;
	color: #444;
}

.faq-accordion .faq-item.active .faq-answer {
	display: block;
}



#cross-sell-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* semi-transparent black */
    z-index: 9998;
}
#cross-sell-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #fff;
    width: 90%;
    max-width: 950px;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);

}

#cross-sell-popup .popup-header {
    position: relative;
    padding: 15px 20px;
    /* background: #E5EFFB; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px 10px 0 0;
    font-size: 14px;
    flex-wrap: wrap;
	    margin: 25px;
}
#cross-sell-popup {
    z-index: 9999;
}
#cross-sell-popup .popup-header .left {
    display: flex;
    align-items: center;
    gap: 15px;
}

#cross-sell-popup .popup-header img {
    width: 80px;
    height: auto;
    border-radius: 6px;
}

#cross-sell-popup .popup-header .message {
    font-size: 16px;
    font-weight: 500;
}

#cross-sell-popup .popup-header .actions a {
    margin: 0 2px;
    font-size: 13px;
    text-decoration: unset;
}
.cross-sell-actions {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.cross-sell-actions .cross-sell-shop{
    padding: 6px 15px;
    background: #fff;
    border: 1px solid #0A48A1;
    border-radius: 50px;
    color: #0A48A1;
}
.cross-sell-actions .cross-sell-shop:hover {
    background: #0A48A1;
    color: #fff;
}
.cross-sell-actions .cross-sell-basket {
    padding: 6px 15px;
    background: #0A48A1;
    border: 1px solid #0A48A1;
    border-radius: 50px;
    color: #fff;
}
.cross-sell-actions .cross-sell-basket:hover {
    background: #fff;
    color: #0A48A1;
}
#cross-sell-popup .popup-header .cart-info {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

#cross-sell-popup .popup-body {
    padding: 20px;
	padding-top: 0px;
}

#cross-sell-popup .popup-body h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}



#cross-sell-popup .close-popup {
         position: absolute;
    top: -35px;
        right: -14px;
    background: transparent;
    border: none;
    font-size: 44px;
    color: #000;
    cursor: pointer;
    border: 0px;
    border-radius: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-align: right;
}

@media (max-width: 768px) {
    #cross-sell-popup {
        height: 90vh; /* or any fixed height you prefer */
        overflow-y: auto;
    }

    #cross-sell-popup .products li.product {
        min-width: 70%;
    }
}
	  @media (max-width: 473px) {
    #cross-sell-popup .popup-header {
        flex-direction: column;
        align-items: flex-start;
        margin: 15px;
        padding: 15px;
        gap: 10px;
        margin-top: 25px;
    }

    #cross-sell-popup .popup-header .left {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        width: 100%;
    }
    .cross-sell-actions {
      
    }
    #cross-sell-popup .popup-header .actions {
        flex-direction: column;
        align-items: flex-start; /* or center if you prefer centered buttons */
    }
    #cross-sell-popup .close-popup {
        position: absolute;
        top: -27px;
        right: 0;
    }
    #cross-sell-popup .popup-header .cart-info,
    #cross-sell-popup .popup-header .message {
        font-size: 14px;
    }

    #cross-sell-popup .popup-header img {
        width: 100px;
    }

.productspage-links {
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 35px;
}
}

.delivery-info-box {
    background: #f6faff;
    border: 1px solid #d5e7ff;
    padding: 25px;
    border-radius: 12px;
        margin-top: 15px;
}

.delivery-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.delivery-header .delivery-icon {
    background: #e8f2ff;
    padding: 4px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 16px;
}
.delivery-header h3{
  margin:0px;
}

.delivery-columns {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.delivery-col {
    width: 48%;
}

.delivery-col h4 {
    margin-bottom: 12px;
    font-weight: 600;
}

.delivery-col p {
    margin-bottom: 5px!important;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.delivery-col i {
    color: #2ecc71;
    font-size: 16px;
    margin-right: 8px;
}

.delivery-col p i.eicon-clock {
    color: #f39c12;
}

/* Responsive */
@media(max-width: 768px){
    .delivery-columns {
        flex-direction: column;
    }
    .delivery-col {
        width: 100%;
    }
}