.animation {
    height: 19px;
    overflow: hidden;
    color: #3069B1;
}

.animation div:first-child {
    animation: text-animation 8s infinite;
}

.animation>div>div {
    display: inline-block;
}

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

.backBtn {
    width: 1.5rem;
}

.fliter-slider {
    position: fixed;
    top: 55px;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    transition: width 0.3s ease-in-out;
    overflow: hidden;
    z-index: 1;
}

.filterActive {
    background-color: #006EA6;
    color: #fff;
    border-radius: .2rem;
}

.fliter-slider.active {
    width: 100vw;
}

.backButton {
    transform: rotate(180deg);
    width: .6rem;
}

.filterNextBtn {
    width: 0.5rem;
}

.fliter-slider-content {
    display: none;
    /* Hidden initially */
    background: white;
    height: 100%;
    width: 100%;
    padding: 20px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
}

.fliter-slider.active .fliter-slider-content {
    display: flex;
    flex-direction: column;
}
.paginationPrevBtn,.paginationNextBtn {
    border:0px!important;
    background-color: #fff!important;
}

.yellow-bg-brand-line-stories{
    background-image: url('/wp-content/themes/tally/assets/images/yellow-bg-with-brand-line-stories.svg');
} 
.blue-bg-brand-line-stories{
    background-image: url('/wp-content/themes/tally/assets/images/blue-bg-with-brand-line-stories.svg');
}
.yellow-bg-brand-line,.blue-bg-brand-line{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
} 


@keyframes text-animation {
    0% {
        margin-top: 0;
    }

    10% {
        margin-top: 0;
    }

    20% {
        margin-top: -2.6rem;
    }

    30% {
        margin-top: -2.6rem;
    }

    40% {
        margin-top: -2.6rem;
    }

    60% {
        margin-top: -2.6rem;
    }

    70% {
        margin-top: -2.6rem;
    }

    80% {
        margin-top: -2.6rem;
    }

    90% {
        margin-top: 0;
    }

    100% {
        margin-top: 0;
    }
}

.heighlightBg {
    background: url('/wp-content/themes/tally/assets/images/strories-page-heighlight-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}

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

.pagingInfo {
    font-size: 1.5rem;
}

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

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

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

.marqueeContent img {
    width: 3rem;
}

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

.heading {
    font-weight: 500;
}

.filterSelection .dropdown-menu {
    width: 18rem;
    border-radius: 0px !important;
    border: none;
}

.pageLinkActive .page-link {
    background-color: #006EA6 !important;
    color: #fff;
}

.paginationPrev,
.paginationNext {
    width: 7px;
    margin-top: -3px;
}

.page-link {
    text-decoration: none !important;
}

.page-link:focus {
    background-color: #fff !important;
    box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important;
}

#loading {
    background: url('/wp-content/themes/tally/assets/images/loader.gif') no-repeat center center;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background-size: 90px 90px;
    background-color: rgba(0, 0, 0, .75);
    z-index: 9999999;
}

.filterList .form-check-input:checked,
.filterSelection .form-check-input:checked {
    border: 2px solid !important;
    background-color: #006EA6 !important;
    border-color: #006EA6 !important;
}

.filterList .form-check-input,
.filterSelection .form-check-input {
    border: 2px solid !important;
    border-color: #006EA6 !important;
}

.filterList .form-check-input:focus,
.filterSelection .form-check-input:focus {
    box-shadow: 0 0 0 0rem #fff !important;
}

.filterList a:hover,
.filterSelection a:hover,
.filterList a:focus,
.filterSelection a:focus {
    text-decoration: none !important;
}

.filterList .form-check-input,
.filterSelection .form-check-input {
    width: 20px;
    height: 20px;
}

.slick-next {
    right: 0px !important;
}

.profileBg {
    background: url('/wp-content/themes/tally/assets/images/customer-stories-profile-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.storyContent h1,
.storyContent h2 {
    font-family: "Roboto Regular" !important;
}

.storyContent p {
    line-height: 2rem;
}

.storyContent h1 {
    margin: .67em 0;
}

.storyContent blockquote {
    background-color: #FFFAE4;
    font-size: 2rem;
    color: #006EA6;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 10rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background-image: url('/wp-content/themes/tally/assets/images/blue-quote.svg');
    background-repeat: no-repeat;
    background-position-x: 6rem;
    background-position-y: 3rem;
}

.filterSelection .dropdown-menu {
    z-index: 1;
}

@media (min-width: 280px) {
    .storiesPageBannerBg {
        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;
    }

    .storyContent blockquote {
        background-position-x: 1rem;
        background-position-y: 2rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 4rem;
        padding-right: 2rem;
        font-size: 1.6rem;
    }

    .testimonialImg {
        width: 4.5rem;
    }

    .heading {
        font-size: 1.3rem;
    }

    .bannerMobileImg {
        width: 20rem;
    }

    .videoIframe {
        height: 13rem;
    }

    .heighlightBg {
        background-position-x: -45rem;
    }

    .animation {
        height: 24px;
    }

    .freeTrialRightImg {
        width: 20rem;
    }

    .storyContent h1 {
        font-size: 32px !important;
    }

    .storyContent h2 {
        font-size: 26px !important;
    }
}

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

    .heighlightBg {
        background-position-x: -38rem;
    }
}

@media (min-width: 375px) {}

@media (min-width: 412px) {
    .testimonialImg {
        width: 6.5rem;
    }

    .videoIframe {
        height: 18rem;
    }
}

@media (min-width: 425px) {}

@media (min-width: 576px) {

    .storiesPageBannerBg {
        background-position-y: -29rem;
    }

    .bannerMobileImg {
        width: 25rem;
    }

    .testimonialImg {
        width: 8rem;
    }

    .videoIframe {
        height: 17rem;
    }

    .heighlightBg {
        background-position-x: -30rem;
    }
}

@media (min-width: 768px) {
    .storiesPageBannerBg {
        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: 44rem;

    }

    .testimonialImg {
        width: 5rem;
    }

    .bannerMobileImg {
        width: 30rem;
    }

    .animation {
        height: 54px;
    }

    .videoIframe {
        height: 23rem;
    }

    .heading {
        font-size: 2rem;
    }
}

@media (min-width: 1024px) {
    .storyContent blockquote {
        background-position-x: 2rem;
        padding-left: 5rem;
    }

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

    .storiesPageBannerBg {
        height: 52rem;
    }

    .videoIframe {
        height: 33rem;
    }

    .testimonialImg {
        width: 10rem;
    }

    .heading {
        font-size: 2rem;
    }

    .bannerRightImg {
        width: 24rem;
    }

    .heighlightBg {
        background-position-x: 0rem;
    }
}

@media (min-width: 1200px) {
    .storiesPageBannerBg {
        height: 40rem;
        background-position-y: -3rem;
    }

    .storyContent blockquote {
        padding-left: 7rem;
        padding-right: 7rem;
        background-position-x: 4rem;
    }

    .freeTrialRightImg {
        width: 26rem;
    }

    .storyContent h2 {
        font-size: 1.6rem !important;
    }

    .storyContent h1 {
        font-size: 2rem !important;
        margin: .67em 0;
    }

    .videoIframe {
        height: 27rem;
    }

    .bannerRightImg {
        width: 26rem;
    }

    .heighlightBg {
        background-position-x: 7rem;
    }

    .testimonialImg {
        width: 13rem;
    }

    .animation {
        height: 47px;
    }

    .storyContent blockquote {
        padding-left: 7rem;
        padding-right: 7rem;
        background-position-x: 3rem;
    }
}

@media (min-width: 1280px) {
    .storiesPageBannerBg {
        height: 50rem;
    }

    .videoIframe {
        height: 32rem;
    }

    .freeTrialRightImg {
        width: 30rem;
    }
}

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

    .bannerRightImg {
        width: 26rem;
    }
}

@media (min-width: 1440px) {
    .storiesPageBannerBg {
        background-position-y: -7rem;
    }

    .storyContent blockquote {
        padding-left: 7rem;
        padding-right: 7rem;
        background-position-x: 4rem;
    }


}

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


}

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

    .videoIframe {
        height: 30rem;
    }

    .animation {
        height: 3rem;
    }
}

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

@media (min-width: 1920px) {
    .storiesPageBannerBg {
        background-position-y: -11rem;
        height: 50rem;
    }

    .bannerRightImg {
        width: 34rem;
    }
}
.border-radius-10{border-radius:10px;}