lightning-carousel:not(.lightning-carousel) .slds-carousel__panel-action {
    border: none;
}

lightning-carousel .slds-carousel__indicator-action.slds-is-active.slds-is-active {
    background: var(--dxp-g-root-contrast-1);
    border-color: var(--dxp-g-neutral);
}

lightning-carousel .slds-carousel__indicator-action.slds-is-active:hover {
    background: var(--dxp-g-root-contrast-1);
    border-color: var(--dxp-g-neutral-contrast);
}

lightning-carousel:not(.lightning-carousel) .slds-button--icon-x-small .slds-button__icon,
lightning-carousel:not(.lightning-carousel) .slds-button_icon-x-small .slds-button__icon {
    width: 1rem;
    height: 1.65rem;
}

c-fdp-primary-hero slot {
    width: 100%;
}

lightning-carousel:not(.lightning-carousel) .slds-carousel__autoplay {
    display: none;
}

lightning-carousel:not(.lightning-carousel) .slds-carousel__indicators {
    position: absolute;
    bottom: 180px;
    left:  var(--dxp-s-section-content-spacing-inline-end-mobile,20px);
    display: flex;
    gap: 0px;
}

@media (min-width: 48em) {
    lightning-carousel:not(.lightning-carousel) .slds-carousel__indicators {
        bottom: 70px;
        left:  var( --dxp-s-section-content-spacing-inline-end, 50px);
    }
}

lightning-carousel:not(.lightning-carousel) .slds-carousel__indicators .slds-is-active {
    --dxp-c-link-color-background: var(--dxp-g-root);
}

c-fdp-carousel-cms-panel c-fdp-navigation-button button {
    width: auto;
}

.slds-carousel-center-play .hideDots .slds-carousel  ul.slds-carousel__indicators {
    display: none;
}

/** Quotes component **/
.slds-carousel-center-play .slds-carousel  ul.slds-carousel__indicators{
    margin: auto;
    width: 100%;
    text-align: center;
    display:block;
    bottom: 40px;
    left: 0px;
}

.slds-carousel-center-play.orange .slds-carousel  ul.slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active{
    background-color: var(--Color-Primary-Orange, #F15D2A);
}

/** Slider Two Columns**/
.slds-carousel-bottom-play .slds-carousel  ul.slds-carousel__indicators{
    bottom: 0px;
}
.slds-carousle-hide-play .slds-carousel  ul.slds-carousel__indicators{
    display: none;
}
.slds-carousel-left-play .slds-carousel  ul.slds-carousel__indicators{
    left: 10px;
}

.f-primary-hero .slds-carousel__indicators .slds-carousel__indicator-action,
.teaser .slds-carousel__indicators .slds-carousel__indicator-action,
.slds-carousel-left-play.light .slds-carousel  ul.slds-carousel__indicators .slds-carousel__indicator-action  {
    background-color: var(--Color-Primary-White) ;
}

.f-primary-hero .slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active,
.teaser .slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active,
.slds-carousel-left-play.light .slds-carousel ul.slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active {
    background: var(--dxp-g-root-contrast-1);
    border-color: white;
  }

.f-primary-hero .slds-carousel__indicators {
    bottom: 200px;
    left: 26px;

    @media (min-width: 48em) {
            bottom: 70px;
            left: 50px;
    }
}

@media (max-width: 43.75em ) {
    .f-primary-hero .fdp-primary-button a.slds-button{
        width: auto;
    }
}


/* Image Carousel Sytles*/
.fdp-image-carousel .one-slide .slds-carousel__stage .slds-carousel__autoplay,
.fdp-image-carousel .one-slide .slds-carousel__stage .slds-carousel__indicators{
    display: none;
}
.fdp-image-carousel .one-slide .slds-carousel__stage .slds-carousel__panels{
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.fdp-image-carousel .slds-carousel__image img{
    width: var(--dxp-s-section-columns-max-width);
}


.fdp-image-carousel a:hover {
    /* the selector to override is complicated and this is easier to read adn maintain */
    text-decoration: none !important;
}

.fdp-image-carousel .slds-carousel__content {
    height: auto;
    padding-top: 30px;
    padding-bottom: 16px;
}

/* needed to copy the h5 styles because cant control the ootb markup */
.fdp-image-carousel a .slds-carousel__content-title {
    text-decoration: none;
    font-style: normal;
    font-family: var(--fdp-heading-bold);
    font-weight: normal;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: 0.05em;
    color: var(--dxp-g-root-contrast, #121212);
}

.fdp-image-carousel .slds-carousel__content p {
    color: var(--Secondary-Dark-grey, #636569);
}

.fdp-image-carousel .slds-button_icon-x-small .slds-button__icon {
    width: 1.55rem;
    height: 1.55rem;
}  

.fdp-image-carousel .slds-carousel__autoplay{
    display:none;
}

/**Slider 2 Columns **/
.slider-2-columns-hide-carousel ul.slds-carousel__indicators{
    display: none !important;
}

/** Primary Hero **/
.primary-hero-first-slide .slds-carousel__panels{
    display: block;
}
.primary-hero-first-slide ul.slds-carousel__indicators{
    display: none !important;
}


/* 
 Video Slider 2 columns
*/

.fdp-video-slider-2 .slds-carousel__autoplay {
    display: none;
}


.fdp-video-slider-2  .slds-carousel__indicators{
    align-self: flex-start;
    padding-top: 16px;
}

.fdp-video-slider-2 .fdp-video-slider-2__cta-mobile button{
    width: 100%;
}

/* Image Carousel**/
.no-action-carousel a.slds-carousel__panel-action:hover,
.no-action-carousel a.slds-carousel__panel-action:focus,
.no-action-carousel a.slds-carousel__panel-action{
    cursor: default;
    background: none;
    border:1px solid var(--slds-g-color-border-base-1,#e5e5e5);
    text-decoration: none;
    box-shadow: none;
}