/*!
Theme Name: the-zoo-pet
Theme URI: https://thezoopets.com/
Author: The Zoo Pet Shop
Author URI: https://thezoopets.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: the-zoo-pet
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

the-zoo-pet is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility !important;
}

body {
    overflow-x: hidden !important;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

 h1 {
    font-size: 2em;
}

/* 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-size: 1em;
    /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

 a {
    background-color: transparent;
    text-decoration: none !important;
    outline: none !important;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

 abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    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-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;
}

/* Forms
========================================================================== */

/**
 * 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: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * 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"] {
    -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.
 */

/**
 * 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;
}

/**
 * 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 */
}

/* 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;
}

/* Misc
========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

 template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

 [hidden] {
    display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea,
p {
    color: var(--common-color);
    font-size: 16px;
    line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

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

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: inline-block;
    float: none;
    width: auto;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    float: none;
    display: inline-block;
    position: relative;
}

.main-navigation a {
    transition: .3s;
    position: relative;
}

@media screen and (min-width: 992px) {
    .menu-toggle {
        display: none;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*========== Fonts CSS Start ==========*/
@font-face {
    font-family: 'Pacifico';
    src: url('assets/fonts/Pacifico-Regular.eot');
    src: url('assets/fonts/Pacifico-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Pacifico-Regular.woff2') format('woff2'),
        url('assets/fonts/Pacifico-Regular.woff') format('woff'),
        url('assets/fonts/Pacifico-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('assets/fonts/Nunito-Black.eot');
    src: url('assets/fonts/Nunito-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Nunito-Black.woff2') format('woff2'),
        url('assets/fonts/Nunito-Black.woff') format('woff'),
        url('assets/fonts/Nunito-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('assets/fonts/Nunito-Bold.eot');
    src: url('assets/fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Nunito-Bold.woff2') format('woff2'),
        url('assets/fonts/Nunito-Bold.woff') format('woff'),
        url('assets/fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Bold.eot');
    src: url('assets/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Bold.woff2') format('woff2'),
        url('assets/fonts/Roboto-Bold.woff') format('woff'),
        url('assets/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Medium.eot');
    src: url('assets/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Medium.woff2') format('woff2'),
        url('assets/fonts/Roboto-Medium.woff') format('woff'),
        url('assets/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Regular.eot');
    src: url('assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Regular.woff2') format('woff2'),
        url('assets/fonts/Roboto-Regular.woff') format('woff'),
        url('assets/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*========== Fonts CSS End ==========*/

/*========== Form CSS Start ==========*/
select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.form-element {
    position: relative;
}

.form-element i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
    pointer-events: none;
    color: var(--common-color);
    font-size: 16px;
}

div.wpcf7-mail-sent-ok {
    display: none !important;
}

span.wpcf7-not-valid-tip {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: var(--red-color);
    margin-bottom: -24px;
    text-align: left;
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.screen-reader-response {
    display: none;
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output,
.noptin-alert {
    margin: 20px 0;
    padding: 3px 10px;
    border: 1px solid var(--red-color);
    background: transparent;
    color: var(--red-color);
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.wpcf7 form.sent .wpcf7-response-output,
.noptin-alert.noptin-success.noptin-alert-updated {
    border: 1px solid #46b450;
    color: #46b450;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.form-input::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::-moz-placeholder,
.input-text::-moz-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::-ms-input-placeholder,
.input-text::-ms-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::placeholder,
.input-text::placeholder {
    color: var(--input-color);
    opacity: 1;
}

select option {
    color: #000;
}

select {
    color: var(--input-color) !important;
}

select::-ms-expand {
    display: none;
}

.form-input,
.input-text,
.comment-form input,
.noptin-styles-basic .noptin-text,
.select2-container--default .select2-selection--single .select2-selection__rendered,
select, 
.woocommerce #reviews #comment {
    width: 100%;
    max-width: 100%;
    height: 46px;
    border: var(--border);
    outline: none !important;
    padding: 0 30px;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-color);
    background: var(--white-color);
    -webkit-appearance: none;
    border-radius: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

select,
select.form-input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 50px;
}

.form-input.wpcf7-textarea,
.woocommerce #reviews #comment {
    height: 120px;
    resize: none;
    padding: 15px 30px;
    display: block;
    border-radius: 10px;
}

.submit-btn {
    text-align: left;
    position: relative;
    display: inline-block;
}

.wpcf7 .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translate(0,-50%);
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
}

input[type=number],
.input-text[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  width: 70px !important;
  padding: 5px;
  border-radius: 5px;
	text-align: center;
}

.wpcf7 input[type=checkbox],
.woocommerce form .form-row .input-checkbox,
.woocommerce-form__input,
.wpcf7 input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    background: 0 0;
    border: none;
    outline: none;
    opacity: 0;
    z-index: 5;
    cursor: pointer;
}

span.wpcf7-list-item-label,
.woocommerce-form__label-for-checkbox span,
.comment-form-cookies-consent label {
    padding-left: 30px;
}

.comment-form-cookies-consent label {
    padding-left: 10px;
}

label {
    margin-bottom: 0;
}

span.wpcf7-list-item-label:before,
span.wpcf7-list-item-label:after,
.woocommerce-form__label-for-checkbox span:before,
.woocommerce-form__label-for-checkbox span:after {
    content: " ";
}

span.wpcf7-list-item-label:before,
.woocommerce-form__label-for-checkbox span:before,
.comment-form-cookies-consent label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid var(--common-color);
    z-index: 1;
}

span.wpcf7-list-item-label:after,
.woocommerce-form__label-for-checkbox span:after,
.comment-form-cookies-consent label:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    border-radius: 15px;
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    opacity: 0;
    transition: .3s;
    z-index: 0;
}

input[type=radio]:checked~span:after {
    opacity: 1;
}

.checkbox-wp .wpcf7-list-item {
    margin: 10px 1em 0 0px;
    padding-bottom: 10px;
    display: block;
}

.woocommerce-form__label-for-checkbox span:before,
.checkbox-wp .wpcf7-list-item-label:before,
.comment-form-cookies-consent label:before {
    border-radius: 0;
}

.checkbox-wp .wpcf7-list-item-label:after,
.woocommerce-form__label-for-checkbox span:after,
.comment-form-cookies-consent label:after {
    content: "\f00c";
    width: 20px;
    height: 20px;
    background: transparent;
    color: var(--white-color);
    border-radius: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    background: var(--primary-color);
    border-radius: 3px;
}

input[type="checkbox"]:checked ~ span:before,
input[type="checkbox"]:checked ~ span:after,
input[type="checkbox"]:checked ~ span.wpcf7-list-item-label:after,
input[type="checkbox"]:checked ~ span.wpcf7-list-item-label:before,
input[type="checkbox"]:checked ~ label:after {
    opacity: 1;
}

.checkbox-wp .wpcf7-not-valid-tip {
    display: none;
}

.checkbox-wp .wpcf7-not-valid .wpcf7-list-item-label:before {
    border-color: var(--red-color);
    opacity: 0.7;
}

.form-input-checkbox .wpcf7-list-item {
    position: relative;
    margin: 0;
    margin-right: 30px;
}

span.wpcf7-list-item,
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox,
.woocommerce form .form-row label {
    position: relative;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid var(--red-color);
    color: var(--red-color);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

.form-input-checkbox .wpcf7-list-item.last {
    margin: 0;
}

.wpcf7-not-valid,
.wpcf7-not-valid .wpcf7-list-item-label::before {
    border-color: var(--red-color) !important;
}

.comment-form-cookies-consent input {
    opacity: 0;
    display: inline-block;
    width: auto !important;
}

.form-box {
    position: relative;
}

.form-box.form-input-file .wpcf7-form-control-wrap {
    padding-bottom: 20px;
}

.form-box.form-input-file input[type=file] {
    position: relative;
    width: 76px;
    height: 73px;
    overflow: hidden;
    opacity: 0;
    z-index: 1;
}

.form-box.form-input-file .input-file-icon {
    position: absolute;
    top: 30px;
    left: 0;
    width: 76px;
    height: 73px;
    background: var(--input-color);
    border-radius: 13px;
    display: inline-block;
    cursor: pointer;
    z-index: 0;
}

.form-box.form-input-file .input-file-icon:before, 
.form-box.form-input-file .input-file-icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 30px;
    height: 1px;
    background-color: var(--black-color);
}

.form-box.form-input-file .input-file-icon:after {
    width: 1px;
    height: 30px;
}

.form-box.form-input-file span.input-file-text {
    display: block;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    bottom: -18px;
    left: 0;
}

.wpcf7 p:last-child {
    margin-bottom: 0;
}
/*========== Form CSS End ==========*/

/*==========Common CSS ==========*/
:root {
    --primary-color: #f07c00;
	--secondary-color: #57cdf1;
    --secondary-light-color: rgba(87 205 241 / 20%);
    --dark-color: #222222;
    --common-color: #565655;
    --pink-color: #DD61A9;
    --green-color: #41D190;
    --yellow-color: #E9B00B;
    --blue-color: #3281F7;
    --white-color: #ffffff;
    --black-color: #000000;
    --red-color: #ff0000;
    --input-color: #565655;
    --gradient-color: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    --primary-gradient-color: linear-gradient(to top, #f07c00, #ffb668);
    --secondary-gradient-color: radial-gradient(#ffffff 30%, #57cdf1 50%);
    --box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
    --body-font: 'Roboto';
    --title-font: 'Nunito';
    --sub-title-font: 'Pacifico';
    --gutter: 30px;
    --sec-spacing: 100px;
    --sec-bg: #fafafa;
    --border: 1px solid rgba(0, 0, 0, 0.2);
} 

/* .site {
    width: 100%;
    overflow-x: hidden;
} */

body {
    font-size: 16px;
    line-height: 26px;
    color: var(--common-color);
    font-family: var(--body-font);
}

p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
}

p:last-child {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
    color: var(--dark-color);
    font-family: var(--title-font);
}

p a,
a {
    color: var(--primary-color);
    transition: 0.3s;
}

p a:hover,
a:hover {
    color: var(--secondary-color);
}

.sub-title {
    font-size: 16px;
    line-height: 1.2;
    color: var(--primary-color);
    font-family: var(--sub-title-font);
    text-transform: capitalize;
    display: block;
    margin-bottom: 15px;
}

.h1-title {
    font-size: 70px;
    line-height: 1.2;
    font-weight: 900;
    color: var(--dark-color);
    text-transform: uppercase;
    margin-bottom: 26px;
}

.h1-title span:nth-child(1) {
	color: var(--secondary-color);
}

.h1-title span:nth-child(2) {
	color: var(--primary-color);
}

.h1-title:last-child {
    margin-bottom: 0;
}

.h2-title {
    font-size: 50px;
    line-height: 1.2;
    font-weight: 900;
    color: var(--dark-color);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.h2-title span {
    color: var(--secondary-color);
}

.h3-title {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 900;
    color: var(--dark-color);
    text-transform: uppercase;
    margin-bottom: 0;
}

.h4-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woof_container_inner h4 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 900;
    color: var(--dark-color);
    text-transform: capitalize;
    margin-bottom: 15px;
}

.h4-title a {
    color: var(--dark-color);
    transition: 0.3s;
}

.h4-title a:hover {
    color: var(--secondary-color);
}

.grecaptcha-badge {
    display: none !important;
}

.wow {
    visibility: hidden;
}

.callus {
    font-weight: inherit;
}

.for-des {
    display: block !important;
}

.for-mob {
    display: none !important;
}

.for-des-flex {
    display: flex !important;
}

.for-mob-flex {
    display: none !important;
}

.menu-des {
    display: inline-block;
}

.menu-mob {
    display: none;
}

.container {
    position: relative;
    z-index: 5;
}

.play-btn {
    width: 60px;
    height: 60px;
    color: var(--primary-color);
    background: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 3px;
    box-shadow: var(--box-shadow);
    transition: 0.8s cubic-bezier(0.22, 0.78, 0.45, 1.02);
}

.play-btn:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.back-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ajax-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100vw;
    height: calc(100% + 60px);
    background: rgba(250,250,250,0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: none;
    z-index: 5;
}

.ajax-loader i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 70px;
    color: var(--primary-color);
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    from {
        transform: translate(-50%,-50%) rotate(0deg);
    }
    to {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

.main-navigation ul li.menu-item-has-children>a {
    padding-right: 17px;
    position: relative;
}

.main-navigation ul li.menu-item-has-children>a:after {
    content: "\f078";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    line-height: 24px;
    color: var(--dark-color);
    transition: .3s;
}

.main-navigation ul li.menu-item-has-children:hover>a:after {
    transform: translate(0,-50%) rotate(-180deg);
    color: var(--primary-color);
}

.main-navigation ul li.current-menu-ancestor>a:after {
    color: var(--primary-color);
}

.main-navigation ul ul {
    position: absolute;
    top: 100%;
    left: 0 !important;
    float: none;
    width: 200px;
    background: var(--white-color);
    box-shadow: 0 0 10px rgb(60 140 244 / 15%);
    text-align: left;
    display: none;
    opacity: 0;
}

.main-navigation ul li.menu-item-has-children:hover ul {
    display: block;
    top: 100%;
    opacity: 1;
    animation: swip_up .3s linear 1;
}

@keyframes swip_up {
    from {
            top:calc(100% + 20px);
            opacity:0;
         }
    to {
            top:100%;
            opacity:1;
       }
}

.main-navigation ul ul li {
    display: block;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.main-navigation ul ul li:last-child {
    border-bottom: 0;
}

.main-navigation ul ul li a {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 26px;
    transition: 0.3s;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li.current-menu-item a {
    color: var(--secondary-color);
}

.sec-btn,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce div.product form.cart .button,
.xoo-el-form-container button.btn.button.xoo-el-action-btn,
.noptin-form-submit {
    width: auto;
	max-width: 100%;
    height: 35px;
    background: var(--primary-color);
    border: none;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    -webkit-appearance: none;
    font-size: 16px;
    line-height: 20px;
    color: var(--white-color);
    font-weight: 500;
    text-align: center;
    padding: 5px 25px;
    cursor: pointer;
    text-transform: capitalize;
    outline: none !important;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    z-index: 2;
}
.product-btn a.sec-btn.sm.button,
body .add-to-cart-btn button,
body .add-to-cart-btn a {
	width: auto;
	max-width: 100%;
    height: 35px;
    background: var(--primary-color);
    border: none;
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    -webkit-appearance: none;
    font-size: 16px;
    line-height: 20px;
    color: var(--white-color);
    font-weight: 500;
    text-align: center;
    padding: 5px 16px!important;
    cursor: pointer;
    text-transform: capitalize;
    outline: none !important;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.sec-btn:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce div.product form.cart .button:hover,
.xoo-el-form-container button.btn.button.xoo-el-action-btn:hover,
.sec-btn.secondary,
.noptin-form-submit:hover,
.noptin-form-submit:focus {
    background: var(--secondary-color);
    color: var(--white-color);
}

.sec-btn.white-outline {
    background: transparent;
    border: 2px solid var(--white-color);
    color: var(--white-color);
}

.sec-btn.white-outline:hover {
    background: var(--white-color);
    color: var(--dark-color);
}

.noptin-form-submit:focus {
    border: none;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
}

.sec-btn.secondary:hover {
    background: var(--primary-color);
}

.sec-btn.sm,
.woocommerce .product-btn a.button {
	height: 35px;
	font-size: 14px;
    padding-inline: 20px;
}

.main-banner .banner-video,
.main-banner .banner-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.main-banner .banner-video video {
    left: 50%;
    transform: translate(-50%);
    width: auto;
}

.container, 
.container-fluid, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl {
    --bs-gutter-x : var(--gutter);
    --container-space: calc(var(--gutter) / 2);
    padding-right: var(--container-space);
    padding-left: var(--container-space);
}

.row {
    --bs-gutter-x : var(--gutter);
}

.slick-slider [class*=col-] {
    padding-right: calc(var(--gutter) / 2);
    padding-left: calc(var(--gutter) / 2);
}

.common-sec {
    position: relative;
    margin-block: var(--sec-spacing);
}

.sec-bg {
    background: var(--sec-bg);
    padding-block: var(--sec-spacing);
    position: relative;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}

.sec-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/images/bg-shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: 0;
}

.sec-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 0;
}

.title {
    text-align: center;
    margin-bottom: 50px;
}

.site {
    width: 100%;
    overflow-x: hidden;
}
/*==========Common CSS End==========*/

/*========== Modal Popup CSS Start ==========*/
.modal-open .modal, .modal-open {
    padding-right: 0 !important;
}

.modal-open {
    position: fixed;
    width: 100%;
}

.modal-content {
    border: none;
    background: var(--white-color);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 30px rgb(60 140 244 / 16%);
}

.popup-title {
    position: relative;
    padding: 10px 65px 10px 30px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.popup-title .h2-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
}

button.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: var(--primary-color);
    opacity: 1 !important;
    text-shadow: none;
    color: var(--white-color);
    border-radius: 0;
    outline: none !important;
    z-index: 2;
    transition: 0.3s;
}

button.close:hover {
    background: var(--secondary-color);
    color: var(--dark-color);
}

.modal-dialog {
    margin: 0 auto;
    max-width: 700px;
    height: 100%;
    display: flex;
    align-items: center;
}

.common-popup-overflow {
    padding: 10px 0px;
}

.common-popup-text {
    padding: 20px 30px !important;
    max-height: 80vh;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-color: transparent transparent;
}

.common-popup-text::-webkit-scrollbar {
    width: 3px;
}

.common-popup-text::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

.common-popup-text::-webkit-scrollbar-track {
    background: #cccccc;
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: unset !important;
    }
}
/*========== Modal Popup CSS End ==========*/

/*==========Slider Css End==========*/
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-dots {
    position: relative;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
}

.slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.slick-dots li button {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid var(--common-color);
    outline: none;
    padding: 0;
    border-radius: 50%;
    transition: 0.3s;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.slick-initialized .slick-slide {
    outline: none !important;
}

#sb_instagram #sbi_images .sbi_item.sbi_transition {
    opacity: 1 !important;
    max-height: unset !important;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    width: 45px;
    height: 45px;
    padding: 0;
    border: none !important;
    background: var(--secondary-color);
    outline: none !important;
    border-radius: 50%;
    color: var(--white-color);
    font-weight: 400;
    font-size: 17px;
    transition: 0.3s;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-arrow.next-arrow {
    left: auto;
    right: 0;
}

.slick-arrow:hover {
    background: var(--primary-color);
}

.slick-dots li:only-child {
    display: none;
}

.slick-dots li:first-child {
    margin-left: 0;
}

.slick-dots li:last-child {
    margin-right: 0;
}
/*==========Slider Css End==========*/

/*==========Overflow CSS==========*/
.overflow-text {
    height: 300px;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: transparent transparent;
}

.overflow-text::-webkit-scrollbar,
[data-simplebar=init]::-webkit-scrollbar,
.simplebar-scroll-content::-webkit-scrollbar {
    width: 0;
    opacity: 0 !important;
    display: none;
    clip-path: inset(0 0 30px 0);
}

.simplebar-track.horizontal {
    display: none;
}

.overflow-text::-webkit-scrollbar-thumb {
    opacity: 0 !important;
}

.overflow-text::-webkit-scrollbar-track {
    opacity: 0 !important;
}

.simplebar-track {
    width: 3px;
    background: #cccccc;
}

.simplebar-scrollbar {
    right: 0;
    z-index: 66;
    background: var(--primary-color);
    opacity: 1 !important;
    width: 100%;
}

[data-simplebar=init] {
    padding-right: 10px;
    scrollbar-color: transparent transparent;
}

.simplebar-scroll-content {
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}

.simplebar-content {
    margin-right: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.simplebar-content p:last-child {
    margin-bottom: 0;
}

.compensate-for-scrollbar {
    margin-right: 0 !important;
}
/*==========Overflow CSS End==========*/

/*==========White text CSS==========*/
.white-text p,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text ul li,
.white-text label,
.white-text span:not(.wpcf7-form-control-wrap) {
    color: var(--white-color);
}

.white-list-link a {
    color: var(--white-color);
}

.fancybox-video {
    background-color: var(--white-color);
}

.white-arrow-dots .slick-dots li button {
    border-color: var(--white-color);
}

.white-arrow-dots .slick-dots li.slick-active button,
.white-arrow-dots .slick-dots li button:hover {
    background: var(--white-color);
}

.white-arrow-dots .slick-arrow {
    background: var(--white-color);
    color: var(--dark-color);
}

.white-arrow-dots .slick-arrow:hover {
    background: var(--dark-color);
    color: var(--white-color);
}

.white-btn {
    background: var(--white-color);
    color: var(--dark-color);
    border-color: var(--white-color);
}

.white-form .form-input,
.white-form .input-text,
.white-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered,
.white-form select {
    background: transparent;
    border-color: var(--white-color);
    color: var(--white-color);
}

.white-form span.wpcf7-list-item-label:before,
.white-form .woocommerce-form__label-for-checkbox span:before,
.white-form .comment-form-cookies-consent label:before {
    border-color: var(--white-color);
    background: var(--white-color);
}

.white-form span.wpcf7-list-item-label:after,
.white-form .woocommerce-form__label-for-checkbox span:after,
.white-form .comment-form-cookies-consent label:after {
    background: var(--red-color);
}

.white-form .form-input::-webkit-input-placeholder,
.white-form .input-text::-webkit-input-placeholder {
    color: var(--white-input-color);
}

.white-form .form-input::-moz-placeholder,
.white-form .input-text::-moz-placeholder {
    color: var(--white-input-color);
}

.white-form .form-input:-ms-input-placeholder,
.white-form .input-text:-ms-input-placeholder {
    color: var(--white-input-color);
}

.white-form .form-input::-ms-input-placeholder,
.white-form .input-text::-ms-input-placeholder {
    color: var(--white-input-color);
}

.white-form .form-input::placeholder,
.white-form .input-text::placeholder {
    color: var(--white-input-color);
}

.white-form select {
    color: var(--white-input-color) !important;
}

.white-form .form-element i {
    color: var(--white-color);
}

.white-form .wpcf7 form .wpcf7-response-output {
    color: var(--white-color);
}
/*==========White text CSS End==========*/

/*========== Preloader CSS Start ==========*/
body.fixed {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    z-index: 999;
}

.preloader-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}

.preloader-box img {
    max-width: 100%;
    width: auto;
    height: 70px;
    filter: drop-shadow(0 0 20px rgba(0,0,0,0.2));
}
/*========== Preloader CSS End ==========*/

/*==========Header CSS Start==========*/
.site-header {
	--header-height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    background: var(--white-color);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	z-index: 100;
}

.header-top {
    background: var(--secondary-color);
    transition: 0.3s;
}

.site-header.sticky_head .header-top {
    margin-top: -40px;
}

.header-top-box {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	gap: 30px;
}

.header-top-link, .header-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

.header-top-link a {
    color: var(--white-color);
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s;
}

.header-top-link a:hover {
    color: var(--dark-color);
}

.header-top-link a i {
    font-size: 14px;
}

.header-social {
    gap: 15px;
}

.header-social a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: var(--white-color);
    text-decoration: none !important;
    border-radius: 50%;
    font-size: 14px;
    color: var(--primary-color);
    transition: 0.3s;
}

.header-social a:hover {
    background: var(--dark-color);
    color: var(--white-color);
}

.site-branding {
    width: 150px;
    height: var(--header-height);
    display: flex;
    align-items: flex-end;
}

.site-branding a {
    display: block;
    width: 100%;
    height: calc(100% + 70px);
    padding: 15px;
    background: var(--sec-bg);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    text-align: center;
    position: relative;
    bottom: -30px;
    border-radius: 0 0 15px 15px;
    border: var(--border);
    transition: 0.3s;
}

.site-header.sticky_head .site-branding a {
    height: calc(100% + 30px);
    padding: 5px;
}

.site-branding img {
    width: auto;
    max-width: 100%;
    height: 100%;
}

.header-menu {
    width: 100%;
    height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 50px;
}

.main-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: center;
}

.main-navigation ul li a {
    color: var(--common-color);
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none !important;
	position: relative;
    cursor: pointer;
    transition: 0.3s;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current_page_item>a,
.main-navigation ul li.current-menu-ancestor>a,
.main-navigation ul li.menu-item-has-children:hover>a {
    color: var(--primary-color);
}

.main-navigation ul li a:before {
	content: '';
	position: absolute;
	top: calc(100% + 15px);
	left: 50%;
	transform: translate(-50%);
	width: 20px;
	height: 20px;
	-webkit-mask-image: url('assets/images/pet-foote-icon.svg');
	-webkit-mask-size: 100%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--primary-color);
	opacity: 0;
	transition: 0.3s;
}

.main-navigation ul li a:hover:before,
.main-navigation ul li.current_page_item>a:before,
.main-navigation ul li.current-menu-ancestor>a:before {
	top: calc(100% + 5px);
	opacity: 1;
}

.main-navigation ul li ul li a:before {
    display: none;
}

.header-menu-btn {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header-menu-btn .cart {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: var(--dark-color);
    position: relative;
    transition: 0.3s;
}

.header-menu-btn .cart:hover {
    color: var(--primary-color);
}

.header-menu-btn .cart .number {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    border-radius: 50%;
    color: var(--white-color);
    font-size: 42%;
	line-height: 1;
    transition: 0.3s;
}

.header-menu-btn .cart:hover .number {
    background: var(--dark-color);
}

.search-link {
    background: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    padding: 0;
    color: var(--dark-color);
    cursor: pointer;
    transition: 0.3s;
}

.search-link:hover {
    color: var(--primary-color);
}

.header-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: none;
    z-index: 9999;
}

.search-close {
    position: absolute;
    top: 30px;
    right: 30px;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    font-size: 30px;
    color: var(--dark-color);
    cursor: pointer;
    transition: 0.3s;
}

.search-close:hover {
    color: var(--primary-color);
}

.header-search-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 600px;
    max-width: calc(100% - 60px);
    text-align: center;
}

.header-search-box .h3-title {
    text-transform: capitalize;
    margin-bottom: 25px;
}

.header-search-form .search-form .search-field {
    height: 50px;
    border-radius: 40px;
}

.search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--white-color);
    border-radius: 10px;
    box-shadow: 0 0 15px rgb(0 0 0 / 16%);
    padding-right: 0;
    max-height: 184px;
}

.search-suggestions ul {
    text-align: left;
    list-style: none;
    width: 100%;
}

.search-suggestions ul li {
    padding: 5px 30px;
    border-bottom: var(--border);
}

.search-suggestions ul li:last-child {
    border-bottom: 0;
}

.search-suggestions ul li a {
    display: inline-block;
    color: var(--common-color);
}

.search-suggestions ul li a:hover {
    color: var(--primary-color);
}

.no-suggestions {
    padding: 5px 30px;
}

.main-navigation ul li.menu-fish > a,
.main-navigation ul li.menu-dog > a,
.main-navigation ul li.menu-cat > a,
.main-navigation ul li.menu-accessories > a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.main-navigation ul li.menu-fish > a:before,
.main-navigation ul li.menu-dog > a:before,
.main-navigation ul li.menu-cat > a:before,
.main-navigation ul li.menu-accessories > a:before {
    content: '\f578';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    color: var(--secondary-color);
    display: block !important;
    position: relative;
    left: 0 !important;
    top: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-mask-image: unset;
    background: transparent;
    width: auto;
    height: auto;
    transition: initial;
}

.main-navigation ul li.menu-dog > a:before {
    content: '\f6d3';
}

.main-navigation ul li.menu-cat > a:before {
    content: '\f6be';
}

.main-navigation ul li.menu-accessories > a:before {
    content: '\f46d';
}
/*==========Header CSS End==========*/

/*==========Banner CSS End==========*/
.banner-slide-box {
    min-height: 750px;
    height: 100vh;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 150px 0 30px 0;
    overflow: hidden;
    position: relative;
}

.banner-slide-img,
.banner-slide-mob-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.banner-slide-mob-img {
    opacity: 0.2;
}

.banner-content .sub-title {
    color: var(--white-color);
}

.banner-content p {
    max-width: 80%;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: 500;
    color: var(--white-color);
}

.banner-img img {
    max-width: unset;
    width: 35vw;
    height: 75vh;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 5px 20px rgba(0,0,0,0.2));
}

.banner-slider .slick-dots {
    margin-top: 0;
    position: absolute;
    bottom: 30px;
}

.banner-slider .slick-dots li button {
    border-color: var(--white-color);
}

.banner-slider .slick-dots li.slick-active button, 
.banner-slider.slick-dots li button:hover {
    border-color: var(--white-color);
    background: var(--white-color);
}

.banner-slider .slick-arrow.prev-arrow {
    left: -5px;
    border-radius: 0 10px 10px 0;
}

.banner-slider .slick-arrow.next-arrow {
    right: -5px;
    border-radius: 10px 0 0 10px;
}
/*==========Banner CSS End==========*/

/*==========Coupons Design CSS Start==========*/
.coupons-box {
    width: 100%;
    height: 100%;
    background: var(--yellow-color);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
}

.coupons-list .row [class^="col-"]:only-child .coupons-box {
    padding: 30px 40px;
    gap: 30px;
}

.coupons-box.yellow {
    background: var(--yellow-color);
}

.coupons-box.blue {
    background: var(--blue-color);
}

.coupons-box.pink {
    background: var(--pink-color);
}

.coupons-box.green {
    background: var(--green-color);
}

.coupons-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('assets/images/banner-img-bg.svg');
    background-size: contain;
    background-position: 120% 50%;
    background-repeat: no-repeat;
    mix-blend-mode: luminosity;
    opacity: 0.7;
    z-index: 0;
}

.coupons-box>* {
    position: relative;
    z-index: 4;
}

.coupons-text>* {
    margin-bottom: 0;
}

.coupons-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.coupons-list .row [class^="col-"]:only-child .coupons-text {
    gap: 25px;
}

.coupons-text .sub-title, .coupons-text p {
    color: var(--white-color);
    line-height: 1.3;
}

.coupons-text .sec-btn {
    width: 150px;
    background: var(--dark-color);
}

.coupons-text .sec-btn:hover {
    background:var(--common-color);
}

.coupons-img {
    flex-shrink: 0;
}

.coupons-img img {
    width: auto;
    height: auto;
    max-width: 250px;
    max-height: 220px;
    filter: drop-shadow(0 10px 5px rgba(0,0,0,0.2));
}

.coupons-list .row [class^="col-"]:only-child .coupons-img img {
    max-width: 300px;
    max-height: 250px;
}
/*==========Coupons Design CSS End==========*/

/*==========Pets Categories CSS Start==========*/
.main-pet-categories .container-fluid {
    padding-inline: clamp(30px, 5vw, 100px);
}

.pet-categories-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.home .pet-categories-list {
    display: flex;
    gap: 30px 0;
    flex-wrap: wrap;
}

.pet-categorie-box {
    text-align: center;
}

.home .pet-categorie-box {
    width: 25%;
    padding-inline: 15px;
}

.home .pet-categorie-box:nth-child(1) {
    order: 1;
}

.home .pet-categorie-box:nth-child(2) {
    order: 3;
}

.home .pet-categorie-box:nth-child(3) {
    order: 4;
}

.home .pet-categorie-box:nth-child(4) {
    order: 2;
}

.woocommerce-shop .pet-categorie-box:nth-child(1) {
    order: 2;
}

.woocommerce-shop .pet-categorie-box:nth-child(2) {
    order: 4;
}

.woocommerce-shop .pet-categorie-box:nth-child(3) {
    order: 3;
}

.woocommerce-shop .pet-categorie-box:nth-child(4) {
    order: 1;
}

.pet-categorie-box a {
    display: inline-block;
}

.pet-categorie-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 150px;
    aspect-ratio: 1/1;
    background: var(--sec-bg);
    border-radius: 50%;
    border: var(--border);
}

.pet-categorie-image img {
    width: 65%;
    height: 65%;
    object-fit: contain;
    object-position: center;
}

.pet-categorie-name {
    display: block;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

.pet-categorie-name .h3-title {
    font-size: 22px;
    text-transform: capitalize;
    transition: 0.3s;
}

.pet-categorie-box a:hover .h3-title {
    color: var(--primary-color);
}

.back-to-link:not(:last-child) {
    margin-bottom: 60px;
}

.back-to-link .h4-title {
    display: inline-block;
}

.back-to-link a:hover .h4-title {
    color: var(--primary-color);
    transition: 0.3s;
}

.back-to-link .h4-title i {
    margin-right: 10px;
}
/*==========Pets Categories CSS End==========*/

/*==========New Arrivals CSS Start==========*/
.product-box {
    position: relative;
    top: 0;
    text-align: center;
    background: var(--white-color);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.03);
    border-radius: 15px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    height: 100%;
    transition: 0.3s;
}

.product-box:hover {
    top: -15px;
    border-color: rgba(0,0,0,0.3);
    box-shadow: 3px 10px 35px rgba(0,0,0,0.1);
}

.product-image {
    width: 100%;
    aspect-ratio: 1/1;
    margin-bottom: 20px;
    background: var(--sec-bg);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
}

.product-image img,
.woocommerce ul.products li.product a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    border-radius: 10px;
}

.product-content .h4-title, .woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 0;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    margin-bottom: 0;
}

.product-content .h4-title a {
    color: var(--dark-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
}

.product-content .h4-title a:hover {
    color: var(--secondary-color);
}

.product-rating-box {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: white; /* optional for contrast */
    border: 1px solid orange;
    border-radius: 62px;
    padding: 4px 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 10; /* Make sure it stays on top */
}

.product-rating {
    display: inline-block;
    position: relative;
}

.product-rating:before,
.product-rating-fill:before {
    content: "\f005\f005\f005\f005\f005";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: var(--primary-color);
    font-size: 16px;
}

.product-rating-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.product-rating-fill:before {
    font-weight: 900;
}

.product-rating:has(.product-rating-fill[style="width: 0%;"]) {
    opacity: 0;
}

.product-price h5,
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    color: #f07c00;
    font-family: var(--title-font);
    margin-bottom: 15px;
}

.product-price h5 span, .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del {
    margin-top: -5px;
    font-size: 18px;
    font-weight: 500;
    color: var(--common-color);
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    opacity: 0.5;
}

.woocommerce-product-details__short-description {
    margin-block: 15px;
}

.product-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.cart-btn {
    width: 35px;
    height: 35px;
    background: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border: 1px solid var(--dark-color);
    color: var(--dark-color);
    border-radius: 50%;
    transition: 0.3s;
}

.cart-btn:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}

.product-slider,
.featured-slider {
    position: relative;
}

.product-slider .slick-track,
.featured-slider .slick-track {
    display: grid;
    grid-auto-flow: column;
}

.product-slider .slick-arrow,
.featured-slider .slick-arrow {
    left: auto;
    right: 100%;
}

.product-slider .slide-arrow.next-arrow,
.featured-slider .slide-arrow.next-arrow {
    left: 100%;
    right: auto;
}

.product-slider .slick-list,
.featured-slider .slick-list {
    overflow: visible;
}

.product-slider .slick-slide,
.featured-slider .slick-slide {
    pointer-events: none;
    opacity: 0;
    transition: 0.3s;
}

.product-slider .slick-slide.slick-active,
.featured-slider .slick-slide.slick-active {
    pointer-events: unset;
    opacity: 1;
}
/*==========New Arrivals CSS End==========*/

/*==========Pet Grooming CSS Start==========*/
.grooming-img.back-img {
    width: 50vw;
    height: 100%;
    float: right;
    min-height: 550px;
    border-radius: 0 100px 100px 0;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

.grooming-content {
    padding-left: 40px;
}

.grooming-content ul:not(:last-child) {
    margin-bottom: 30px;
}

.grooming-content ul li {
    position: relative;
    margin-bottom: 10px;
    display: flex;
}

.grooming-content ul li:last-child {
    margin-bottom: 0;
}

.grooming-content ul li:before {
    content: '\f1b0';
    font-family: 'font awesome 5 pro';
    font-size: 14px;
    font-weight: 900;
    color: var(--primary-color);
    margin-right: 7px;
    flex-shrink: 0;
}

.grooming-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
/*==========Pet Grooming CSS End==========*/

/*==========Doctor Consulting CSS Start==========*/
.main-doctor-consult .title p {
    display: inline-block;
    max-width: 800px;
}
.doctor-consult-img {
    padding-left: 40px;
}
.doctor-consult-form .row {
    --gutter: 15px;
}

.doctor-consult-form .wpcf7-form-control-wrap {
    margin-bottom: 15px;
}

.doctor-consult-form span.wpcf7-not-valid-tip {
    margin-bottom: -10px;
}
/*==========Doctor Consulting CSS End==========*/

/*==========About Us CSS Start==========*/
.about-us-img {
    display: flex;
    justify-content: flex-end;
    padding-right: 40px;
}

.about-us-img img {
    max-width: unset;
    width: 45vw;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.1));
}

.about-us-text:not(:last-child) {
    margin-bottom: 30px;
}
/*==========About Us CSS End==========*/

/*==========Featured Pets CSS Start==========*/
.featured-tabbing-content {
    position: relative;
}

.featured-tabbing {
    margin-bottom: 60px;
}

.featured-tabbing ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.featured-tabbing ul a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 5px 30px;
    background: transparent;
    font-size: 18px;
    color: var(--common-color);
    border: 1px solid var(--common-color);
    border-radius: 40px;
    font-weight: 500;
    transition: 0.3s;
}

.featured-tabbing ul a:hover, .featured-tabbing ul li.active a {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}
/*==========Featured Pets CSS End==========*/

/*==========Pets Accessories CSS Start==========*/
.pets-accessories-text {
    margin-bottom: 30px;
}

.pets-accessories-slider {
    margin-bottom: 75px;
}

.pets-accessories-slider .slick-list {
    width: 1400px;
    padding-right: 410px;
    max-width: unset;
}

.pets-accessories-slider .slide-arrow {
    left: 15px;
    top: auto;
    transform: none;
    bottom: -75px;
}

.pets-accessories-slider .slide-arrow.next-arrow {
    left: 80px;
}

.pets-accessories-slider .product-box:hover {
    top: 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.03);
}
/*==========Pets Accessories CSS End==========*/

/*==========Testimonial CSS Start==========*/
.testimonial-img {
    width: 100%;
    height: 400px;
    border-radius: 20px;
    background-color: #f5f5f5;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.testimonial-content {
    padding-left: 40px;
}

.quote {
    display: block;
    font-size: 40px;
    line-height: 1;
    color: var(--primary-color);
    margin-bottom: 30px;
}

.testimonial-content-text {
    height: 182px;
    margin-bottom: 30px;
}

.review-by {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-by:before {
    content: '\f1b0';
    font-family: 'font awesome 5 pro';
    font-size: 20px;
    font-weight: 900;
    color: var(--secondary-color);
}

.review-by .h4-title {
    margin-bottom: 0;
}

.testimonial-slider .slick-list {
    margin-inline: -30px;
}

.testimonial-slider .slick-slide {
    margin-inline: 30px;
}

.testimonial-slider .slick-arrow {
    top: auto;
    transform: none;
    bottom: -15px;
}

.testimonial-slider .slick-dots {
    padding-inline: 60px;
}
/*==========Testimonial CSS End==========*/

/*==========Brands We Deal CSS Start==========*/
.brands-deal-slider {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
}

.brands-img {
    width: 100%;
    height: 100px;
    background: var(--white_color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.brands-img img {
    object-fit: contain;
    object-position: center;
    width: auto;
    max-height: 100%;
    height: auto;
    max-width: 100%;
}
/*==========Brands We Deal CSS End==========*/

/*==========Our Blogs CSS Start==========*/
.blog-box {
    height: 100%;
    position: relative;
    top: 0;
    background: var(--white-color);
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    border: var(--border);
    border-radius: 20px;
    overflow: hidden;
    transition: 0.3s;
}

.blog-box:hover {
    top: -15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.blog-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.6373;
    position: relative;
}

.blog-date {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: inline-block;
    padding: 8px 10px;
    background: var(--primary-color);
    border-radius: 40px 0 0 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: var(--white-color);
    z-index: 1;
}

.blog-text {
    padding: 30px;
}

.blog-text .h4-title,
.blog-text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
}

.blog-text p {
    height: 78px;
    -webkit-line-clamp: 3;
    margin-bottom: 20px;
}

.blog-btn {
    margin-top: 30px;
    text-align: center;
}

.blog-slider .slick-list {
    overflow: visible;
}
/*==========Our Blogs CSS End==========*/

/*==========Newsletter CSS Start==========*/
.newsletter-box {
    width: 100%;
    padding: 40px;
    background: var(--sec-bg);
    border-radius: 30px;
    box-shadow: 3px 3px 40px rgba(0,0,0,0.1);
    border: var(--border);
    position: relative;
    overflow: hidden;
}

.newsletter-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/images/bg-shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.05;
    z-index: 0;
}

.newsletter-box>div {
    position: relative;
    z-index: 5;
}

.newsletter-form {
    position: relative;
    margin-top: 40px;
}

.noptin-form-fields {
    display: flex;
    align-items: center;
    gap: 20px;
}

.noptin-newsletter-form .noptin-form-field-wrapper {
    max-width: 100%;
    margin-bottom: 0;
}

.noptin-form-field-wrapper.noptin-form-field-submit {
    flex-shrink: 0;
}

.noptin-styles-basic:not(.noptin-template-condensed) {
    max-width: 100%;
    margin: 0;
}

.newsletter-img img {
    width: 100%;
}

.noptin-template-condensed .noptin-form-field-wrapper:not(.noptin-form-field-submit),
.noptin-styles-basic {
    margin: 0;
}
/*==========Newsletter CSS End==========*/

/*==========Shipping And Support CSS Start==========*/
.shipping-support-box {
    text-align: center;
}

.shipping-support-box .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background: var(--white-color);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 20px;
}

.shipping-support-box .icon img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 70%;
}

.shipping-support-text .h4-title {
    margin-bottom: 5px;
}

.shipping-support-text p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}
/*==========Shipping And Support CSS End==========*/

/*==========Footer CSS Start==========*/
.site-footer {
    position: relative;
    padding-top: var(--sec-spacing);
    background-blend-mode: darken;
    background-color: var(--secondary-light-color);
    border-top: 5px solid var(--primary-color);
}

.footer-logo {
    margin-top: calc(var(--sec-spacing) * -1);
    width: 160px;
    aspect-ratio: 1/1;
    background: var(--white-color);
    border-radius: 0 0 20px 20px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.footer-logo img {
    width: 80%;
}

.footer-logo a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.footer-info p {
    margin-bottom: 30px;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.footer-social a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background: var(--white-color);
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    font-size: 18px;
    color: var(--dark-color);
    transition: 0.3s;
}

.footer-social a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.footer-menu-box {
    display: flex;
    justify-content: space-evenly;
    gap: 30px;
}

.footer-title {
    margin-bottom: 20px;
}

.footer-menu ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-menu ul li a {
    color: var(--common-color);
    position: relative;
    transition: 0.3s;
}

.footer-menu ul li a:hover {
    color: var(--primary-color);
}

.footer-menu ul li a:before {
    content: '\f1b0';
    font-family: 'font awesome 5 pro';
    font-size: 14px;
    font-weight: 900;
    color: var(--primary-color);
    margin-right: 7px;
}

.footer-contact-box:not(:last-child) {
    margin-bottom: 20px;
}

.footer-contact-box a {
    display: inline-flex;
    align-items: center;
    color: var(--common-color);
    transition: 0.3s;
}

.footer-contact-box a:hover {
    color: var(--primary-color);
}

.footer-contact-box a .icon {
    flex-shrink: 0;
    align-self: baseline;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: var(--white-color);
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    color: var(--dark-color);
    margin-right: 10px;
    transition: 0.3s;
}

.footer-contact-box a:hover .icon {
    background: var(--primary-color);
    color: var(--white-color);
}

.footer-bottom-box {
    margin-top: 60px;
    border-top: 1px dashed rgba(0,0,0,0.3);
    position: relative;
    padding: 25px 0;
}

.footer-bottom-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copy-right,
.footer-other-link {
    display: inline-block;
}

.copy-right p,
.footer-other-link p {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
}

.footer-bottom-link {
    display: inline-block;
    text-align: center;
}

.footer-bottom-link ul {
    font-size: 0;
    line-height: 1;
    list-style: none;
    margin: 0;
}

.footer-bottom-link ul li {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid var(--common-color);
}

.footer-bottom-link ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

.footer-bottom-link ul li a {
    font-size: 14px;
    line-height: 1;
    color: var(--common-color);
    transition: 0.3s;
}

.footer-bottom-link ul li a:hover {
    color: var(--primary-color);
}

.copy-right p a,
.footer-other-link p a {
    color: var(--primary-color);
    font-weight: 500;
    transition: 0.3s;
}

.copy-right p a:hover,
.footer-other-link p a:hover {
    color: var(--secondary-color);
}
/*==========Footer CSS End==========*/


/*==========Scroll To Top CSS Start==========*/
.scrolltop {
    position: fixed;
    bottom: 40px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: var(--secondary-color);
    border: none;
    color: var(--white-color) !important;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 20px rgb(0 0 0 / 16%);
    cursor: pointer;
    display: none;
    z-index: 50;
    transition: .3s;
}

.scrolltop:hover {
    background: var(--primary-color);
    color: var(--white-color) !important;
}
/*==========Scroll To Top CSS End==========*/

/*==========About Us Page CSS Start==========*/
/* Why Choose Start */
.why-choose-us-content ul {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.why-choose-us-content ul li {
    display: flex;
    gap: 15px;
}

.why-choose-us-content ul li .icon {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--white-color);
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 10px;
}

.why-choose-us-content ul li .icon img {
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
}

.why-choose-us-content ul li .text {
    display: inline-block;
    align-self: center;
}

.why-choose-us-content ul li .text .h4-title {
    margin-bottom: 5px;
}

.why-choose-us-img img {
    max-width: unset;
    width: 46vw;
    margin-left: 70px;
}
/* Why Choose End */
/*==========About Us Page CSS End==========*/

/*==========Contact Us Page CSS Start==========*/
/* Contact Links Start */
.contact-page-link-box {
    width: 100%;
    height: 100%;
    background: var(--white-color);
    border-radius: 15px;
    box-shadow: 0 0 30px rgba(0,0,0, 0.1);
    text-align: center;
    padding: 0 30px 30px;
}

.contact-page-link-box .icon {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -35px;
    margin-bottom: -15px;
    background: var(--secondary-color);
    border-radius: 50%;
    margin-inline: auto;
    font-size: 22px;
    color: var(--white-color);
}

.contact-page-link-box .text p {
    margin-bottom: 0;
}
/* Contact Links End */

/* Contact Form Start */
.contact-form-img {
    display: flex;
    justify-content: flex-end;
    padding-right: 40px;
}

.contact-form-img img {
    max-width: unset;
    width: 35vw;
}

.contact-form-box .h3-title {
    margin-bottom: 30px;
}

.contact-form-box {
    position: relative;
    background: var(--sec-bg);
    border-radius: 20px;
    border: var(--border);
    padding: 50px;
}
/* Contact Form End */

/* Google Map Start */
.google-map {
    position: relative;
    margin-top: var(--sec-spacing);
}

.google-map iframe {
    width: 100%;
    height: 550px;
}
/* Google Map End */
/*==========Contact Us Page CSS End==========*/

/*========== Inner Page CSS end ==========*/
.inner-banner {
    padding-top: calc(120px + var(--sec-spacing));
    padding-bottom: var(--sec-spacing);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}

.inner-banner .banner-content {
    text-align: center;
}

.inner-banner .h1-title {
    font-size: 55px;
}

.inner-banner .h1-title:last-child {
    margin-bottom: 0;
}

.inner-page-text {
    padding: 80px 0;
}

.privacy-content h2,
.entry-content h2 {
    font-size: 28px;
    line-height: 1.5;
    color: var(--primary-color);
    text-transform: uppercase;
    margin-block: 40px 10px;
}

.privacy-content h2:first-child,
.entry-content h2:first-child {
    margin-top: 0;
}

.privacy-content p,
.entry-content p {
    margin-bottom: 15px;
}

.privacy-content p:last-child,
.entry-content p:last-child {
    margin-bottom: 0;
}

.privacy-content ol,
.privacy-content ul,
.entry-content ol,
.entry-content ul {
    padding: 0 0 0 20px;
    margin: 0 0 30px 0;
}

.privacy-content ol:last-child,
.privacy-content ul:last-child,
.entry-content ol:last-child,
.entry-content ul:last-child {
    margin-bottom: 0;
}

.privacy-content ol li,
.privacy-content ul li,
.entry-content ol li,
.entry-content ul li {
    margin-bottom: 10px;
    list-style: none;
	margin-left: 15px;
}

.privacy-content p a,
.privacy-content a,
.entry-content a,
.entry-content p a,
.entry-content a {
    transition: .3s;
    color: var(--primary-color);
}

.privacy-content p a:hover
.privacy-content a:hover,
.entry-content p a:hover,
.entry-content a:hover {
    color: var(--secondary-color);
}

.privacy-content .list-disk li,
.entry-content .list-disk li {
    list-style: disc;
}
/*========== Inner page CSS end ==========*/

/*==========Login & Register Page CSS Start==========*/
.xoo-el-form-container.xoo-el-form-inline {
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    overflow: hidden;
    background: var(--white-color);
    box-shadow: 5px 5px 30px rgba(0,0,0,0.1);
    padding: 0;
}

.xoo-el-form-container.xoo-el-form-inline:not(:last-child){
    margin-bottom: 30px;
}

.xoo-el-form-container ul.xoo-el-tabs {
    padding: 0;
}

.xoo-el-fields-cont {
    width: 100%;
    gap: 0 30px;
}

.xoo-el-header {
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.xoo-el-section {
    padding: 50px 30px;
}

form.xoo-el-action-form {
    margin-top: 0;
}

.xoo-aff-group {
    float: none;
    width: 100%;
}

.xoo-el-form-container button.btn.button.xoo-el-action-btn {
    width: 100%;
    margin: 0;
}

.xoo-el-form-container ul.xoo-el-tabs li {
    background-color: transparent;
    color: var(--common-color);
    text-transform: uppercase;
    border-right: 1px solid rgba(0,0,0,0.2);
}

.xoo-el-form-container ul.xoo-el-tabs li:last-child {
    border-right: 0;
}

.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.xoo-aff-input-group .xoo-aff-input-icon {
    background: var(--sec-bg);
    color: var(--primary-color);
    border: 1px solid rgba(0,0,0,0.2);
    border-right: 0;
    min-width: 50px;
    border-radius: 10px 0 0 10px;
}

.xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], 
.xoo-aff-group input[type="email"], 
.xoo-aff-group input[type="number"], .xoo-aff-group select, 
.xoo-aff-group select + .select2 {
    padding: 5px 20px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0 10px 10px 0;
    background: var(--white-color);
    outline: none !important;
}

.xoo-aff-group input[type="text"]:focus, 
.xoo-aff-group input[type="password"]:focus, 
.xoo-aff-group input[type="email"]:focus, 
.xoo-aff-group input[type="number"]:focus, 
.xoo-aff-group select:focus, 
.xoo-aff-group select + .select2:focus {
    background: var(--white-color);
}

.xoo-aff-group.xoo-el-login-btm-fields,
.xoo-aff-group.xoo-aff-cont-checkbox_single,
.xoo-el-form-txt {
    margin-bottom: 20px;
}

.xoo-aff-group label {
    font-weight: normal;
    margin-bottom: 0;
}

.xoo-aff-group.xoo-el-login-btm-fields .xoo-el-lostpw-tgr {
    color: var(--dark-color);
    text-decoration: underline !important;
    font-size: 14px;
}

.xoo-aff-group.xoo-el-login-btm-fields .xoo-el-lostpw-tgr:hover {
    color: var(--primary-color);
}

form.xoo-el-action-form {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
}

.xoo-aff-group.onehalf {
    width: 100%;
    margin-right: 0;
    flex: 1;
}

.xoo-el-notice {
    width: 100%;
    margin-bottom: 30px;
}

.xoo-el-notice-error {
    color: var(--red-color);
    background-color: transparent;
    border: 1px solid var(--red-color);
    border-radius: 10px;
}

/* Profile Menu Start */
.profile-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 50%;
    color: var(--white-color);
    font-size: 16px;
    transition: 0.3s;
}

.profile-icon:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}
/* Profile Menu End */
/*==========Login & Register Page CSS End==========*/

/*==========My Account Page CSS Start==========*/
.row#customer_login {
    margin: 0;
}

form.woocommerce-ResetPassword.lost_reset_password .button {
    width: 270px;
}

.my-account-sidebar {
    position: sticky;
    top: 130px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
    padding: 0;
    display: block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    width: 100%;
    background: var(--white-color);
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    display: block;
    font-size: 16px;
    line-height: 32px;
    border-bottom: var(--border);
    margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    font-size: 16px;
    line-height: 32px;
    color: var(--common-color);
    font-weight: 500;
    display: block;
    padding: 10px 30px;
    position: relative;
    transition: 0.3s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child a {
    border-radius: 15px 15px 0 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a {
    border-radius: 0 0 15px 15px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--secondary-color);
} 

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--white-color);
    background: var(--primary-color);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:after {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    color: var(--primary-color);
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(0,-50%);
    margin-left: -1px;
    opacity: 0;
    transition: 0.3s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:after {
    opacity: 1;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address {
    float: none;
    width: 100%;
    flex: unset;
    max-width: 100%;
    margin-bottom: 40px;
    padding: 0;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address:last-child {
    margin-bottom: 0;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address .woocommerce-Address-title {
    border-bottom: var(--border);
    margin-bottom: 15px;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    font-size: 25px;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 15px;
}

form.woocommerce-EditAccountForm.edit-account,
.woocommerce form .woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.woocommerce form .woocommerce-address-fields__field-wrapper {
    align-items: flex-end;
}

form.woocommerce-EditAccountForm.edit-account .form-row,
.woocommerce form .woocommerce-address-fields__field-wrapper .form-row {
    float: none;
    width: 50%;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 20px;
}

form.woocommerce-EditAccountForm.edit-account fieldset {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

form.woocommerce-EditAccountForm.edit-account fieldset legend {
    font-size: 25px;
    line-height: 35px;
    font-family: var(--title-font);
    font-weight: bold;
    color: var(--dark-color);
    text-transform: capitalize;
    padding-inline: 15px;
}

form.woocommerce-EditAccountForm.edit-account p .button {
    width: 220px;
    margin-left: 15px;
}

.woocommerce table.my_account_orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button,
.woocommerce .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file.button.alt {
    width: 120px;
    height: 35px;
    font-size: 14px;
    background-color: var(--primary-color);
    margin: 5px;
}

.woocommerce .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file.button.alt:hover,
.woocommerce table.my_account_orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button:hover {
    background-color: var(--common-color);
}

.woocommerce table.my_account_orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button::first-child {
    margin-left: 0;
}

.woocommerce table.my_account_orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button::last-child {
    margin-right: 0;
}

.entry-content .woocommerce-order-details h2,
.entry-content .woocommerce-customer-details h2,
.entry-content h2.woocommerce-order-downloads__title {
    font-size: 25px;
    color: var(--dark-color);
    font-family: var(--title-font);
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.woocommerce .woocommerce-customer-details address {
    border: var(--border);
    border-radius: 0;
    padding: 20px;
}

.woocommerce-account .woocommerce-inner-page .woocommerce .woocommerce-notices-wrapper {
    width: 100%;
}

#customer_login p.woocommerce-LostPassword.lost_password {
    margin-bottom: 0;
}

form.woocommerce-ResetPassword.lost_reset_password {
    padding: 0 15px;
}

#yith-wcwl-popup-message {
    display: none !important;
}

button#place_order.button {
    width: 320px;
    max-width: 100%;
    background: var(--primary-color);
    transition: 0.3s;
}

button#place_order.button:hover {
    background: var(--common-color);
}

form.woocommerce-EditAccountForm.edit-account .form-row em {
    font-size: 14px;
}

.woocommerce .woocommerce-customer-details, 
.woocommerce .woocommerce-order-details, 
.woocommerce .woocommerce-order-downloads {
    margin-bottom: 40px;
}

.woocommerce .woocommerce-customer-details:last-child, 
.woocommerce .woocommerce-order-details:last-child, 
.woocommerce .woocommerce-order-downloads:last-child {
    margin-bottom: 0;
}

/* Select 2 Dropdown Start */
body .select2-dropdown {
    z-index: 90;
}

.select2-dropdown,
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    border: var(--border);
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 3px;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: var(--dark-color);
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: #dddddd;
}

.select2-results__option {
    outline: none;
}

.select2-container--default .select2-results__option[aria-selected=true], 
.select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.select2-search--dropdown .select2-search__field {
    outline: none;
}
/* Select 2 Dropdown End */
/*==========My Account Page CSS End==========*/

/*==========Shop Page CSS Start==========*/
.shop-banner {
    position: relative;
}

.shop-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 0;
}

.woocommerce .woocommerce-breadcrumb:last-child {
    margin-bottom: 0;
    font-size: 16px;
    color: var(--common-color);
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--dark-color);
    transition: 0.3s;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--primary-color);
}

.shop-filter {
    position: sticky;
    top: 130px;
    background: var(--white-color);
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 15px;
    padding: 25px;
    /* max-height: calc(100vh - 150px); */
    overflow: auto;
    overflow-x: hidden;
}

.shop-filter::-webkit-scrollbar {
    width: 3px;
}

.shop-filter::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

.shop-filter::-webkit-scrollbar-track {
    background: #dddddd;
}

.woocommerce ul.products {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none;
    margin: 0 !important;
    width: 100% !important;
}

.woocommerce ul.products:before,
.woocommerce ul.products:after {
    display: none;
}

.woocommerce ul.products li.product .button {
    margin-top: 0;
}

.woocommerce ul.products li.product .product-box > a {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main-product-lists .product-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main-product-lists .product-box .product-btn,
.main-product-lists .product-box .product-price {
    margin-top: auto;
	display: flow-root;
}

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.onsale {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    position: absolute;
    top: 10px;
    right: -20px;
    left: auto;
    min-width: unset;
    min-height: unset;
    border-radius: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    font-family: var(--body-font);
    font-weight: 500;
    background-color: var(--green-color);
    color: var(--white-color);
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 80px;
    height: 20px;
    transform: rotate(45deg);
}

.product-btn a.woocommerce-loop-product__link {
    display: none;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link .woocommerce-loop-product__title {
    transition: 0.3s;
    margin-bottom: 10px;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
    color: var(--secondary-color);
}

.main-product-lists #woof_results_by_ajax,
.main-product-lists .woof_shortcode_output {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 0;
}

.woocommerce-notices-wrapper:empty {
    display: none;
}

.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
    float: none;
    margin: 0;
    font-size: 14px;
    line-height: 1;
}

.woocommerce .woocommerce-ordering {
    width: 220px;
    position: relative;
}

.woocommerce .woocommerce-ordering select {
    font-size: 13px;
    line-height: 1.2;
    height: 35px;
    padding: 0 30px 0 20px;
    overflow: hidden;
}

.woocommerce .woocommerce-ordering .form-element i {
    font-size: 12px;
}

.woocommerce .star-rating {
    font-size: 16px !important;
    margin: 0 auto 15px auto !important;
    width: 5.6em;
}

.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
    content: "\f005\f005\f005\f005\f005";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: var(--primary-color);
    font-size: 16px;
}

.woocommerce .star-rating span::before {
    font-weight: 900;
}

.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0;
    border: none;
    overflow: visible;
}

.woocommerce nav.woocommerce-pagination ul:before, 
.woocommerce nav.woocommerce-pagination ul:after {
    display: none !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce a.added_to_cart {
    font-size: 14px;
    display: flex!important;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading::after {
    position: relative;
    right: -13px;
    top: 10px;
}

/* Filtration CSS Start */
.woof_container {
    padding-bottom: 0;
    margin-bottom: 0;
}

.woof_redraw_zone,
ul.woof_list,
.woof_childs_list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

ul.woof_list li,
.woof_container_inner {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    position: relative;
	margin-right: -10px !important;
}

.woof_list label {
    padding: 0;
}

.woof_list_checkbox li div,
.icheckbox_square-blue {
    margin: 0;
    width: 18px;
    height: 18px;
    background: none;
    border: 1px solid rgba(0,0,0,0.3);
    position: relative !important;
    transition: 0.3s;
}

.icheckbox_square-blue.checked {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.woof_list_checkbox li div:before,
.icheckbox_square-blue:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    line-height: 1;
    color: var(--white-color);
    text-align: center;
    padding-left: 2px;
    opacity: 0;
    transition: 0.3s;
}

.icheckbox_square-blue.checked:before {
    opacity: 1;
}

.woof_childs_list {
    width: 100% !important;
    margin-top: 15px !important;
    padding: 0 15px !important;
}

.woof_childs_list_opener {
    position: absolute;
    top: 0;
    right: -3px;
}

.woof_childs_list_opener span {
    width: 18px;
    height: 18px;
    position: relative;
    background: transparent !important;
}

.woof_childs_list_opener span:before, .woof_childs_list_opener span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 2px;
    background: var(--secondary-color);
    transition: 0.3s;
}

.woof_childs_list_opener span:after {
    width: 2px;
    height: 100%;
}

.woof_childs_list_opener span.woof_is_opened:after {
    height: 0;
}

.irs--round .irs-bar {
    background-color: var(--secondary-color) !important;
}

.irs--round .irs-handle {
    border-color: var(--secondary-color) !important;
}

.irs--round .irs-from:before, 
.irs--round .irs-to:before, 
.irs--round .irs-single:before {
    border-top-color: var(--dark-color) !important;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    font-size: 12px !important;
    background-color: var(--dark-color) !important;
    color: var(--white-color) !important;
}

#woof_svg_load_container {
    top: 50% !important;
    left: 50% !important;  
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.plainoverlay {
    display: none !important;
}

#woof_svg_load_container img {
    max-width: 80px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;  
    transform: translate(-50%,-50%);
}

.woof_submit_search_form_container {
    overflow: visible;
}

.chosen-container-multi .chosen-choices,
.chosen-container-single .chosen-single,
.woof_container .woof_container_inner input[type="search"] {
    min-height: 46px;
    padding: 10px !important;
    border-radius: 5px;
    border: var(--border);
    font-size: 14px;
    outline: none;
}

.chosen-container-active .chosen-choices {
    border: var(--border);
}

.chosen-container-single .chosen-single div b {
    background-position: 0 14px !important;
}

.woof_text_search_go,
.woof_husky_txt-cross {
    display: none !important;
}

.woof_husky_txt-container {
    border: var(--border);
    border-radius: 6px;
    margin-top: 0px;
}

.woof_husky_txt-container .woof_husky_txt-option {
    padding: 10px;
}

.woof_husky_txt-container .woof_husky_txt-option img.woof_husky_txt-option-thumbnail {
    margin-top: 0;
    margin-right: 10px;
}

.woof_husky_txt-option-title a {
    color: var(--dark-color);
}

.woof_husky_txt-option-title a:hover {
    color: var(--secondary-color);
}
/* Filtration CSS End */
/*==========Shop Page CSS End==========*/

/*==========Product Detail Page CSS Start==========*/
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
    float: none;
    width: 100%;
}

.product-detail-image {
    position: relative;
    padding-right: 40px;
    overflow: hidden;
}

.woocommerce .product-detail-image span.onsale {
    right: auto;
    left: -20px;
    transform: rotate(-45deg);
}

/* Product Gallery Start */
.woocommerce div.product div.images.woocommerce-product-gallery {
    margin-bottom: 0;
}

.wpgs-for.slick-slider {
    border: var(--border);
    border-radius: 10px;
    overflow: hidden;
}

.wpgs-for.slick-slider img {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

.wpgs-for .slick-arrow {
    margin: 0 !important;
    left: 15px;
}

.wpgs-for .slick-arrow.flaticon-right-arrow {
    left: auto;
    right: 15px;
}

.wpgs-for .slick-arrow:before {
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: var(--white-color) !important;
    font-size: 17px;
}

.wpgs-for .slick-arrow.flaticon-right-arrow:before {
    content: "\f054";
}

.wpgs-nav {
    margin-top: 20px;
}

.wpgs-nav .slick-slide {
    margin-top: 0 !important;
    border: var(--border) !important;
    border-radius: 5px;
    overflow: hidden;
}

.wpgs-nav .slick-slide.slick-current {
    border-color: var(--primary-color) !important;
}

.wpgs-nav .slick-slide img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}

.wpgs-nav .slick-arrow {
    display: none !important;
}
/* Product Gallery End */

.product-detail-content ul {
    background: var(--sec-bg);
    padding: 20px 20px 20px 40px;
    border-radius: 10px;
    margin: 25px 0;
    list-style: disc;
    border: 1px solid rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.woocommerce div.product form.cart {
    margin-bottom: -20px;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 10px;
}

.woocommerce div.product form.cart:before {
    display: none;
}
.custom-quantity2 button.qty-btn2.minus, .custom-quantity2 button.qty-btn2.plus, .custom-quantity2 input.qty2 {
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1px solid #6b6b6b;
    border-radius: 5px;
	transition: all 0.3s;
}

.custom-quantity2 button.qty-btn2.minus:hover, .custom-quantity2 button.qty-btn2.plus:hover {
    color: #fff;
    background-color: #f07c00;
    border-color: #f07c00;
}
.add-to-cart-btn {
    display: flex!important;
    gap: 6px!important;
    flex-wrap: wrap!important;
}
.woocommerce div.product form.cart div.quantity {
    margin-right: 0;
    float: none;
    display: block;
    width: 100%;
}

.product-detail-content .product_meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 20px;
}

.woocommerce div.product form.cart .button.buy_now_button {
    background: var(--secondary-color);
}

.woocommerce div.product form.cart .button.buy_now_button:hover {
    background: var(--primary-color);
}

.woocommerce .product-detail-content .star-rating {
    margin: 0 !important;
}

.woocommerce div.product .product-detail-content .woocommerce-product-rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.woocommerce div.product .product-detail-content .woocommerce-product-rating:before, 
.woocommerce div.product .product-detail-content .woocommerce-product-rating:after {
    display: none;
}

.share-products {
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.share-products p {
    margin-bottom: 0;
}

.share-products a {
    display: inline-block;
}

.share-products a img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    object-position: center;
}

.woocommerce div.product p.stock {
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}

/* Description & Review CSS Start */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar-thumb {
    background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar-track {
    background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before, 
.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border: none;
    background: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
    color: var(--common-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    color: var(--common-color);
    background: var(--sec-bg);
    transition: 0.3s;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child a {
    border-radius: 10px 0 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child a {
    border-radius: 0 10px 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--primary-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--white-color);
    background: var(--secondary-color);
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0;
    padding: 30px;
    border: var(--border);
    border-radius: 0 10px 10px 10px;
}

.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel .comment-reply-title{
    font-size: 22px;
    line-height: 1.2;
    display: block;
    margin-bottom: 15px;
}

.woocommerce #reviews #comments ol.commentlist {
    padding-left: 15px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    opacity: 1;
}

.woocommerce p.stars {
    width: auto;
}

.woocommerce p.stars a::before {
    content: "\f005";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: var(--primary-color);
    font-size: 16px;
}

.woocommerce p.stars a:hover~a::before,
.woocommerce p.stars.selected a.active~a::before {
    content: "\f005";
    font-weight: 400;
}

.woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a.active::before,
.woocommerce p.stars.selected a:not(.active)::before {
    content: "\f005";
    font-weight: 900;
}
/* Description & Review CSS End */

/* Related Products Start */
.woocommerce .related.products ul.products {
    grid-template-columns: repeat(4, 1fr);
}

.woocommerce .related.products .h2-title {
    text-align: center;
    margin-bottom: 40px;
}
/* Related Products End*/
/* Also Like CSS Start */
.you-may-like {
    position: relative;
    margin-top: var(--sec-spacing);
}

.woocommerce .you-may-like ul.products {
    grid-template-columns: repeat(4, 1fr);
}
/* Also Like CSS End */
/*==========Product Detail Page CSS End==========*/

/*==========WooCommerce Common CSS Start==========*/
.woocommerce-notices-wrapper {
    display: block;
    width: 100%;
}

.woocommerce-no-products-found {
    width: 100%;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    border-top-color: #3fa714;
    padding: 15px 15px 15px 40px !important;
    display: flex;
    justify-content: space-between;
    margin-top: -50px!important;
}

.woocommerce-error {
    border-top-color: var(--red-color);
}

.woocommerce-error li {
    margin-bottom: 0 !important;
}

.woocommerce-info {
    border-top-color: var(--primary-color);
}

ul.woocommerce-error, 
ul.woocommerce-info, 
ul.woocommerce-message,
.entry-content ul.woocommerce-error,
.entry-content ul.woocommerce-info,
.entry-content ul.woocommerce-message {
    display: block;
    margin-left: 0;
    margin-bottom: 30px;
}

.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button, 
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button,
.woocommerce .woocommerce-error a, 
.woocommerce .woocommerce-info a, 
.woocommerce .woocommerce-message a, 
.woocommerce-page .woocommerce-error a, 
.woocommerce-page .woocommerce-info a, 
.woocommerce-page .woocommerce-message a {
    float: none;
    order: 2;
}

.woocommerce-error::before, 
.woocommerce-info::before, 
.woocommerce-message::before {
    color: #3fa714;
    position: absolute;
    top: 14px;
    left: 15px;
}

ul.woocommerce-error::before, 
ul.woocommerce-info::before, 
ul.woocommerce-message::before,
li.woocommerce-info:before {
    top: 14px;
    transform: none;
}

.woocommerce-error::before {
    color: var(--red-color);
}

.woocommerce-info::before {
    color: var(--primary-color);
}

.woocommerce-tabs.wc-tabs-wrapper {
    margin: var(--sec-spacing) 0;
}
/*==========WooCommerce Common CSS End==========*/

/*==========Add To Cart Page CSS Start==========*/
.woocommerce a.remove {
    width: 30px;
    height: 30px;
    background: var(--sec-bg);
    border-radius: 50%;
    font-size: 25px;
    line-height: 30px;
}

#add_payment_method table.cart img, 
.woocommerce-cart table.cart img, 
.woocommerce-checkout table.cart img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: center;
}

.woocommerce table.shop_table td .woocommerce-Price-amount.amount {
    font-weight: 500;
}

#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    width: 250px;
    border: var(--border);
    outline: none;
    padding: 5px 20px;
    margin-right: 10px;
}

.woocommerce table.shop_table {
    border: var(--border);
    border-radius: 0;
    margin: 0 0 40px 0;
}
.woocommerce table.shop_table.cart .button {
    width: 190px;
    margin: 0 5px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 400px;
    max-width: 100%;
}

.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 {
    margin-bottom: 15px;
}

.woocommerce table.shop_table tr.cart-subtotal td,
.woocommerce table.shop_table tr.order-total td,
.woocommerce table.shop_table tr.shipping td,
.woocommerce table.shop_table tr.cart-discount td,
.woocommerce table.shop_table tr.tax-rate td{
    text-align: right;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.order-total td .woocommerce-Price-amount.amount {
    font-weight: bold;
}

#add_payment_method .wc-proceed-to-checkout, 
.woocommerce-cart .wc-proceed-to-checkout, 
.woocommerce-checkout .wc-proceed-to-checkout {
    padding: 0;
    margin-top: 20px;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    width: 100%;
    font-size: 18px;
    padding: 5px;
    display: inline-flex;
    margin-bottom: 0;
    background: var(--primary-color);
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
    background: var(--common-color);
}

.return-to-shop {
    margin-bottom: 0;
}

.woocommerce .return-to-shop a.button {
    width: 250px;
}

.shipping-calculator-form .form-row .select2-container,
.shipping-calculator-form .select2-container--default .select2-selection--single {
    height: 40px !important;
}

.shipping-calculator-form .select2-container .select2-selection--single .select2-selection__rendered,
.shipping-calculator-form .form-row .input-text {
    height: 40px;
    padding: 7px 15px;
    text-align: left;
    text-transform: capitalize;
}

.shipping-calculator-form .form-row>span {
    display: block;
    width: 100%;
}

.shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 20px;
    right: 15px;
}

.shipping-calculator-form .button {
    width: 120px !important;
    height: 40px !important;
}

.woocommerce-cart-form__cart-item.cart_item .quantity label {
    display: none;
}
/*==========Add To Cart Page CSS End==========*/

/*==========Checkout Page CSS Start==========*/
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register {
    border: var(--border);
    border-radius: 0;
    padding: 30px;
    margin: 20px 0 40px 0;
    font-size: 0;
    line-height: 1;
}

.woocommerce form input,
.woocommerce form.checkout_coupon input, 
.woocommerce form.login input, 
.woocommerce form.register input,
.woocommerce form select,
.woocommerce form.checkout_coupon select, 
.woocommerce form.login select, 
.woocommerce form.register select,
.woocommerce form textarea,
.woocommerce form.checkout_coupon textarea, 
.woocommerce form.login textarea, 
.woocommerce form.register textarea {
    text-transform: unset;
}

.woocommerce form .form-row textarea {
    height: 120px;
    resize: none;
    border-radius: 20px;
    padding: 15px;
}

.woocommerce form.checkout_coupon p {
    margin-bottom: 0;
}

form.checkout_coupon.woocommerce-form-coupon p:not(.form-row) {
    margin-bottom: 15px;
}

.woocommerce form.checkout_coupon p.form-row.form-row-first {
    width: 280px;
    float: none;
    display: inline-block;
}

.woocommerce form.checkout_coupon p.form-row.form-row-first .input-text {
    width: 100%;
    padding: 5px 20px;
}

.woocommerce form.checkout_coupon p.form-row.form-row-last {
    width: 220px;
    float: none;
    display: inline-block;
}

.woocommerce form.checkout_coupon p.form-row.form-row-last button.button {
    width: 220px;
}

form.checkout.woocommerce-checkout .col2-set .col-1,
form.checkout.woocommerce-checkout .col2-set .col-2 {
    width: 100%;
    float: none;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}

form.checkout.woocommerce-checkout h3 {
    font-size: 30px;
    line-height: 40px;
    color: var(--dark-color);
    text-transform: capitalize;
    margin-bottom: 25px;
}

form.checkout.woocommerce-checkout h3#order_review_heading {
    margin-top: 20px;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    align-items: flex-end;
}

.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-additional-fields__field-wrapper .form-row,
.woocommerce-shipping-fields__field-wrapper .form-row {
    width: 50% !important;
    float: none !important;
    display: inline-block;
    padding: 0 15px !important;
}

.woocommerce form .form-row .select2-container {
    height: 46px;
}

.select2-container--default .select2-selection--single {
    border: none;
    width: 100%;
    height: 46px;
    border-radius: 0;
    display: flex;
    outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-block: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 26px;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-total,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td.product-total {
    text-align: right;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: var(--sec-bg);
    border-radius: 0;
}

#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods, 
#add_payment_method #payment div.form-row, 
.woocommerce-cart #payment div.form-row, 
.woocommerce-checkout #payment div.form-row {
    padding: 20px;
    margin-bottom: 0;
}

.woocommerce-checkout #payment div.form-row .button {
    width: 280px;
    background: var(--primary-color);
}

.woocommerce-checkout #payment div.form-row .button:hover {
    background: var(--common-color);
}

.woocommerce-checkout #payment ul.payment_methods li {
    position: relative;
    padding-left: 20px;
    list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods li::before {
    display: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li input[type=radio] {
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 15px;
    opacity: 0;
    z-index: 5;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    cursor: pointer;
}

.woocommerce-checkout #payment ul.payment_methods li label:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    z-index: 0;
}

.woocommerce-checkout #payment ul.payment_methods li label:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 4px;
    width: 7px;
    height: 7px;
    background: var(--primary-color);
    border-radius: 50%;
    opacity: 0;
    transition: 0.3s;
    z-index: 0;
}

.woocommerce-checkout #payment ul.payment_methods li input[type=radio]:checked~label:after {
    opacity: 1;
}

#add_payment_method #payment ul.payment_methods li img, 
.woocommerce-cart #payment ul.payment_methods li img, 
.woocommerce-checkout #payment ul.payment_methods li img {
    vertical-align: top;
}

#add_payment_method #payment .payment_method_paypal .about_paypal, 
.woocommerce-cart #payment .payment_method_paypal .about_paypal, 
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    margin-left: 10px;
    font-size: 14px;
}

#ship-to-different-address label {
    position: relative;
    cursor: pointer;
}

#ship-to-different-address label input[type=checkbox] {
    position: absolute;
    top: 8px;
    left: 0;
    width: 25px;
    height: 25px;
}

#ship-to-different-address label span:before {
    position: absolute;
    top: 8px;
    left: 0;
    transform: none;
    width: 25px;
    height: 25px;
    /* background: var(--primary-color); */
}

#ship-to-different-address label span:after {
    position: absolute;
    top: 8px;
    left: 0;
    transform: none;
    width: 25px;
    height: 25px;
    color: var(--white-color);
    font-size: 14px;
}

.woocommerce-shipping-fields {
    margin-top: 40px;
}

.woocommerce-checkout #payment ul.payment_methods li #eh-stripe-pay-data label:before, 
.woocommerce-checkout #payment ul.payment_methods li #eh-stripe-pay-data label:after {
    display: none;
}

#add_payment_method #payment ul.payment_methods li.wc_payment_method.payment_method_eh_stripe_pay img, 
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method.payment_method_eh_stripe_pay img, 
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_eh_stripe_pay img {
    vertical-align: middle;
}

#eh-stripe-card-element, #eh-stripe-exp-element, #eh-stripe-cvc-element, #eh-stripe-iban-element {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}

#eh-stripe-card-element>div, #eh-stripe-exp-element>div, #eh-stripe-cvc-element>div, #eh-stripe-iban-element>div {
    width: 100%;
}

.woocommerce-checkout #payment ul.payment_methods li .eh-stripe-card-brand {
    margin-top: -35px;
    margin-left: 10px;
}

.payment_box.payment_method_eh_stripe_pay .form-row {
    padding: 0 !important;
}

.woocommerce table.order_details th:not(:last-child), .woocommerce table.order_details td:not(:last-child) {
    border-right: var(--border);
}

.woocommerce table.order_details .product-total {
    width: 25%;
}

.woocommerce ul.order_details {
    margin-block: 40px;
    display: flex;
    justify-content: space-between;
    border: var(--border);
    padding: 0;
}

.woocommerce ul.order_details li {
    float: none;
    margin: 0;
    padding: 15px 30px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    border-right-style: solid;
}

.woocommerce ul.order_details li strong {
    font-size: 16px;
    margin-top: 5px;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: #3fa714;
    font-weight: 500;
}

.woocommerce table.shop_table tfoot td .woocommerce-Price-amount.amount {
    font-weight: 700;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    margin-top: 20px;
}
/*==========Checkout Page CSS End==========*/

/*========== Thank You Page CSS Start ==========*/
.thank-text {
    text-align: center;
    position: relative;
}

.thanks-icon {
    width: 100px;
    display: block;
    margin: 0 auto 40px;
}

.thanks-icon .checkmark {
    stroke-dashoffset: 745.74853515625;
    stroke-dasharray: 745.74853515625;
    animation: dash 2.5s linear infinite;
    stroke: var(--primary-color);
}

@keyframes dash {
    0% {
        stroke-dashoffset: 745.74853515625
    }
    100% {
        stroke-dashoffset: 0
    }
}

.thank-text h6 {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--dark-color);
}

.thank-text p a {
    text-decoration: underline !important;
    color: var(--primary-color);
    transition: 0.3s;
}

.thank-text p a:hover {
    color: var(--dark-color);
}
/*========== thank-you page css end ==========*/

/*==========404 CSS==========*/
.error-404 {
    text-align: center;
}

.error-404 img {
    width: 50%;
    height: auto;
}
/*==========404 CSS End==========*/

/*========== View All Services css ==========*/
.footer-last {
    text-align: center;
    margin-top: 10px;
}

.footer-last .text,
.menu-seo-menu-container ul li a {
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-color);
    cursor: pointer;
    transition: 0.3s;
}

.footer-last .text:hover {
    color: var(--dark-color) !important;
    text-decoration: underline !important;
}

.all-services {
    display: none;
}

.menu-seo-menu-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.menu-seo-menu-container ul li {
    display: inline-block;
}

.menu-seo-menu-container ul li a {
    padding-right: 7px;
    margin-right: 7px;
    border-right: 1px solid var(--dark-color);
    transition: 0.3s;
}

.menu-seo-menu-container ul li:last-child a {
    margin: 0;
    padding: 0;
    border: none;
}

.menu-seo-menu-container ul li a:hover {
    color: var(--primary-color);
}
/*========== View All Services css End ==========*/


/*==========SEO Page CSS Start==========*/
.main-seo-content {
    position: relative;
    padding: 80px 0;
}

.main-seo-content .excerpt-content {
    max-height: 320px;
    margin-bottom: 30px;
    overflow: hidden;
}

.excerpt-content p a {
    color: var(--primary-color);
    transition: 0.3s;
}

.excerpt-content p a:hover {
    color: var(--secondary-color);
}

.excerpt-content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: var(--primary-color);
}
/*==========SEO Page CSS End==========*/


/*========== Blog css ==========*/
.type-post,
.type-product {
    margin-bottom: 40px;
}

.type-post:last-child,
.type-product:last-child {
    margin-bottom: 0;
}

.type-post .submit-btn {
    margin-top: 10px;
}

.type-post .sec-btn,
.type-post .sec-btn:hover {
    color: var(--white-color);
}

.widget h2 {
    font-size: 25px;
    text-transform: uppercase;
    color: var(--secondary-color);
}

.widget li:not(:last-child) {
    margin-bottom: 10px;
}

.widget li a {
    color: var(--dark-color);
}

.widget li a:hover {
    color: var(--primary-color);
}

.posted-on a,
.byline a,
.entry-title a,
.logged-in-as a {
    transition: 0.3s;
    color: var(--primary-color);
}

.entry-title a:hover,
.posted-on a:hover,
.byline a:hover,
.comment-meta .url:hover,
.comment-content a:hover,
.comment-metadata a:hover,
.reply a:hover,
.entry-footer span a:hover,
.nav-previous a:hover,
.nav-next a:hover {
    color: var(--secondary-color);
}

.type-product .entry-footer {
    margin-top: 10px;
}

.entry-footer span {
    margin-right: 10px;
}

.entry-title a {
    color: var(--dark-color);
}

.entry-title a:hover,
.entry-footer span a {
    color: var(--primary-color);
}

.entry-footer span a:hover {
    color: var(--primary-color);
    text-decoration: underline !important;
}

.entry-title {
    font-size: 30px;
    text-transform: uppercase;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.post-thumbnail {
    display: block;
    margin: 0;
}

.type-post .entry-meta {
    margin: 15px 0;
}

.post-thumbnail img {
    width: 100%;
    border: var(--border);
    border-radius: 10px;
    margin-bottom: 15px;
}

.widget-area .widget_search .wp-block-search,
.page-content .wp-block-search,
.search-form {
    position: relative;
}

.widget-area .widget_search .wp-block-search label,
.page-content .wp-block-search label {
    display: none;
}

.search-form {
    display: flex;
    align-items: center;
}

.search-form label {
    width: 100%;
}

.widget-area .widget_search .wp-block-search .wp-block-search__input,
.page-content .wp-block-search .wp-block-search__input,
.search-form .search-field {
    width: 100%;
    max-width: 100%;
    height: 46px;
    border: var(--border);
    outline: none !important;
    padding: 0 30px;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-color);
    background: var(--white-color);
    -webkit-appearance: none;
    border-radius: 40px 0 0 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.widget-area .widget_search .wp-block-search .wp-block-search__button,
.page-content .wp-block-search .wp-block-search__button,
.search-form .search-submit {
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0;
    height: 46px;
    color: var(--white-color);
    outline: none;
    border: none;
    background: var(--primary-color);
    border-radius: 0 40px 40px 0;
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 0;
    transition: 0.3s;
}

.widget-area .widget_search .wp-block-search .wp-block-search__button:hover,
.page-content .wp-block-search .wp-block-search__button:hover,
.search-form .search-submit:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.entry-content {
    margin: 0;
}

.entry-content h3 {
    font-size: 22px;
    text-transform: capitalize;
    margin-top: 25px;
    margin-bottom: 10px;
}

.entry-content h3:first-child {
    margin-top: 0;
}

.comment-form {
    font-size: 0;
    line-height: 1;
    margin-left: -15px;
    margin-right: -15px;
}

.comment-form p {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px;
}

.comment-form p.form-submit {
    margin-bottom: 0;
}

.comment-form p.comment-form-author,
.comment-form p.comment-form-email {
    width: 50%;
    display: inline-block;
}

.comments-area textarea {
    resize: none;
    height: 180px;
    border-radius: 10px;
    background: var(--white-color);
    border: var(--border);
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    padding: 20px;
    color: var(--dark-color);
}

.comments-area p input {
    width: 100%;
    height: 46px;
    border-radius: 40px;
    background: var(--white-color);
    border: var(--border);
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    padding: 5px 20px;
    color: var(--dark-color);
}

p.comment-form-cookies-consent {
    display: block;
    padding-left: 20px;
    margin-left: auto !important;
    padding-right: 30px;
    margin-right: 0 !important;
    width: calc(100% - 20px);
}

p.comment-form-cookies-consent > input {
    width: auto;
    display: inline-block;
    height: auto;
    padding: 0;
    -webkit-appearance: checkbox;
    position: absolute;
    top: 8px;
    left: 0;
    opacity: 0 !important;
}

.form-submit .submit {
    box-shadow: none;
    padding: 0;
}

.form-submit .submit {
    width: 170px;
    height: 46px;
    background: var(--secondary-color);
    color: var(--white-color);
    font-weight: bold;
    border: none;
    border-radius: 40px;
    outline: none !important;
    transition: 0.3s;
}

.form-submit .submit:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

h2.widget-title {
    font-size: 24px;
}

.widget-area {
    margin-top: 0;
    width: 100%;
}

.comment-form-cookies-consent {
    position: relative;
}

.widget_search .widget-title {
    display: none;
}

.widget ul, .widget ol, .wp-block-latest-posts.wp-block-latest-posts__list {
    margin: 0;
    list-style: none;
    /* padding-left: 20px; */
    text-align: justify;
    text-justify: inter-word;
    word-spacing: -2px;
}

.wp-block-latest-comments__comment {
    list-style: disc;
}

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

.avatar.photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    margin-right: 20px;
}

.wp-block-latest-comments__comment-meta a:hover {
    color: var(--yellow-color);
}

.comment-meta .url,
.comment-content a {
    color: var(--primary-color);
}

.comment-meta .url:hover,
.comment-content a:hover {
    color: var(--yellow-color);
    text-decoration: none !important;
}

.comment-author.vcard {
    margin-bottom: 20px;
}

.comment-metadata a {
    color: var(--primary-color);
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
}

.reply a {
    color: var(--primary-color);
    display: inline-block;
    margin-bottom: 10px;
    transition: 0.3s;
}

.comment-reply-title {
    font-size: 30px;
    font-weight: bold;
    color: var(--dark-color);
    margin-bottom: 20px;
}

.comment-reply-title small {
    display: block;
    font-size: 18px;
    margin-top: 10px;
}

.comment-reply-title small a:hover {
    color: var(--secondary-color);
}

.comment-form-comment label {
    margin-bottom: 10px;
}

.comment-form-comment .form-submit #submit {
    padding: 0;
    line-height: 42px;
}

.comments-area {
    margin-top: 60px;
}

.comments-title {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
}

.comment-body {
    margin-bottom: 30px;
}

.comment-form-url {
    margin-right: 0;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
    display: block;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

.single-post .widget-area {
    margin-top: 0;
}

.nav-links {
    --gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--gap);
}

.nav-previous,
.nav-next {
    width: calc(50% - (var(--gap) / 2)) !important;
}

.nav-previous:last-child,
.nav-next:first-child {
    width: 100% !important; 
}

.nav-previous a,
.nav-next a {
    color: var(--dark-color);
    transition: 0.3s;
}

.nav-previous a .nav-subtitle,
.nav-next a .nav-subtitle {
    color: var(--primary-color);
    font-weight: 500;
}

.comment-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    width: 100%;
    float: none;
}

.result-pagination li a,
.result-pagination li,
.result-pagination .page-numbers {
    width: 50px;
    height: 50px;
    background: var(--white-color);
    box-shadow: 0 10px 40px rgba(37, 58, 105, 0.09);
    border-radius: 10px;
    border: none;
    outline: none;
    color: var(--dark-color);
    font-size: 20px;
    z-index: 10;
    transition: 0.3s;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}

.result-pagination a:hover,
.result-pagination .current {
    background: var(--primary-color);
    color: var(--white-color);
}

.page-numbers:first-child {
    margin-left: 0;
}

.page-numbers:last-child {
    margin-right: 0;
}

.page-numbers li a,
.page-numbers li,
span.page-numbers,
.page-numbers:not(ul) {
    position: relative;
    width: 45px;
    height: 45px;
    background: transparent !important;
    box-shadow: none;
    border-radius: 10px;
    border: var(--border);
    outline: none;
    color: var(--common-color) !important;
    font-size: 16px !important;
    z-index: 10;
    transition: 0.3s;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.page-numbers li {
    margin: 0 5px;
}

.page-numbers li a:hover,
.page-numbers:not(ul).current,
.page-numbers:not(ul):hover {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--white-color) !important; 
}

.page-numbers:first-child {
    margin-left: 0;
}

.page-numbers:last-child {
    margin-right: 0;
}
/*========== End of Blog CSS ==========*/

/*========== Wordpress Admin Login CSS Start ==========*/
body.login {
    background: var(--sec-bg);
}
/*========== Wordpress Admin Login CSS End ==========*/

/*========== Product Search Page CSS Start ==========*/
.product-search-list .row {
    row-gap: 30px;
}
/*========== Product Search Page CSS End ==========*/

/*==========Responsive Start==========*/
@media (min-width: 2100px) {
    .container {
        max-width: 1400px;
    }
}

@media screen and (max-width: 1499px) {
    .pets-accessories-slider .slick-list {
        width: 900px;
        padding-right: 21px;
    }
    .why-choose-us-img img {
        width: 50vw;
        margin-left: 0;
    }
}

@media screen and (max-width: 1399px) {
    .contact-form-box.doctor-consult-form {
        padding: 30px;
    }    
}

@media screen and (max-width: 1299px) {
    .product-slider,
    .featured-slider {
        margin-inline: 10px;
    }
    .pets-accessories-slider .slick-list {
        width: 900px;
        padding-right: 81px;
    }
    .h1-title{
        font-size: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .header-menu,
    .main-navigation ul {
        gap: 30px;
    }
    .header-menu-btn {
        gap: 25px;
    }
    .h1-title {
        font-size: 55px;
    }
    .h2-title {
        font-size: 45px;
    }
    .h3-title {
        font-size: 22px;
    }
    .banner-content p {
        max-width: 100%;
    }
    .coupons-img img {
        max-width: 200px;
        max-height: 160px;
    }
    .pet-categorie-name {
        width: 100%;
    }
    .product-slider, .featured-slider{
        margin-inline: 45px;
    }
    .pets-accessories-slider .slick-list {
        padding-right: 61px;
    }
    .about-us-img {
        padding-right: 0;
    }
    .about-us-img img {
        width: 50vw;
    }
    .testimonial-content {
        padding-left: 0;
    }
    .testimonial-img {
        height: 370px;
    }
    .blog-text {
        padding: 20px;
    }
    .product-detail-image {
        padding-right: 0;
    }
    .contact-form-box {
        padding: 40px;
    }
    .contact-form-img {
        padding-right: 0;
    }
    .grooming-content {
        padding-left: 0;
    }
    .doctor-consult-img {
        padding-left: 0;
    }
    .brands-deal-slider {
        grid-template-columns: repeat(5, 1fr);
    }
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 991px) {
    :root {
        --sec-spacing: 80px;
    }
    .for-des,
    .main-banner .banner-video {
        display: none !important;
    }
    .for-mob {
        display: block !important
    }
    .for-des-flex {
        display: none !important;
    }
    .for-mob-flex {
        display: flex !important;
    }
    .menu-des,
    .header-top {
        display: none;
    }
    .menu-mob {
        display: block;
    }
    .scrolltop {
        bottom: 20px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }
    .widget-area,
    .single-post .widget-area {
        margin-top: 50px;
    }
    .site-header {
        height: var(--header-height);
    }
    .header-menu-btn {
        position: fixed;
        top: 0;
        right: 75px;
        gap: 20px;
        height: var(--header-height);
    }
    .site-header .container {
        max-width: 100%;
    }
    .site-branding {
        position: fixed;
        top: 0;
        left: 30px;
        width: 145px;
    }
    .site-branding a {
        bottom: 0;
        width: auto;
        height: 100%;
        padding: 5px 0;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }
    .site-header.sticky_head .site-branding a {
        padding: 5px 0;
        height: 100%;
    }
    .site-branding a img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    .menu-toggle {
        position: fixed;
        top: 29.5px;
        right: 30px;
        border: none;
        outline: none !important;
        background: transparent;
        width: 30px;
        height: 21px;
        padding: 0;
        z-index: 105;
    }
    .menu-toggle span {
        display: block;
        width: 100%;
        height: 3px;
        background: var(--primary-color);
        margin-bottom: 6px;
        border-radius: 0;
        position: relative;
        top: 0;
        opacity: 1;
        transition: 0.3s;
    }
    .menu-toggle span:last-child {
        margin: 0;
    }
    .toggled .menu-toggle span:nth-child(1) {
        transform: rotate(45deg);
        position: relative;
        top: 10px;
    }
    .toggled .menu-toggle span:nth-child(2) {
        opacity: 0;
    }
    .toggled .menu-toggle span:nth-child(3) {
        transform: rotate(-45deg);
        position: relative;
        top: -9px;
    }
    .header-mobile-menu {
        position: fixed;
        top: 0;
        left: 100vw;
        width: 100vw;
        height: 100vh;
        background: var(--dark-color);
        padding: 16.3vh 30px 30px 30px;
        overflow: auto;
        opacity: 0;
        scrollbar-color: transparent transparent;
        transition: .5s;
        z-index: 101;
    }  
    .toggled .header-mobile-menu {
        left: 0;
        opacity: 1;
    }
    .header-mobile-menu::-webkit-scrollbar {
        width: 3px;
    }
    .header-mobile-menu::-webkit-scrollbar-thumb {
        background: var(--dark-color);
    }
    .header-mobile-menu::-webkit-scrollbar-track {
        background: var(--white-color);
    }
    .header-menu {
        height: auto;
    }
    .main-navigation ul {
        text-align: left;
        display: inline-block;
    }
    .main-navigation ul li {
        display: block;
        margin-left: 0;
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 4.4vh;
    }
    .main-navigation ul li:last-child {
        margin-bottom: 0;
    }
    .main-navigation ul li a {
        font-size: 22px;
        line-height: 28px;
        padding-top: 0;
        padding-left: 30px;
        color: var(--white-color);
    }
    .main-navigation ul li.menu-item-has-children>a {
        padding-right: 22px;
        pointer-events: none;
    }
    .main-navigation ul li.menu-item-has-children>a:after {
        color: var(--white-color);
    }
    .main-navigation ul li.menu-item-has-children.current-menu-ancestor>a:after {
        color: var(--primary-color);
    }
    .main-navigation ul li.menu-item-has-children:hover>a:after {
        transform: translate(0,-50%) rotate(0deg);
    }
    .main-navigation ul li.menu-item-has-children.active-sub-menu>a:after {
        transform: translate(0,-50%) rotate(-180deg);
    }
    .main-navigation ul li a:before, 
    .main-navigation ul li a:hover:before, 
    .main-navigation ul li.current_page_item>a:before, 
    .main-navigation ul li.current-menu-ancestor>a:before {
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        opacity: 1;
    }
    .main-navigation ul ul, 
    .main-navigation ul li.menu-item-has-children:hover ul {
        display: block;
        top: 0;
        left: 0 !important;
        position: relative;
        opacity: 1;
        animation: none;
        background: transparent;
        box-shadow: none;
        width: 100%;
        display: none;
        margin-top: 10px;
        padding-left: 30px;
    }
    .main-navigation ul ul li {
        border-bottom: none;
        margin-bottom: 10px;
    }
    .main-navigation ul ul li:last-child {
        margin-bottom: 0;
    }
    .main-navigation ul ul li a {
        padding: 0;
    }
    .footer-bottom-text,
    .copy-right,
    .footer-other-link,
    .footer-bottom-link {
        display: block;
        text-align: center;
    }
    .footer-bottom-link {
        margin: 15px 0;   
    }
    .banner-slide-box {
        min-height: auto;
        aspect-ratio: 1/1;
        height: 100%;
        max-height: 600px;
        padding: 80px 0 50px 0;
    }
    .banner-content,
    .banner-img {
        text-align: center;
    }
    .banner-content {
        padding-inline: 30px;
    }
    .banner-img {
        margin-top: 40px;
    }
    .banner-img img {
        width: auto;
        max-width: 100%;
        height: 40vh;
        display: inline-block;
    }
    .h1-title,
    .inner-banner .h1-title {
        font-size: 50px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .h2-title {
        font-size: 42px;
    }
    .title {
        margin-bottom: 40px;
    }
    .banner-content p {
        font-size: 16px;
        line-height: 26px;
    }
    .coupons-list {
        margin-bottom: -30px;
    }
    .coupons-box {
        height: auto;
        margin-bottom: 30px;
    }
    .pet-categories-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .home .pet-categorie-box {
        width: 50%;
        padding-inline: 5px;
    }
    .product-slider .slick-slide, 
    .featured-slider .slick-slide{
        opacity: 1;
    }
    .product-slider .slick-arrow, 
    .featured-slider .slick-arrow {
        right: auto;
        left: calc(50% - 32.5px);
        top: auto;
        bottom: 0;
        transform: translate(-50%,0);
    }
    .product-slider .slide-arrow.next-arrow, 
    .featured-slider .slide-arrow.next-arrow {
        right: auto;
        left: calc(50% + 32.5px);
    }
    .product-slider, .featured-slider {
        margin-inline: 0;
        padding-bottom: 75px;
    }
    .coupons-list .row [class^="col-"]:only-child .coupons-box {
        padding: 30px;
        gap: 20px;
    }
    .accessories-btn {
        margin-top: -45px;
        text-align: right;
    }
    .accessories-btn .sec-btn {
        background: var(--secondary-color);
    }
    .accessories-btn .sec-btn:hover {
        background: var(--primary-color);
    }
    .pets-accessories-slider .slick-list {
        padding-right: 0;
        width: 100%;
        overflow: visible;
    }
    .product-slider, 
    .featured-slider,
    .pets-accessories-slider,
    .blog-slider {
        --gutter: 20px;
    }
    .product-box {
        padding: 15px;
    }
    .pets-accessories-title  {
        margin-bottom: 40px;
    }
    .about-us-img img {
        width: 100%;
        margin-bottom: 30px;
    }
    .testimonial-content {
        margin-top: 40px;
        text-align: center;
    }
    .review-by {
        justify-content: center;
    }
    .testimonial-content-text {
        height: 132px;
    }
    .slick-dots,
    .newsletter-form {
        margin-top: 30px;
    }
    .newsletter-img {
        width: 65%;
        display: block;
        margin: 0 auto 30px;
    }
    .newsletter-content {
        text-align: center;
    }
    .shipping-support-list {
        margin-bottom: -30px;
    }
    .shipping-support-box {
        margin-bottom: 30px;
    }
    .footer-menu-box {
        justify-content: flex-start;
        margin-block: 40px;
        gap: 40px 100px;
    }
    .coupons-list .row [class^="col-"]:only-child .coupons-img img {
        max-width: 200px;
        max-height: 160px;
    }
    .coupons-list .row [class^="col-"]:only-child .coupons-text {
        gap: 15px;
    }
    .footer-bottom-box {
        padding: 40px 0;
    }
    .inner-banner {
        padding-top: calc(80px + var(--sec-spacing));
    }
    .shop-filter {
        --width: 300px;
        position: fixed;
        top: 80px;
        right: -400px;
        width: var(--width);
        height: calc(100vh - 80px);
        max-height: unset;
        z-index: 999;
        border: 0;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }
    .shop-filter.active {
        right: 0;
        opacity: 1;
        visibility: visible;
    }
    .shop-filter:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: calc(100% - var(--width));
        height: 100%;
        background: rgba(255,255,255,0.5);
        backdrop-filter: blur(5px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: 0.5s;
        z-index: -1;
    }
    .shop-filter.active:before {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .filter-close {
        width: 35px;
        height: 35px;
        padding: 0;
        border: 0;
        outline: none;
        display: block;
        margin-left: auto;
        position: relative;
        top: -25px;
        right: -25px;
        background: var(--secondary-color);
        font-size: 16px;
        font-weight: bold;
        color:var(--white-color);
        cursor: pointer;
        transition: 0.3s;
    }    
    .filter-close:hover {
        background: var(--primary-color);
    }
    .mobile-filter {
        margin-bottom: 20px;
    }
    .woocommerce nav.woocommerce-pagination {
        width: 100%;
    }
    .woocommerce nav.woocommerce-pagination ul {
        width: 100%;
        justify-content: center;
    }
    .product-detail-content,
    .woocommerce-account .woocommerce-MyAccount-content {
        margin-top: 40px;
    }
    .woocommerce-page table.cart td.actions .coupon {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .woocommerce-page table.cart td.actions .coupon + .button {
        width: 100%;
    }    
    #add_payment_method table.cart td.actions .coupon .input-text, 
    .woocommerce-cart table.cart td.actions .coupon .input-text, 
    .woocommerce-checkout table.cart td.actions .coupon .input-text {
        width: calc(100% - 230px);
    }
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        float: none;
        width: 100%;
    }
    .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received  {
        text-align: center;
    }
    .woocommerce ul.order_details {
        flex-direction: column;
    }
    .woocommerce ul.order_details li {
        border-right: 0;
        border-bottom: 1px dashed #d3ced2;
    }
    .woocommerce ul.order_details li:last-child {
        border-bottom: 0;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a:after {
        display: none;
    }
    .privacy-content h2, 
    .entry-content h2 {
        font-size: 22px;
        margin-block: 30px 10px;
    }
    .contact-page-links {
        margin-top: -30px;
    }
    .contact-page-link-box {
        height: auto;
        margin-top: 65px;
    }
    .contact-form-img {
        justify-content: center;
        margin-bottom: 40px;
    }
    .contact-form-img img {
        max-width: 100%;
        width: 350px;
    }    
    .grooming-img.back-img {
        width: 100%;
        float: none;
        min-height: unset;
        height: auto;
        aspect-ratio: 1/0.65;
        border-radius: 30px;
        margin-bottom: 40px;
    }
    .doctor-consult-img {
        margin-bottom: 40px;
    }
    .brands-deal-slider {
        grid-template-columns: repeat(4, 1fr);
    }
    .why-choose-us-img img {
        width: 100%;
        margin-bottom: 30px;
    }
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .woocommerce-page table.cart td.actions .coupon .button {
        width: 100%;
        margin-top: 10px;
    }
    #add_payment_method table.cart td.actions .coupon .input-text, 
    .woocommerce-cart table.cart td.actions .coupon .input-text, 
    .woocommerce-checkout table.cart td.actions .coupon .input-text {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    :root {
        --sec-spacing: 60px;
    }
    .comment-form p.comment-form-author,
    .comment-form p.comment-form-email {
        width: 100%;
    }
    .error-404 img {
        width: 100%;
    }
    .modal-dialog {
        max-width: unset;
        width: calc(100vw - 60px);
    }
    .h1-title {
        font-size: 45px;
    }
    .inner-banner .h1-title {
        font-size: 40px;
    }
    .h2-title {
        font-size: 35px;
    }
    .title {
        margin-bottom: 30px;
    }
    .h3-title,
    .pet-categorie-name .h3-title {
        font-size: 20px;
    }
    .featured-tabbing {
        margin-bottom: 40px;
    }
    .featured-tabbing ul {
        gap: 15px;
    }
    .testimonial-img {
        height: auto;
        aspect-ratio: 1/0.7;
    }
    .testimonial-content {
        margin-top: 30px;
    }
    .quote {
        margin-bottom: 20px;
    }
    .testimonial-content-text {
        height: 160px;
    }
    .banner-slide-box {
        padding: 80px 0 50px 0;
    }
    .featured-tabbing ul {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        width: 100vw;
        overflow-x: auto;
        padding-inline: 30px;
        justify-content: unset;
    }
    .featured-tabbing ul::-webkit-scrollbar {
        width: 0;
    }
    .featured-tabbing ul::-webkit-scrollbar-thumb {
        background: transparent;
    }
    .featured-tabbing ul::-webkit-scrollbar-track {
        background: transparent;
    }
    .featured-tabbing ul li {
        margin: auto;
    }
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
    .woocommerce div.product .woocommerce-tabs .panel h2, 
    .woocommerce div.product .woocommerce-tabs .panel .comment-reply-title {
        font-size: 20px;
    }
    .woocommerce-billing-fields__field-wrapper .form-row, 
    .woocommerce-additional-fields__field-wrapper .form-row, 
    .woocommerce-shipping-fields__field-wrapper .form-row,
    form.woocommerce-EditAccountForm.edit-account .form-row, 
    .woocommerce form .woocommerce-address-fields__field-wrapper .form-row {
        width: 100% !important;
    }
    .woocommerce form.checkout_coupon p.form-row.form-row-first,
    .woocommerce form.checkout_coupon p.form-row.form-row-last,
    .woocommerce form.checkout_coupon p.form-row.form-row-last button.button {
        width: 100%;
    }
    .xoo-el-section {
        padding: 30px;
    }
    .contact-form-box {
        padding: 30px;
    }
    .brand-products-list>.row {
        row-gap: 20px;
        --gutter: 20px;
    }
    .brands-img {
        height: 70px;
    }
    .product-search-list .row {
        row-gap: 20px;
        --gutter: 20px;
    }
}

@media screen and (max-width: 575px) {
    .container, 
    .container-fluid, 
    .container-lg, 
    .container-md, 
    .container-sm, 
    .container-xl, 
    .container-xxl {
        --container-space: calc(var(--gutter));
    }
    .thanks-icon {
        width: 80px;
        margin: 0 auto 30px;
    }
    .privacy-content ol, 
    .privacy-content ul,
    .entry-content ol, 
    .entry-content ul {
        margin-left: 20px;
    }
    .page-numbers li a,
    .page-numbers li,
    span.page-numbers,
    .page-numbers {
        width: 35px;
        height: 35px;
        font-size: 14px !important;
        margin-bottom: 0 !important;
        border-radius: 8px;
    }
    .page-numbers li {
        margin-bottom: 10px;
    }
    .product-slider .slick-list, 
    .featured-slider .slick-list,
    .pets-accessories-slider .slick-list {
        width: 250px;
        margin-inline: auto;
    }
    .blog-slider .slick-list {
        width: 300px;
        margin-inline: auto;
    }
    .coupons-img {
        display: none;
    }
    .newsletter-box {
        padding: 30px;
        border-radius: 20px;
    }
    .noptin-form-fields {
        flex-direction: column;
    }
    .scrolltop {
        bottom: 15px;
        right: 15px;
    }
    .woocommerce ul.products {
        gap: 15px;
    }
    .main-product-lists #woof_results_by_ajax, .main-product-lists .woof_shortcode_output {
        gap: 20px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 16px;
        padding: 6px 15px;
    }
    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        flex-direction: column;
        gap: 5px;
    }
    .woocommerce table.my_account_orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button, 
    .woocommerce .woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file.button.alt {
        width: 100px;
        height: 30px;
    }
    .xoo-aff-group.onehalf {
        flex: unset;
    }
    .grooming-img.back-img {
        border-radius: 20px;
        margin-bottom: 30px;
    }
    .doctor-consult-img {
        margin-bottom: 30px;
    }
    .brands-deal-slider {
        grid-template-columns: repeat(3, 1fr);
    }
    .shipping-support-text .h4-title {
        font-size: 16px;
    }
    .preloader-box {
        gap: 10px;
    }
    .preloader-box img {
        height: 17vw;
        max-height: 70px;
    }
    .pet-categorie-image {
        width: 130px;
    }
    .inner-banner .h1-title {
        font-size: 30px;
    }
    .h2-title {
        font-size: 28px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        width: 100vw;
        padding-inline: 30px;
    }
    .banner-slide-box {
        aspect-ratio: auto;
        min-height: 600px;
    }
    .home .h1-title {
        font-size: 8vw;
    }
    .product-search-list .row {
        row-gap: 15px;
        --gutter: 15px;
    }
}

@media screen and (max-width: 400px) {
    .container, 
    .container-fluid, 
    .container-lg, 
    .container-md, 
    .container-sm, 
    .container-xl, 
    .container-xxl {
        --container-space: calc(var(--gutter) / 2);
    }
    .site-header .container {
        --container-space: calc(var(--gutter) / 2);
    }
    .modal-dialog {
        width: calc(100vw - 30px);
    }
    .common-popup-text {
        padding: 20px 15px;
    }
    .site-branding {
        left: 15px;
    }
    .menu-toggle {
        right: 15px;
    }
    .form-input, 
    .input-text, 
    .select2-container--default .select2-selection--single .select2-selection__rendered, 
    select {
        padding-inline: 15px;
    }
    .form-input.wpcf7-textarea {
        padding: 15px;
    }
    .form-element i {
        right: 10px;
    }
    .popup-title {
        padding: 10px 65px 10px 15px;
    }
    .common-popup-text {
        padding: 20px 15px !important;
        max-height: 75vh;
    }
    .header-menu-btn {
        right: 60px;
        gap: 12px;
    }
    .header-menu-btn .sec-btn.sm {
        height: 30px;
        padding-inline: 15px;
    }
    .profile-icon {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    .sub-title {
        font-size: 15px;
    }
    .h1-title {
        font-size: 40px;
    }
    .coupons-box,
    .coupons-list .row [class^="col-"]:only-child .coupons-box {
        padding: 15px;
    }
    .pet-categories-list {
        gap: 30px 15px;
    }
    .pet-categorie-name .h3-title {
        font-size: 18px;
    }
    .featured-tabbing ul {
        padding-inline: 15px;
    }
    .accessories-btn {
        margin-top: 0;
        text-align: left;
        padding-top: 30px;
    }
    .newsletter-box {
        padding: 30px 15px;
    }  
    .newsletter-form {
        margin-top: 16px;
    }  
    .footer-logo {
        width: 130px;
    }
    .footer-menu-box {
        gap: 30px;
        flex-direction: column;
    }
    .footer-bottom-link ul li {
        padding-right: 5px;
        margin-right: 5px;
    }
    .footer-bottom-link ul li a {
        font-size: 13px;
    }
    .main-product-lists #woof_results_by_ajax, 
    .main-product-lists .woof_shortcode_output {
        justify-content: center;
    }
    .mobile-filter {
        text-align: center;
    }
    .shop-filter {
        --width: 250px;
    }
    .wpgs-for .slick-arrow {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }
    .woocommerce div.product .woocommerce-tabs .panel {
        padding: 15px;
    }
    .product-detail-content ul {
        padding: 15px 15px 15px 35px;
    }
    .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
        padding: 15px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 7px 15px;
    }
    .xoo-el-section {
        padding: 30px 20px;
    }
    .xoo-aff-group {
        margin-bottom: 20px;
    }
    form.xoo-el-action-form {
        gap: 0 20px;
    }
    .contact-form-box,
    .contact-form-box.doctor-consult-form {
        padding: 30px 15px;
    }
    .wpcf7-form-control-wrap {
        margin-bottom: 20px;
    }
    .contact-form-box .h3-title {
        margin-bottom: 20px;
    }
    .header-search-box {
        max-width: calc(100% - 30px);
    }
    .header-search-box .h3-title {
        margin-bottom: 15px;
    }
    .header-search-form .search-form .search-field {
        height: 46px;
        padding-inline: 20px;
        font-size: 14px;
    }
    .search-close {
        top: 20px;
        right: 20px;
        font-size: 25px;
    }
    .search-suggestions ul li {
        padding: 5px 20px;
    }
    .search-suggestions ul li a {
        font-size: 14px;
    }
    .no-suggestions {
        font-size: 14px;
        padding: 5px 20px;
    }
    .brands-deal-slider {
        grid-template-columns: repeat(2, 1fr);
    }
    .shipping-support-list .row {
        --gutter: 15px;
    }
    .shipping-support-box .icon {
        width: 80px;
        height: 80px;
    }
    .pet-categorie-image {
        width: 100px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        padding-inline: 15px;
    }
    .banner-slide-box {
        min-height: 500px;
    }
    .banner-content p {
        font-size: 14px;
    }
}

@media screen and (max-width: 370px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }
    .woocommerce ul.products .product-box,
    .brand-products-list .product-box,
    .product-search-list .product-box {
        width: 230px;
        margin: auto;
    }
    .brand-products-list>.row>[class^="col-"],
    .shipping-support-list>.row>[class^="col-"] {
        width: 100%;
    }
    .product-search-list .row [class^="col-"] {
        width: 100%;
    }
}
/*==========Responsive End==========*/

/* Hide grooming section on homepage(start)*/
/* body .main-pet-grooming {
    display: none;
} */
/*End*/
/*Return, Refund & Cancellation Policy*/
body #post-10 .entry-content li {
    margin-left: 20px;
}
/**/

body .pet-categorie-box .pet-categorie-image img {
	transition: all 0.3s;
}

body .pet-categorie-box .pet-categorie-image img:hover {
    transform: scale(1.1);
}

.common-sec.cart-container article > .entry-content > .woocommerce {
    display: flex;
    flex-direction: column;
}

.common-sec.cart-container article > .entry-content > .woocommerce .cart-collaterals {
    width: 35%;
    padding-left: 30px;
    margin-top: -57px;
}

.common-sec.cart-container article > .entry-content > .woocommerce form.woocommerce-cart-form {
    width: 65%;
}

body form.checkout.woocommerce-checkout {
    display: flex;
}

body form.checkout.woocommerce-checkout div#customer_details {
    width: 60%;
}

body form.checkout.woocommerce-checkout div#order_review {
    width: 40%;
    padding-left: 30px;
}

form.checkout.woocommerce-checkout h3,
form.checkout.woocommerce-checkout h3#order_review_heading {
    color: #f07c00;
}

.woocommerce-checkout #payment ul.payment_methods li label img {
    width: 100%;
    max-width: 230px;
    margin: 0 auto 0 0;
}

@media (max-width: 1024px){
	.woocommerce table.shop_table.cart .button {
		width: auto;
		margin: 0 5px;
		padding-left: 26px;
		padding-right: 26px;
	}
}


@media (max-width: 1023px){
body .product-box input[type=number], body .product-box .input-text[type=number] {
    width: 58px!important;
}
.common-sec.cart-container article > .entry-content > .woocommerce .cart-collaterals {    
		padding-left: 15px;
    	margin-top: -48px;
	}
	body form.checkout.woocommerce-checkout {
    flex-direction: column;
}
	body form.checkout.woocommerce-checkout div#customer_details, body form.checkout.woocommerce-checkout div#order_review {
    width: 100%!important;
    padding: 0px!important;
}
	body form.checkout.woocommerce-checkout div#order_review {
    padding-top: 30px!important;
}
}

@media (max-width: 767px){
	.common-sec.cart-container article > .entry-content > .woocommerce {
		display: flex;
		flex-direction: column;
	}
		.common-sec.cart-container article > .entry-content > .woocommerce form.woocommerce-cart-form, .common-sec.cart-container article > .entry-content > .woocommerce .cart-collaterals {
		width: 100%;
		padding-left: 0;
		margin-top: 0;
	}
	
}

@media (max-width: 479px){
.woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
}
body .woocommerce ul.products li.product {
    display: contents;
}
	.custom-quantity-wrapper {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
	.common-sec .main-product-lists {
    margin-bottom: 35px;
}
	.woocommerce ul#shipping_method li label {
    display: block!important;
    margin: -0px!important;
    width: 177px;
}
	.woocommerce-cart-form button.button {
    margin-left: auto!important;
    margin-right: auto!important;
}
}
body .wrap-cart {
    display: flex!important;
    margin-top: 58px!important;
}
body form.cart {
    display: flex;
    align-items: center;
    gap: 15px!important;
    flex-direction: column;
}
.custom-quantity-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}
body button.button.add-to-cart-bt {
    height: 35px;
    background: var(--primary-color);
    border: none;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    -webkit-appearance: none;
    font-size: 16px;
    line-height: 20px;
    color: var(--white-color);
    font-weight: 500;
    text-align: center;
    padding: 5px 25px;
    cursor: pointer;
    text-transform: capitalize;
    outline: none !important;
    transition: 0.3s;
    overflow: hidden;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    z-index: 2';
}
body a.sec-btn.sm.go-back-button {
    color: white;
    padding: 20px;
    font-size: 15px;
	bottom: 43px;
}
body .wrap-buttons {
    display: flex;
    flex-direction: column;
    gap: 25px;
	margin-bottom:15px;
}
body .buttons {
    /* margin-left: 54px; */
    display: flex;
    flex-direction: row;
    gap: 10px;
}

/* Loader style */
.loader {
    width: 20px;
    height: 20px;
    border: 3px solid white;
    border-top: 3px solid #3498db; /* Blue color for the spinner */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px; /* Space between the button text and the loader */
    display: inline-block;
}

/* Define the spinning animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.view-cart-link {
    color: #3498db; /* Blue color for the link */
    text-decoration: none; /* Remove underline */
    font-weight: bold;
}

.view-cart-link:hover {
    text-decoration: underline; /* Underline on hover */
}
.custom-quantity {
    border: 2px solid #f07c00 !important;
    border-radius: 10px!important;
}
.add-to-cart-btn {
    gap: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.product-content {
    position: relative;
    padding: 10px;
    margin-bottom: -18px;
}
.product-btn {
    position: static;
}
.product-btn a.sec-btn.sm.button {
    position: absolute;
    top: 150px;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 34%;
    margin-left: 25px;
	margin-top: -57px;
}
.woocommerce div.product form.cart > .wrap-buttons > .quantity {
    display: none;
}
.woocommerce div.product form.cart > .wrap-buttons {
    width: 100%;
}
@media (max-width: 1400px){
	body .add-to-cart-btn button, body .add-to-cart-btn a,.product-btn a.sec-btn.sm.button {
    height: auto!important;
    font-size: 14px!important;
    line-height: 18px!important;
    padding: 5px 12px!important;
}
}
.fee th {
    vertical-align: top;
}
@media (max-width: 1024px){
	body .add-to-cart-btn button, body .add-to-cart-btn a,.product-btn a.sec-btn.sm.button {
    font-size: 14px!important;
}
}
@media (max-width: 1023px){
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 100%;
    margin-left: 0px;
	margin-top: 0px!important;
}
	body .woocommerce-shipping-totals.shipping  td {
    min-width: 100%!important;
}
	body .wrap-cart {
    flex-direction: column;
}
.product-box {
    padding: 15px 10px 20px 10px!important;
}
}

.phonepe_response.box.error-box {
    color: red;
    border: 1px solid red;
    /* width: 22%; */
    text-align: center;
    font-size: 20px;
    margin-bottom: 50px;
}
.image-wrapper {
    position: relative; /* Needed for absolute positioning inside */
}
.woocommerce ul.products li.product .star-rating {
/*     font-size: .857em; */
    display: none !important;
}
span.rating-star {
    color: orange;
}
.custom-rating-badge {
    position: absolute;
    top: -12px;
    left: -12px;
    background: #fff;
    border: 1px solid orange;
    border-radius: 50px;
    padding: 2px 6px;
    font-size: 13px;
    font-weight: 600;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.custom-rating-badge .rating-star {
    color: orange;
}
.not-for-sale {
    color: red;          /* red tone */
    font-weight: 600;
    font-size: 16px;
    margin: 8px 0;
    padding: 6px 12px;
    text-align: center;
/*     border: 1px solid #d9534f;
    border-radius: 20px;     /* pill style */ */
    display: inline-block;
/*     background: #fff5f5;     /* light red background */ */
}
.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Packing Charge"] li:first-child {
    margin-top: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Packing Charge"] {
    display: flex;
    flex-wrap: wrap;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
    text-align: end;
    justify-content: end;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
    text-align: end;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
    border-top: 1px solid #e9e6ed;
    width: 51%;
}
.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
    margin-bottom: 0;
    display: none;
}
.fee td {
    text-align: end;
	display: flex;
    margin-left: 100px;
}

@media screen and (max-width: 991px){
.cart_totals.calculated_shipping {
    margin-top: 40px;
}
	h2{
		text-align: center;
	}
}

.col-lg-3 .product-rating-box {
    display: none;
}
.packing-breakdown {
    margin-left: 2px;
}
tr.packing-breakdown-toggle {
    display: none;
}
.cart_totals {
    margin-top: 30px;
}
a#trackOrder {
    margin-bottom: 23px;
    margin-right: 6px;
}
#trackOrder {
    background: #57cdf1!important;
}
#trackOrder:hover {
    background: #f07c00!important; 
}
input#shipping_method_0_local_pickup1 {
    display: none;
}
input#shipping_method_0_flat_rate3 {
    display: none;
}
@media (max-width: 767px){
	.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Packing Charge"] ul.packing-details li {
    white-space: break-spaces;
    width: 100%;
    margin: 0;
}
	.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Packing Charge"] {
    gap: 5px;
    width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Packing Charge"]::before {
    position: absolute;
    left: 30px;
}
	tr.fee td {
    margin: 0;
}
input[type=number], .input-text[type=number] {
    padding: 0px;
}
}
.cart_totals{
	margin-top:0px!important;
}
.woocommerce ul#shipping_method li label {
    display: inline!important;
    margin: -0px!important;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Packing Charge"] ul.packing-details {
    width: 100%;
}
.woocommerce-shipping-totals.shipping th {
    vertical-align: top;
}
.out-of-stock {
    color: red;
    font-weight: bold; /* optional, makes it more visible */
}

body .woocommerce-shipping-totals.shipping td ul.shipping-details {
    padding: 0 0 0 0px!important;
}
body .woocommerce-shipping-totals.shipping  td {
    min-width: 250px;
}

tr.fee td {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
tr.fee td  ul.packing-details {
    margin-top: 0!important;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td[data-title="Packing Charge"] {
    gap: 5px;
}

@media (max-width: 479px){
	.woocommerce-shipping-totals.shipping td {
    min-width: 220px;
    width: 100%;
}
	
	.woocommerce-shipping-totals.shipping th {
    min-width: 100px;
}
	body .woocommerce-shipping-totals.shipping td[data-title="Shipping"] {
    min-width: 180px!important;
}
}
#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {
    min-width: 130px!important;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none!important;
}
th.woocommerce-orders-table__header.woocommerce-orders-table__header-woo-orders-tracking {
    display: none!important;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-woo-orders-tracking {
    display: none;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
    padding: 4px 15px!important;
}
/* Mobile adjustment */
@media (max-width: 768px) {
    .trackorder {
        right: 6px;
    }
input.input-text.qty.text {
    height: 28px!important;
}
}
button.cart-plus {
    background: none!important;
    border: none!important;
}
button.cart-minus{
    background: none!important;
    border: none!important;
}
.quantity.custom-cart-qty {
    display: flex!important;
}