/** Shopify CDN: Minification failed

Line 1204:24 Unexpected "last"

**/
/* h1 {
    font-size: 40px !important;
    line-height: 106%;
    font-weight: 800;
    @media (min-width:1024px) {
        font-size: 50px !important;
    }
    @media (min-width:1366px) {
        font-size: 76px !important;
    }
}

h2 {
    font-size: 40px !important;
    line-height: 106%;
    font-weight: 800;
    @media (min-width:1024px) {
        font-size: 50px !important;
    }
    @media (min-width:1366px) {
        font-size: 76px !important;
    }
} */

*::focus-visible,*::focus {
    outline: 1px dashed #000;
    outline-offset: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 !important;
    font-weight: 700 !important;
}

p:not(:where(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *)) {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    font-family: "Plus Jakarta Sans";
}

.banner-imagetxt {
    .image-with-text__text--caption {
            font-weight: 600;
            font-size: 14px;
            line-height: 140%;
            color: #232F3E;
            font-weight: 600;
    }
    .banner__buttons {
        @media (max-width:767px) {
            a {
                width: 100%;
            }
        }
    }
}

.search-selcts-blog {
    display: flex;
    /* height: 60px; */
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    .featured-blog-search {
        /* max-width: 550px;
        width: 100%;
        height: 100%; */
        flex-grow: 1;
                @media (max-width:768px) {
                    max-width: 100%;
        }
        input {
            padding: 20px;
            width: 100%;
            background: #FBF9F5;
            border: 1px solid #E9EEF2;
            border-radius: 8px;
            height: 100%;
            background-image: url('/cdn/shop/files/search-normal_2dd08a91-ee3c-4c56-8247-c3e2cdfac814.png?v=1766556480');
            background-repeat: no-repeat;
            background-size: 18px;
            background-position: 20px center;
            padding-left: 48px;
            font-family: Sora;
            font-weight: 400;
            font-size: 18px;
            line-height: 100%;
            color: #4A596D;
        }
    }
    .selects-search {
        height: 100%;
        @media (max-width:768px) {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .dropdown {
            height: 100%;
            .dropdown-toggle {
                height: 100%;
            }
        }
        #filterSearchBtn {
            height: 100%;
            background: #2E7D32;
            color: #fff;
            padding: 22px 30px;
            border: none;
            border-radius: 12px;
            font-weight: 600;
            font-size: 16px;
            line-height: 100%;
        }
    }
}


.hp-trust-section {
    background-attachment: local;
    /* margin-bottom: 100px;

    @media (max-width:1024px) {
        margin-bottom: 40px;
    } */

    .title-wrapper-with-link {
        justify-content: center;
        margin-bottom: 1rem !important;
        strong {
            width: 100%;
            display: block;
            text-align: center;
        }
    }
    .section-content {
        text-align: center;
        p {
            margin-block: 0 !important;
        }
    }

    .multicolumn-list {
        justify-content: center;
        /* margin-top: 40px; */

        li.multicolumn-list__item {
            padding: 26px 16px;
            background: #fff;
            box-shadow: 0px 4px 34px 0px #00000008;
            border: 2px solid #F0EAF1;
            border-radius: 20px;

            .multicolumn-card.content-container {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 10px;

                .multicolumn-card__image-wrapper {
                    .media {
                        padding-bottom: 48% !important;
                    }
                }

                .multicolumn-card__info {
                    padding: 0;

                    h3 {
                        font-weight: 700;
                        font-size: 18px;
                        line-height: 120%;
                        letter-spacing: -1%;

                    }

                    .rte {
                        p {
                            font-weight: 400;
                            font-size: 16px;
                            line-height: 160%;
                            letter-spacing: -1%;
                            color: #4A596D;
                        }
                    }
                }
            }
        }
    }
    a.button {
        svg {
            display: none;
        }
    }
    &.bird-grid {
            .multicolumn-list {
        margin-top: 40px;
    }
    }
}

.shopify-section {
    &:has(.cta-banner) {
        margin-inline: 20px;
    }
}

.cta-banner {
    position: relative;
    max-width: 1380px;
    border-radius: 20px;
    overflow: hidden;
    margin: 100px auto 100px;

    @media (max-width:1024px) {
        margin: 40px auto 40px;
    }

    @media (max-width:640px) {
        height: 400px !important;
    }

    &::before {
        content: '' !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #2F7A33 0%, rgba(47, 122, 51, 0.5) 100%);
        z-index: 1;
        display: block !important;
    }
    
    &.home {
        &::before {
            background: linear-gradient(90deg, #307A33 20%, rgba(48, 122, 51, 0) 100%);
        }
    }

    .banner__box {
        @media (min-width:1024px) {
            min-width: 60rem !important;
        }

        padding-block: 1rem !important;
    }
    .banner__text {
        p {
            color: rgba(var(--color-foreground), 1);
        }
    }
}

.shopify-section:has(.reputon-dual-row-carousel-container) {
    position: relative;
    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFF6E5;
        width: 100%;
        height: 30%;
    }
}

body.index .shopify-app-block:has(.reputon-dual-row-carousel-container) {
    padding-top: 0;
    padding-bottom: 50px;
}

.shopify-app-block:has(askwhai-quiz) {
    padding-top: 0;
    padding-bottom: 0;
}

.banner-imagetxt {
    .image-with-text {
        .image-with-text__grid {
            @media (max-width:767px) {
                flex-direction: column;
            }

            .image-with-text__media-item {
                @media (min-width:768px) {
                    width: 45%;
                }
                .image-with-text__media {
                    display: flex;
                }
            }

            .image-with-text__text-item {
                @media (min-width:768px) {
                    width: 55%;

                    .image-with-text__heading {}
                }

                .image-with-text__content {
                    /* padding-inline: 0; */
                    /* padding-bottom: 0 !important; */
                    @media (max-width:767px) {
                        .banner__buttons {
                            width: 100%;
                            max-width: 100%;
                        }
                    }
                .image-with-text__text {
                    P {
                        font-size: 16px;
                        color: #5F6061;
                        line-height: 160%;
                    }
                }
                }
            }
        }
    }
    .image-with-text__media {
        overflow: visible !important;
        padding-right: 3rem;
        @media (max-width:767px) {
            overflow: unset !important;
        }
        img {
            height: auto !important;
            border-radius: 18px !important;
            box-shadow: 3rem 3rem #2E7D32 !important;
            position: relative !important;
                    @media (max-width:767px) {
            height: 100% !important;
        }
        }
    }
    .custom-html {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        margin-top: 50px;
        @media (max-width: 1024px) {
            margin-top: 30px;
        }
        p {
            color: #232F3E;
            font-weight: 600;
            font-size: 14px;
            line-height: 140%;
            margin: 0;
            span {
                color: #CCCCCC;
            }
        }
    }
    &.home {
        .image-with-text__content {
            padding-inline: 0;
        }
        .banner__buttons {
            margin-top: 3rem;
        }
    }
}

.testimonial-with-bg {
    position: relative;

    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 138px;
        /* background: rgba(255, 253, 247, 1); */
        background: #FFF6E5;
    }

    &::after {
        content: "";
        position: absolute;
        width: 58%;
        height: 89px;
        background: #4f2f50;
        opacity: .6;
        filter: blur(52px);
        bottom: 55px;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonialslider {
        .slide-inner {
            position: relative;

            .review-bg {
                position: relative;
                padding-top: 22.22%;

                @media (max-width:1024px) {
                    padding-top: 40%;
                }

                @media (max-width:768px) {
                    padding-top: 80%;
                }

                img {
                    border-radius: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .review-text {
                position: absolute;
                top: 30px;
                left: 0;
                text-align: center;
                width: 100%;
                padding-block: 20px;

                p {
                    font-size: 20px;
                    line-height: 146%;
                    padding-inline: 20px;
                    color: #000;
                }

                @media (max-width:767px) {
                    top: 0;
                }
            }
        }

        .swiper-pagination {
            bottom: 0;
            display: flex;
            justify-content: center;

            .swiper-pagination-bullet {
                width: 14px;
                height: 14px;
                opacity: 1;
                background: #EEEEEE;

                &.swiper-pagination-bullet-active {
                    background: #2E7D32
                }
            }
        }

        .swiper-wrapper {
            padding-bottom: 50px;
        }
    }
}

.hp-category {
    margin-top: 0 !important;

    .category-item {
        .category-item--link {
            background: #FFF6E5 !important;
            padding: 4px 4px 14px;
            aspect-ratio: auto;

            &:hover {
                background: rgba(74, 124, 44, 1) !important;
                box-shadow: 20px 20px 40px 0px rgba(9, 16, 108, 0.25) !important;
            }
            .category-item__image  {
                max-height: 144px;
                width: 100%;
                img {
                    border-radius: 17px;
                    height: 100%;
                    object-fit: cover;
                    width: 100%;
                }
            }
            .category-item--name {
                color: #040911;
            }
        }
    }
    .slider__nav {
        @media (max-width: 989px) {
            margin-top: 30px;
        }
        .slick-arrow {
            border: 1px solid #2E7D32;
            background: transparent;
            &:hover {
                background: #2E7D32;
                svg {
                    use {
                        color: #fff;
                    }
                }
            }
            svg {
                use {
                    color: #2E7D32;
                }
            }
        }
    }
}

.feeding-guides-zigzag {
    position: relative;
    &::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url('/cdn/shop/files/Rectangle_80_6.png?v=1765955810');
        background-repeat: no-repeat;
        background-size: contain;
        width: 344px;
        height: 516px;
    }
    .section-content {
        text-align: center;
        margin-bottom: 30px;
        .content {
            p {
                margin:10px 0 0;
            }
        }
    }
    .block__items {
        position: relative;
        z-index: 1;
        .block__item {
            gap: 30px;
            margin-bottom: 2rem;
            background: #FFFFFF;
            border: 1px solid #FFC1074D;
            border-radius: 16px;
            padding: 20px;
            .block__item--content {
                h2 {
                    font-size: 26px;
                    font-weight: 700;
                    font-size: 26px;
                    line-height: 120%;

                }
            }
            .block__item--img {
                &.top-left {
                    padding-left: 2rem;
                    padding-top: 2rem;
                }
                &.bottom-left {
                    padding-left: 2rem;
                    padding-bottom: 2rem;
                }
            }
        }
    }
}

.comparison-chart-wrapper {
    .comparison-title {
        text-align: center;
    }
    .comparison-table {
        margin-top: 50px;
        overflow-x: auto;
        @media (max-width:750px) {
            margin-top: 20px;
        }
        table {
            box-shadow: none;
            table-layout: auto;
            thead {
                border-bottom: 2px solid #D9D9D9;
            }
            td,th {
                border: none;
                text-align: left;
                font-family: Plus Jakarta Sans;
                font-size: 18px;
                line-height: 160%;
                white-space: nowrap;
            }
        }
    }
}

.feed-plans-grid {
    position: relative;
    .title-wrapper-with-link {
        justify-content: center;
        margin-bottom: 2rem;
    }
    &::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background-image: url('/cdn/shop/files/Rectangle_80_7.png?v=1766054659');
        background-repeat: no-repeat;
        background-size: contain;
        width: 344px;
        height: 516px;
        /* z-index: -1; */
    }
    .multicolumn-list {
        .multicolumn-list__item {
            background: #fff;
            border: 1px solid #ffc1074d;
            padding: 14px;
            border-radius: 16px;
            .multicolumn-card {
                border-radius: 0;
                display: flex;
                align-items: unset;
                height: 100%;
                @media (max-width:749px) {
                    flex-wrap: wrap;
                }
                .multicolumn-card__image-wrapper {
                    /* height: 100%; */
                    width: 70%;
                    margin: 0;
                    @media (max-width:749px) {
                        width: 100%;
                    }
                    .media {
                        height: 100%;
                        img {
                            border-radius: 16px;
                        }
                    }
                }
                .multicolumn-card__info {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                }
            }
        }
    }
}

.product-specifications {
    .image-logo {
        position: absolute;
        top: -28px;
        right: 22px;
        max-width: 200px;
        img {
            border-radius: 10px !important;
            box-shadow: 20px 20px 44px 0px #00000040 !important;
        }
    }
    .content-discription {
        margin-top: 30px;
        a {
            color: #2E7D32;
            font-weight: 700;
        }
    }
}


.product-grid-container {
    .grid__item {
        background: #fff;
        padding: 14px;
        border-radius: 16px;
        &:hover {
            background: #F9F9F9;
            box-shadow: 40px 24px 70px 0px #00000040;
        }
    }
}

.collection-banner {
    .banner__content {
        padding-left:0;
    }
}

.product-tabs__section {
    i.govx-id-full-wrapper.govx-right.govx-mini {
        display: none;
    }
}

.flock-packages {
    position: relative;
.flock-packages-main {
    background: #F5F0E666;
    /* @media (min-width:1025px) {
        height: 830px;
    } */
    .section-title {
            max-width: 972px;
    margin-inline: auto;
    text-align: center;
    }
        .flock-package-inner {
            display: grid;
            grid-template-columns: repeat(4,1fr);
            gap: 20px;
            margin-top: 60px;
            z-index: 3;
            position: relative;
            @media (max-width:1024px) {
                grid-template-columns: repeat(2,1fr);
            }
            @media (max-width:640px) {
                grid-template-columns: repeat(1,1fr);
            }
            .flock-package-box {
                background: #FBF9F5;
                border: 1px solid #FFC107;
                border-radius: 16px;
                padding: 14px;
                position: relative;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                transition: all 500ms;
                .top-choicebadge {
                    padding: 6px 24px;
                    background: #fff;
                    border: 1px solid #FFC107;
                    border-radius: 12px;
                    text-align: center;
                    width: fit-content;
                    position: absolute;
                    z-index: 1;
                    top: -25px;
                    p {
                        margin: 0;
                        font-family: Sora;
                        font-weight: 600;
                        font-size: 16px;
                        line-height: 100%;
                        color: #2E7D32;
                        text-transform: capitalize;
                    }
                }
                .flock-package-img {
                    position: relative;
                    padding-top: 42.44%;
                    img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 18px;
                    }
                    .flock-imgtag {
                        background: #2E7D32;
                        top: 11px;
                        right: 22px;
                        position: absolute;
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 100%;
                        color: #fff;
                        padding: 8px 11px;
                        /* backdrop-filter: blur(6.576923370361328px); */
                        border-radius: 12px;
                        &::before {
                            content: '';
                            position: absolute;
                            background-image: url('/cdn/shop/files/tag-left.png?v=1765525542');
                            width: 17px;
                            height: 20px;
                            background-size: contain;
                            left: -20px;
                            top: 50%;
                            transform: translateY(-50%);
                            background-repeat: no-repeat;
                        }
                        &::after {
                            content: '';
                            position: absolute;
                            background-image: url('/cdn/shop/files/tag-right.png?v=1765525543');
                            width: 17px;
                            height: 20px;
                            background-size: contain;
                            right: -20px;
                            top: 50%;
                            transform: translateY(-50%);
                            background-repeat: no-repeat;
                        }
                    }
                }
                .flock-title {
                    margin-top: 14px;
                    h4 {
                        font-family: Sora;
                    font-weight: 700;
                    font-size: 20px;
                    line-height: 120%;
                    color: #040911;
                        p {
                            margin:0;
                        }
                    }
                }
                .flock-content {
                    p {
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 160%;
                        color: #4A596D;
                        margin: 0;
                    }
                    ul {
                        padding: 0;
                        list-style: none;
                        li {
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 160%;
                            color: #4A596D;
                            position: relative;
                            padding-left: 40px;
                            margin-top: 10px;
                            &::before {
                                content: '';
                                position: absolute;
                                top:0;
                                left: 0;
                                background-image:url('/cdn/shop/files/Mask_group_5.png?v=1765520111');
                                width: 24px;
                                height: 24px;
                                background-size: contain;
                                background-repeat: no-repeat;
                            }
                        }
                    }
                }
                &:hover {
                    transform: scale(1.20);
                    margin-inline: 14px;
                    background:#2E7D32;
                    @media (max-width:1440px) {
                        transform: scale(1.05);
                        margin-inline:10px;
                    }
                    @media (max-width:1024px) {
                        transform: unset;
                        margin-inline: 0;
                    }
                    /* &:first-child {
                        margin-left: 0;
                    }
                    &:last-child {
                        margin-right: 0;
                    } */
                    .flock-title {
                    h4 {
                    color: #fff;
                    }
                }
                .flock-content {
                    p {
                        color: #fff;
                    }
                    ul {
                        padding: 0;
                        list-style: none;
                        li {
                            color: #fff;
                        }
                    }
                }
                .flock-btn {
                a {
                    width: 100%;
                    background:#fff;
                    color: #2E7D32;
                    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--white), var(--alpha-button-background));
                    &:hover {
                        &::after {
                        --border-offset: 1.3px;
                                box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--white), var(--alpha-button-background));
                        }
                    }
                }
            }
            }
            .flock-btn {
                a {
                    width: 100%;
                }
            }
            }
        }
        &.collection {
            background: #fff;
            .vector-image {
                bottom:0;
                left:0;
                right:unset;
                top: unset;
                z-index: 0;
            }
        }
    }
    .vector-image {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
}

.footer {
    .footer__blocks-wrapper {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        column-gap: 40px;
        @media (max-width: 1400px) {
            column-gap: 10px;
        }
        @media (max-width:1024px) {
          grid-template-columns: repeat(3, 1fr);  
        }
                @media (max-width:767px) {
          grid-template-columns: repeat(1, 1fr);  
          gap: 0!important;
        }

        >.footer-block {
            grid-column: span 2;

            &:nth-child(1) {
                grid-column: span 5;
                /* max-width: 75%; */
                @media (min-width:1366px) {
                    grid-column: span 3;
                }
                @media (max-width:767px) {
                    max-width: 100%;
                    text-align: center;
                }
            }

            &:nth-child(2) {
                grid-column: span 5;
                 @media (min-width:1366px) {
                grid-column: span 2;
                }
            }

            .footer-block__details-content {
                .footer__buttons {
                    a {
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        color: #4A596D;

                        .info-icon {
                            width: 42px;
                            height: 42px;
                            background: #2e7d32;
                            border-radius: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-shrink: 0;

                            svg {
                                margin-right: 0;

                                use {
                                    color: #fff;
                                    margin-right: 0;
                                }
                            }
                        }
                    }
                    @media (max-width:767px) {
                        .footer-block__button--content {
                        flex-grow: 1;
                        text-align: center;
                        }
                    }
                }
            }

            .footer-block__brand-info {
                p {
                    color: rgb(var(--color-foreground));
                    @media (max-width:767px) {
                        text-align: center;
                    }
                }
                @media (max-width:767px) {
                        a {
                            display: block;
                            text-align: center;
                    }
                }
                .footer__list-social {
                    margin-top: 30px;
                    gap: 18px;
                    .list-social__item {
                        background: #2F7C3233;
                        border-radius: 100%;
                    }
                    @media (max-width:767px) {
                        justify-content: center;
                    }
                }
            }
            @media (max-width:767px) {
                text-align: center;
                max-width: 100%;
                width: 100%;
                .footer__buttons {
                    max-width: fit-content;
                    margin-inline: auto;
                }
            }
        }
    }

    localization-form {
        .no-js-hidden {
            h2.caption-large.text-body {
                display: none;
            }
        }
    }

    .footer__content-bottom {
        &.new {
            .footer__content-bottom-wrapper {
                .footer__payment {
                    width: 100%;
                    border-bottom: solid .1rem rgba(var(--color-foreground), .08);
                }

                .footer__antivirus-payment {
                    img {
                        filter: brightness(0);
                    }
                }

                @media (max-width:1024px) {
                    flex-wrap: wrap;
                    justify-content: center;

                    .footer__payment {
                        ul {
                            justify-content: center;
                            padding-top: 20px;
                        }
                    }

                    .footer__antivirus-payment {
                        justify-content: center;
                    }
                }
            }

            .footer__copyright {
                display: grid;
                gap: 10px;
                grid-template-columns: auto 1fr auto;
                margin-top: 0;

                @media (max-width:1024px) {
                    grid-template-columns: 1fr;
                }

                p,
                span,
                a {
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 140%;
                    color: #4A596D;
                    margin: 0;
                }

                ul {
                    &.policies {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 20px;
                        border-bottom: 1px solid #4A596D;
                        @media (max-width:767px) {
                            flex-direction: column;
                            gap: 10px;
                        }
                        li {
                            &.Refund-policy {
                                display: none;
                            }
                            &.Shipping-policy {
                                display: none;
                            }
                            &.Contact-information {
                                display: none;
                            }
                        }
                    }

                    li {
                        &::before {
                            content: none;
                        }
                    }
                }
            }
        }
        @media (max-width:990px) {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }
    }
    .footer-block--menu {
        @media (max-width:767px) {
            max-width: 100% !important;
            text-align: center;
        }
        @media (max-width:640px) {
            text-align: center;
            ul {
                li {
                    a {
                        justify-content: center;
                    }
                }
            }
        }
    }
    .footer-block 
    {
        .footer-block__heading {
            position: relative;
            &::before {
                content: '';
                position: absolute;
                bottom: -12px;
                left:0 ;
                background: #FBBE0866;
                width: 40px;
                height: 4px;
                border-radius: 40px;
                @media (max-width:767px) {
                    left: 50%;
                    transform: translateX(-50%);
                }
            }
            @media (max-width:750px) {
                text-align: center;
            }
        }
        .footer-block__details-content {
            @media (max-width:767px) {
            li {
                a {
                    justify-content: center;
                }
            }
        }
        }
    }
    .footer-wrapper {
        grid-column: span 5;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        .footer-block--menu {
            &:nth-child(last) {
                grid-column: 3;
            }
        }
        @media (max-width:767px) {
           grid-template-columns: repeat(1, 1fr); 
        }
    }
    .footer-columns {
        display: flex;
        flex-direction: column;
        gap: 40px;
        @media (max-width:767px) {
            gap: 0;
        }
    }
}

.template-search__results {
    .grid__item {
        background: #F9F9F9;
        .card__information {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .card__badge {
            span {
                color: #fff;
            }
        }
    }
}

.customer-reviews {
    .reveiws-inner-sec {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;

        @media (max-width:767px) {
            gap: 60px;
            flex-direction: column;
        }

        .left-content {
            width: 100%;

            @media (min-width:767px) {
                width: 40%;
            }
            .section-image {
                position: relative;
                padding-top: 88.60%;
                img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 18px;
                    box-shadow: 3rem 3rem #FFC107 !important;
                }
            }
        }

        .right-content {
            width: 100%;

            @media (min-width:767px) {
                width: 50%;
            }

            .section-title {
                h2 {
                    margin: 0;

                    p {
                        margin: 0;
                    }
                }
            }

            .reviews-slider {
                margin-top: 30px;

                .reviews {
                    margin-top: 20px;

                    p {
                        color: #4A596D;
                    }
                }

                .reviews-stars {
                    margin-top: 30px;
                }

                .reviews-info {
                    margin-top: 30px;
                    display: flex;
                    align-items: center;
                    gap: 16px;

                    .short-name {
                        width: 60px;
                        height: 60px;
                        background: #2E7D32;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 100%;

                        p {
                            color: #fff;
                            font-weight: 700;
                            font-size: 22px;
                            line-height: 130%;
                            text-transform: capitalize;
                        }
                    }

                    .reviewer-name {
                        display: flex;
                        align-items: center;
                        gap: 6px;
                        flex-direction: column;
                        align-items: baseline;

                        .name-badge {
                            display: flex;
                            align-items: center;
                            gap: 6px;

                            p {
                                font-weight: 700;
                                font-size: 20px;
                                line-height: 130%;
                                text-transform: capitalize;
                                color: #000000;
                            }
                        }

                        span {
                            font-weight: 400;
                            font-size: 18px;
                            line-height: 130%;
                            letter-spacing: 0%;
                            text-transform: capitalize;
                            color: #676767;
                        }
                    }
                }

                p {
                    margin: 0;
                }

                .swiper-arrows {
                    display: flex;
                    align-items: center;
                    gap: 34px;
                    margin-top: 30px;

                    .slider-arrow {
                        border: 1px solid #2E7D32;
                        width: 50px;
                        height: 50px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 100%;

                        &:hover {
                            background-color: #2E7D32;

                            svg {
                                path {
                                    fill: #fff;
                                }
                            }
                        }
                    }
                    @media (max-width:767px) {
                        justify-content: center;
                    }
                }
            }
        }
    }
}

.hp-collapsible {
    .collapsible-content {
        .collapsible-content__header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 50px;
            flex-wrap: wrap;
            align-items: flex-start;
            gap: 20px;
            @media (min-width: 1024px) {
                max-width: 90%;
            }

            @media (max-width: 767px) {
                margin-bottom: 30px;
            }

            .collapsible-content__heading {
                margin-bottom: 0;
            }
            .section-description {
                max-width: 880px;
            }
        }

        .collapsible-content__grid-item {
            display: none;

            @media (min-width:1024px) {
                display: block;
                width: 6%;
            }
        }

        .accordion {
            details {
                summary {
                    padding: 3rem 0;

                    .accordion__title {
                        font-weight: 700;
                        line-height: 120%;
                        width: 100%;
                        @media (max-width:1600px) {
                            width: 80%;
                            margin-right: 60px;
                        }
                    }

                    .acc-icon {
                        width: 50px;
                        height: 50px;
                        border: 1px solid #2E7D32;
                        border-radius: 100%;
                        position: absolute;
                        right: 1.5rem;
                        top: 50%;
                        transform: translateY(-50%);

                        span {
                            svg {
                                height: 1rem;
                                top: 50%;
                                transform: translateY(-50%);

                                path {
                                    fill: #2E7D32;
                                }
                            }
                        }
                    }
                }

                &[open] {
                    .acc-icon {
                        background: #2E7D32;

                        svg {
                            top: 50%;
                            transform: translateY(-50%) rotate(180deg);

                            path {
                                fill: #fff;
                            }
                        }
                    }
                }

                .accordion__content {
                    max-width: 830px;
                    ul {
                        padding: 0;
                        list-style: none;
                        display: flex;
                        align-items: center;
                        gap: 20px;
                        flex-wrap: wrap;
                        li {
                            a {
                                font-weight: 600;
                                font-size: 20px;
                                line-height: 160%;
                                border: 1px solid #2E7D32;
                                border-radius: 10px;
                                display: inline-block;
                                padding: 10px 20px;
                            }
                        }
                    }
                }
            }
        }
    }
    &.global-faq {
        .collapsible-content__grid {
            align-items: unset;
            .grid__item  {
                @media (min-width:750px) {
                    .collapsible-content__media {
                        position: sticky;
                        top: 120px;
                    }
                }
            }
        }
        .faq-tabs {
            display: flex;
            gap: 16px;
            align-items: center;
            padding-block: 40px 20px;
            border-bottom: 1px solid #F4EFE5;
            overflow: auto;
            @media screen and (max-width: 749px) {
                position: fixed;
                inset: 0;
                transition: all 0.3s linear;
                z-index: 1;
                flex-direction: column;
                background: #fff;
                align-items: baseline;
                padding: 20px;
                position: fixed; /* or absolute if inside a wrapper */
                height: 100vh;
                background: #fff;
                z-index: 1000;
                transform: translateX(100%);
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transition: transform 0.4s ease, opacity 0.3s ease, visibility 0s linear 0.4s;
                &.open {
                    transform: translateX(0);
                    opacity: 1;
                    visibility: visible;
                    pointer-events: auto;
                    transition: transform 0.4s ease, opacity 0.3s ease, visibility 0s;
                }
                 .faq-tabs-close-btn{
                    display: inline-block;
                    padding: 0;
                    min-width: 4.4rem;
                    min-height: 4.4rem;
                    box-shadow: 0 0 0 .2rem rgba(var(--color-button),0);
                    position: absolute;
                    top: 10px;
                    right: -10px;
                    color: rgb(var(--color-foreground));
                    background-color: transparent;
                    border: none;
                    cursor: pointer;
                    min-width: 3.4rem;
                    min-height: 3.4rem;
                    border-radius: 50%;
                    background: var(--gray-200);
                    right: 20px;                    
                }
            }
            .faq-tab {
                padding: 12px 24px;
                background: #FAFAFA;
                color: #2E7D32;
                border: none;
                border-radius: 12px;
                font-family: Sora;
                font-weight: 400;
                font-size: 20px;
                line-height: 100%;
                letter-spacing: 0%;
                cursor: pointer;
                white-space: nowrap;
                flex-shrink: 0;
                &.active {
                    background: #2E7D32;
                    color: #FFFFFF;
                }               
            }
            &::-webkit-scrollbar {
                width: 10px;
            }
            &::-webkit-scrollbar-track {
                background: #ffffff;
            }

            &::-webkit-scrollbar-thumb {
                background-color: #2e7d32;
                border-radius: 10px;
                border: 3px solid #ffffff;
            }
        }
        .faq-search-wrapper {
            display: flex;
            gap: 40px;
            @media (max-width:1024px) {
                gap: 20px;
                flex-wrap: wrap;
            }
            input {
                width: 100%;
                color: #000;
                background: #FBF9F5;
                height: 60px;
                border-radius: 8px;
                border: 1px solid #E9EEF2;
                font-family: Sora;
                font-weight: 400;
                font-size: 18px;
                line-height: 100%;
                padding-inline: 48px 20px;
                background-image: url('/cdn/shop/files/search-normal.png?v=1765804202');
                background-repeat: no-repeat;
                background-size: 18px;
                background-position: 20px center;
                &::placeholder {
                    color: #000;
                }
            }
            .faq-search-button {
                padding: 19px 30px;
                border-color: #2E7D32;
                background: #2E7D32;
                color: #fff;
                border-radius: 12px;
                cursor: pointer;
                border: none;
                font-family: Sora;
                font-weight: 600;
                font-size: 16px;
                line-height: 100%;
            }
            button#faqSearchFilterBtn{
                display: flex;
                flex-direction: row;
                align-items: center;
                padding: 0px 20px;
                gap: 10px;
                width: 116.1px;
                height: 60px;
                background: #FBF9F5;
                border: 1px solid #E9EEF2;
                border-radius: 8px;
                font-family: 'Sora';
                font-style: normal;
                font-weight: 400;
                font-size: 18px;
                line-height: 100%;
                color: #000000;   
            }
            @media screen and (max-width: 749px) {
            }
        }
        .faq-wrapper {
            .faq-category {
                padding-block: 40px;
                .faq-category-heading {
                    font-size: 34px;
                    padding-bottom: 35px;
                    border-bottom: 4px solid #2F7C32;
                    color: #040911;
                }
                .accordion {
                    .acc-icon {
                        svg {
                            right: unset;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            top: 50%;
                            width: 18px;
                            height: 10px;
                            color: #2E7D32;
                        }
                    }
                    details {
                        &[open] {
                            svg {
                                transform: translate(-50%, -50%) rotate(180deg);
                            }
                        }
                    }
                }
            }
        }
        .collapsible-content__header {
            margin-bottom: 20px;
        }
    }
}

.shopify-app-block {
    padding-block: 100px;
    @media (max-width:1024px) {
        padding-block: 40px;
    }
}

.product {
    .product-description-block {
        .block__item {
            align-items: unset;
            .block__item--img {
                position: relative;
                img {
                    border-radius: 24px !important;
                    box-shadow: 3rem 3rem #FFC107;
                    width: 100%;
                    object-fit: cover;
                    @media (min-width: 1024px) {
                        min-height: 510px;
                    }
                    @media (min-width: 750px) {
                        position: sticky;
                        top: 120px;
                    }
                }
            }
            .block__item--content {
                .content-description {
                    ul {
                        li {
                            color: #4A596D;
                            list-style-position: outside;
                            p {
                                margin: 0;
                            }
                        }
                    }
                    p {
                        color: #4A596D;
                        /* font-weight: 600; */
                        font-size: 18px;
                        line-height: 160%;
                        letter-spacing: 0%;
                        text-align: left !important;
                        strong {
                            color: #4A596D;
                            font-size: 18px !important;
                            line-height: 160%;
                        }
                        span {
                            font-size: 18px !important;
                            line-height: 160%;
                        }
                    }
                }
            }
        }
    }
    .custom-wrapper {
        background: #FBF9F5;
        padding: 20px;
        border-radius: 24px;

        @media screen and (max-width: 750px) {
            padding: 18px 12px;
        }
    }
}

.shopify-policy__container {
    padding-block: 100px;
    @media (max-width:1024px) {
        padding-block: 50px;
    }
    .shopify-policy__body {
        margin-top: 50px;
        @media (max-width:1024px) {
            margin-top: 30px;
        }
    }
}

.ctm-featured-blog {
    .title-wrapper {
        flex-direction: column;
        align-items: baseline;
        p {
            margin: 0;
        }
    }
    .article-card-wrapper {
        .card__information {
            padding-inline: 14px !important;
            /* padding-bottom: 0; */
            .card__heading {
                font-size: 20px;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                overflow : hidden;
            }
        }
    }
    .blog__posts {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        @media (max-width:1024px) {
            grid-template-columns: repeat(2, 1fr);
        }
        @media (max-width:767px) {
            grid-template-columns: repeat(1, 1fr);
        }
        .blog__post {
            background: #F9F9F9;
            padding: 14px;
            border-radius: 16px;
            width: 100%;
            max-width: 100%;
            margin-left:0 !important;
            padding-inline: 0 !important;
            .article-card {
                .card__content {
                    a {
                        &.button {
                            width: 100%;
                            margin-top: 30px;
                        }
                    }
                }
            }
        }
    }
    button.loadmore {
        margin-inline: auto;
        margin-top: 30px;
    }
}

.main-blog {
    .blog-articles {
        margin-top: 30px;
        .blog-articles__article {
            border-radius: 16px;
            border: 1px solid #FFC1074D;
            padding: 14px;
            .card__inner {
                border-radius: 16px;
                overflow: hidden;
                /* .article-card__image {
                    img {
                        border-radius: 16px;
                    }
                } */
            }
            .card__content {
                a {
                    &.button {
                       margin-top: 1rem;
                    }
                }
            }
        }
    }
    .blog-short-content {
        p {
            margin: 0;
        }
    }
}

.featured-blog {
        .article-card {
            border-radius: 16px;
            border: 1px solid #FFC1074D;
            padding: 14px;
            .card__inner {
                border-radius: 16px;
                overflow: hidden;
                /* .article-card__image {
                    img {
                        border-radius: 16px;
                    }
                } */
            }
            .card__content {
                a {
                    &.button {
                       margin-top: 1rem;
                    }
                }
            }
        }
}

.product {
    .product-quickstats {
        border-radius: 24px;
        background: #FBF9F5;
        padding: 20px;
        .quick-stats-inner {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            .quickstats-box {
                width: 100%;
                @media (min-width:640px) {
                    width: calc(50% - 20px);
                }
                display: flex;
                align-items: center;
                gap: 10px;
                p,span {
                    margin: 0;
                }
                p {
                    color: #040911;
                    font-family: Sora;
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 120%;
                    letter-spacing: -1%;
                }
                span {
                    color: #4A596D;
                    font-family: Plus Jakarta Sans;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 140%;
                    letter-spacing: -1%;
                    display: block;
                    margin-top: 6px;
                }
            }
        }
    }
    variant-selects {
        .select {
            &::after {
                box-shadow: none;
                border: 1px solid #E9EEF2;
            }
        }
    }
    quantity-input {
        &::after {
            box-shadow: none;
        }
    }
}

/* .cta-banner {
    &.banner--adapt {
        min-height: 298px;
    }
} */

.product-grid {
    .card__inner {
        background: #fff !important;
    }
}
.shopify-section:has(.reputon-google-reviews-widget) {
    background: #F0EAF133;
}


body {
    &.template-getting-started {
        .banner-imagetxt {
            @media (max-width:767px) {
                .image-with-text__content {
                    padding-inline: 0 !important;
                }
            }
            .banner__buttons {
                a {
                    background-repeat: no-repeat;
                    background-size: 18px;
                    background-position: 32px center;
                    padding-left: 60px;
                    @media (max-width:1024px) {
                    background-position: 20px center;
                    padding-left: 40px;
                    }
                    &:first-child {
                        background-image: url('/cdn/shop/files/Download_b43549d5-cc38-451b-889c-42ddc09c1683.png?v=1765947961');
                    }
                    &:last-child {
                        background-image: url('/cdn/shop/files/Download_1_37cbaead-57d6-47ff-b60c-97c5be4e3b00.png?v=1765947960');
                    }
                }
            }
        }
    }
}

.feeding-grid {
    .title-wrapper-with-link {
        justify-content: center;
        margin-bottom: 1rem;
        text-align: center;
    }
    .section-content {
        text-align: center;
        p {
            margin: 0;
        }
    }
    .multicolumn-list {
        &.grid {
            justify-content: space-between;
            margin-top: 70px;
            @media (max-width:989px) {
                margin-top: 30px;
            }
            .multicolumn-list__item {
                border: 1px solid #FDE49C;
                padding: 30px 22px;
                border-radius: 20px;
                box-shadow: 40px 20px 44px 0px #00000012;
                @media (min-width:990px) {
                    width: calc(33.33% - 40px * 2 / 3);
                    max-width: calc(33.33% - 40px * 2 / 3);
                }
                @media (min-width:1366px) {
                    width: calc(33.33% - 100px * 2 / 3);
                    max-width: calc(33.33% - 100px * 2 / 3);
                }
                .multicolumn-card__info {
                    padding: 0 !important;
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    justify-content: center;
                    h3{
                        &.inline-richtext {
                            color: #2E7D32;
                            font-size: 34px;
                        }
                    }
                    .rte {
                        p {
                            margin-top: 4px;
                        }
                    }
                }
                &:first-child {
                    @media (min-width:990px) {
                    &::before {
                            content: "";
                            position: absolute;
                            background-image: url('/cdn/shop/files/Group_1.svg?v=1766043164');
                            background-repeat: no-repeat;
                            background-size: 110% 130%;
                            top: -50px;
                            right: -120px;
                            width: 160px;
                            height: 70px;
                        }
                    }   
                }
                    &:nth-child(2) {
                         @media (min-width:990px) {
                        &::before {
                            content: "";
                            position: absolute;
                            background-image: url('/cdn/shop/files/Group_2.svg?v=1766043164');
                            background-repeat: no-repeat;
                            background-size: 110% 130%;
                            bottom: -40px;
                            right: -130px;
                            width: 160px;
                            height: 70px;
                        }
                        }
                    }
        }
    }
}
&.fast-gatch-grid {
    .multicolumn-list {
        &.grid {
            .grid__item {
                width: calc(25% - 30px * 2 / 3);
                max-width: calc(25% - 30px * 2 / 3);
                box-shadow: 40px 20px 44px 0px #00000012;
            }
        }
    }
}
}

.fast-hatch-timer {
    .image-with-text__content {
        padding-block: 0 !important;
        .section-tag {
            background: #FFC107;
            border: 1px solid #FFFFFF;
            border-radius: 82px;
            padding: 16px 30px 16px 64px;
            margin-bottom: 20px;
            background-image: url('/cdn/shop/files/Group_33952.png?v=1766403014');
            background-size: 24px;
            background-repeat: no-repeat;
            background-position: 35px center;
            p {
                font-weight: 600;
                margin: 0;
            }
        }
        .image-with-text__text {
            margin-top: 1rem;
        }
        .banner__buttons {
            margin-top: 3rem;
            .button--secondary {
                background: transparent;
            }
        }
        p {
            color: rgb(var(--color-foreground));
        }
        .fast-hatch-grid {
                display: grid;
    grid-template-columns: repeat(3, 1fr);
                margin-block: 30px;
    gap: 20px;
    .grid-item {
            background: #FFFFFF33;
    padding: 23px 16px;
    border-radius: 20px;
    p {
        margin-bottom: 0;
        margin-top: 10px;
    }
    }
        }
    }
}

.fast-hatch-contactform {
    .grid {
        align-items: center;
        .grid__item {
            order: 2;
            &.rich-text__wrapper {
                order: 1;
            }
            form {
                &#ContactForm {
                    margin-top: 30px;
                    .field {
                        flex-direction: column-reverse;
                        .field__input {
                            background: #fff;
                            color: #000000;
                            padding-top: 0.8rem;
                        }
                        label {
                            position: relative;
                            inset: unset;
                            color: rgba(var(--color-foreground),1);
                            font-size: 16px;
                        }
                        &::before {
                            content: none;
                        }
                        &::after {
                            content: none;
                        }
                    }
                    .contact__fields {
                        grid-template-columns: repeat(1, 1fr);
                    }
                }
            }
        }
    }
}


.countdown-timer {
        background: #fff;
    border-radius: 10px;
    padding-block: 30px;
        text-align: center;
        padding-inline: 1rem;
        font-weight: bold;
            display: flex;
        justify-content: center;
        flex-direction: column;
        row-gap: 1rem;
        margin-top: 0;
      }
      .countdown-timer .countdown-inner {
        display:flex;
        justify-content:center;
        gap: 1rem;
        column-gap:1rem;
        align-items:center;
        flex-direction: column;
      }
      .countdown-timer .time-units-main {
        display:flex;
        gap: 2rem;
        width: 100%;
        align-items: center;
        justify-content: center;
      }
      .countdown-timer .time-colon {
        color: #040911;
        font-size: 18px;
      }
      .countdown-timer .time-units-main .label {
        text-transform: capitalize;
        font-weight: normal;
        font-size: 16px;
        padding-top: 5px;
        color: #000;
                    line-height: 120%;
            text-align: center;
            font-weight: 400;
      }
      .time-unit .number {
         display:flex;
        flex-direction:column;
        background:#2F7C32;
        padding-block:21.5px;
        border-radius: 12px;
        border: 1px solid rgb(3 46 67 / 30%);
        padding-inline: 1rem;
    }
    .time-unit {
    width: 100%;
    max-width: 130px;
}

      .time-unit div {
        line-height: 1;
        font-size: 26px;
      }
      .countdown-timer .heading h4 {
        color: #000;
      }

      @media (min-width:750px) {
          .countdown-timer .time-units-main .label {
            font-size: 18px;
      }
      }

.blog-guides {
    position: relative;
    &::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url('/cdn/shop/files/Rectangle_80_6.png?v=1765955810');
        background-repeat: no-repeat;
        background-size: contain;
        width: 344px;
        height: 516px;
        z-index: -1;
    }
    .blog__posts {
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
                @media (min-width:768px) {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
                @media (min-width:1024px) {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }
        @media (min-width:1366px) {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        }
        .blog__post {
            grid-row: span 3 !important;
            .article-card {
                flex-direction: column !important;
                background: #fff;
                .card__inner {
                    max-width: 100%;
                    aspect-ratio: 2 / 1.2;
                }
                .card__content {
                    .card__information {
                        padding-left: 0;
                        padding-top: 1.7rem;
                        .card__heading {
                            min-height: 44px;
                        }
                        a.button {
                            margin-top: 20px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width:767px) {
    /* .footer-block--menu .footer-block__details-content {
      height: 0;
      overflow: hidden;
      margin-bottom: 0;
      transition: height 0.4s ease;
    } */
}

    @media (max-width:750px) {
    
    /* Optional: for smoother animation when open */
    /* .footer-block--menu .footer-block__details-content.open {
      height: auto;
      margin-top: 2rem;
    } */
    .footer-block--menu ul {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 749px) {
    .hp-collapsible.global-faq .collapsible-content:has(.faq-tabs.open) {
        position: static;    
    }
}
body.index {
    .shopify-section.section:has(.jdgm-widget.jdgm-videos-carousel) {
        .shopify-app-block{
            padding: 0;
        }
    }
    .shopify-section.section:has(.jdgm-widget.jdgm-cards-carousel) {
        position: relative;
        &:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            background-color: #FFF6E5;
            width: 100%;
            height: 50%;
        }
        .shopify-app-block{
            padding: 0;
            .jdgm-text {
                p{
                    font-size: 14px;
                }
            }
            .jdgm-star {
                font-size: 16px;
            }
            .jdgm-reviewer-name {
                font-size: 14px;
                a {
                   font-size: 14px;                
               }
            }
        }



        .jdgm-header{
            display: none;
        }
        .jdgm-cards-wrapper {
            max-width: none;
        }

    }
}