.ticker-carousel:not(.has-custom-bg) {
    background-color: #f5f5f5;
}

.components-small-and-medium .pd-text-wrap .pd-text {
    text-align: center;
    line-height: 15px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 1024px) { 
    .components-desktop.components-small-and-medium .fal.fa-chevron-right, .fal.fa-chevron-left {
        font-size: 20px;
        color: #1a1a1a;
    }
    .components-small-and-medium {
        align-items: center;
        justify-content: center;
        height: 44px;
        padding-inline: 11px;
    }
    .components-small-and-medium .slick-dotted.slick-slider {
        margin: 0;
    }
    .components-small-and-medium .slick-arrow {
        top: 50%;
        width: 44px;
        height: 44px;
    }
    .components-small-and-medium .slick-next {
        right: 0;
        background: transparent;
        width: 44px;
        opacity: 1;
    }
    .components-small-and-medium .slick-prev {
        left: 0;
        background: transparent;
        width: 44px;
        opacity: 1;
    }
    .components-small-and-medium .slick-arrow::before {
        display: none;
    }
    .components-small-and-medium .experience-region.experience-components.slick-initialized,
    .components-small-and-medium .experience-region.experience-components.slick-initialized .slick-list .slick-track
    {
        height: 44px;
    } 
    .components-small-and-medium .experience-basicElements-text, .components-small-and-medium .pd-text-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .components-small-and-medium .pd-text-wrap a {
        font-size: 12px;
    }
    
    .components-small-and-medium .pd-text-wrap .pd-text {
        padding-inline: 44px;
    }
}

@media only screen and (min-width: 1025px) {
    .components-desktop.components-small-and-medium .fal.fa-chevron-right {
        display: none;
    }
    .components-desktop.components-small-and-medium .fal.fa-chevron-left {
        display: none
    }
    .components-small-and-medium .pd-text-wrap .pd-text {
        line-height: 15px;
    }
    .components-desktop {
        display: flex;
        align-items: center;
        justify-content: space-around;
        position: relative;
        overflow: hidden;
        height: 48px;
    }
    .components-desktop.slimDesktopHeight {
        height: 36px;
    }
    .components-desktop .experience-region.experience-components {
        display: flex;
        flex-direction: row;
        /* flex-wrap: wrap; */
        justify-content: center;
        margin-left: -1px;
    }
    .components-desktop .experience-region.experience-components .experience-basicElements-text {
        flex-grow: 1;
        flex-basis: auto;
        padding: 0 2.5em;
        text-align: center;
        border-left: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
    }
    /* this will select the last child of .experience-components only if it is a div with class name .experience-basicElements-text*/
    .components-desktop .experience-components div.experience-basicElements-text:first-child {
        border: none;
    }
    .components-desktop .pd-text-wrap a {
        font-size: 12px;
    }
    .components-desktop .experience-component.experience-basicElements-text.text-four {
        padding: 0 1rem;
    }
    .components-desktop .experience-component.experience-basicElements-text.text-five {
        padding: 0 2rem;
        width: calc(100vw / 5);
    }
    .components-desktop .experience-component.experience-basicElements-text.text-four {
        padding: 0 2rem;
        width: calc(100vw / 4);
    }
    .components-desktop .experience-component.experience-basicElements-text.text-two, .components-desktop .experience-component.experience-basicElements-text.text-three {
        width: 80%;
    }
    .components-desktop .experience-region.experience-components {
        width: 100%;
    }
    
}
@media only screen and (min-width: 1440px) {
    /* four text elements case */
    .components-desktop .experience-component.experience-basicElements-text.text-four {
        padding: 0 1rem;
    }
    .components-desktop .experience-component.experience-basicElements-text.text-five {
        padding: 0 2rem;
    }
    .components-desktop .experience-region.experience-components {
        max-width: 1440px;
    }
    .components-desktop .experience-component.experience-basicElements-text.text-two, .components-desktop .experience-component.experience-basicElements-text.text-three {
        width: 392px;
        max-width: 392px;
    }
}