.brandLineBg {
    background: url('/wp-content/themes/tally/assets/images/blue-brand-line.svg');
    background-repeat: no-repeat;
    background-position: right center;
}

.slick-dots {
    display: none !important;
}

#idScrollContainer {
    position: relative;
    overflow-y: auto;
    /* Ensure parent can scroll */
}

.filterSelection {
    display: none;
}

.prevBtn {
    transform: rotate(180deg);
}

.pagingInfo {
    font-size: 1.5rem;
}

.toggle-image {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.toggle-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.accordionActive {
    background-color: #dcf2fb;
}

.border-1px-grey {
    border: 1px solid #EBECF0;
}

.border-5px {
    border-radius: 5px;
}

.border-12px {
    border-radius: 12px;
}

.font-14px {
    font-size: 14px;
}



.border-5rem {
    border-radius: 5rem;
}

.fetauresLi {
    font-size: 1rem;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.marqueeContent {
    box-shadow: 2px 4px rgb(242 242 242);
}

.fetauresCheckCircle {
    background: url('/wp-content/themes/tally/assets/images/oval-circle-with-tick-mark.svg') no-repeat left 4px;
    padding-left: 40px;
    background-size: 36px;
}

.underLineImg {
    background: url('/wp-content/themes/tally/assets/images/yellow-underline-img.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.border-1px-white,
.border-1px-white:hover {
    border: 1px solid #FFFFFF;
}

.slick-prev,
.slick-next {
    display: none !important;
}

.form-select:focus {
    border-color: #fff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .0rem rgba(13, 110, 253, .25) !important;
}

.doMoreSectionImg {
    width: 12rem;
}
.bg-img{
    background: url(/wp-content/themes/tally/assets/images/bg-img.svg);
    background-position-y: -45px;
    background-size: cover;
}

@media (min-width: 280px) {

    .brandLineBg {
        background-size: 24rem;
        background-position-y: 9rem;
    }

    .bannerCheckCircle {
        height: auto;
    }

    .primePageBannerBg {
        background: url('/wp-content/themes/tally/assets/images/mobile-banner-bg-prime-page.svg');
        background-repeat: no-repeat;
        background-position-y: -8rem;
        background-size: cover;
    }

    .bannerRightImg {
        width: 18rem;
    }

    .underLineImg {
        height: 2.5rem;
        background-position-y: 1.8rem;
    }

    .testimonialImg {
        width: 4.5rem;
    }

    .productImages {
        width: 18rem;
    }
}

@media (min-width: 320px) {
    .testimonialImg {
        width: 5.5rem;
    }
    .fetauresCheckCircle {
        height: auto;
    }

    .bannerRightImg {
        width: 18rem;
    }
}

@media (min-width: 375px) {
    .bannerRightImg {
        width: 21.5rem;
    }
}

@media (min-width: 412px) {
    .productImages {
        width: 22rem;
    }

    .bannerRightImg {
        width: 25rem;
    }

    .testimonialImg {
        width: 6.5rem;
    }

    .bannerRightImg {
        width: 24rem;
    }
}


@media (min-width: 576px) {
    .brandLineBg {
        background-size: 24rem;
        background-position-y: 8rem;
    }

    .bannerRightImg {
        width: 32rem;
    }

    .primePageBannerBg {
        background-position-y: -20rem;
    }

    .productImages {
        width: 28rem;
    }

    .testimonialImg {
        width: 8rem;
    }
    .fetauresCheckCircle {
        height: auto;
    }
}

@media (min-width: 768px) {
    .brandLineBg {
        background-size: 18rem;
        background-position-y: 6rem;
    }

    .primePageBannerBg {
        background: url('/wp-content/themes/tally/assets/images/prime-page-bg-image.svg');
        background-repeat: no-repeat;
        background-position-y: -8rem;
        background-size: cover;
        height: 52rem;
    }

    .bannerRightImg {
        /*position: absolute;
        right: 0;*/
        width: 30rem;
    }

    .testimonialImg {
        width: 5rem;
    }

}

@media (min-width: 1024px) {
    .leftSection {
        height: 30rem;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .leftSection::-webkit-scrollbar {
        display: none;
    }

    .testimonialImg {
        width: 10rem;
    }

    .vh-60 {
        height: 60vh !important;
    }
    .vh-95 {
        height: 95vh !important;
    }
    

    .underLineImg {
        height: 3rem;
        background-position-y: 2.4rem;
    }

    .vh-55 {
        height: 60vh !important;
    }

    .primePageBannerBg {
        height: 35rem;
        background-position-y: 0rem;
    }

    .brandLineBg {
        background-size: 22rem;
        background-position-y: 4rem;
    }
}

@media (min-width: 1200px) {
    .brandLineBg {
        background-position-y: 4rem;
    }
    .vh-75 {
        height: 75vh !important;
    }
    .vh-80 {
        height: 80vh !important;
    }
    .primePageBannerBg {
        height: 39rem;
        background-position-y: -3rem;
    }

    .leftSection {
        height: 20rem;
    }

    .testimonialImg {
        width: 13rem;
    }

    .bannerRightImg {
        width: 32rem;
    }
}

@media (min-width: 1366px) {
    .primePageBannerBg {
        background-position-y: -5rem;
    }

    .brandLineBg {
        background-position-y: 2rem;
    }
}

@media (min-width: 1440px) {
    .bannerRightImg {
        width: 42rem;
    }
    .vh-70 {
        height: 70vh !important;
    }

    .primePageBannerBg {
        background-position-y: -7rem;
    }
}

@media (min-width: 1536px) {
    .brandLineBg {
        background-position-y: 1rem;
    }

    .primePageBannerBg {
        background-position-y: -10rem;
    }
}

@media (min-width: 1600px) {
    .primePageBannerBg {
        background-position-y: -12rem;
    }
}

@media (min-width: 1680px) {
    .primePageBannerBg {
        background-position-y: -15rem;
    }
}

@media (min-width: 1920px) {
    .brandLineBg {
        background-size: 28rem;
        background-position-x: 76rem;
    }

    .primePageBannerBg {
        background-position-y: -11rem;
        height: 50rem;
    }

    .productImages {
        width: 38rem;
    }

    .bannerRightImg {
        right: 0;
        width: 54rem;
    }

    .brandLineBg {
        background-size: 28rem;
        background-position-y: 1rem;
    }

    .underLineImg {
        height: 3.2rem;
        background-position-y: 2.5rem;
    }

    .leftSection {
        height: 24rem;
    }
}

@media (min-width: 2560px) {
    .primePageBannerBg {
        background-position-y: -32rem;
    }
}