/********************************************************************
Global Styling
********************************************************************/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

:where(.wp-site-blocks)>* {
    margin-block-start: 0;
}

:root :where(a:where(:not(.wp-element-button))) {
    color: var(--wp--preset--color--text-white);
}

.hidden,
br {
    display: none !important;
}

html,
body,
table {
    color: var(--wp--preset--color--text-white) !important;
    overflow-y: visible;
}

table,
thead,
tbody,
tfoot,
th,
tr,
td {
    border-color: var(--wp--preset--color--border) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 0.5rem 0 !important;
}

h1 {
    font-size: clamp(32px, 1.502rem + ((1vw - 3.2px) * 1.247), 40px) !important;
}

h2 {
    font-size: clamp(28px, 1.352rem + ((1vw - 3.2px) * 1.123), 36px) !important;
}

h3 {
    font-size: clamp(24px, 1.202rem + ((1vw - 3.2px) * 0.999), 32px) !important;
}

h4 {
    font-size: clamp(20px, 1.052rem + ((1vw - 3.2px) * 0.875), 28px) !important;
}

h5 {
    font-size: clamp(16px, 0.902rem + ((1vw - 3.2px) * 0.751), 24px) !important;
}

h6 {
    font-size: clamp(12px, 0.752rem + ((1vw - 3.2px) * 0.627), 20px) !important;
}

*:focus {
    outline-width: 0 !important;
}

.required {
    color: var(--wp--preset--color--primary) !important;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type="checkbox"] {
    background: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--secondary) !important;
}

input[type="checkbox"]:checked {
    background: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}

.wc-block-components-checkbox__mark {
    fill: var(--wp--preset--color--text-white) !important;
}

.wc-block-components-checkbox label {
    font-size: 14px !important;
}

.woocommerce-notices-wrapper .wc-block-components-notice-banner,
.woocommerce-notices-wrapper .wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
    background: var(--wp--preset--color--secondary) !important;
    font-size: 14px !important;
    color: var(--wp--preset--color--text-white) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success {
    border-color: var(--wp--preset--color--primary) !important;
}

.woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success>svg {
    background-color: var(--wp--preset--color--primary) !important;
}

.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message {
    border-radius: 4px;
    color: var(--wp--preset--color--text-white);
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    box-sizing: border-box;
    border: 1px solid;
    border-color: initial;
    margin-top: 1rem !important;
    font-size: 14px !important;
    padding: 17.5px 16px 17.5px 60px !important;
    background: var(--wp--preset--color--secondary) !important;
}

.woocommerce-notices-wrapper .woocommerce-error {
    border-color: #b81c23 !important;
}

.woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-message::before {
    top: 13px;
    left: 20px;
    font-size: 21px;
}

.wc-block-components-notice-banner,
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
    opacity: 1;
    font-size: 16px !important;
    width: auto;
    color: var(--wp--preset--color--text-white) !important;
    background: var(--wp--preset--color--secondary) !important;
}

ul,
ol,
ul>li,
ol>li {
    list-style: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

a {
    text-decoration: none;
}

a:hover {
    color: var(--wp--preset--color--primary);
}

button:hover,
.button:hover,
.wp-element-button:hover {
    color: var(--wp--preset--color--white) !important;
}

.left-icon {
    margin-right: 8px;
}

.section-wrapper {
    padding: 60px 0;
}

figure {
    line-height: 1;
}

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

form label {
    font-size: 1rem !important;
    font-weight: 500 !important;
    margin-bottom: 10px !important;
    color: var(--wp--preset--color--text-white) !important;
}

.forminator-row {
    margin-bottom: 1.25rem !important;
}

.forminator-required {
    color: var(--wp--preset--color--primary) !important;
}

.button,
input[type="submit"],
.forminator-button {
    font-size: 15px;
    padding: 0.75rem 1.25rem;
    width: 100%;
    font-weight: 600;
    margin-top: 0.25rem !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 0 0 6px 6px;
    text-transform: uppercase;
}

input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=search],
input[type=number],
input[type*=date],
input[type=email],
select,
textarea {
    border-radius: 0px 0px 6px 6px !important;
    background: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--base) !important;
    padding: 0px 1rem !important;
    font-size: 14px !important;
    height: 45px !important;
    border: none !important;
    outline: none !important;
    color: var(--wp--preset--color--text-white) !important;
    width: 100%;
}

textarea {
    min-height: 200px !important;
    padding: 1rem !important;
}

.forminator-button {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
    width: 100% !important;
}

.forminator-response-message {
    display: none
}

.inner_container {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

.inner_container .row {
    --bs-gutter-x: 0;
}

/********************************************************************
HEADER STYLING
********************************************************************/
body.home,
.wp-site-blocks {
    overflow-x: clip;
}

header>.wp-block-group {
    padding-bottom: 0.75rem;
    /* border-bottom: 1px solid var(--wp--preset--color--border); */
}

/* html[data-scheme="dark"] header>.wp-block-group {
    background: var(--wp--preset--color--secondary);;
} */

.single-product header>.wp-block-group {
    margin-bottom: 2rem;
}

.home header>.wp-block-group {
    margin-bottom: 0;
}

header p {
    font-size: inherit !important;
}

footer .footer-icons-strip,
header .have-diagonal-radius {
    position: relative;
    color: var(--wp--preset--color--white);
    background: var(--wp--preset--color--secondary-primary);
}

footer .footer-icons-strip p,
header .have-diagonal-radius p,
footer .footer-icons-strip a,
header .have-diagonal-radius a {
    color: var(--wp--preset--color--white);
}

header .have-diagonal-radius::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-top: 40px solid var(--wp--preset--color--base);
    border-right: 1.875rem solid transparent;
}

html[data-scheme="dark"] header .have-diagonal-radius::before {
    border-top: 40px solid var(--wp--preset--color--secondary);
}

header .header-middle .menu .wp-block-navigation__container {
    gap: 1.15rem !important;
}

header .header-middle .menu .wp-block-navigation__submenu-container {
    border-radius: 6px;
    left: 0 !important;
    min-width: 250px !important;
    border: 1px solid var(--wp--preset--color--border);
    background: var(--wp--preset--color--black) !important;
}

header .header-middle .menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 1rem 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

header .header-middle .menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--primary);
    text-decoration: none;
}

header .header-middle .menu .wp-block-navigation__submenu-container>.wp-block-navigation-link {
    margin: 0 1.25rem !important;
    align-items: center;
}

header .header-middle .menu .company-submenu {
    min-width: 250px;
    padding: 1rem 0 !important;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

/* header .header-middle .menu .company-submenu::before {
    content          : '';
    height           : 50px;
    width            : 50px;
    margin-right     : 20px;
    background-size  : contain !important;
    background-repeat: no-repeat !important;
} */

/* header .header-middle .menu .blog-nav.company-submenu::before {
    background: url(../images/blog-before.png);
}

header .header-middle .menu .faq-nav.company-submenu::before {
    background: url(../images/faq-before.png);
}

header .header-middle .menu .contact-nav.company-submenu::before {
    background: url(../images/contact-before.png);
}
 */

header .header-middle .menu .subscription-nav.company-submenu::before {
    background: url(../images/subscription-before.png);
}

header .header-middle .menu .company-submenu>a {
    flex-direction: column;
}

header .header-middle .menu .company-submenu>a::after {
    content: '';
    font-size: 12px;
    text-transform: none;
    font-weight: 300;
    color: var(--wp--preset--color--text-white);
}

/* header .header-middle .menu .blog-nav.company-submenu>a::after {
    content: "Find latest news about Trackers";
}

header .header-middle .menu .faq-nav.company-submenu>a::after {
    content: "Top questions people ask us";
}

header .header-middle .menu .contact-nav.company-submenu>a::after {
    content: "Find best solutions for your business";
}


header .header-middle .menu .subscription-nav.company-submenu>a::after {
    content: "Subscription pricing for all brands & products";
} */

header .header-middle .menu .company-submenu .wp-block-navigation-item__content {
    border: none !important;
    padding: unset;
}

header .header-middle .menu .company-submenu>.wp-block-navigation-link {
    background: var(--wp--preset--color--secondary);
}


.wp-block-search .wp-block-search__label {
    display: none;
}

.wp-block-search .wp-block-search__inside-wrapper {
    background: var(--wp--preset--color--secondary);
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
    background: var(--wp--preset--color--secondary) !important;
}

html[data-scheme="dark"] .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
    background: var(--wp--preset--color--secondary) !important;
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input::placeholder {
    color: var(--wp--preset--color--grey);
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
    padding: 0;
    margin: 0;
    position: relative;
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--secondary) !important;
}

.wp-block-search__button svg {
    display: none;
}

/* 
html[data-scheme="dark"] .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
    background: var(--wp--preset--color--base)  !important;
    color: var(--wp--preset--color--base)  !important;
} */

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 13px;
    z-index: 1;
    background: url(../images/search.svg);
}

.mini-cart-block {
    position: relative;
}

.mini-cart-block .mini-cart-counter,
.comparison-counter-block .comparison-counter-header,
.wishlist-counter-with-products .wishlist_products_counter_number {
    background: var(--wp--preset--color--primary);
    width: 24px;
    height: 24px;
    line-height: 1;
    border-radius: 50px;
    color: var(--wp--preset--color--text-white);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -15px;
    left: 15px;
}

.wishlist-header-counter {
    position: relative;
    margin-right: -40px !important;
}

.wishlist_products_counter_number {
    display: none;
}

.comparison-counter-block {
    position: relative;
}

.wp-block-group .wp-block-woocommerce-customer-account a:hover {
    text-decoration: none !important;
    color: var(--wp--preset--color--primary) !important;

}

.hero-slider h1+p {
    color: var(--wp--preset--color--white);
}

.hero-slider .owl-nav {
    top: 50% !important;
    transform: translateY(-100%);
}

/********************************************************************
Woocommerce Styling
********************************************************************/
.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
    max-width: 1440px;
    width: 100%;
}

.woocommerce .woocommerce-breadcrumb {
    text-transform: uppercase;
    font-size: 1rem;
}

.woocommerce-cart .woocommerce-message {
    position: relative;
    animation: none;
    transform: none;
}

.woocommerce-cart .woocommerce-message.hidden-notice {
    display: none;
}

/********************************************************************
SHOP / CATEGORY PAGE Styling
********************************************************************/
.sidebar--product-sidebar .wp-block-woocommerce-filter-wrapper .wc-blocks-filter-wrapper {
    margin: 1rem 0 1.5rem;
    border-bottom: 1px solid var(--wp--preset--color--border);
    padding-bottom: 1rem;

}

.sidebar--product-sidebar .wp-block-woocommerce-filter-wrapper:last-child .wc-blocks-filter-wrapper {
    border-bottom: none;
}

.sidebar--product-sidebar .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    max-width: 80px;
    text-align: center;
}

main#main .toolbar.toolbar-products {
    display: flex;
    justify-content: space-between;
    padding: 0.50rem 1rem;
    border: 1px solid var(--wp--preset--color--border);
    align-items: center;
    border-radius: 6px;
    margin-bottom: 2rem;
}

main#main .toolbar.toolbar-products .woocommerce-result-count,
main#main .toolbar.toolbar-products .woocommerce-ordering {
    margin: 0 0;
}


main#main .toolbar.toolbar-products .woocommerce-ordering select {
    background-color: var(--wp--preset--color--secondary) !important;
    border-radius: 6px !important;
}

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}

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

.woocommerce .products .product {
    background: var(--wp--preset--color--black);
    padding: 1rem !important;
    color: var(--wp--preset--color--text-white);
    flex-direction: column;
    /*! justify-content: space-between; */
    display: flex;
}


.woocommerce .products .product.last {
    margin-right: 0 !important;
}

.woocommerce .products .product .woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 600;
    padding: 0px !important;
    line-height: 1.6;
    text-align: left;
}

.woocommerce .products .product .star-rating {
    margin-bottom: 0.5rem;
    position: absolute;
    top: 335px;
    right: 15px;
}

.woocommerce .products .product .star-rating span::before {
    color: #FFD800;
}

.woocommerce .products .product .price {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    display: flex !important;
    gap: 0.5rem !important;
    color: var(--wp--preset--color--primary);
}

.woocommerce .products .product .price .old {
    order: 2;
    color: var(--wp--preset--color--text-white);
    font-size: 14px;
    font-weight: 300;
    text-decoration: line-through;
    align-self: center;
}

.woocommerce .products .product .wc_product_short_description>p,
.woocommerce .products .product .wc_product_short_description>p>span>strong {
    color: var(--wp--preset--color--text-white);
    font-weight: normal;
    text-decoration: underline;
}

.woocommerce .products .product .feature-actions-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-bottom: none;
    padding-bottom: 0 !important;
}

.woocommerce .products .product ul::before {
    display: none;
}

.woocommerce .products .product .wc_product_short_description ul>li,
.woocommerce .products .product .wc_product_short_description ol>li {
    list-style: none;
    padding-left: 2rem !important;
    position: relative;
    float: none !important;
    width: 100%;
    line-height: 1.8;
}

.remove-product-comparison {
    padding: 14px;
    white-space: nowrap;
    background: var(--wp--preset--color--secondary);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.product-comparison-table .remove-from-comparison {
    padding: 11px 10px;
    background: var(--wp--preset--color--secondary);
    border-radius: 0 0 5px 5px;
}

.single-product .remove-from-comparison {
    font-size: 18px !important;
}

.single-product .remove-from-comparison:hover {
    color: var(--wp--preset--color--text-white);
}

.product-comparison-table .remove-from-comparison:hover {
    color: var(--wp--preset--color--text-white);
    text-decoration: none !important;
}

.woocommerce .products .product .wc_product_short_description ul>li::before,
.wp-site-blocks .subscription-features>li::before {
    content: "";
    position: absolute !important;
    left: 0;
    background: url(../images/list.png);
    display: inline-block !important;
    background-repeat: no-repeat !important;
    margin-right: 15px !important;
    background-position: bottom;
    height: 14px;
    width: 23px;
    top: 8px;
}

.woocommerce .products .product .woosw-btn {
    display: flex !important;
    width: 48px;
    height: 48px;
    margin: 0 !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    background: var(--wp--preset--color--secondary)8F;
    padding: 9px;
    border-radius: 50%;
    border: none;
}

.woocommerce .products .product .woosw-btn span {
    margin: auto !important;
}

.woocommerce .products .product .woosw-btn span::before {
    font-size: 24px;
    color: var(--wp--preset--color--text-white);
}

.woocommerce .products .product .woosc-btn.action-compare {
    font-weight: 600;
    border: none;
    font-size: 14px;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 0 0 6px 6px;
    margin: auto !important;
    display: block !important;
    background: #272A2D;
    color: var(--wp--preset--color--white) !important;
    line-height: 35px;
}


.woocommerce .products .product .woosc-btn.action-compare::before {
    display: none;
}

.woocommerce .product .onsale {
    top: 1.25rem !important;
    right: unset !important;
    left: 1.25rem !important;
    height: 60px;
    width: 60px;
    padding: 0;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    background: url(../images/on-sale-bg.png);
    background-size: contain;
    font-size: 14px;
    transform: rotate(-20deg);
}

.woocommerce .products .product .product-item-actions {
    display: flex;
    gap: 0.5em;
    margin-top: 20px;
}

.woocommerce .products .product .product-item-actions>* {
    width: 150px;
    margin-top: 0 !important;
    color: var(--wp--preset--color--white) !important;
    ;
    width: 100%;
}

.woocommerce .products .product .product-item-actions>p,
.woocommerce .products .product>p {
    display: none;
}

.offers-container .products .product>p {
    display: block !important;
}

.woocommerce .products .product .product-item-actions .htcompare-button-area {
    width: 100%;
    background: var(--wp--preset--color--secondary);
    border-radius: 0 0 6px 6px;
}

.woocommerce .products .product .product-item-actions .added_to_cart.wc-forward {
    position: absolute;
    width: calc(100% - 2rem);
    margin: 0 1rem;
    padding: 16px 0 !important;
    text-align: center;
    background: var(--wp--preset--color--primary);
    left: 0;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--wp--preset--color--text-white) !important;
    line-height: 1;
    bottom: 15px;
    border-radius: 0 0 6px 6px;
}

.woocommerce .products .product .product-item-actions .add_to_cart_button {
    order: 2;
    padding: 0px 10px;
    font-size: 14px;
    margin-top: 0 !important;
    color: var(--wp--preset--color--white) !important;
    width: 100%;
}

.compare-brand-store-wrapper {
    order: 3;
}

.tinv-wraper.tinv-wishlist {
    order: 2;
}

.woocommerce .products .product .wishsuite-loader {
    display: none;
}

main .wp-block-group.has-div-background-background-color,
.wp-block-group.has-div-background-background-color.has-global-padding,
.wp-block-group.has-div-background-background-color.has-global-padding {
    background: #050505 !important;
}


.has-div-background-background-color h1,
.has-div-background-background-color h2,
.has-div-background-background-color h1+p,
.has-div-background-background-color h2+p,
main .wp-block-group.has-div-background-background-color h1,
main .wp-block-group.has-div-background-background-color p,
.wp-block-group.has-div-background-background-color.has-global-padding h1,
main .wp-block-group.has-div-background-background-color.has-global-padding p,
.h1.wp-block-query-title,
h2.wp-block-post-title,
.woocommerce.wc-block-breadcrumbs,
.woocommerce.wc-block-breadcrumbs a {
    color: var(--wp--preset--color--white) !important;
}

main#main .woocommerce-pagination ul.page-numbers {
    border: none;
    border-right: none;
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 2rem !important;
}

main#main .woocommerce-pagination .page-numbers li {
    border: 1px solid var(--wp--preset--color--secondary);
    overflow: unset;
    padding: 2px;
    border-radius: 50%;
}

main#main .woocommerce-pagination .page-numbers li .page-numbers {
    border-radius: 50%;
    padding: unset;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--text-white);
}

main#main .woocommerce-pagination .page-numbers li .prev.page-numbers,
main#main .woocommerce-pagination .page-numbers li .next.page-numbers {
    background: transparent;
}


main#main .woocommerce-pagination .page-numbers li .page-numbers.current {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--text-white);
}

/********************************************************************
WISHLIST Styling
********************************************************************/
.woocommerce .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.woocommerce .tinv-wishlist {
    position: absolute;
    width: 32px !important;
    height: 32px;
    top: 20px;
    right: 20px;
    margin-top: 0;
    background: var(--wp--preset--color--seconodary);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
    width: 24px;
    height: 24px;
    margin: 0 !important;
}

.woocommerce .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
.woocommerce .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before {
    position: unset;
    margin: 0 !important;
    font-size: 24px;
}


.woocommerce .product .product-item-info .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
    position: unset;
    width: auto;
    height: auto;
}

.woocommerce .product .product-item-info .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before {
    position: unset;
    margin: 0 !important;
    font-size: 32px;
}

.woocommerce .product .product-item-info .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
    margin: 10px 5px !important;
}

.woocommerce .product .product-item-info .tinv-wraper.tinv-wishlist {
    font-size: 100%;
    width: 60px !important;
    display: flex;
    align-content: center;
    justify-content: center;
    border: 1px solid var(--wp--preset--color--border);
    position: unset;
    height: auto;
    border-radius: 0 0 5px 5px;
    flex: 0 0 10%;
}

.tinv-wishlist .product-remove button {
    align-items: center;
    background-color: #b81c23;
    padding: 0 !important;
}

.tinvwl_add_to_wishlist-text {
    display: none !important;
}

/********************************************************************
SINGLE PRODUCT PAGE Styling
********************************************************************/
main#main .product .woocommerce-product-gallery {
    background: var(--wp--preset--color--secondary);
    padding: 1.25rem;
    position: sticky;
    top: 0;
}

@media(max-width:992px) {
    main#main .product .woocommerce-product-gallery {
        position: unset;
    }
}

main#main .product .woocommerce-product-gallery .flex-control-nav {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

main#main .product .product-item-info .product_title {
    color: var(--wp--preset--color--primary);
}

main#main .product .product-item-info .woocommerce-product-rating {
    margin-bottom: 0px;
    margin-top: 0.25rem;
    color: var(--wp--preset--color--text-white);
}

main#main .product .product-item-info .star-rating {
    color: #FFD800;
}

main#main .product .product-item-info .price {
    font-size: 32px;
    font-weight: 800;
    display: flex;
    gap: 1rem;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

main#main .product .product-item-info .price .old {
    order: 2;
    color: var(--wp--preset--color--text-white);
    font-size: 1.25rem;
    font-weight: 300;
    text-decoration: line-through;
    align-self: center;
}

main#main .product .product-item-info .woocommerce-product-details__short-description {
    color: var(--wp--preset--color--text-white);
    margin: 1rem 0 0;
    padding: 1rem 0;
    border-top: 1px solid var(--wp--preset--color--border);
}

main#main .product .product-item-info .woocommerce-product-details__short-description::before {
    content: "Product Description";
    display: block;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 600;
}

main#main .product .product-item-info .woocommerce-product-details__short-description li {
    position: relative;
    padding-left: 1.5rem !important;
    line-height: 1.7;
}

main#main .product .product-item-info .woocommerce-product-details__short-description li::before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../images/list.png);
    width: 14px;
    height: 14px;
    top: 5px;
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox input[type="checkbox"]:checked+label .wcpa_check,
.wcpa_form_outer .wcpa_form_item .wcpa_productGroup.wcpa_multiselect input[type="checkbox"]:checked+label .wcpa_check {
    border: 2px solid var(--wp--preset--color--primary) !important;
    background: var(--wp--preset--color--primary) !important;
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox input[type="checkbox"]:checked+label .wcpa_check::before {
    left: 7px !important;
    top: 3px !important;
    width: 7px !important;
    height: 12px !important;
}

.wcpa_form_outer .wcpa_error_msg p {
    color: red;
    font-size: 16px;
}

main#main .product .product-item-info .variations {
    margin: 0px !important;
}

main#main .product .product-item-info .woocommerce-variation-description,
main#main .product .product-item-info .reset_variations,
main#main .product .product-item-info .product_meta {
    display: none !important;
}

main#main .product .product-item-info .variations select {
    max-width: 100%;
    width: 100% !important;
    display: inline-block;
    margin-right: 0;
    border: 1px solid var(--wp--preset--color--border) !important;
    margin-bottom: 1.5rem;
}


main#main .product .product-item-info .woocommerce-variation-add-to-cart,
main#main .product-type-simple .product-item-info .cart {
    display: flex !important;
    /*! gap: 1rem; */
    flex-direction: column;
    margin-bottom: unset;
    padding: 15px 0;
}

.custom-payments {
    padding: 15px;
    background: var(--wp--preset--color--secondary);
    text-align: center;
    border-radius: 6px;
}

.custom-payments img {
    /*! width: 100%; */
}

main#main .product .product-item-info .added_to_cart.wc-forward {
    display: none !important;
}

main#main .product-type-simple .product-item-info .cart::after,
main#main .product-type-simple .product-item-info .cart::before {
    display: none;
}

main#main .product-type-simple .product-item-info .wcpa_form_outer,
main#main .product-type-simple .product-item-info .wcpa_form_outer .wcpa_row {
    margin: 0;
    padding: 0;
    background: var(--wp--preset--color--div-background);
    padding: 0 9px 32px 9px;
}


main#main .product-type-simple .product-item-info .wcpa_form_outer .wcpa_row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

main#main .product-type-simple .product-item-info .wcpa_form_outer .wcpa_form_item {
    padding: 0px;
    margin: 0px;
    width: 100%;
    /*! border-top: 1px solid var(--wp--preset--color--border); */
    padding-top: 20px;
}

main#main .product-type-simple .product-item-info .wcpa_form_outer .wcpa_form_item .required_ast {
    color: var(--wp--preset--color--primary);
}

main#main .product-type-simple .product-item-info .wcpa_form_outer .wcpa_form_item>label {
    margin-bottom: 1.2rem !important;
    padding: 0px;
    font-size: 23px !important;
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox .wcpa_check {
    height: 26px !important;
    width: 24px !important;
    margin-right: 15px !important;
    margin-bottom: -6px !important;
}

main#main .product-type-simple .product-item-info .wcpa_form_outer .wcpa_form_item .select {
    width: 100%;
}

main#main .product-type-simple .product-item-info .wcpa_form_outer .wcpa_form_item .select>select {
    border: 1px solid var(--wp--preset--color--border) !important;
    height: 48px !important;
    border-radius: 6px !important;
    width: 100%;
}

main#main .product-type-simple .product-item-info .wcpa_form_outer .wcpa_form_item .select_arrow {
    content: '';
    display: block;
    width: 14px;
    height: 100%;
    position: absolute;
    z-index: 1;
    border: none !important;
    background: url(../images/chevron.svg);
    background-repeat: no-repeat;
    top: 100%;
    transform: translate(0, -55%);
    background-size: contain;
}

main#main .product-type-simple .product-item-info .wcpa_priceouter {
    display: none;
}

main#main .product-type-simple .product-item-info .wcpa_price_summary {
    background: var(--wp--preset--color--div-background);
    color: var(--wp--preset--color--text-white);
    /*! margin-top: -20px; */
    border-radius: 0 0 8px 8px;
    padding: 26px 15px 8px;
}

main#main .product-type-simple .product-item-info .wcpa_price_summary li {
    border: none !important;
    padding: 10px 2px !important;
    font-size: 18px;
    line-height: 27px;
}

main#main .product .product-item-info .action-add-to-cart-container {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    /* height: 54px; */
}

main#main .product .product-item-info .quantity {
    border: 1px solid var(--wp--preset--color--border);
    margin: 0;
    padding: 0 0.75rem;
    border-radius: 0 0 6px 6px;
    flex: 0 0 25.5%;
}

main#main .product .product-item-info .quantity .control {
    display: flex;
    align-items: center;
}

main#main .product .product-item-info .quantity .control .qty {
    font-size: 24px !important;
    padding: 0 !important;
    width: 100px;
}

main#main .product .product-item-info .quantity .control span {
    color: var(--wp--preset--color--text-white);
    font-size: 32px;
    cursor: pointer;
    line-height: 3rem;
    font-weight: 300;
}

main#main .product .product-item-info .woosw-btn {
    order: 2;
    width: 75px;
    background: transparent;
    border: 1px solid var(--wp--preset--color--border);
    margin: 0px !important;
    border-radius: 0 0 6px 6px;
}

main#main .product .product-item-info .woosw-btn span {
    margin: auto !important;
}

main#main .product .product-item-info .woosw-btn span::before {
    font-size: 30px;
    color: var(--wp--preset--color--text-white);
}

main#main .product .product-item-info .single_add_to_cart_button {
    order: 3;
    margin: 0px !important;
    font-size: 18px;
    height: 54.55px;
}

main#main .product .woocommerce-tabs.wc-tabs-wrapper {
    background: var(--wp--preset--color--div-background);
}

html[data-scheme="dark"] main#main .product .woocommerce-tabs.wc-tabs-wrapper {
    background: var(--wp--preset--color--base);
}


main#main .product .woocommerce-tabs ul.tabs {
    list-style: none;
    margin: 0 auto !important;
    overflow: hidden;
    position: relative;
    max-width: 1680px;
    width: 100%;
    padding-right: var(--wp--style--root--padding-right) !important;
    padding-left: var(--wp--style--root--padding-left) !important;
    padding-top: 60px !important;
}

main#main .product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
    z-index: 1;
}

main#main .product .woocommerce-tabs ul.tabs li.active {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--text-white);
    z-index: 2;
}

main#main .product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: transparent;
    color: var(--wp--preset--color--text-white);
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 6px 6px 0 0;
    margin: 1px 0;
    padding: 10px 28px;
}

main#main .product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 10px 28px;
    font-weight: 500;
    font-size: 18px;
    color: var(--wp--preset--color--text-white);
    text-decoration: none;
}

main#main .product .woocommerce-tabs ul.tabs li.active a {
    color: var(--wp--preset--color--white);
}

main#main .product .woocommerce-tabs ul.tabs li::before,
main#main .product .woocommerce-tabs ul.tabs li::after {
    right: unset;
    border-bottom-left-radius: 0;
    border-width: 0;
    box-shadow: none;
}

main#main .product .woocommerce-tabs .woocommerce-Tabs-panel {
    color: var(--wp--preset--color--text-white);
    max-width: 1680px;
    width: 100%;
    padding: 60px var(--wp--style--root--padding-right) !important;
    margin: 0 auto;
}

main#main .product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    display: none;
}

main#main .product .woocommerce-tabs .comment-form-comment {
    display: flex;
    flex-direction: column;
}

main#main .product .woocommerce-tabs .woocommerce-Reviews .commentlist li {
    margin-bottom: 1rem !important;
}

main#main .product .woocommerce-tabs .comment-text {
    border: 1px solid var(--wp--preset--color--border) !important;
}


main#main .product .woocommerce-tabs .comment-form-comment textarea {
    border: 1px solid var(--wp--preset--color--border) !important;
    padding: 1rem !important;
}

main#main .product .related.products ul.products {
    margin-top: 2rem !important;
}


.woofc-area.woofc-style-01 .woofc-inner,
.woofc-area.woofc-style-03 .woofc-inner,
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner>div a:hover,
.woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner>div a:hover {
    background-color: var(--wp--preset--color--base);
}


/********************************************************************
CART PAGE Styling
********************************************************************/

.woocommerce-cart .woocommerce-cart-form {
    border: 1px solid var(--wp--preset--color--border);
    border-bottom: none;
    border-radius: 6px 6px 0 0;
}

.woocommerce-cart .woocommerce-cart-form .shop_table {
    margin-bottom: 0;
    border: none !important;
}

.woocommerce-cart .woocommerce-cart-form .shop_table>thead>tr>th {
    color: var(--wp--preset--color--text-white);
    font-weight: 500;
    font-size: 1rem;
    border-bottom: 1px solid var(--wp--preset--color--border);
    padding: 1.25rem;
}

.woocommerce-cart .woocommerce-cart-form .cart_item {
    color: var(--wp--preset--color--text-white);
}

.woocommerce-cart .woocommerce-cart-form .cart_item .remove {
    color: var(--wp--preset--color--text-white) !important;
    font-weight: 300;
}

.woocommerce-cart .woocommerce-cart-form .cart_item .remove:hover {
    color: red !important;
    background: transparent;
}

.woocommerce-cart .woocommerce-cart-form .cart_item .product-thumbnail,
.woocommerce-cart .woocommerce-cart-form .cart_item .product-thumbnail a img {
    width: 50px;
    padding: 0px;
}

.woocommerce-cart .woocommerce-cart-form .cart_item .product-quantity .control {
    width: auto;
    display: flex;
    align-items: center;
    max-width: 125px;
    justify-content: space-around;
    padding: 0 10px;
    font-size: 21px;
    font-weight: 300;
    border-radius: 0 0 6px 6px;
    cursor: pointer;
    border: 1px solid var(--wp--preset--color--border);
}

.woocommerce-cart .woocommerce-cart-form .cart_item>td {
    border-bottom: 1px solid var(--wp--preset--color--border);
    padding: 1.5rem;
}

.woocommerce-cart .woocommerce-cart-form tr>td.actions {
    background: var(--wp--preset--color--div-background);
    position: relative;
    padding: 2rem;
}

.woocommerce-cart .woocommerce-cart-form tr>td.actions .cart-actions-footer {
    display: flex;
    justify-content: space-between;
}

.woocommerce-cart .woocommerce-cart-form tr>td.actions .cart-actions-footer .button.wp-element-button {
    width: auto;
    margin-left: unset !important;
    margin-right: unset !important;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    margin-top: 2rem;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 35%;
    background: var(--wp--preset--color--div-background);
    color: var(--wp--preset--color--text-white);
    padding: 1.5rem 2rem;
    border-radius: 6px;
}

.woocommerce-page .cart-collaterals .cart_totals>h2 {
    font-size: 1.75rem;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 0px;
}

.woocommerce-page .cart-collaterals .cart_totals .shop_table>div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.woocommerce-page .cart-collaterals .cart_totals .shop_table {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 1.25rem 0 2rem;
    border-bottom: none;
}

.woocommerce-page .cart-collaterals .cart_totals .shop_table .order-total {
    font-weight: 500 !important;
    text-transform: uppercase;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0;
}

.woocommerce-cart .wc-proceed-to-checkout::after {
    content: '';
    display: block;
    background: url(../images/cart-payment.png);
    width: 90%;
    max-height: 30px;
    position: relative;
    background-size: contain;
    margin: 1.5rem auto 0;
    background-repeat: no-repeat;
    min-height: 28px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    height: 55px;
}

/********************************************************************
CHECKOUT PAGE Styling
********************************************************************/
body.woocommerce-checkout {
    overflow-y: visible !important;
}

.woocommerce-checkout .order-summary {
    position: sticky;
    top: 32px;
}

.black-bg-box {
    background-color: var(--wp--preset--color--div-background);
    border-radius: 6px;
    padding: 2rem;
    margin-bottom: 2.5rem;
}

.bordered-box {
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 6px;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.woocommerce-checkout {
    color: var(--wp--preset--color--text-white);
}


.woocommerce-checkout h3 {
    margin-top: 0px;
}


.progress-indicator .progress-info-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2.5rem auto;
}

.progress-indicator .progress-info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.progress-indicator .progress-info {
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--secondary);
    padding: 5px;
}

.progress-indicator .progress-info-inner-circle {
    height: 85px;
    width: 85px;
    background: var(--wp--preset--color--secondary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-indicator .progress-info-inner-circle img {
    width: 40%;
}

.progress-indicator .progress-connector {
    width: 100%;
    border-bottom: 1px dashed var(--wp--preset--color--text-white);
    margin-left: 5%;
    margin-right: 5%;
    margin-top: -38px;
}

.progress-indicator .progress-connector.active,
.progress-indicator .progress-connector.completed {
    border-color: var(--wp--preset--color--primary);
}

.progress-indicator .progress-name {
    font-size: 20px;
    font-weight: 500;
    color: var(--wp--preset--color--grey);
    ;
    white-space: nowrap;
}

.progress-indicator .progress-info-item.active .progress-info {
    border: 2px solid var(--wp--preset--color--primary);
}

.progress-indicator .progress-info-item.active .progress-info-inner-circle {
    background: var(--wp--preset--color--primary);
}

.progress-indicator .progress-info-item.active .progress-name {
    color: var(--wp--preset--color--text-white);
}

@media only screen and (max-width: 600px) {
    .progress-indicator .progress-info-wrap {
        flex-direction: row;
    }

    .progress-indicator .progress-info-inner-circle {
        height: 45px;
        width: 45px;
    }

    .progress-indicator .progress-connector {
        /* height       : 75px;
        width        : 0;
        border-bottom: none;
        border-left  : 1px dashed var(--wp--preset--color--text-white); */
        margin: 5% 0;
    }

    .progress-indicator .progress-name {
        font-size: 14px;
    }
}

.woocommerce-checkout .woocommerce-installation-fields .info-list {
    margin: 0;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 10px !important;
}

.woocommerce-checkout .woocommerce-installation-fields .info-list li {
    position: relative;
}

#checkout-previous-step {
    float: left;
    margin-top: 10px;
}

.woocommerce-checkout .woocommerce-installation-fields .info-list li::before {
    content: "";
    position: relative;
    left: 0;
    background: url(../images/list.png);
    width: 14px;
    height: 14px;
    top: 3px;
    display: inline-block;
    margin-right: 10px;
}

.related-info-textarea {
    width: 100% !important;
}

.woocommerce-checkout .box-title {
    font-size: 1.25rem;
    font-weight: 500;
}

.woocommerce-checkout .fields-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce-checkout .field {
    width: 48%;
}

.vehicle-age-container {
    display: flex;
    justify-content: space-between;
}

.vehicle-age-container::before,
.vehicle-age-container::after {
    content: unset !important;
}

.vehicle-year-container {
    width: 44%;
}

.radio-input input {
    display: none;
}

.vehicle-identifier-container {
    display: flex;
    flex-direction: column;
}

.radio-input {
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: var(--wp--preset--color--base);
    width: var(--container-width);
    overflow: hidden;
}

.radio-input label {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex !important;
    justify-content: center;
    align-items: center;
    z-index: 1;
    letter-spacing: -1px;
    margin-bottom: 0 !important;
}

.radio-input label.active {
    background-color: var(--wp--preset--color--primary);
}

.radio-input label#first {
    border-right: 1px solid var(--wp--preset--color--text-white);
}

#installation-dates.fields-wrap input,
.progress-info-item.active[data-step="2"] {
    cursor: pointer;
}

.woocommerce-checkout label abbr {
    color: var(--wp--preset--color--primary) !important;
}

.woocommerce-checkout .field.field-full-width,
.woocommerce-checkout .field input {
    width: 100%;
}

.woocommerce-checkout table {
    width: 100% !important;
    margin-bottom: 0 !important;
}

.woocommerce-checkout table td,
.woocommerce-checkout table th {
    padding: 20px 20px !important;
}

.woocommerce-checkout table thead,
.woocommerce-checkout table tr {
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.woocommerce-checkout table tfoot tr:last-child {
    border-bottom: none;
}

.woocommerce-checkout .product-total,
.woocommerce-checkout tfoot td {
    text-align: right;
}

.woocommerce-checkout .product-image {
    display: inline-block;
    width: 70px;
    margin-right: 12px;
}

/* Payment Methods */
.woocommerce-checkout #payment {
    background: transparent !important;
    margin-top: 1.5rem;
}

.woocommerce-checkout #payment div.form-row {
    padding: 0;
    margin: 1rem 0;
}

div#woocommerce_payment .woocommerce-checkout-payment .wc_payment_methods {
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 4px;
    padding: 20px 20px !important;
}

div#woocommerce_payment .woocommerce-checkout-payment .wc_payment_method .payment_box {
    background-color: transparent;
    padding: unset;
    position: relative;
    margin: 1.5rem 0;
}

div#woocommerce_payment .woocommerce-checkout-payment .wc_payment_method .payment_box::before {
    height: 1px;
    display: block;
    width: 100%;
    background: var(--wp--preset--color--border);
    content: '';
    top: -1.25rem;
    border: none;
    left: 0;
    margin: 0;
    position: absolute;
}

.woocommerce-checkout .woocommerce-success-page .wc-block-order-confirmation-summary-list,
.woocommerce-checkout .woocommerce-success-page .wc-block-order-confirmation-billing-wrapper {
    padding: 2rem !important;
    background: var(--wp--preset--color--secondary);
}

.woocommerce-checkout .woocommerce-checkout-review-order .cart_item>.product-name {
    display: flex;
    gap: 10px;
    align-items: center;
}

.woocommerce-checkout .woocommerce-checkout-review-order .cart_item>.product-name .product-name {
    width: 100%;
}

.woocommerce-checkout .woocommerce-success-page .wc-block-order-confirmation-billing-wrapper {
    margin-bottom: 2rem;
}

.woocommerce-checkout .woocommerce-success-page table th,
.woocommerce-checkout .woocommerce-success-page table td {
    padding: 20px !important;
}

.woocommerce-checkout .woocommerce-success-page .wc-block-order-confirmation-billing-address {
    border: 1px solid var(--wp--preset--color--border);
}

/* .woocommerce-checkout .woocommerce-success-page .wc-block-order-confirmation-additional-information {
    display: none;
} */

/********************************************************************
CHOOSE TRACKER PAGE
********************************************************************/

.choose-tracker-steps .progress-indicator .progress-info {
    padding: 7px 10px;
}

.choose-tracker-steps .progress-indicator .progress-info-item p {
    display: none;
}

.choose-tracker-steps .progress-indicator .progress-info-item .progress-info-box {
    display: flex;
    width: 100px;
    justify-content: center;
}

.choose-tracker-steps .progress-indicator .progress-info-item .progress-info {
    border-radius: 4px;
    background-color: var(--wp--preset--color--secondary);
}

.choose-tracker-steps .progress-indicator .progress-info-item.active .progress-info {
    background-color: var(--wp--preset--color--primary);
}

.choose-tracker-steps .progress-indicator .progress-connector {
    margin-top: 0px;
}

.choose-tracker-wizard {
    padding: 3rem;
    border-radius: 4px;
}

.choose-tracker-wizard .form-step {
    display: block;
}

.choose-tracker-wizard .form-step.hidden {
    display: none;
}

.choose-tracker-wizard .button-group {
    margin-top: 20px;
}

.choose-tracker-wizard .button-group button {
    border: none;
    color: var(--wp--preset--color--text-white);
    padding: 10px 60px;
    margin-top: 20px;
    background: rgb(39, 42, 45);
}

.choose-tracker-wizard .step-header {
    font-size: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 0.5px solid var(--wp--preset--color--border);
    width: 100%;
    padding-bottom: 20px;
}

.choose-tracker-wizard .form-step .option {
    padding: 20px 20px;
    border-radius: 4px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    margin-bottom: 20px;
    border: 1px solid var(--wp--preset--color--border);
    cursor: pointer;
}

.choose-tracker-wizard .form-step .option:hover {
    background: rgb(39, 42, 45);
    border: 1px solid var(--wp--preset--color--text-white);
}

.choose-tracker-wizard .form-step .option .description {
    padding-left: 30px;
    font-size: 12px;
    color: var(--wp--preset--color--border);
    position: relative;
    line-height: unset;
    cursor: pointer;
}

.choose-tracker-wizard .form-step .option .description::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: url(../images/info-icon.svg);
    width: 20px;
    height: 20px;
}

.loader-outer-wrap {
    display: none;
}

.loader-wrap {
    position: fixed;
    height: 100%;
    width: 100%;
    background: var(--wp--preset--color--black);
    opacity: 0.4;
    z-index: 111111;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* NO BORDER SPINNER */
.nb-spinner {
    width: 75px;
    height: 75px;
    margin: 0;
    background: transparent;
    border-top: 4px solid var(--wp--preset--color--primary);
    border-right: 4px solid transparent;
    border-radius: 50%;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}

/********************************************************************
BRANDS PAGE
********************************************************************/
.brands-grid br,
.brands-grid p {
    display: none !important;
}

.brands-grid .brand-searchbox input {
    background-color: var(--wp--preset--color--secondary) !important;
    position: relative;
    padding-left: 3rem !important;
}

.brands-grid .brand-searchbox #brand_search {
    position: relative;
}

.brands-grid .brand-searchbox #brand_search::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 15px;
    top: 13px;
    z-index: 1;
    background: url(../images/search.svg);
}

.brands-grid .brand-item .brand-item-inner {
    gap: 1rem;
    display: flex;
    padding: 0.75rem;
    border-radius: 6px;
    align-items: center;
    flex-direction: column;
    color: var(--wp--preset--color--text-white) !important;
    justify-content: center;
    border: 1px solid var(--wp--preset--color--border);
}

/********************************************************************
MY ACCOUNT PAGE
********************************************************************/
.customer-login-container,
.customer-register-container {
    padding: 1.875rem;
}

.customer-login-container h3,
.customer-register-container h3 {
    color: var(--wp--preset--color--text-white);
    margin: 10px 0 1.25rem;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: none;
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 6px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    float: none;
}

/* SIDEBAR NAVIGATION */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
    background: var(--wp--preset--color--div-background);
    padding: 1rem;
    border-radius: 6px 6px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 15px;
    line-height: 20px;
    text-transform: none;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 5px;
    color: var(--wp--preset--color--text-white);
    text-decoration: none !important;
}

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

.woocommerce-MyAccount-navigation ul li.is-active>a {
    background: var(--wp--preset--color--secondary);
    border-left: 3px solid var(--wp--preset--color--primary);
}

/* DASHBOARD */
.woocommerce-account .woocommerce-MyAccount-content {
    width: 73%;
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container a {
    display: block;
    padding: 20px;
    text-align: center;
    color: var(--wp--preset--color--text-white);
    border-radius: 4px 4px;
    background: var(--wp--preset--color--secondary);
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container a::before {
    display: block;
    line-height: 1;
    content: "";
    width: 60px;
    height: 60px;
    margin: 0 auto 0.75rem;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container .dashboard a::before {
    background: url(../images/dashboard.svg);
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container .orders a::before {
    background: url(../images/orders.svg);
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container .downloads a::before {
    background: url(../images/downloads.svg);
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container .edit-address a::before {
    background: url(../images/dddress.svg);
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container .edit-account a::before {
    background: url(../images/account-details.svg);
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container .customer-logout a::before {
    background: url(../images/logout.svg);
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container .wishlist a::before {
    background: url(../images/wishlist.svg);
}

.woocommerce-account .woocommerce-MyAccount-content .my-account-links-container .compare a::before {
    background: url(../images/dashboard.svg);
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm {
    background: var(--wp--preset--color--div-background);
    padding: 1.5rem 2rem;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
    background: var(--wp--preset--color--secondary);
    padding: 2rem;
    position: relative;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
    padding: 1rem;
    border: 1px solid var(--wp--preset--color--border);
    margin: 2rem 0;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address h3 {
    margin: 0px 0 1.5rem;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address h2 {
    font-size: 24px !important;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .edit {
    position: absolute;
    right: 2rem;
    top: 2rem;
    margin: 0;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address {
    background: var(--wp--preset--color--secondary);
}


/********************************************************************
Home Page Styling
********************************************************************/
.wp-site-blocks .wp-block-group .row {
    margin-top: 1rem;
}

.select-vehicle-type .owl-stage-outer {
    overflow: unset !important;
}

.owl-carousel.select-vehicle-type {
    position: relative;
}

.owl-carousel.select-vehicle-type .owl-nav {
    position: relative;
    display: flex;
    gap: 10px !important;
    justify-content: center;
}

.owl-carousel .owl-dots .owl-dot {
    background-color: var(--wp--preset--color--grey) !important;
    border: none !important;
}

.owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--wp--preset--color--primary) !important;
    border: none !important;
}

.wp-block-group .owl-carousel .owl-nav button.owl-prev,
.wp-block-group .owl-carousel .owl-nav button.owl-next {
    background-color: var(--wp--preset--color--primary) !important;
    border: none !important;
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #FFFFFF !important;
    position: relative !important;
    padding: 0 !important;
}

.wp-block-group .owl-carousel .owl-nav button.owl-prev span,
.wp-block-group .owl-carousel .owl-nav button.owl-next span {
    position: absolute;
    font-size: 40px;
    top: -3px;
}

.vehicle-type-item {
    width: 100% !important;
}

.browse-our-product-range {
    overflow: hidden;
}

.browse-our-product-range p,
.how-does-it-works-section p,
.faq-container summary,
.faq-container summary strong,
.faq-container p {
    color: var(--wp--preset--color--white) !important
}

.bespoke-right-container::before,
.browse-our-product-range::before,
.how-does-it-works-section::before,
.faq-home-faq::before {
    content: "";
    background: url(../images/pentagon-bg.png) no-repeat;
    background-size: contain;
    width: 30%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: -390px;
    transform: scaleX(-1);
}

.bespoke-right-container::after,
.browse-our-product-range::after,
.how-does-it-works-section::after,
.faq-home-faq::after {
    content: "";
    background: url(../images/pentagon-bg.png) no-repeat;
    background-size: contain;
    width: 30%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -390px;
}


.how-it-works-content {
    position: relative;
}

.how-it-works::after {
    content: "-------------------------------";
    font-size: 17px;
    display: block;
    position: absolute;
    z-index: 9999;
    top: 30px;
    color: var(--wp--preset--color--primary);
    left: 68%;
    width: 100%;
}


.how-it-works {
    position: relative;
}

.how-it-works:last-child::after {
    content: "" !important;
}

.image-top {
    /* background: var(--wp--preset--color--black); */
    z-index: 3;
}

.wp-site-blocks .wp-block-group .row .vehicle-type-item {
    padding-right: 1.25rem;
    --bs-gutter-x: 0;
}

.wp-site-blocks .wp-block-group .brands-slider .slick-dots {
    bottom: -2rem;
}

/********************************************************************
FAQ Styling
********************************************************************/


.faq-container--block .faq-container--block--item {
    padding: 1rem 2rem 1rem 1rem;
    position: relative;
    border-radius: 6px 6px 0 0;
    border: 1px solid rgba(255, 255, 255, 0.10);
    color: #fff !important;
}

.faq-page-wrapper .faq-container--block .faq-container--block--item {
    border: 1px solid var(--wp--preset--color--border);
    color: var(--wp--preset--color--text-white) !important;
}

.faq-container--block .faq-container--block--item[open] {
    border: none;
    background: var(--wp--preset--color--div-background);
}

.home .faq-container--block .faq-container--block--item[open] {
    background: #272A2D;
}

.faq-container--block .faq-container--block--item>summary {
    display: block;
}


.faq-container--block .faq-container--block--item>summary>strong {
    font-weight: normal;
    color: var(--wp--preset--color--text-white);
}

.faq-container--block .faq-container--block--item[open]>summary>strong {
    font-weight: 600;
}

.faq-container--block .faq-container--block--item>summary::after {
    content: '';
    position: absolute;
    right: 1rem;
    top: 23px;
    width: 10px;
    height: 10px;
    display: block;
    color: var(--wp--preset--color--grey);
    transform: rotate(45deg);
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

.faq-container--block--item[open]>summary::after {
    rotate: 180deg;
}

.home .wp-block-group .wp-block-latest-posts__list,
.single-post .related-posts .wp-block-latest-posts__list {
    gap: 1rem;
}

.home .wp-block-group .wp-block-latest-posts__list,
.single-post .related-posts .wp-block-latest-posts__list li {
    justify-content: space-between;
}

.home .wp-block-group .wp-block-latest-posts__list li,
.single-post .related-posts .wp-block-latest-posts__list li {
    padding: 1.25rem !important;
    border: 1px solid var(--wp--preset--color--border);
    width: calc(33.33333% - 1.25em);
    border-radius: 6px;
    background: var(--wp--preset--color--div-background);
}

.wp-block-group .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
    margin-bottom: 0px;
    /* margin-right : 0.75rem; */
    margin-bottom: 1.875rem;
}

.wp-block-group .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
    font-size: 1rem;
    font-weight: 600;
}

.wp-block-group .wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt>a {
    display: block;
    width: 100%;
    margin-top: 1.25rem;
    font-weight: 400;
    position: relative;
    color: var(--wp--preset--color--primary);
}

.wp-block-group .wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt>a::before {
    content: '';
    display: block;
    width: 22px;
    height: 1rem;
    position: absolute;
    background: url(../images/arrow-right.svg);
    top: 4px;
    left: 90px;
}

footer {
    margin-top: 3rem;
}

footer .newsletter form {
    display: flex;
}

footer .newsletter .forminator-row {
    width: 100%;
}

footer .newsletter .forminator-row.forminator-row-last {
    width: inherit;
}

footer .newsletter .forminator-error-message {
    position: absolute;
    bottom: -5px;
    width: 100%;
    left: 0;
    margin-top: 40px;
}

footer .newsletter form input {
    border-radius: 0 0 0 6px !important;
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--grey) !important;
}

footer .newsletter form button {
    border-radius: 0 0 6px 0 !important;
    border: none !important;
    height: 45px !important;
    line-height: 1;
    margin-top: 0 !important;
    text-transform: capitalize;
}

footer .credits-and-badges {
    border-color: var(--wp--preset--color--border) !important;
}

footer .credits-and-badges>div {
    padding: 0 2rem !important;
}

footer .shop-security {
    width: 135px !important;
}

.woocommerce-checkout .wp-site-blocks {
    overflow-x: unset;
}

/* 
*************************************************************

        Product Comparsion Style

*************************************************************        
*/
/* General table styling */
.faq-container .woosc_table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 18px;
    text-align: left;
    border: 1px solid var(--wp--preset--color--border) !important;
}

/* Table header styling */
.faq-container .woosc_table thead tr {

    border-bottom: 1px solid var(--wp--preset--color--light-grey);
}

.faq-container .woosc_table thead th {
    padding: 12px 15px;
    width: 25%;
}

/* Table body styling */
.faq-container .woosc_table tbody tr {
    border-bottom: 1px solid var(--wp--preset--color--light-grey);
}

.faq-container .woosc_table tbody td {
    padding: 12px 25px;
}

/* Product image styling */
.faq-container .woosc_table tbody .tr-image img {
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Product name and links styling */
.faq-container .woosc_table tbody .tr-name a {
    color: var(--wp--preset--color--secondary);
    text-decoration: none;
    font-weight: bold;
}

.faq-container .woosc_table tbody .tr-name a:hover {
    text-decoration: underline;
}

/* Price styling */
.faq-container .woosc_table tbody .tr-price {
    color: var(--wp--preset--color--primary);
    font-weight: bold;
}

/* Add to cart button styling */
.faq-container .woosc_table tbody .tr-add_to_cart a {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--text-white);
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    /*! width       : 60%; */
    display: block;
    /*! float       : right; */
}

.faq-container .woosc_table tbody .tr-add_to_cart a:hover {
    background-color: var(--wp--preset--color--primary);
}

/* Additional information styling */
.faq-container .woosc_table tbody .tr-additional table {
    width: 100%;
    margin-top: 10px;
    border: 1px solid var(--wp--preset--color--light-grey);
}


.faq-container .woosc_table tbody .tr-additional th {
    text-align: left;
    padding: 10px;
}

.faq-container .woosc_table tbody .tr-additional td a {
    color: var(--wp--preset--color--primary);
    text-decoration: none;
}

.faq-container .woosc_table tbody .tr-additional td a:hover {
    text-decoration: underline;
}

/* Description and content styling */
.faq-container .woosc_table tbody .tr-description ul,
.faq-container .woosc_table tbody .tr-content ul {
    padding-left: 20px;
}

.faq-container .woosc_table tbody .tr-description li,
.faq-container .woosc_table tbody .tr-content li {
    margin-bottom: 10px;
}

.tr-default.tr-odd.tr-97sh.tr-content {
    display: none;
}

.faq-container .woosc_table tr.tr-description {
    display: none;
}

.faq-container .woosc_table .woosc-remove {
    margin: 0 10px;
    position: relative;
    float: right;
}

.faq-container .woosc_table .woosc-remove::before {
    content: "X";
    position: absolute;
    top: 0;
    left: -15px;
}

/*==========================================================
    PRODUCT COMPARISON STYLING STARTS HERE
==========================================================*/
.product-comparison-table.body {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--wp--preset--color--border);
}

.product-comparison-table .ttd.label {
    font-size: 14px;
    font-weight: 500 !important;
    min-width: 150px;
    width: 165px !important;
    text-transform: uppercase;
}

.product-comparison-table {
    border: 1px solid var(--wp--preset--color--border) !important;
}

.product-comparison-table .product.type-product {
    width: 300px !important;
    margin: auto !important;
}

.product-comparison-table .trow {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid var(--wp--preset--color--border) !important;
}


.product-comparison-table .trow:first-child .ttd {
    border-top: 1px solid var(--wp--preset--color--border);
    border-left: 1px solid var(--wp--preset--color--border) !important;

}

.product-comparison-table .ttd {
    text-align: left;
    min-width: 320px;
    padding: 0.5rem;
    border-left: 1px solid var(--wp--preset--color--border) !important;
    border-right: 1px solid var(--wp--preset--color--border);
    border-bottom: 1px solid var(--wp--preset--color--border);
    display: flex;
    align-items: center;
    width: 100px;
}

.product-comparison-table .actions.product-item-actions div,
.product-comparison-table .actions.product-item-actions a {
    width: 100%;
    display: block;
}

.product-comparison-table .actions.product-item-actions>p {
    display: none !important;
}

.product-comparison-table .trow:nth-child(2n) .ttd {
    background-color: var(--wp--preset--color--secondary);
}

#comparison-popup {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    background-color: var(--wp--preset--color--div-background);
    display: none;
    border-radius: 6px;
    z-index: 999;
    margin: auto;
    padding: 20px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    border: 15px solid var(--wp--preset--color--primary);
}

#comparison-popup h3 {
    font-size: 28px !important;
    color: var(--wp--preset--color--primary);
}

#view-comparison {
    background: var(--wp--preset--color--primary);
    padding: 1rem 2rem;
    font-size: 16px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#view-comparison:hover {
    color: var(--wp--preset--color--text-white) !important;
}

#restore-popup {
    display: none;
    padding: 10px 15px;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--text-white);
    border: medium;
    cursor: pointer;
    position: fixed;
    bottom: -25px;
    left: 15px;
    border-radius: 9px 9px 0 0;
    z-index: 999;
}

#restore-popup:hover {
    bottom: 0 !important;
    transition: ease-in-out 0.3s;
}

#comparison-count {
    margin-bottom: 30px;
    text-align: center;
    font-size: 22px;
}

#installation-at-workshop {
    position: relative;
    /* Needed for absolute positioning of the pseudo-element */
}

#installation-at-workshop label {
    background: var(--wp--preset--color--primary);
    position: relative;
    padding: 0 20px;
    width: 100%;
    margin-bottom: 20px !important;
}

/* Tail of the label */
@media(min-width:768px) {
    #installation-at-workshop label::after {
        content: '';
        position: absolute;
        width: 21px;
        height: 24px;
        border-right: 75px solid var(--wp--preset--color--div-background);
        border-top: 31px solid var(--wp--preset--color--primary);
        top: 0px;
        right: 0px;
        border-bottom: 33px solid var(--wp--preset--color--primary);
        top: 0px;
    }
}

#installation-at-workshop .our-address {
    padding-left: 20px !important;
}

#diff-address-field .field {
    width: 32% !important;
}

#diff_name__field .field {
    width: 100% !important;
}

#installation-address-fields .form-row {
    width: 100%;
    padding: 0;
}

#installation-address-fields {
    margin-top: 25px;
}

.diff-installation-addr {
    border-top: 1px solid var(--wp--preset--color--border);
    margin-top: 20px;
}

#installation-at-workshop {
    padding-left: 10px !important;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

/* 
    Product Tiles Brand and Logo section
*/
.product .store-logo {
    width: 65%;
}


.AM-PM-preference {
    flex: 0 0 30%;
}

#first-time,
#second-time {
    border-right: 1px solid var(--wp--preset--color--border);
    padding: 5px;
}

.installation-date-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.installation-date-container .woocommerce-input-wrapper {
    flex: 0 0 64%;
}

.installation-date-container label {
    flex: 0 0 100%;
}

.installation-identifier {
    flex: 0 0 33% !important;
}

@media(min-width:600px) and (max-width:767px) {
    .installation-date-container .woocommerce-input-wrapper {
        flex: 0 0 57%;
    }

    .AM-PM-preference {
        flex: 0 0 40%;
    }
}

@media(max-width:599px) {
    .installation-date-container .woocommerce-input-wrapper {
        flex: 0 0 100%;
    }

    .AM-PM-preference {
        flex: 0 0 70%;
    }
}

/* CSS for Google Maps */

.popup-button {
    padding: 12px 35px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    cursor: pointer;
}

.green-filled-button {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--text-white);
}

.transparent-button {
    background-color: transparent;
}

.fixed-on-desktop-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    background: var(--wp--preset--color--div-background);
    border-radius: 6px;
    border: 1px solid var(--wp--preset--color--border);
    padding: 20px 15px;
    width: 30%;
}

#map-popup .mobile-model-footer {
    margin-top: 35px;
}

.map-wrapper {
    padding: 16px;
    width: 100%;
}

.mobile-model-footer .d-flex {
    gap: 15px;
    padding: 0 15px;
}

#search-locations {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    position: absolute;
    bottom: -70px;
    left: 0px;
    border: 1px solid var(--wp--preset--color--charcoal);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--wp--preset--color--charcoal);
    z-index: 1;
}

#search-locations::placeholder {
    color: var(--wp--preset--color--grey);
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

#map #infowindow-content {
    display: inline;
}

.pac-container {
    z-index: 9999999 !important;
}

#title {
    color: var(--wp--preset--color--text-white);
    background-color: var(--wp--preset--color--primary);
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}

#address_picker_field {
    position: absolute;
    right: 0;
    bottom: -28px;
    z-index: 999;
    cursor: pointer;
    padding-left: 25px;
}

#address_picker_field::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url('../images/location-finder-icon.png');
    display: inline-block;
    position: absolute;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0px;
}

#address_picker_field span {
    font-size: 14px !important;
    margin-bottom: 0 !important;
    cursor: pointer;
}

#billing_address_1_field {
    position: relative;
}

#map-popup .mobile-model-header p {
    font-size: 20px;
    font-weight: 600;
}

#close_map_pop-up {
    cursor: pointer;
}

.close-button {
    background: var(--wp--preset--color--base);
}

#full-desktop-overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(30, 30, 30, 0.5);
    z-index: 2;
    cursor: pointer;
}

@media(max-width:599px) {
    #address_picker_field span {
        font-size: 12px !important;
    }

    .fixed-on-desktop-center {
        width: 90%;
        padding: 15px;
    }

    .map-wrapper {
        padding: 10px 0 0 0;
    }

    #map-popup .mobile-model-footer {
        margin-top: 90px;
    }
}

.progress-info-item.completed .progress-info {
    border-color: var(--wp--preset--color--primary) !important;
}

.progress-info-item.completed .progress-info-inner-circle {
    background: var(--wp--preset--color--primary);
}

/* Hide Pay by Link on all pages except checkout */
#wc-stripe-payment-request-wrapper {
    display: none !important;
}

p#wc-stripe-payment-request-button-separator {
    display: none !important;
}

.tinvwl_button_close {
    background-color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}

.thankyou-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: var(--wp--preset--color--light-grey);
}

.thankyou-box {
    background: var(--wp--preset--color--light-grey);
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 15px var(--wp--preset--color--div-background);
    width: 30%;
}

.thankyou-box img.company-logo {
    width: 300px;
    margin-bottom: 20px;
}

.thankyou-box h2 {
    font-size: 32px;
    color: var(--wp--preset--color--grey);
}

.thankyou-box p {
    font-size: 16px;
    color: var(--wp--preset--color--grey);
}

.thankyou-box a {
    color: var(--wp--preset--color--priamry);
    text-decoration: none;
}



/* Styles for Thank you page */


.woocommerce-order-received .woocommerce-order-confirmation-address-wrapper {
    display: none !important;
}

.woocommerce-order-received .wc-block-order-confirmation-totals-wrapper.alignwide {
    display: none;
}

.woocommerce-order-received .wc-block-order-confirmation-summary {
    display: none;
}

.woocommerce-order-received .woocommerce-success-page {
    width: 100%;
}

.woocommerce-order-received .has-global-padding {
    margin: 0 !important;
    max-width: 1920px !important;
}

.woocommerce-order-received footer {
    display: none !important;
}

.thankyou-wrapper::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 185px;
    top: 0;
    left: 0;
    background: url('../images/thanks-top-left.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.thankyou-wrapper::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 300px;
    bottom: 0;
    right: 0;
    background: url('../images/thanks-top-right.png');
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: contain;
}

/* 
        ------------------------------PRODUCT DETAILS UPDATED CSS----------------------
        --------------------------------------START------------------------------------
*/


.single-product .after-header-top-section-wrapper {
    background: var(--wp--preset--color--secondary);
    padding: 10px;
    margin-bottom: 50px;
}

.single-product .after-header-top-section-wrapper .after-header-top-section {
    max-width: 1470px;
    margin: 0 auto;
}

.product-info-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1470px;
    margin: 0 auto 100px;
}

.after-header-top-section .col-lg-3:after {
    content: "";
    position: absolute;
    right: 10%;
    height: 30px;
    width: 2px;
    border-left: 3px solid;
    opacity: 20%;
}

.after-header-top-section .col-lg-3 {
    position: relative;
    text-align: center;
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 0 22px;
}

.after-header-top-section .installation {
    padding: 0 !important;
}

.after-header-top-section .finance:after {
    display: none !important;
}

.top-header-img-section {
    padding: 3px;
    border: 2px solid var(--wp--preset--color--primary);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    align-items: center;
    display: flex;
}

.top-header-img-section-inner {
    background: var(--wp--preset--color--primary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-header-img {
    border-radius: 50%;
    width: 20px;
}

.after-header-top-section p {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}


.after-header-top-section .inner-wrapper::after {
    content: '';
    width: 1px;
    height: 38px;
    border-left: 1px solid var(--wp--preset--color--border);
    position: absolute;
}

.after-header-top-section .inner-wrapper.installation::after {
    right: -78px;
}

.after-header-top-section .inner-wrapper.ratings::after {
    right: -71px;
}

.after-header-top-section .inner-wrapper.warranty::after {
    right: 53px;
}

.single-product .wc_product_detail_short_description p {
    display: none;
}

.single-product .wc_product_detail_short_description li {
    line-height: 42px;
    font-size: 16px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 10px !important;
}

.single-product .wc_product_detail_short_description li::before,
.details--installation--wrapper--description--list li::before {
    content: '';
    width: 14px !important;
    height: 14px;
    margin-right: 15px;
    background: url('../images/list.png') no-repeat center center / cover;
}

.wcpa_price_summary ul {
    border-top: 1px solid var(--wp--preset--color--border);
    padding-top: 10px !important;
}

.description_title {
    font-size: 24px !important;
    font-weight: 500;
    margin-bottom: 20px !important;
}

.vehicle-compatibility-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.3rem;
}

.vehicle-item-inner {
    padding: 12px;
    background: var(--wp--preset--color--primary);
    border-radius: 50%;
}

.vehicle-compatibility-container .vehicle-item {
    border: 2px solid var(--wp--preset--color--primary);
    border-radius: 50%;
    padding: 5px;
}

.vehicle-compatibility-container .vehicle-logo {
    height: 50px !important;
    object-fit: contain;
    width: 50px !important;
}

/* Changes on 17-12-24 */
.feature-actions-container {
    border-bottom: 1px solid var(--wp--preset--color--border);
    padding-bottom: 30px !important;
}

/* End */
.vehicle-compatibility-container {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--wp--preset--color--border);
}

.subscription-plan-text {
    background: var(--wp--preset--color--div-background);
    padding: 15px 18px;
}

.subscription-plan-text-inner {
    border-radius: 9px 9px 0 0;
    border-bottom: 1px solid var(--wp--preset--color--border);
    padding-bottom: 10px;
}

.subscription-plan-text p {
    font-size: 18px;
    background: var(--wp--preset--color--secondary);
    padding: 10px 0px 7px 39px;
    border-radius: 6px;
    position: relative;
    display: flex;
    flex-direction: column;
}


.subscription-plan-text p::before {
    content: '';
    background: url('../images/sub-text-before.svg');
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 11px;
    top: 16px;
    background-repeat: no-repeat;
}

.subscription-plan-text a {
    font-size: 19px;
    color: var(--wp--preset--color--primary);
    text-transform: capitalize;
    text-decoration: underline;
}

.woocommerce-product-details__short-description {
    display: none;
}

.single-product .woocommerce-notices-wrapper {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
    margin-left: auto;
    margin-right: auto;
    max-width: 1660px;
    position: relative;
}

.action-add-to-cart-container .compare-button .action-compare {
    background: var(--wp--preset--color--secondary);
    border: none;
    color: var(--wp--preset--color--text-white) !important;
    font-size: 18px;
    border-radius: 0 0 6px 6px;
    font-weight: 600;
    width: 100%;
    height: 54px;
    line-height: 22px;
    text-transform: uppercase;
}

.action-add-to-cart-container .compare-button {
    order: 4;
    flex: 0 0 28%;
}

.after-header-top-section .inner-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.after-header-top-section .after-header-inner-wrapper {
    display: flex;
    justify-content: space-between;
    flex: 0 0 48.5%;
}

.after-header-top-section .after-header-wrapper {
    display: flex;
    justify-content: space-around;
}

.after-header-top-section .inner-wrapper.warranty {
    width: 59%;
}

.after-header-top-section .inner-wrapper.finance {
    width: 38%;
}

.after-details-section {
    background: #050505;
}

.after-details-section-wrapper {
    max-width: 1470px;
    margin: auto;
    padding: 60px 0;
}

.how-it-works-top {
    color: #fff;
}

.how-it-works-inner {
    display: flex;
    text-align: center;
    gap: 20px;
    margin-top: 50px;
    color: #fff;
}

.how-it-works-icon-section {
    width: 100px;
    margin: 0 auto 20px;
    padding: 4px;
    border: 3px solid var(--wp--preset--color--primary);
    border-radius: 50%;
}

.how-it-works-icon-inner {
    background: var(--wp--preset--color--primary);
    border-radius: 50%;
    width: 85px;
    height: 85px;
    align-content: center;
}

.how-it-works-description p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.how-it-works-section .description-details {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

/* Changes on 17-12-24 */
.how-it-works-icon-section::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    color: var(--wp--preset--color--primary);
    right: -100px;
    top: 50px;
    border-top: 1px dashed;
    display: flex;
}

.how-it-works-inner-content:last-child .how-it-works-icon-section::after {
    content: '' !important;
    border-top: none !important;
    display: none !important;
}

/* End */

.how-it-works-inner-content:last-child::after {
    content: '' !important;
}

.how-it-works-inner-content {
    position: relative;
}


.details--installation--wrapper-inner {
    display: flex;
    align-items: center;
    position: relative;
    gap: 30px;
}

.details--installation--wrapper-inner::after {
    /*! content: ""; */
    /*! background: url(../images/pentagon-bg.png); */
    background-repeat: repeat;
    background-size: auto;
    width: 50%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -38%;
    background-size: contain;
    background-repeat: no-repeat;
}

.details--installation--wrapper {
    background: #050505;
    position: relative;
}

.installation--banner {
    width: 850px;
    object-fit: contain;
}

.details--installation--wrapper-banner::after {
    content: '';
    display: inline-block;
    height: 100%;
    width: 200px;
    position: absolute;
    /*! background: linear-gradient(90deg, var(--wp--preset--color--black), var(--wp--preset--color--div-background)); */
    right: 0px;
}

.details--installation--wrapper--description {
    width: 39%;
}

.details--installation--wrapper-banner {
    width: 50%;
}

.details--installation--wrapper::after {
    content: "";
    background: url(../images/pentagon-bg.png) no-repeat;
    background-size: contain;
    width: 30%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -390px;
}

.details-installation--wrapper-description--title h2 {
    color: var(--wp--preset--color--white);
    margin-bottom: 20px !important;
}

.details--installation--wrapper--description--list li {
    font-size: 16px;
    line-height: 34px;
    text-align: left;
    display: flex;
    align-items: baseline;
    color: var(--wp--preset--color--white);
}

/* Changes on 17-12-2024 */
.details--installation--wrapper--description--link {}

/* End */

.details--installation--wrapper--description--link a {
    padding: 15px 25px;
    background: var(--wp--preset--color--primary);
    border-radius: 0 0 6px 6px;
    font-size: 16px;
    font-weight: 600;
    color: var(--wp--preset--color--white) !important;
    display: block;
    width: 200px;
    text-align: center;
    margin-top: 30px;
}


.custom-product-details-tab .details-section {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 50px;
}

.custom-product-details-tab .details-section .banner {
    flex: 0 0 50%;
}

.details-section:nth-child(2n-1) .banner {
    order: 2;
}

.custom-product-details-tab .details-section .banner img {
    width: 100%;
}

.custom-product-details-tab .details-section .text-for-banner h4 {
    font-size: 20px !important;
    color: var(--wp--preset--color--primary);
    font-weight: 400;
}


.text-for-banner p {
    font-size: 16px !important;
    padding-top: 20px;
}

.product-features {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: 101%;
}

.feature-item {
    width: 23.7%;
    text-align: center;
    border: 1px solid var(--wp--preset--color--border);
    padding: 45px 50px;
    border-radius: 6px;
}

html[data-scheme="dark"] .feature-item {
    background: var(--wp--preset--color--secondary);
}

/* Changes on 17-12-24 */
.feature-logo-inner {
    background: var(--wp--preset--color--primary);
    border-radius: 50%;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End */

.product-features .feature-logo {
    margin: 0 auto 25px auto;
    padding: 4px;
    border: 3px solid var(--wp--preset--color--primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
}

.feature-logo-inner img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.product-features .feature-item .feature-title {
    font-size: 18px !important;
    font-weight: 500;
}

.product-features .feature-text p {
    font-size: 16px !important;
    font-weight: 400;
}

.single-product .related.products {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
    margin-left: auto;
    margin-right: auto;
    max-width: 1680px;
}

.product .related .product-item-actions>* {
    width: 250px !important;
}

.related .add_to_cart_button {
    line-height: 42px !important;
}

.product .related .product-item-actions {
    display: flex;
    gap: 10px;
}

.faq-block-pdp {
    background: #050505;
    padding: 60px 0;
}

.faq-block-pdp-inner.has--global--padding {
    max-width: 1470px;
    margin: 0 auto;
}

.faq-block-pdp-title-section {
    margin-bottom: 30px;
    color: #fff;
}

.faq-block-pdp-main .faq-container {
    padding: 0 !important;
    margin: 40px 0;
}

.faq-block-pdp-main .faq-container--block {
    margin: 0 !important;
}

.faq-block-pdp-main {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.faq-block-pdp-main .faq-block-description {
    display: none;
}

.faq-block-summary h6 {
    font-weight: 400;
    margin-bottom: 0px !important;
}

.faq-block-pdp-main .faq-block-inner {
    width: 49%;
    cursor: pointer;
    position: relative;
}

.faq-block-pdp-main .open .faq-block-description {
    display: block;
    margin-top: 1rem;
}

.faq-block-pdp-main .faq-block-inner-wrapper {
    padding: 1rem 2rem 1rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 6px 6px 0 0;
}

.faq-block-pdp-main .faq-block-inner-wrapper::before {
    content: '';
    position: absolute;
    right: 1rem;
    top: 23px;
    width: 10px;
    height: 10px;
    display: block;
    color: var(--wp--preset--color--grey);
    transform: rotate(45deg);
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}


.faq-block-pdp-main .open .faq-block-inner-wrapper::before {
    transform: rotate(225deg);
}

.faq-block-pdp-main .open .faq-block-inner-wrapper {
    background: #272A2D;
    border: none;
}

.faq-block-pdp-main .open .faq-block-summary h6 {
    font-weight: 700 !important;
}

.faq-block-pdp-main .faq-block-summary h6::after {
    content: '';
    right: 1rem;
    width: 1rem;
    top: 29px;
    height: 10px;
    display: inline-block;
    position: absolute;
    background: url(../images/chevron.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.faq-block-pdp-main .open .faq-block-summary h6::after {
    rotate: 180deg;
}

.faq-block-pdp-description-section p {
    font-size: 16px;
    margin-bottom: 0;
    color: #fff;
}

.faq-block-pdp-main .faq-container--block summary {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.faq-block-pdp-main .faq-container--block p {
    font-size: 18px !important;
    font-weight: 400;
}


.woocommerce table.shop_attributes th {
    max-width: 450px !important;
    padding: 0 16px !important;
    border-right: 1px solid var(--wp--preset--color--border) !important;
    width: 350px;
    font-weight: 600;
    font-size: 16px;
}

@media(max-width:599px) {
    .woocommerce table.shop_attributes th {
        width: auto !important;
    }
}

.woocommerce table.shop_attributes td {
    padding: 6px 16px !important;
    font-style: normal;
}

.shop_attributes tr:nth-child(2n-1) {
    background: var(--wp--preset--color--div-background);
    border: 1px solid var(--wp--preset--color--border) !important;
}

.woocommerce table.shop_attributes tr:nth-child(2n) td,
.woocommerce table.shop_attributes tr:nth-child(2n) th {
    background: var(--wp--preset--color--base);
}

.shop_attributes tr:nth-child(2n) {
    background: var(--wp--preset--color--base);
    border: 1px solid var(--wp--preset--color--border) !important;
}

.related .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper.tinvwl-woocommerce_after_shop_loop_item {
    width: 32px !important;
}

.testimonials-section {
    padding: 60px 0;
}

.testimonials-section .section-subtitle {
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--wp--preset--color--grey);
}

.testimonials-section .leave-review-btn {
    display: inline-block;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 10px 20px;
    margin-bottom: 30px;
    text-decoration: none;
    border-radius: 5px;
}

.testimonials-slider {
    display: flex;
    gap: 20px;
    overflow-x: unset;
    padding-top: 20px;
    justify-content: center;
}


.testimonials-slider .active .testimonial-item {
    padding: 50px 30px;
}

.testimonial-item {
    border-radius: 6px;
    text-align: left;
    margin: 30px;
    border: 1px solid var(--wp--preset--color--border);
    padding: 30px;
}

.testimonial-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.testimonial-avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-right: 15px;
}

.testimonial-author h4 {
    margin: 0;
    font-size: 20px !important;
    color: var(--wp--preset--color--text-white);
    font-weight: 500;
}

.testimonial-date {
    font-size: 12px;
    color: var(--wp--preset--color--grey);
}

.testimonial-rating {
    margin-bottom: 10px;
}

.star {
    font-size: 18px;
    color: var(--wp--preset--color--rating);
}

.star.filled {
    color: var(--wp--preset--color--rating);
}

.testimonial-text {
    font-size: 14px;
    color: var(--wp--preset--color--light-grey);
}

.testimonials-section #comments {
    display: none;
}

.center {
    background: var(--wp--preset--color--div-background);
    transform: scale(1.2);
    border: 1px solid var(--wp--preset--color--primary);
    border-radius: 8px;
}

.center .testimonial-item {
    background: transparent;
    border: none !important;
}

#review_form_wrapper {
    display: none;
}

#review_form_wrapper.active {
    display: block !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    content: '' !important;
    background: var(--wp--preset--color--text-white) !important;
    height: 10px !important;
    width: 10px !important;
    margin: auto !important;
    top: 5px !important;
    left: 5px !important;
    border-radius: 50% !important;
}

.slick-dots li button:before {
    opacity: 1 !important;
    content: '' !important;
    background: transparent !important;
    height: 10px !important;
    width: 10px !important;
}

.slick-dots li button {
    border: 1px solid var(--wp--preset--color--text-white);
    border-radius: 50%;
}

.slick-dots li {
    margin: 0 5px !important;
}


.product .woocommerce-tabs .tabs.wc-tabs {
    display: flex;
}


.testimonials-section-top-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1470px;
    margin: 0 auto;
}

.slick-list.draggable {
    padding: unset !important;
}

.product-subscription-plans-description p {
    font-size: 20px !important;
    width: 65%;
}

.product-subscription-main {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    margin: 30px 0;
    flex-wrap: wrap;
}

.product-subscription-inner-wrapper {
    width: 18%;
    text-align: center;
}

.product-subscription-inner-duration {
    padding: 10px 20px;
    background: var(--wp--preset--color--primary);
    border-radius: 6px 6px 0 0;
}

.product-subscription-inner-duration p {
    font-size: 20px;
    margin-bottom: 0;
}

.product-subscription-inner-price {
    padding: 40px 0;
    width: 100%;
    background: var(--wp--preset--color--base);
    border-radius: 0 0 6px 6px;
}

.product-subscription-inner-price p {
    font-size: 40px;
    font-weight: 600;
}

/* CSS for Success Page */
/* Start */
/* <===== Main container =====> */
.container {
    width: 1300px !important;
    max-width: 1300px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3.5rem !important;
}

/* <===== Logo =====> */
.logo-container>img {
    height: 50px !important;
}

/* <===== content container =====> */
.content-container {
    margin-top: 30px;
    max-width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem !important;
}

.top-container,
.bottom-container {
    display: flex;
    gap: 1.2rem !important;
}

.content-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    width: 50%;
}

/* <===== Thank you =====> */
.thanks-container {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.thanks-tick-sign-container {
    min-width: 45px !important;
    height: 45px !important;
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 50% !important;

    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.thanks-tick-sign {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    clip-path: polygon(41% 60%, 75% 26%, 83% 33%, 41% 78%, 20% 55%, 29% 48%) !important;
    background-color: var(--wp--preset--color--text-white) !important;
}

/*.thankyou-head {}*/

.thankyou-msg {
    font-size: 0.95rem !important;
    margin-top: 0.75rem !important;
}

/* <===== Details container =====> */
.details-container {
    display: flex;
    gap: 1.5rem !important;
    height: 100%;
}

.billing-details,
.installation-details {
    background-color: var(--wp--preset--color--black) !important;
    padding: 1.2rem 1rem !important;
    border-radius: 8px !important;
    width: 50%;
}

.billing-details>h3,
.installation-details>h3 {
    margin-bottom: 1.5rem !important;
}

.billing-details>ul,
.installation-details>ul,
.dates-container>ul {
    list-style-type: none !important;
}

.detail-item {
    display: flex;
    margin: 1rem 0 !important;
    font-size: 1rem !important;
    justify-content: space-between;
    gap: 10px;
}

.detail-item-key {
    font-size: 0.9rem !important;
    font-weight: bold !important;
    width: 21%;
}

.detail-item-value {
    font-size: 0.9rem !important;
    color: lightgrey !important;
    width: 75%;
}

.detail-item-value br {
    display: block !important;
}

/* <===== Prefferred Dates Container =====> */
.dates-container {
    background-color: var(--wp--preset--color--black) !important;
    padding: 1.5rem 2rem !important;
    border-radius: 8px;
    height: 100%;
    width: 100%;
}

.dates-container>ul {
    margin: 1.5rem 0 !important;
    display: flex !important;
    justify-content: space-between !important;
}

.date-item {
    display: flex !important;
    flex-direction: column !important;
}

.date-item-index {
    font-size: 0.9rem !important;
    color: var(--wp--preset--color--grey) !important;
    margin-bottom: 0.35rem !important;
}

.date-item-value {
    font-weight: bold !important;
    text-align: center;
}

.data-item-value {
    text-align: center;
    font-weight: bold !important;
}

.preff-dates-note>span {
    font-size: 0.92rem !important;
    color: var(--wp--preset--color--light-grey) !important;
}

.track-order-btn {
    background-color: var(--wp--preset--color--primary) !important;
    border: none !important;
    align-self: start !important;
    color: var(--wp--preset--color--text-white) !important;
    font-weight: bold !important;
    padding: 0.5rem 3rem !important;
    border-radius: 0.35rem !important;
    cursor: pointer !important;
}

.track-order-btn:hover {
    transform: translateY(-2px) !important;
}

.track-order-btn:active {
    transform: translateY(2px) !important;
}

/* <===== Right Content =====> */
.content-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    width: 50%;
}

.content-additional-info {
    border-radius: 8px !important;
    padding: 1.5rem 2rem !important;
    background: var(--wp--preset--color--black) !important;
    height: 100%;
}

.additional-info-description {
    margin: 1.5rem 0 !important;
}

.content-summary {
    background: var(--wp--preset--color--black) !important;
    border-radius: 8px !important;
    padding: 1.9rem 2rem !important;
    height: 100%;
}

.order-summary-top-details-container {
    display: flex !important;
    justify-content: space-between !important;
}

.order-summary-top-details-container>div {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.3rem !important;
    margin: 1.5rem 0 2.5rem 0 !important;
}

.order-summary-top-details-container>div span:nth-child(1) {
    font-size: 0.92rem !important;
    color: var(--wp--preset--color--grey) !important;
}

.order-summary-top-details-container>div span:nth-child(2) {
    font-weight: bold !important;
}

.order-summary-products-container>div:nth-child(1) {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 0.95rem !important;
    font-weight: bold !important;
    border-bottom: 1px solid var(--wp--preset--color--border) !important;
    padding-bottom: 0.85rem !important;
}

.order-summary-products-container>ul {
    list-style-type: none !important;
}

.woocommerce-success-page .product {
    display: flex !important;
    justify-content: space-between !important;
    padding: 1rem 0 !important;
    border-bottom: 1px solid var(--wp--preset--color--border) !important;
}

.product-details-container {
    display: flex !important;
    gap: 1rem !important;
}

.product-img-container>img {
    width: 45px !important;
    height: 45px !important;
    object-fit: cover !important;
    border-radius: 5px !important;
}

.product-desc-and-sub-details-container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 0.25rem 0 !important;
    font-size: 0.85rem !important;
}

.product-desc,
.product-sub {
    color: var(--wp--preset--color--light-grey) !important;
}

.product-qty {
    font-weight: bold !important;
    margin-left: 2rem !important;
}

/* .subtotal-container {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0.75rem 0 !important;
    border-bottom: 1.5px solid var(--wp--preset--color--charcoal) !important;
}

.installation-discount-container {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0.75rem 0 !important;
    border-bottom: 1.5px solid var(--wp--preset--color--charcoal) !important;
}

.total-container {
    display: flex !important;
    justify-content: space-between !important;
    font-weight: bold !important;
    padding: 0.75rem 0 !important;
    border-bottom: 1.5px solid var(--wp--preset--color--charcoal) !important;
} */

/* Default heading styles */
.heading-1 {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    margin: 0 !important;
}

.heading-2 {
    font-size: 2rem !important;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}

.heading-3 {
    font-size: 1.2rem !important;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}

/* End */

/*  ------------------------------LIGHT MODE CSS----------------------  */

.wp-block-button__link,
.wp-element-button {
    color: var(--wp--preset--color--white) !important;
    align-content: center;
    height: 45px;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px !important;
}

html[data-scheme="dark"] .custom-logo {
    filter: none;
}


html[data-scheme="dark"] body {
    visibility: visible;
}


/*  --------------------------------------END------------------------------------  */