.inside-white * {
    color: hsl(var(--primary-foreground) / .9);
}

.inside-white p {
    margin-bottom: 16px;
}

html {
    scroll-behavior: smooth;
}

body {
    /* overflow-x: hidden; */
}

/* Custom styles can be added here */
header .logo {
    height: 3rem !important;
}

header [data-search-panel] {
    padding: 6px 0px;
}

header [data-search-panel] form {
    padding: 2px 6px;
}

header input[type="search"]:focus {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance: none !important;
}

header [data-search-panel] form input[type="search"] {
    padding: 6px;
}

header [data-desktop-nav].opening-search {
    display: none;
}

header .button-contact {
    gap: 10px;
}

header .button-contact svg,
header .button-contact img {
    filter: brightness(0) invert(1);
}

.section-connect p {
    color: hsl(var(--primary-foreground) / .8);
}

.section-connect img {
    filter: brightness(0) invert(1);
}

.section-getintouch .description * {
    color: hsl(var(--primary-foreground) / .85) !important;
}

.section-contact .info-contact img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(2406%) hue-rotate(212deg) brightness(82%) contrast(106%);
}

.section-contact .info-contact ul a:hover {
    color: #003ea8;
}

.section-contact .map-wrapper iframe {
    width: 100%;
    height: 290px;
}

.wpcf7-form label {
    display: block;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * (1.2 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
    border: 1px solid hsl(var(--input));
    border-radius: calc(var(--radius) - 2px);
    width: 100%;
    height: 2.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    background-color: hsl(var(--background));
}

.wpcf7-spinner {
    background-color: #003ea8 !important;
    opacity: 1;
}

@media (width>=768px) {
    .wpcf7-response-output {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .wpcf7-response-output,
    .wpcf7-not-valid-tip,
    .wpcf7-form input,
    .wpcf7-form select,
    .wpcf7-form textarea {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-color: hsl(var(--ring));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.wpcf7-form textarea {
    min-height: 100px;
}

select {
    cursor: pointer;
    -webkit-appearance: none;
    background-image: url('../../assets/icons/select.svg');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: calc(100% - 12px);
}

select:focus {
    background-image: url('../../assets/icons/select-focus.svg');
}

.section-our_locations .description * {
    color: hsla(0, 0%, 100%, .7) !important;
}

.section-service_iso img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(2406%) hue-rotate(212deg) brightness(82%) contrast(106%);
}

/* AJAX Loading Effect */
#certificate-grid {
    position: relative;
    min-height: 200px;
    transition: opacity 0.3s ease;
}

.ajax-loading-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    backdrop-filter: blur(3px);
}

.ajax-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(0, 62, 168, 0.1);
    border-radius: 50%;
    border-top-color: #003ea8;
    animation: ajax-spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes ajax-spin {
    to {
        transform: rotate(360deg);
    }
}

.woocommerce img,
.woocommerce-page img {
    height: unset;
}

.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    padding: 0;
    margin: 0;
}

.woocommerce ul.products li.product {
    position: relative;
    float: unset;
    margin: 0;
    height: 100%;
    width: 100% !important;
    list-style: none;
}

.woocommerce ul.products li.product:first-child {
    clear: both;
}

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

.woocommerce ul.products li.product .add_to_cart_button img {
    width: 1rem;
    height: 1rem;
    filter: brightness(0) invert(1);
    margin: 0;
}

.about-products-content {
    overflow: hidden;
}

.about-products-content.is-clamped {
    /* 3 lines * 1.625 (leading-relaxed) = 4.875em */
    max-height: 4.875em;
}

.about-products-content:not(.is-clamped) {
    max-height: 2000px;
    /* large enough to show all content */
}


.content-wrapper ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem 3rem;
    margin-top: 1.5rem;
    padding: 0;
    list-style: none;
}

@media (min-width: 640px) {
    .content-wrapper ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.content-wrapper li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: hsl(var(--foreground) / .85);
}

.content-wrapper li::before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.125rem;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 9999px;
    background-color: hsl(var(--primary) / .1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-size: 0.75rem 0.75rem;
    background-position: center;
    background-repeat: no-repeat;
}

footer {
    overflow: hidden;
}

footer .we-accept img {
    width: 48px;
    height: 32px;
    object-fit: contain;
    padding: 0;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
}

.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
    margin-bottom: 0;
    margin-top: 0;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
}

/* .yith_magnifier_mousetrap,
.yith_magnifier_mousetrap.pp_woocommerce {
    z-index: 999 !important;
}
 */
/*.yith_magnifier_mousetrap.pp_woocommerce {*/
/*    position: relative;*/
/*}*/

.yith_magnifier_lens,
.yith_magnifier_zoom_magnifier {
    pointer-events: none !important;
}

.yith_magnifier_zoom img,
.yith_magnifier_lens img,
.yith_magnifier_mousetrap {
    transition: none !important;
}

.woocommerce div.product div.thumbnails .active-thumbnail {
    border-color: hsl(var(--primary));
}

.woocommerce div.product form.cart .variations {
    border: 1px solid hsl(var(--border));
    padding: 1.25rem;
    border-collapse: separate;
    width: 100%;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 600;
}

.variations .select_box {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.variations .select_box_label .select_option {
    border: 1px solid hsl(var(--input));
    height: 2.5rem;
    min-width: 3.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.variations .select_box_label .select_option .yith_wccl_value {
    border: 0;
}

.variations .select_box_label .select_option.selected {
    background-color: hsl(var(--primary));
    color: #fff;
}

.woocommerce div.product form.cart table tr td {
    --tw-space-y-reverse: 0;
    padding-bottom: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
}

.woocommerce div.product form.cart table tr:last-child td {
    --tw-space-y-reverse: 0;
    padding-bottom: var(--tw-space-y-reverse);
}

.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce div.product form.cart div.quantity {
    float: unset;
    margin: 0;
}

.woocommerce div.product form.cart {
    margin-bottom: 0;
}

.woocommerce div.product .product_badges img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(2406%) hue-rotate(212deg) brightness(82%) contrast(106%);
}

/* Hide variation price at the bottom */
.single_variation_wrap .woocommerce-variation-price {
    display: none !important;
}

.woocommerce .button-woocommerce.disabled {
    opacity: 0.5 !important;
    pointer-events: none;
    cursor: not-allowed;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.woocommerce ul.products li.product a img {
    margin: 0;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: hsl(var(--foreground));
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

/* Custom Pagination for Search & Archive Pages */
.ansac-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.375rem;
    border: 1px solid hsl(var(--input));
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    transition: all 0.2s;
}

.ansac-pagination .page-numbers:hover {
    background-color: hsl(var(--secondary));
}

.ansac-pagination .page-numbers.current {
    background-color: hsl(var(--primary));
    border-color: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
}

.ansac-pagination .page-numbers.dots {
    border: none;
    background: transparent;
}

.related.products ul.products li.product .aspect-square {
    justify-content: start;
}

.related.products ul.products li.product .aspect-square .badge-ansac {
    left: 1rem;
}

a.yith_expand {
    display: none !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.yith-wcan-filters .yith-wcan-filter .filter-items label {
    gap: .5rem;
    display: flex;
    align-items: center;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item>a,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item>label>a {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    cursor: pointer;
}

.yith-wcan-filters .yith-wcan-filter .filter-items label input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: #003ea8;
}

.yith-wcan-filters .yith-wcan-filter .filter-title {
    color: hsl(var(--foreground));
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active>a,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active>label>a {
    color: hsl(var(--foreground));
}

@media (max-width: 1024px) {
    header .logo img {
        height: 2.25rem;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .woocommerce ul.products li.product .badge-ansac,
    .woocommerce ul.products li.product .add_to_cart_button,
    .woocommerce ul.products li.product [role="button"],
    .woocommerce ul.products li.product button {
        display: none;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering,
    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        float: unset;
    }
}

.standard-page .ansac_breadcrumbs * {
    color: hsl(var(--primary-foreground) / .7);
    letter-spacing: .05em;
    font-size: .875rem;
    line-height: 1.25rem;
}

/* Woocommerce Styles */

/* 

A couple things to note...
1. This code was written very specifically for my base child theme so it might not work out of the box with every theme.
   I have it here mostly to share with anyone who might be looking to do the same thing I was.
2. I generally add my WooCommerce CSS overrides to a custom-woo.css file then use wp_enqueue_style() to call it 
   so that it enqueues after the default WooCommerce Stylesheets

*/

.woocommerce-message {
    display: none;
}

.woocommerce-cart.full-width-content .content,
.woocommerce-checkout.full-width-content .content {
    max-width: 100%;
}

.woocommerce-cart .woocommerce table.shop_table td.actions {
    border-top: 1px solid #e6e6e6;
    background: #f7f7f7;
    border-bottom: 0px solid #e6e6e6;
}

.woocommerce-cart .entry-content form {
    width: 60%;
    float: left;
}

.woocommerce-cart .woocommerce .cart-collaterals {
    width: 33%;
    float: right;
}

.woocommerce-cart .woocommerce .cart-collaterals h2 {
    display: none;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    width: 100%;
}


#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
#add_payment_method table.cart th,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart th,
.woocommerce-checkout table.shop_table th {
    color: #034997;
    font-size: 14px;
    font-size: 1.4rem;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
#add_payment_method table.cart td,
.woocommerce-cart table.cart td,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.shop_table td {
    color: #555;
    font-size: 16px;
    font-size: 1.6rem;
}

.woocommerce-cart .woocommerce table.shop_table th {
    border-bottom: 2px solid #034997;
}

.woocommerce-cart .woocommerce table.shop_table,
.woocommerce-checkout .woocommerce table.shop_table {
    border: 1px solid #e6e6e6;
    margin: 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0;
    border-bottom: none;
    border-right: none;
    margin-bottom: 35px;
    border-bottom: 1px solid #e6e6e6;
}

body #add_payment_method #payment ul.payment_methods li input,
body.woocommerce-cart #payment ul.payment_methods li input,
body.woocommerce-checkout #payment ul.payment_methods li input {
    width: auto;
    margin: -2px .5em 0 0;
}

body .woocommerce form .form-row .input-checkbox {
    width: auto;
    margin: -2px 5px 0 0;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr td,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr td,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th,
body .woocommerce table.shop_table th {
    border-top: none;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    text-align: right;
    padding: 10px 20px;
}

body #add_payment_method table.cart td,
body #add_payment_method table.cart th,
body.woocommerce-cart table.cart td,
body.woocommerce-cart table.cart th,
body.woocommerce-checkout table.cart td,
body.woocommerce-checkout table.cart th {
    border-right: 1px solid #e6e6e6;
}

#add_payment_method .cart-collaterals .cart_totals tr th,
body.woocommerce-cart .cart-collaterals .cart_totals tr th,
body.woocommerce-checkout .cart-collaterals .cart_totals tr th {}

.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-bottom: 1px solid #e6e6e6;
}

body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt {
    --tw-bg-opacity: 1;
    background-color: hsl(142 70% 45% / var(--tw-bg-opacity, 1)) !important;
    font-weight: 500;
}

body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover {
    background: #034997 !important;
}

body .woocommerce .cart .button,
body .woocommerce .cart input.button,
body .woocommerce #respond input#submit,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button {
    background: #034997 !important;
    color: #fff;
    font-weight: 500;
    border-radius: 40px;
}

body .woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: right;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-size: 1.25em;
    padding: 1em;
    border-radius: 40px;
    margin-top: .5em;
}

body .woocommerce form .form-row-first,
body .woocommerce form .form-row-last,
body .woocommerce-page form .form-row-first,
body .woocommerce-page form .form-row-last {
    width: 49%;
}

body .woocommerce #respond input#submit.disabled,
body .woocommerce #respond input#submit:disabled,
body .woocommerce #respond input#submit:disabled[disabled],
body .woocommerce a.button.disabled,
body .woocommerce a.button:disabled,
body .woocommerce a.button:disabled[disabled],
body .woocommerce button.button.disabled,
body .woocommerce button.button:disabled,
body .woocommerce button.button:disabled[disabled],
body .woocommerce input.button.disabled,
body .woocommerce input.button:disabled,
body .woocommerce input.button:disabled[disabled] {
    background: #ccc;
}


body .woocommerce a.checkout-button.button.alt {
    border-radius: 40px;
}

body .woocommerce #content table.cart td.actions .coupon,
body .woocommerce table.cart td.actions .coupon {
    width: 68%;
}

body #add_payment_method table.cart td.actions .coupon .input-text,
body.woocommerce-cart table.cart td.actions .coupon .input-text,
body.woocommerce-checkout table.cart td.actions .coupon .input-text {
    padding: 8px 6px 7px;
    width: 65%;
}

body .woocommerce table.shop_table td {
    padding: 15px;
}

body .woocommerce-checkout table.shop_table td {
    text-align: right;
    border-right: 1px solid #e6e6e6;
    border-top: 0;
}

.woocommerce a.remove {
    margin: 0 auto;
}

.woocommerce-cart .woocommerce table.shop_table th.product-remove,
.woocommerce-cart .woocommerce table.shop_table th.product-name {
    text-align: center;
}

.woocommerce-cart .woocommerce table.shop_table th.product-price,
.woocommerce-cart .woocommerce table.shop_table th.product-quantity,
.woocommerce-cart .woocommerce table.shop_table th.product-subtotal {
    text-align: center !important;
}

.woocommerce-cart .woocommerce table.shop_table th:first-child {
    text-align: start;
}

.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-price,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-quantity,
.woocommerce-cart .woocommerce table.shop_table .cart_item td.product-subtotal {
    text-align: center !important;
}

.woocommerce-checkout #add_payment_method #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    list-style: none;
}

.woocommerce-checkout .woocommerce .col2-set {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
}

.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce .col2-set .col-2 {
    margin-bottom: 2em;
    width: 100%;
    float: none;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
    background: #fff;
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
}

.woocommerce-checkout #ship-to-different-address-checkbox {
    width: auto;
    float: right;
    margin-left: 15px;
    margin-top: 10px;
    opacity: 1;
    position: static;
}

.woocommerce-checkout #ship-to-different-address label {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    text-transform: uppercase;
    color: #000;
}

.woocommerce-checkout .woocommerce form .form-row.create-account label {
    padding-top: 2px;
    font-weight: bold;
}

.woocommerce-checkout .payment-fixed {
    position: fixed;
    z-index: 9;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 2em;
    left: 52%;
    margin-left: 0;
    padding: 20px;
    top: 0;
    width: 45.5% !important;
    -webkit-transition: padding .1s ease-in;
    -moz-transition: padding .1s ease-in;
    -o-transition: padding .1s ease-in;
    -ms-transition: padding .1s ease-in;
    transition: padding .1s ease-in;
}

.product-shipping-message {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0px;
    border-top: 1px solid #139248;
    border-bottom: 1px solid #139248;
}

body .woocommerce table.shop_table tbody th,
body .woocommerce table.shop_table tfoot td,
body .woocommerce table.shop_table tfoot th {
    border-bottom: none;
}

body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea {
    max-width: 100%;
}

body .woocommerce .product-name a {
    color: #000;
    pointer-events: none;
    cursor: default;
}

@media only screen and (max-width: 1139px) {
    .woocommerce-cart .entry-content form {
        width: 64%;
    }
}

@media only screen and (max-width: 980px) {

    .woocommerce-cart .entry-content form {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        width: 80%;
        float: None;
        margin: auto;
    }

    body .woocommerce #content table.cart td.actions .coupon,
    body .woocommerce table.cart td.actions .coupon {
        width: 100%;
    }

    body #add_payment_method table.cart td.actions .coupon .input-text,
    body.woocommerce-cart table.cart td.actions .coupon .input-text,
    body.woocommerce-checkout table.cart td.actions .coupon .input-text {
        width: 48%;
    }
}

@media only screen and (max-width: 650px) {

    .woocommerce-cart .entry-content form {
        width: 100%;

    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        width: 100%;

    }

    .woocommerce-checkout .woocommerce .col2-set {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        width: 100%;
        float: none;
    }

    .woocommerce ul.products li.product a.bg-secondary {
        background-color: white;
    }

}

.woocommerce-checkout h3 {
    font-size: 1.5rem;
}

.section-resources_box img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(2406%) hue-rotate(212deg) brightness(82%) contrast(106%);
}

@media (width<=1024px) {
    header {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.uacf7-buttons {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
}

.uacf7-prev,
.uacf7-next {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    cursor: pointer;
}

.uacf7-prev,
.uacf7-next {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
}

.uacf7-prev::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='3.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
}

.uacf7-prev:hover::before {
    transform: translateX(-4px);
}

.uacf7-next::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='3.5' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
}

.uacf7-next:hover::after {
    transform: translateX(4px);
}

.uacf7-buttons .uacf7-next,
.uacf7-buttons .uacf7-prev {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: hsl(var(--primary-foreground));
    background-color: rgb(37 211 102 / var(--tw-bg-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-radius: calc(var(--radius) - 2px);
}

.uacf7-buttons .uacf7-next:hover,
.uacf7-buttons .uacf7-prev:hover {
    background-color: rgb(37 211 102 / 0.9);
}

.wpcf7-form:has(.uacf7-form-wrapper-container .uacf7-step) .uacf7-form-wrapper-container .uacf7-step>div,
.wpcf7-form:has(.uacf7-form-wrapper-container) .uacf7-form-wrapper-container>div,
.wpcf7-form:not(.uacf7-form-wrapper-container)>div {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

body.menu-open .whatsapp-fab {
    display: none;
}


/* ==========================================
   ADD TO CART SUCCESS POPUP MODAL STYLES
   ========================================== */
.ansac-cart-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.ansac-cart-modal-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.ansac-cart-modal-container {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 520px;
    position: relative;
    transform: scale(0.9) translateY(20px);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
    font-family: inherit;
}

.ansac-cart-modal-overlay.is-open .ansac-cart-modal-container {
    transform: scale(1) translateY(0);
}

.ansac-cart-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f0f0f0;
}

.ansac-cart-modal-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.ansac-cart-modal-title svg {
    width: 22px;
    height: 22px;
    color: #0284c7;
    flex-shrink: 0;
}

.ansac-cart-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    color: #64748b;
    padding: 0.25rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s, color 0.2s;
}

.ansac-cart-modal-close:hover {
    background-color: #f1f5f9;
    color: #0f172a;
}

.ansac-cart-modal-body {
    padding: 1.25rem;
}

.ansac-cart-product-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: 1.25rem;
    border-bottom: 1px dashed #e2e8f0;
}

.ansac-cart-product-img {
    width: 90px;
    height: 90px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    object-fit: contain;
    padding: 4px;
    background-color: #ffffff;
    flex-shrink: 0;
}

.ansac-cart-product-info {
    flex: 1;
    min-width: 0;
}

.ansac-cart-product-name {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.35;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ansac-cart-product-prices {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ansac-cart-price-sale {
    font-size: 1.125rem;
    font-weight: 700;
    color: #dc2626;
}

.ansac-cart-price-regular {
    font-size: 0.8125rem;
    color: #94a3b8;
    text-decoration: line-through;
}

.ansac-cart-price-save {
    font-size: 0.75rem;
    font-weight: 600;
    color: #dc2626;
    background-color: #fef2f2;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

.ansac-cart-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    font-size: 0.875rem;
    color: #334155;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ansac-cart-count-text {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.ansac-cart-total-text {
    font-weight: 700;
    color: #0f172a;
}

.ansac-cart-modal-footer {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.25rem 1.25rem;
    background-color: #fafafa;
    border-top: 1px solid #f0f0f0;
}

.ansac-cart-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1rem;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-radius: 6px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    cursor: pointer;
    text-align: center;
}

.ansac-cart-btn-outline {
    background-color: #ffffff;
    color: #0284c7;
    border: 1.5px solid #0284c7;
}

.ansac-cart-btn-outline:hover {
    background-color: #f0f9ff;
    color: #0369a1;
    border-color: #0369a1;
}

.ansac-cart-btn-primary {
    background-color: #eab308;
    color: #0f172a;
    border: 1.5px solid #eab308;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ansac-cart-btn-primary:hover {
    background-color: #ca8a04;
    border-color: #ca8a04;
    color: #0f172a;
}

@media (width<=1024px) {
    .ansac-cart-modal-footer {
        flex-direction: column;
    }

    .ansac-cart-summary-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .group-button-addcart {
        flex-direction: column;
        align-items: start;
    }
}

#sticky-product-bar ins,
.price ins {
    text-decoration: none;
}

.price del {
    opacity: 0.5;
}

#sticky-product-bar .price {
    font-size: 2rem;
    font-weight: bold;
    color: black;
}

#sticky-product-bar .price .ins {
    color: black !important;
}

@media (width<=1024px) {
    body.admin-bar header [data-mobile-menu] {
        top: 7rem !important;
    }

    header .menu-view-all {
        display: none;
    }

    .view-all-top {
        --tw-text-opacity: 1;
        color: rgb(5 117 198 / var(--tw-text-opacity, 1));
        margin-left: 2rem;
    }
}

@media (width<=768px) {
    .section-weserve .weserve-gallery-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .section-weserve .slide-prev {
        position: absolute;
        z-index: 11;
        left: 0;
    }

    .section-weserve .slide-next {
        position: absolute;
        z-index: 11;
        right: 0;
    }
}

.whatsapp-fab {
    transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out, background-color 0.3s ease-in-out !important;
}

.whatsapp-fab.has-sticky-bar {
    bottom: 5.5rem !important;
}

body.single-product footer {
    padding-bottom: 5.5rem !important;
}

footer img:is([sizes=auto i], [sizes^="auto," i]) {
    contain-intrinsic-size: unset;
}

footer .footer-copyright img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    contain-intrinsic-height: unset;
    contain-intrinsic-width: unset;
}

/* Top Brands marquee auto-scroll & mobile scroll helper */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
}

.animate-marquee {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: -webkit-max-content;
    width: max-content;
    -webkit-animation: 35s linear infinite marquee !important;
    animation: 35s linear infinite marquee !important;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
}

@media (hover: hover) and (pointer: fine) {
    .animate-marquee:hover {
        -webkit-animation-play-state: paused !important;
        animation-play-state: paused !important;
    }
}

@media (width <=768px) {
    .animate-marquee {
        -webkit-animation-duration: 22s !important;
        animation-duration: 22s !important;
    }

    header .logo img {
        height: 1.5rem !important;
    }

    .table-wrapper {
        width: 100%;
        overflow: auto;
    }

    footer .footer-copyright img {
        width: auto !important;
        display: inline-flex;
        margin-left: 0 !important;
    }
}

footer .we-accept {
    justify-content: end;
}

.section-aboutcertification .aboutcertification-list {
    display: flex;
    gap: 24px;
    justify-content: center;
}

@media (width <=1024px) {
    footer .we-accept {
        justify-content: start;
    }

    .section-aboutcertification .aboutcertification-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }
}

.product #features table {
    border-collapse: collapse;
    margin-top: 10px;
}

.product #description table th,
.product #description table td,
.product #features table th,
.product #features table td {
    border: 1px solid #ddd;
    padding: 8px;
}

/* YITH WCAN Category Filter Custom Styles */
.yith-wcan-filters .yith-wcan-filter {
    border: 1px solid hsl(var(--border));
    background: hsl(var(--background));
    border-radius: 6px;
    overflow: hidden;
}

.yith-wcan-filters .yith-wcan-filter .filter-title {
    background-color: hsl(var(--muted) / 0.5);
    padding: 12px 16px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: hsl(var(--muted-foreground));
    border-bottom: 1px solid hsl(var(--border));
}

.yith-wcan-filters .yith-wcan-filter .filter-items {
    padding: 0;
    margin: 0 !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {
    margin: 0 !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-item .custom-filter-wrapper a.term-label {
    padding: 5px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none;
    border: none;
    color: #2386cd;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.disabled>a,
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.disabled>label>a {
    color: #2386cd;
}

.yith-wcan-filters .yith-wcan-filter .filter-item .custom-filter-wrapper a.term-label:hover {
    background-color: #f1f7ff;
}

.yith-wcan-filters .yith-wcan-filter .filter-item .custom-filter-wrapper a.term-label .term-name {
    font-weight: 500;
}

.yith-wcan-filters .yith-wcan-filter .filter-item:has(input:checked) a.term-label,
.yith-wcan-filters .yith-wcan-filter .filter-item:has(input:checked) a.term-label .item-count,
.yith-wcan-filters .yith-wcan-filter .filter-item .custom-filter-wrapper a.term-label:hover .item-count,
.yith-wcan-filters .yith-wcan-filter .filter-item .custom-filter-wrapper a.term-label:hover {
    color: hsl(var(--primary)) !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-item .custom-filter-wrapper a.term-label .count {
    color: hsl(var(--muted-foreground));
    font-size: 14px;
    margin-left: auto;
}

.yith-wcan-filters .yith-wcan-filter .filter-content {
    padding-bottom: 16px;
}

/* Show More Button Wrapper */
.filter-desktop-inside .show-more,
.yith-wcan-filters .show-more {
    display: block;
    text-align: center;
    background-color: #ededed;
    border: 2px solid #e1e1e1;
    padding: 8px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
}

.filter-desktop-inside .show-more:hover,
.yith-wcan-filters .show-more:hover {
    background-color: #e1e1e1;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item .item-count {
    line-height: 1;
    font-size: 10px;
    padding-top: 0;
}

.yith-wcan-filters .apply-filters {
    background-color: hsl(var(--primary));
    font-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    border-radius: calc(var(--radius) - 2px);
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: block;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 0;
}

@media (width<=1024px) {

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        display: none !important;
    }

    .woocommerce .yith-wcan-filters-opener {
        float: left;
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: .75rem;
        padding-right: .75rem;
        font-size: .875rem;
        line-height: 1.25rem;
        border-radius: calc(var(--radius) - 2px);
        color: rgb(56, 56, 56);
        font-weight: 400;
    }

    .woocommerce .yith-wcan-filters-opener:hover {
        color: #fff !important;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering,
    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        float: right;
    }

    .yith-wcan-filters.filters-modal .main-modal-button {
        display: block !important;
        color: #ffffff;
    }

    /* Force filter content open on mobile modal instead of toggle */
    .yith-wcan-filters.filters-modal .filter-content {
        display: block !important;
    }

    .yith-wcan-filters.filters-modal .filter-title {
        pointer-events: none;
    }

    .yith-wcan-filters.filters-modal .filter-title::after,
    .yith-wcan-filters.filters-modal .filter-title i {
        display: none !important;
    }

    .yith-wcan-filters .apply-filters {
        display: block !important;
    }

    /* Fix Clear All button on mobile modal */
    .yith-wcan-filters.filters-modal .filters-container>a.clear-selection {
        display: block;
        text-align: right;
        margin-bottom: 12px;
        font-size: 14px;
        color: #333;
        text-decoration: underline;
        cursor: pointer;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
}

.filter-mobi-fixed {
    z-index: 99999;
}

.filter-mobi-fixed ul {
    max-height: calc(100vh - 60px);
    overflow: auto;
}


.filter-mobi-toggle {
    float: left;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: calc(var(--radius) - 2px);
    font-weight: 400;
}

.desktop-category-list .filter-link {
    color: rgb(5 117 198 / var(--tw-text-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.desktop-category-list .filter-link:hover {
    background-color: #f1f7ff;
}

.desktop-category-list .filter-link .count-item {
    color: #9d9b9b;
}

.filter-heading {
    font-size: 20px;
    font-weight: 600;
}

h2 {
	font-size: 48px !important;
	font-weight: 400 !important;
	line-height: 60px !important;
	color: #212529;
}
h3{
	font-size: 32px !important;
	font-weight: 500 !important;
	color: #212529;
}
body{
	font-size: 18px;
	font-weight: 300;
	color: #4D5761;
}
.text-white{
	color: #ffffff !important;
}
@media (width<=1024px) {
	h2 {
		font-size: 36px !important;
		line-height: 48px !important;
	}
	h3{
		font-size: 20px !important;
	}
	body{
		font-size: 16px;
	}
}
.faq-accordion-container h3{
	color: hsl(var(--foreground)) !important;
	font-weight: 600 !important;
	font-size: 100% !important;
}

/* Mobile product items border and layout styling */
@media (max-width: 767px) {
    li.product {
        border: 1px solid hsl(var(--border)) !important;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    }
    
    li.product > div {
        padding: 12px 12px 14px 12px !important;
    }
	li.product h2{
		font-size:14px !important;
		font-weight: 600 !important;
		line-height: 1.6 !important;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		margin: 0 ;
	}
}
@media (width <= 1024px) {
	.woocommerce-checkout.woocommerce-checkout .thankyou-page h3{
		font-size: 1.25rem !important;
	}
	.woocommerce-checkout .thankyou-page .heading-form_survey{
		font-size: 1.25rem !important;
	}
	.woocommerce-checkout.woocommerce-checkout .thankyou-page .order-form label {
        font-size: 1.125rem !important;
    }
	.woocommerce-checkout.woocommerce-checkout .thankyou-page h3.woocommerce-column__title,
	.woocommerce-checkout.woocommerce-checkout .thankyou-page h3.woocommerce-order-details__title{
		font-size: 1.125rem !important;
	}
	.woocommerce .woocommerce-customer-details address,
	.woocommerce-checkout.woocommerce-checkout .thankyou-page table.shop_table td,
	.woocommerce-checkout.woocommerce-checkout .thankyou-page table.shop_table td *{
		font-size:0.9375rem !important;
	}
	.shop-sidebar{
		max-height:0 ;
	}
	.grid.gap-8:has(.shop-sidebar){
		gap:0 !important;
	}
}
@media (max-width: 767px) {
    .archive section.bg-background {
        padding-bottom: 0 !important;
    }
}
@media (width <= 650px) {
	.woocommerce ul.products li.product a img{
		background-color:hsl(var(--secondary));
	}
}
@media (width <= 450px) {
    h2 {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }
}
@media (width <= 400px) {
    h2 {
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
    }	 
}
@media (width <= 350px) {
    h2 {
        font-size: 1.2rem !important;
        line-height: 1.2 !important;
    }
	.archive  .bg-background .px-6{
		 padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
/* Fix enquire form z-index overlapping by magnifier */
#enquiry-overlay {
    z-index: 999999 !important;
}


#enquiry-dialog,
#ansac-enquiry-success-modal {
    z-index: 1000000 !important;
}
@media (min-width:992px){
	.ansac-sustainability .cs-hero{
		height:35rem;
	}
}
/* Custom styles can be added here */
header[data-site-header] {
    z-index: 1000 !important;
}

.yith_magnifier_mousetrap,
.yith_magnifier_mousetrap.pp_woocommerce {
    z-index: 20 !important;
}

.yith_magnifier_lens,
.yith_magnifier_zoom_magnifier {
    pointer-events: none !important;
    z-index: 20 !important;
}
/* Category Banner Mobile vs Desktop */
.category-banner-desktop {
    display: none !important;
}
.category-banner-mobile {
    display: block !important;
}

@media (min-width: 640px) {
	
    .category-banner-desktop {
        display: block !important;
		height:100% !important;
    }
    .category-banner-mobile {
        display: none !important;
    }
}
/* Awards Timeline Mobile Scroll Styles (Only Mobile) */
.awards-timeline-container::-webkit-scrollbar {
    display: none;
}
.awards-timeline-container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    overflow-x: auto;
}

.awards-timeline-grid {
    display: grid;
    min-width: 100%;
    padding-bottom: 1rem;
    grid-template-columns: repeat(var(--columns-count), minmax(70px, 1fr));
}

@media (min-width: 768px) {
    .awards-timeline-container {
        overflow-x: visible;
    }
    .awards-timeline-grid {
        grid-template-columns: repeat(var(--columns-count), minmax(0, 1fr)) !important;
        padding-bottom: 0 !important;
    }
}


/* Active Award Card Highlight */
.award-card.active-highlight {
    box-shadow: 0 10px 25px -5px rgba(0, 62, 168, 0.15), 0 8px 10px -6px rgba(0, 62, 168, 0.15) !important;
    position: relative;
}

.award-card.active-highlight::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid hsl(var(--primary)) !important;
    border-radius: inherit;
    pointer-events: none;
    z-index: 10;
}