/** Shopify CDN: Minification failed

Line 672:14 Expected identifier but found whitespace
Line 672:15 Unexpected "var("

**/
.hdt-post-card-content-below__all .hdt-post-card .hdt-post-title:has(.hdt-link){
    padding-block-end: 1px;
}
.hdt-column-block-wrapp:has(.hdt-block__scrolling-content){
    width: auto;
    overflow: hidden;
}
.hdt-marquee-item .hdt-image-wrapper img{
    width: auto;
    height: var(--img-h)
}
@media (min-width: 768px){
    .hdt-marquee-item .hdt-image-wrapper img{
        height: var(--img-h-md)
    }
}
@media (min-width: 768px){
    .hdt-marquee-item .hdt-image-wrapper img{
        height: var(--img-h-lg)
    }
}
.hdt-label-emoij{
    background: var(--bg-color, transparent);
    color: var(--color-text, var(--color-foreground));
    &.hdt-rounded-lg{
        border-radius: var(--rounded-lg);
    }
}
.hdt-label-emoij.hdt-label-dot{
    text-transform: uppercase;
    border-radius: var(--rounded-lg);
    gap: 0.8rem;
    letter-spacing: 0.14em;
    align-items: center;
    font-weight: var(--font-extrabold, 800);
    border: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    &:before{
        content: "";
        width: 0.8rem;
        height: 0.8rem;
        display: inset-inline;
        background: var(--color-text, var(--color-btn-primary));
        border-radius: 50%;
    }
}
.hdt-quote-block{
    padding-block: 1.8rem 2rem;
    border-top: 2px solid var(--color-line-border);
    border-bottom: 2px solid var(--color-line-border);
    position: relative;
    .hdt-icon-quote{
        margin-block-end: 1.5rem;
    }
    .hdt-quote-block__content{
        font-weight: var(--font-semibold);
    }
    .hdt-quote-meta{
        display: inline-flex;
        align-items: center;
        .hdt-author{
            font-style: normal;
        }
    }
    &.hdt-quote-style-classic{
        svg{
            max-width: 2rem;
            height: auto;
        }
        .hdt-quote-meta{
            font-size: var(--text-sm);
            margin-block-start: 1rem;
            .hdt-author{
                + .hdt-role{margin-inline-start: 0.4rem;}
            }
        }
        .hdt-role::before{
            content: "—";
            display: inline-flex;
            margin-inline-end: 0.4rem;
        }
    }
    &.hdt-quote-style-centered{
        padding-block: 2.8rem;
        text-align: center;
        margin-block-start: 2.7rem;
        .hdt-icon-quote{
            position: absolute;
            inset-inline-start: 50%;
            inset-block-start: 0;
            transform: translate(-50%,-50%);
            padding: 1.2rem 2rem;
            background-color: var(--color-background);
            width: 8.7rem;
            height: 5.4rem;
            z-index: 2;
            border: none;
        }
        svg{
            max-width: 4rem;
            height: auto;
        }
        .hdt-quote-meta{
            margin-block-start: 1.5rem;
            flex-direction: column;
            .hdt-author{
                font-size: var(--text-lg);
            }
        }
        .hdt-quote-block__content{
            margin-block-start: 1.5rem;
            max-width: 915px;
            margin-inline: auto;
            line-height: 1.3;
        }
    }
}
.hdt-image-w-box-percent{
    display: grid;
    .hdt-media-wrapper{
        img{
            width: 100%;
            border-radius: var(--rounded-lg);
        }
    }
    .hdt-percent-boxes{
        background: var(--color-background);
        box-shadow: 0px 20px 50px 0px rgb(var(--color-overlay-rgb)/8%);
        padding-block: 2rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        text-align: center;
        z-index: 2;
        place-self: center;
        max-width: 90%;
        margin-block-start: -5rem;
        .hdt-item-box{
            padding-inline: 1.5rem;
            max-width: 188px;
            .hdt-number-percent{
                color: var(--color-percent);
                .hdt-number-count{color: inherit;}
                sup{top: -3rem;}
            }
            &:last-child{
                border-left: 1px solid var(--color-line-border);
            }
        }
    }
}
@media (min-width: 768px) {
    .hdt-image-w-box-percent{
        grid-template: minmax(0, 1fr) auto var(--row-end, 6.8rem) / var(--col-start, 14.5rem) auto var(--col-end, 5rem);
        .hdt-media-wrapper{
            grid-area: 1/1/4/3;
            img{
                width: 100%;
                border-radius: inherit;
            }
        }
        .hdt-percent-boxes{
            grid-area: 2/2/3/4;
            max-width: 100%;
            margin-block-start: 0;
            place-self: end;
        }
    }
}
@media (min-width: 1150px) {
    .hdt-image-w-box-percent{
        --col-end: 7.2rem
    }
}
.hdt-group-button-block{
    .hdt-btn-solid + .hdt-btn-link{
        padding-block-start: 0;
    }
    &:not(.hdt-flex-col){
        align-items: center;
    }
}
.hdt-text-custom-size{
    font-size: var(--text-custom-size-xs);
    @media (min-width: 768px) {
        font-size: var(--text-custom-size);
    }
}
.hdt-block-text-price{
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    --hdt-block-btn: 1.2rem;
    + .hdt-group-button-block{
        --hdt-block-space: 2rem;
    }
}
.hdt-item-media-w-text .hdt-inner-media-text .hdt-heading-block{
    letter-spacing: 0;
    text-wrap: wrap;
}

.hdt-card__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    .hdt-card__badge{
        font-weight: var(--font-semibold);
        color: var(--color-foreground);
        background: #BBFFAC;
        padding: 0 1.6rem;
        font-size: var(--text-sm);
        border-radius: var(--rounded-lg);
    }
}
.hdt-liquid-block + .hdt-text-block{
    --hdt-block-btn: 1.2rem
}
.hdt-column-has-border .hdt-column-block {
    border: 1px solid var(--color-line-border);
    border-radius: 10px;
    overflow: hidden;
  }

.rte table.hdt-wrapper-added{
    table-layout: fixed;
}
.hdt-testimonials-w-image-wrapper .hdt-testimonial-info .hdt-name-client{
    margin-block-end: 0;
    .hdt-testiminial-product{
        margin-block-start: var(--spacing-1);
    }
}
.hdt-product__description.hdt-product-info__accordion summary{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hdt-section__main-article{
    font-size: var(--text-lg)
}
.hdt-product-info-discount .hdt-pr-cd-text .hdt-subtext{
    margin-block-start: 0.3rem;
}
/* Hero stack scroll */
.hdt-media-content__layered{
    &.hdt-pos-image-second .hdt-img-layered:not(.hdt-has-two-images) .hdt-image-first{
        justify-content: flex-end;
        text-align: end;
    }
    .hdt-img-layered{
        position: relative;
        display: flex;
        &:not(.hdt-has-two-images) .hdt-image-first{
            display: inline-flex;
            place-self: center;
        }
        .hdt-imglayer-wrapper{
            position: relative;
            z-index: 3;
            border-radius: inherit;
            overflow: hidden;
            line-height: 0;
        }
        &.hdt-has-two-images{
            display: grid;
            grid-template: var(--h-row-start, 10rem) minmax(0, 1fr) 4.5rem / minmax(0,1fr) 4rem;
            padding-left: 3rem;
            .hdt-image-first{
                grid-area: 1/1/3/2;
                &:before {
                    content: "";
                    width: 70%;
                    inset-block: 8%;
                    inset-inline-start: -5px;
                    transform: rotate(-6.53deg);
                    /* background: var(--bg-color-1,#7C6873); */
                    background: color-mix(in srgb, rgb(var(--color-background-rgb)/20%), rgb(var(--color-text-rgb)/60%));
                    box-shadow: 0 25.8px 64.49px rgb(var(--color-overlay-rgb)/8%);
                    border-radius: 10px;
                    position: absolute;
                    z-index: 2;
                }
                &:after {
                    content: "";
                    width: 60%;
                    inset-block: 12% 14%;
                    inset-inline-start: -15px;
                    transform: rotate(-14.2deg);
                    /* background: var(--bg-color-2,#5C4853); */
                    background: rgb(var(--color-text-rgb)/10%);
                    box-shadow: 0 25.8px 64.49px rgb(var(--color-overlay-rgb)/8%);
                    border-radius: 10px;
                    position: absolute;
                    z-index: 1;
                }
            }
            .hdt-image-second{
                grid-area: 2/1/4/3;
            }
        }
        .hdt-image-first{
            position: relative;
            border-radius: var(--rounded-sm);
            max-height: 100%;
            margin-inline-start: auto;
            img{border-radius: var(--rounded-sm);}
        }
        .hdt-image-second{
            max-width: 10rem;
            z-index: 4;
            line-height: 0;
            border: 3px solid #fff;
            border-radius: var(--rounded-sm);
            overflow: hidden;
            max-height: 100%;
            margin-inline-start: auto;
            margin-block-start: auto;
            > img{
                width: auto;
                max-height: 100%;
                max-width: 100%;
            }
        }
    }
    .hdt-media-content-wrapp{
        padding-block-end: 0;
        margin-block-start: 2.4rem;
    }
}

.hdt-media-overlap-content > .hdt-media-content__layered{
    max-width: 100%;
}
@media (max-width: 575.98px){
    .hdt-media-content__layered{
        .hdt-img-layered{
            --h-row-start: 2rem;
            .hdt-image-second{
                max-width: 7rem;
            }
        }
    }
}
@media (max-width: 1023.98px){
    .hdt-scroll-stack-wrapper{
        .hdt-group-stack-scroll{
            --gap-hero: 2rem;
        }
        height: auto;       
        --height-item: auto!important;
        .hdt-stack-sticky{
            position: static;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            width: 100%;
            .hdt-group-stack-scroll{
                display: inline-flex;
                width: 100%;
                align-items: flex-start;
                .hdt-hero-media{
                    .hdt-media-content{
                        padding-block: 3rem;
                    }
                }
            }
        }
    }
    .hdt-media-content__layered .hdt-img-layered{align-self: flex-start;}
    .hdt-many-blockstack .hdt-scroll-stack-wrapper .hdt-stack-sticky .hdt-group-stack-scroll{
        width: max-content;
        .hdt-hero-media{
            width: min(80vw, 600px);
        }
    }
} 
@media (min-width: 1024px) {
    .hdt-group-stack-scroll .hdt-media-overlap-content .hdt-media-content.hdt-media-content__layered{
        overflow: hidden;
        /* align-items: center; */
    }
    .hdt-media-content__layered{
        .hdt-img-layered{
            --h-row-start: 0rem;
        }
        .hdt-media-content-wrapp{
            place-self: center;
            width: calc(100% - var(--width-layered-image, 50%));
            max-width: var(--overlap-content-mw);
            margin-block-start: 0;
        }
    }
    .hdt-group-stack-scroll .hdt-media-content__layered{
      max-width: 100%;
      max-height: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 2.4rem;
      height: 100%;
      .hdt-img-layered{
        max-width: var(--width-layered-image, 50%);
        max-height: 100%;
        .hdt-imglayer-wrapper{
          max-height: 100%;
          min-height: 0;
          :is(img, svg){
            max-height: 100%;
            max-width: 100%;
            width: auto;
            object-fit: cover;
            display: inline-flex;
            border-radius: inherit;
          }
        }
      }
      &.hdt-pos-image-second{
        flex-direction: row-reverse;
        .hdt-media-content-wrapp{
          justify-content: flex-start;
          .hdt-group-button-block{
            align-items: flex-start;
          }
        }
      }
    }
    .hdt-group-stack-scroll .hdt-media-overlap-content .hdt-media-content.hdt-media-content__layered {
        padding-block: min(65vw, 85px);
        padding-inline: min(6vw, 85px) min(5vw, 65px);
    }
}
@media (min-width: 1400px) {
    .hdt-media-content__layered{
        .hdt-img-layered{
            --h-row-start: 20rem;
            .hdt-image-second{
                max-width: 19rem;
            }
        }
    }
}
/* Scroll hero media */
.hdt-scroll-hero-media__content{
    max-width: var(--content-mw, 100%);
}
/* Feadture collection */
.hdt-section__featured-collection .hdt-collections__body .hdt-group-btn{
    margin-block-start: 2.4rem;
}
.hdt-section-header.hdt-text-center .hdt-section-title{
    /* place-self: center; */
}

@media (min-width: 768px) {
    .hdt-section__featured-collection .hdt-collections__body .hdt-group-btn{
        margin-block-start: 4.4rem;
    }
    .hdt-section-header.md\:hdt-text-center .hdt-section-title{
        place-self: center;
    }
    .hdt-label-dot + .hdt-heading-block {
        --hdt-block-medium: 1rem;
    }
}
.hdt-card-product .hdt-card-product__content{
    /* padding-block: 2rem; */
    .hdt-sale-bage{
        background: #FFFAA1;
        color: var(--color-pr-text);
        border-radius: 3rem;
        font-weight: var(--font-semibold);
        font-size: var(--text-sm);
        display: inline-flex;
        align-items: center;
        padding-inline: 1.6rem;
        padding-block: 0.2rem;
        gap: 0.3rem;
        ~ .hdt-card-product__vendor{margin-block-start: 0.9rem;}
    }
    .hdt-card-product__title{
        margin-block-start: 0.4rem;
        > a{
            font-weight: var(--font-semibold);
            font-size: var(--text-2xl);
        }
    }
    .hdt-tag-title + .hdt-price-wrapp{
        margin-block-start: 0.4rem;
    }
    .hdt-product__get_quote{
        margin-block-start: 5px;
    }
    
}
.hdt-product__buy-buttons .hdt-btn-view-demo{
    --thickness-btn: 2px;
    margin-block-start: 1.2rem;
}
/* FAQS */
.hdt-faqs-content.hdt-collapsible-boxed > hdt-accordion:not(.hdt-accordion-group) .hdt-accordion-content{
    margin-block-start: -0.5rem;
}
.hdt-faqs-content.hdt-collapsible-boxed > .hdt-accordion-group .hdt-accordion-content{
    margin-block-start: -1.25rem;
    .hdt-accordion .hdt-accordion-content{
        margin-block-start: -1rem;
    }
}
/* Contact form */
.hdt-contact-form-wrap{
    .hdt-form-wrap--contact{
        --input-background: var(--color-background)
    }
}
/* Product info */
.hdt-list-iwts ul{
    padding-left: 0;
    li{
        list-style: none;
        gap: 0.9rem;
        font-weight: var(--font-semibold);
        display: flex;
        align-items: center;
        &::before{
            content: "";
            mask-image: url(icon-check-ev.svg);
            -webkit-mask-image: url(icon-check-ev.svg);
            mask-repeat: no-repeat;
            mask-position: center;
            background-color: #3E9555;
            width: 1.4rem;
            height: 1.4rem;
            display: inline-flex;
        }
    }
}
.hdt-product__buy-buttons + .hdt-product__external{
    --product-info-space: 1.2rem
}
/* Form */
.hdt-form--move-text{
    .hdt-field-box{
        border-radius: var(--rounded-input);
        background: var(--input-background, transparent);
        padding: var(--padding-block-input) var(--padding-inline-input);
        border: 1px solid var(--color-line-border);
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        .hdt-field-placeholder{
            display: flex;
            font-size: var(--text-base);
            color: var(--color-foreground);
            margin-block-end: 1rem;
            width: 100%;
        }
        .hdt-budget-list{
            display: inline-flex;
            gap: 1rem;
            label {
                padding: 7px 16px;
                border: 1px solid var(--color-foreground);
                border-radius: 2rem;
                color: var(--color-foreground);
                background: transparent;
                cursor: pointer;
                transition: border-color 0.25s, background 0.25s, color 0.25s, opacity 0.25s;
                user-select: none;
                white-space: nowrap;
                margin: 0;
            }
            input[type="radio"]:checked + label{
                background: var(--color-foreground);
                color: var(--color-background);
                opacity: 1;
            }
        }
        &.hdt-group-radio{
            padding: var(--padding-block-input) var(--padding-inline-input) calc(var(--padding-block-input) + 0.5rem)
        }
        &.hdt-group-radio:focus-visible, &.hdt-group-radio:focus-within{
            outline: none;
            border-color: var(--color-line-border);
        }
    }
    .hdt-field-select{
        padding-block-end: .8rem;
        border-radius: var(--rounded-input);
        padding: 0rem var(--padding-inline-input);
        margin-block-end: 1.4rem;
        border: 1px solid var(--color-line-border);
        legend {
            padding-inline: .3rem;
            font-size: var(--text-sm);
            margin-inline: 1.2rem;
        }
        .hdt-select{
            padding-inline: 1.5rem;
            border: none;
            margin-block-start: -0.8rem;
            padding-block: 0;
            background: transparent;
            select{
                padding: 0;
            }
            &:after{inset-inline-end: 0;}
        }
    }
}
/* Our team */
.hdt-section__our_team{
    --gap-item: 2rem;
    .hdt-team-member{
        flex: 0 0 max(33rem, calc(50vw - 1.5rem));
        width: max(33rem, calc(50vw - 1.5rem));
        margin: 0;
        padding-inline: calc(var(--gap-item, 2rem) / 2);
        .hdt-img-member{
            border: 4px solid var(--color-background);
            border-radius: var(--rounded-sm);
            overflow: hidden;
            box-shadow: 0px 20px 50px 0px #19191914;
            margin-block-end: 1.5rem;
        }
        .hdt-mem-pos{margin-block-start: 0.5rem;}
    }
}
@media (min-width: 768px) {
    .hdt-section__our_team{
        --gap-item-lg: 3.4rem;
        .hdt-marquee-item{
            .hdt-team-member{
                flex: 0 0 calc((100vw - var(--pd-container, 3rem) * 2)/var(--col-dk));
                width: calc((100vw - var(--pd-container, 3rem) * 2)/var(--col-dk));
            }
        }
    }
}
@media screen and (max-width: 1023.98px) and (prefers-reduced-motion: reduce) {
    .hdt-marquee-inner{
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        width: 100%;
        padding-block-end: 2rem;
    }
}
@media screen and (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    .hdt-marquee-inner{
        .hdt-marquee-item{
            width: 100%;
            flex-wrap: wrap;
            justify-content: center;
            row-gap: var(--gap-item);
            .hdt-team-member{
                max-width: calc(100%/var(--col-dk));
            }
        }
        .hdt-marquee--duplicate{display: none;}
    }
}
/* Extra images product */
hdt-extra-images{display: block;}
.hdt-extra-pr-image{
    --gap-img: var(--spacing-x, 20px)
    .hdt-media-wrapper{
        transition: top 0.3s ease, left 0.3s ease;
    }
}
/* Line animae heading */
.hdt-textline-animate{
    line-height: 28px;
    text-align: start;
    position: relative;
    .hdt-svg-animate{
        position: absolute;
        top: 100%;
        /* max-width: 100%; */
        inset-inline-start: 0;
        inset-inline-end: 0;
        svg{
            max-height: 34px;
        }
    }
    #hdt-wavePath {
        stroke-dasharray: var(--path-length);
        stroke-dashoffset: var(--path-length);
        animation: drawWave 1s ease-in-out infinite;
    }
}
@keyframes drawWave {
    0%   { stroke-dashoffset: var(--path-length); opacity: 1; }
    85%  { stroke-dashoffset: 0;   opacity: 1; }
    100% { stroke-dashoffset: 0;   opacity: 0; }
}
/* Gallery custom */
.hdt-section__gallery.hdt-has-frame-img .hdt-slider__slide .hdt-inner-gallery-item{   
    .hdt-frame-img{
        position: relative;
        padding: 4.6rem 2.5rem 2.7rem;
        border: 2px solid #f4f4f4;
        .hdt-fram-inner{
            background: var(--color-background);
            box-shadow: 0px 20px 50px 0px rgb(var(--color-overlay-rgb)/8%);
            border-radius: calc(var(--corner-radius, 0px)/2);
            .hdt-rounded-custom{
                border-radius: calc(var(--corner-radius, 0px)/2);
            }
        }
        .hdt-dots-frame{
            display: inline-flex;
            gap: 7px;
            position: absolute;
            inset-inline-start: 2.5rem;
            inset-block-start: 1.8rem;
            .hdt-dot{
                width: 1rem;
                height: 1rem;
                border-radius: 50%;
                display: inline-flex;
                background: #CCF3CE;
                &:last-child{
                    background-color: #CCDFF3;
                }
                &:first-child{
                    background-color: #F3CCCC;
                }
            }
        }
    }
}

@media (min-width: 768px) {
  .hdt-section__gallery.hdt-has-frame-img .md\:hdt-slider__marquee .hdt-slider__viewport {
    overflow: hidden;
  }
  .hdt-section__gallery.hdt-has-frame-img .md\:hdt-slider__marquee.mb\:hdt-slider__overflow {
    padding-inline-end: var(--pd-container, 3rem);
  }
  .hdt-section__gallery.hdt-has-frame-img .mb\:hdt-slider__overflow .hdt-slider-nav--soh.hdt-slider-nav--full-overlay button[name=next]{
    inset-inline-end: var(--inset, 0px);
  }
    
}
/* Main article */
.hdt-select select:invalid {
    opacity: 0.5;
  }
.hdt-main-article-magazine{
    .hdt-header-article-inner{
        display: flex;
        gap: 2.4rem;
        align-items: center;
        flex-direction: column;
        .hdt-article-block--header{display: flex;}
    }
    .hdt-article-content{
        padding-block-start: 3.4rem;
        .hdt-main-blocks-article{
            display: flex;
            flex-direction: column;
            gap: 2rem;
            .hdt-artc+.hdt-artc{margin-block-start: 0;}
            .hdt-article-block--client{
                place-self: flex-start;
                flex-direction: column;
                padding: 0;
                border-radius: var(--rounded);
                overflow: hidden;
                gap: 2rem;
                max-width: calc(100vw - 7.5rem);
                border: 1px solid var(--color-line-border);
                .hdt-author-bio{
                    padding: 2rem;
                }
                .hdt-athor-ft{
                    border-top: 1px solid var(--color-line-border);
                    padding-top: 1.5rem;
                    margin-block-start: 2rem;
                    display: flex;
                    justify-content: space-between;
                    gap: 1rem;
                    .hdt-author-location, .hdt-btn--bio-link{
                        display: inline-flex;
                        gap: 0.8rem;
                        font-size: var(--text-sm);
                        align-items: center;
                        svg{
                            flex-shrink: 0;
                            height: 14px;
                            width: auto;
                        }
                        .hdt-link{
                            color: var(--color-link, #004299);
                        }
                    }
                }
                .hdt-author-avatar{min-width: 24rem;}
            }
        }
        .hdt-footer-article .hdt-main-blocks-article{
            padding-block-start: 45px;
        }
    }
    .hdt-project-from .hdt-pr-contact-form{
        max-width: 956px;
        margin-inline: auto;
    }
}
.header-article-wrap.hdt-has-art-image.hdt-header-article-split{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    .hdt-article-block--header{
        display: flex;
        place-self: center;
        color: var(--color-foreground);
    }
    .hdt-post-cats{margin-block-end: 1rem}
}
@media (min-width: 600px) {
    .hdt-main-article-magazine{
        .hdt-article-content{
            .hdt-main-blocks-article{
                .hdt-article-block--client{
                    flex-direction: row;
                    .hdt-author-bio{padding-inline-start: 0;}
                }
            }
        }
    }
}
@media (min-width: 768px) {
    .hdt-main-article-magazine{
        .hdt-header-article-inner{
            flex-direction: row;
            .hdt-article-block--header{
                display: inline-flex;
                flex: 0 0 50%;
            }
        }
        .hdt-article-content{
            padding-block-start: 6.4rem;
            .hdt-main-blocks-article{
                .hdt-article-block--client{
                    /* flex-direction: row; */
                    .hdt-author-avatar{flex: 0 0 25rem;}
                }
            }
        }
    }
    .header-article-wrap.hdt-has-art-image.hdt-header-article-split{
        flex-direction: row;
        &.hdt-has-art-image .hdt-article-block--header{
            max-width: 50%
        }
        .hdt-article-media{order: 2}
    }
}
@media (min-width: 1024px) {
    .hdt-main-article-magazine{
        .hdt-article-content{
            padding-block-start: 6.4rem;
            .hdt-main-blocks-article{
                display: grid;
                grid-template-columns: 1fr;
                column-gap: min(7.5rem, 6vw);
                &.hdt-has-client-block{
                    grid-template-columns: var(--w-col-author, 27rem) minmax(0, 1fr);
                }
                .hdt-article-block--client{
                    gap: 0;
                    position: sticky;
                    top: 4rem;
                    flex-direction: column;
                    .hdt-author-avatar{flex: 0 0 100%;}
                    .hdt-author-bio{padding-inline-start: 2rem;}
                    .hdt-author-bio .hdt-bio-text{
                        margin-block-start: 1rem;
                    }
                }
            }
        }
    }
}
@media (min-width: 1400px) {
    .hdt-main-article-magazine{
        --w-col-author: 29rem
    }
}
/* Article sidebar */
.hdt-sidebar-menu__list .hdt-sidebar-menu__item{
    padding-block: 0.5rem;
}
.hdt-article.hdt-article-has-sidebar .hdt-main-article-content{
    .hdt-article-sidebar{
        .hdt-sidebar-block:not(:first-child){
            margin-block-start: 2.4rem;
        }
    }
}
@media (max-width: 767.98px) {
    .hdt-article.hdt-article-has-sidebar .hdt-main-article-content{
        grid-template: [content-post] 1fr [sidebar-post] auto / [content] minmax(0, 1fr) [col-end] var(--gap-column);
        row-gap: 2.4rem;
        .hdt-main-blocks-article{grid-area: content-post / content / content-post / col-end;}
        .hdt-article-sidebar{
            grid-area: sidebar-post / content / sidebar-post / col-end;
        }
        .hdt-article-share-wrap{
            grid-area: content-post / col-end;
        }
    }
}
@media (min-width: 768px) {
    .hdt-article.hdt-article-has-sidebar{
        --col-sidebar: min(28rem, 25vw);
        --gap-column: min(5rem, 5vw);
        .header-article-wrap:not(.hdt-has-art-image) .hdt-article-block--header{
            display: flex;
            max-width: calc(min(var(--max-w-content, calc(var(--container-max-width-padding-xl) - 100px)), 100%) + var(--gap-column) + var(--col-sidebar) + 2 * var(--spacing-x));
            margin-inline: auto;
            .hdt-article-inner-header{
                max-width: 100%;
                margin-inline-start: 0;
                margin-block-end: 3rem;
            }
        }
        .hdt-main-article-content{
            display: grid;
            grid-template-columns: [col-start] var(--col-sidebar) [content] minmax(0, var(--max-w-content, calc(var(--container-max-width-padding-xl) - 100px))) [col-end] var(--gap-column);
            column-gap: var(--spacing-x);
            .hdt-article-sidebar{
                grid-area: col-start;
            }
        }
    }
}
@media (min-width: 1150px) {
    .hdt-article.hdt-article-has-sidebar{
        --col-sidebar: min(32rem, 25vw);
        --gap-column: min(8rem, 6vw);
    }
}
/* Custom css section */
.hdt-custom-background ~ *{
    position: relative;
    z-index: 1;
}
.hdt-section__basic-custom.hdt-section-bg-fade {
    position: relative;
    overflow: hidden;
    .hdt-block__scrolling-content:last-child{margin-block-end: -10px;}
}
.hdt-section__basic-custom.hdt-section-bg-fade:after {
    content: "";
    position: absolute;
    display: block;
    inset-inline: 0;
    inset-block-end: 0;
    min-height: 45%;
    z-index: 3;
    background: linear-gradient( 180deg,rgb(var(--color-overlay-rgb)/0%) 0%,rgb(var(--color-overlay-rgb)/80%) 100% );
    pointer-events: none;
}
.hdt-section__basic-custom.hdt-section-the4-imwt .hdt-row-grid{
    border-radius: var(--rounded);
    border: 1px solid var(--color-line-border);
    overflow: hidden;
    .hdt-label-emoij{border-radius: 3rem;}
    .hdt-heading-block{letter-spacing: 0; font-weight: var(--font-semibold); max-width: 340px; text-wrap: wrap;}
    .hdt-text-block ul{padding-inline-start: 0; list-style: none;}
    @media (min-width: 768px) {
        .hdt-theme-block {
            --hdt-block-el: 1.5rem;
            --hdt-block-btn: 2.4rem;
            --hdt-block-medium: 2.2rem;
            --hdt-block-hafl: 1.5rem;
            --hdt-block-space: 3rem;
        }
    }
}
.hdt-footer-block--newsletter div p{
    font-size: var(--text-lg);
}
.hdt-separator-bottom{
    border-bottom: 1px solid var(--color-line-border);
}
.hdt-place-self-center .hdt-list-avt-rating{
    justify-content: center;
}
.hdt-footer__payment .hdt-list-payment{
    justify-content: center;
}
.hdt-comparison-table-wrap.hdt-compare__table .hdt-compare-col.hdt-compare-brand, 
.hdt-comparison-table-wrap.hdt-compare__card .hdt-compare-col.hdt-compare-brand{
    padding-block: 2rem;
    &::before{display: none;}
}

.hdt__featured-collection-wrapper .hdt-section-header .hdt-inner-section-title{
    margin-inline: auto;
}
.hdt-product__external .hdt-btn-outline.hdt-btn-full-width{
    --thickness-btn: 2px;
}
@media (max-width: 767.98px) {
    .hdt-faqs-content.hdt-collapsible-boxed{
        > hdt-accordion{
          .hdt-accordion-heading{
            font-size: var(--text-lg);
          }
        }
      }
}
@media (min-width: 768px) {
    .md\:hdt-place-self-center .hdt-list-avt-rating{
        justify-content: center;
    }
    .md\:hdt-place-self-center-start .hdt-list-avt-rating{
        justify-content: flex-start;
    }
    .hdt-footer__payment .hdt-list-payment{
        justify-content: flex-end;
    }
    .hdt-comparison-table-wrap.hdt-compare__table .hdt-row-thead .hdt-compare-col {
        padding-block: 2.5rem
    }
}
@media (min-width: 1150px) {
    .xl\:hdt-place-self-center .hdt-list-avt-rating{
        justify-content: center;
    }
    .xl\:hdt-place-self-center-start .hdt-list-avt-rating{
        justify-content: flex-start;
    }
}
.hdt-card-product.hdt-prouct-type-service-detail .hdt-group-btn-quickadd{
    display: none;
}
.hdt-quick-view-modal .hdt-product__info-wrapp.hdt-prouct-type-product-vetro .hdt-product__buy-buttons, 
.hdt-quick-view-modal .hdt-product__info-wrapp.hdt-prouct-type-product-themestore .hdt-product__buy-buttons{
    display: none;
}
.hdt-product__info-wrapp{
    .hdt-product__title + .hdt-product-info__item--text{
        --product-info-text-space: 0.4rem
    }
}
.hdt-main-article-content .rte img{
    border-radius: var(--rounded);
}
.hdt-footer-article .hdt-main-article-content .hdt-main-blocks-article .hdt-article-block--comments .hdt-heading{margin-block-end: 0.4rem;}
hdt-header-mega-menu .hdt-card-product .hdt-card-product__content .hdt-sale-bage{display: none;}
@media screen and (min-width: 1024px) {
    .hdt-mega-menu__content-has-rich .hdt-mega-menu__rich.hdt-mega-menu__rich--collections {
        max-width: 34rem !important;
    }
}
/* Contact custom */
.hdt-contact-form--two-cols{
    &.hdt-split-split_image{
        gap: 0;
        border-radius: var(--rounded);
        overflow: hidden;
        .hdt-image-bg{
            .hdt-media-wrapper{display: contents;}
            :is(svg, img){
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
        }
        .hdt-form-wrap--contact{
            width: 100%;
            background: color-mix(in srgb,var(--color-foreground),transparent 96%);
            .hdt-form{
                border: none;
                border-radius: 0;
                background: transparent;
                width: min(100%, 66rem);
                place-self: center;
            }
        }
    }
}
@media (min-width: 768px) {
    .hdt-contact-form--two-cols{
        &.hdt-split-split_image{
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            .hdt-image-bg{order: 2;}
            .hdt-form-wrap--contact{
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }
}
/* Preset products */
.hdt-section__products-preset .hdt-card-product .hdt-sale-bage {
    display: none;
}
/* Our partner */
@media (min-width: 1440px) {
    .xxl\:hdt-grid-cols-0,
    .xxl\:hdt-grid-cols-1 {
      --cols: 1;
    }
    .xxl\:hdt-grid-cols-2 {
      --cols: 2;
    }
    .xxl\:hdt-grid-cols-3 {
      --cols: 3;
    }
    .xxl\:hdt-grid-cols-4 {
      --cols: 4;
    }
    .xxl\:hdt-grid-cols-5 {
      --cols: 5;
    }
    .xxl\:hdt-grid-cols-6 {
      --cols: 6;
    }
    .xxl\:hdt-grid-cols-12 {
      --cols: 12;
    }
}
.hdt-tabs-our-parnert .hdt-section-title{
    --header-bottom-margin-xl: 2.2rem
}
.hdt-partner-tabs-info{   
    &::part(hdt-tabs-header) {
        display: flex;
        gap: 1rem;
        overflow-x: auto;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
        margin-inline: auto;
        margin-block-end: 4.3rem;
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
    }
    .hdt-btn-tab{
        display: inline-flex;
        border-radius: 3rem;
        border: 1px solid var(--color-line-border);
        background: var(--color-background2);
        padding: 0.5rem 2rem;
        font-weight: var(--font-semibold);
        overflow: hidden;
        white-space: nowrap;
        flex-shrink: 0;
        hdt-circle-bg{
            z-index: 1;
            background: var(--color-foreground);
        }
        span{z-index: 2;pointer-events: none;}
        &[aria-current=true]{
            color: var(--color-background);
            background: var(--color-foreground);
        }
    }
    .hdt-tab-partner-content{
        /* display: grid; */
        /* gap: var(--spacing-x); */
        /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
        .hdt-content-partner{
            border: 1px solid var(--color-line-border);
            padding: 2.4rem;
            border-radius: var(--rounded-sm);
            .hdt-brand-partner{
                margin-block-end: 1.6rem;
                display: flex;
                gap: 1rem;
                align-items: center;
                .hdt-logo-partner{
                    flex: 0 0 6rem;
                    border-radius: var(--rounded-sm);
                    overflow: hidden;
                }
            }
            .hdt-btn-link{
                --hdt-block-btn: 0.8rem
            }
        }
    }
}

@media screen and (pointer: fine){
    .hdt-partner-tabs-info{
        .hdt-btn-tab:hover{
            color: var(--color-background);
        }
    }
}
/* Image w/text split */
.hdt-section__iwts{overflow: hidden;}
.hdt-section__iwts .hdt-media-overlap-content {
    @layer themeh.styles.mobile.default {
    --media-overlap-content-gap-r: 0px;
    --media-overlap-content-gap-c: min(5vw, 50px);
    }
    @layer themeh.styles.tablet.default {
      --media-overlap-content-gap-r: 0px;
      --media-overlap-content-gap-c: min(5vw, 50px);
    }
    @layer themeh.styles.base.default {
      --media-overlap-content-gap-r: 0px;
      --media-overlap-content-gap-c: min(6vw, 92px);
    }
}
.hdt-ciwt-inner{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    .hdt-ciwt-part--content{
        max-width: var(--overlap-content-mw, 100%);
    }
}
@media (min-width: 768px) {
    .hdt-ciwt-inner{
        justify-content: space-between;
        align-items: center;
        column-gap: calc(2*var(--pd-container, 3rem));
        &.hdt-image_pos--right{flex-direction: row-reverse;}
        .hdt-image-wrap{max-width: 40%;}
        .hdt-ciwt-part--content{
            max-width: var(--overlap-content-mw, 60%);
        }
    }
}
/* Table of content */
.hdt-article-table-content{
    &.is-sticky{
        position: sticky;
        top: 3rem;
    }
    .hdt-table-of-contents{
        .hdt-toc-item{
            padding-block: 0.5rem;
            transition: padding 0.3s ease, border 0.3s ease;
            .hdt-toc-link{
                transition: background-size .5s cubic-bezier(.3, 1, .3, 1), padding 0.3s ease, border 0.3s ease;
                &.is-active{
                    padding-inline-start: 1rem;
                    border-inline-start: 2px solid;
                }
            }
            
        }
    }
}
.shopify-section-header-sticky.animate:not(.shopify-section-header-hidden) ~ #MainContent .hdt-main-article-content .hdt-article-table-content.is-sticky {
    top: calc(var(--header-height) + var(--plus, 15px));
}
/* Update megamenu */
.hdt-mega-menu__content{
    .hdt-menu-drawer-thumb{
        display: none;
    }
    &.hdt-mega-menu__content--shop{
        .hdt-collection-show-image{
            overflow: hidden;
            display: inline-flex;
            --color-btn-primary: rgb(var(--color-text-rgb) / 4%);
            --color-btn-primary-hover: var(--color-foreground);
            --color-btn-secondary-hover: var(--color-background);
            --padding-button: 1rem 1rem;
            font-size: var(--text-xl);
            align-items: center;
            .hdt-menu-drawer-thumb{
                display: inline-flex;
                border-radius: 50%;
            }
        }
        .hdt-card-product .hdt-card-product__content .hdt-card-product__title > a{
            font-size: var(--text-lg);
        }
        .hdt-mega-menu__rich--products{
            flex-shrink: 1;
            min-width: 0;
            width: max-content;
            max-width: none;
            .hdt-slider{
                width: 100%;
            }
        }
    }
}
@media screen and (min-width: 1024px) {
    .hdt-mega-menu__content.hdt-mega-menu__content--shop{
        .hdt-mega-menu__rich--products .hdt-slider .hdt-slider__slide{
            --slide-size: 21rem;
            min-width: var(--slide-size)
        }
        .hdt-mega-menu__wrap > ul{
            grid-template-columns: repeat(min(var(--max-menu-columns, 2), var(--links-size)), minmax(20rem, 22rem));
        }
    }
    hdt-sticky-header[menu="center"] .hdt-mega-menu__wrap{
        justify-content: center;
    }
}
@media (min-width: 1024px) and (max-width: 1150px){
    .hdt-mega-menu__content.hdt-mega-menu__content--shop.hdt-mega-menu__content-has-rich{
        .hdt-mega-menu__wrap > ul{
            --max-menu-columns: 2;
            min-width: 48rem
        }
    }
}
/* Custom footer */
.hdt-ft-iwt--wrap{
    display: flex;
    gap: 0.8rem;
    .hdt-ft-iwi--icon{
        width: 1.5rem;
        margin-block-start: 0.3rem;
        svg{
            width: 100%;
            height: auto;
            fill: currentColor;
        }
    }
    + .hdt-ft-iwt--wrap{
        margin-block-start: 0.5rem;
    }
}
div:not(.hdt-ft-iwt--wrap) + .hdt-ft-iwt--wrap{
    margin-block-start: 2rem;
}
.hdt-badges-ft-wrap{
    border: 1px solid var(--color-line-border);
    background: var(--color-background2);
    backdrop-filter: blur(20px);
    border-radius: var(--rounded-sm);
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-block-start: 2rem;
    .hdt-item-badge img{
        height: 5rem;
        width: auto;
        object-fit: contain;
    }
    .hdt-badge-rating{
        position: relative;
        padding-inline-end: 1rem;
        min-width: 10rem;
        &:after{
            content: "";
            display: inline-flex;
            width: 1px;
            height: 100%;
            background: rgb(var(--color-text-rgb)/15%);
            position: absolute;
            inset-inline-start: 100%;
            inset-block: 0;
        }
    }
}
@media (min-width: 1150px) {
    .hdt-footer__content-top .hdt-footer-block--newsletter:last-child{
        max-width: min(36rem,27vw);
    }
}