.four-signpost-carousel .intro {
  margin-left: var(--lg-1);
  margin-bottom: var(--md-2)
}
.four-signpost-carousel__cta {
  margin-top: -3.4rem
}
.four-signpost-carousel__cta .cta--text-link {
  z-index: 3
}
.four-signpost-carousel__wrapper {
  margin-left: 1.6rem;
  margin-right: 1.6rem
}
.four-signpost-carousel__wrapper .swiper-wrapper {
  height: 44.8rem
}
.four-signpost-carousel__wrapper .swiper {
  padding-bottom: 5.2rem
}
.four-signpost-carousel__wrapper .swiper.four-signpost-slider .swiper-slide {
  max-width: 100%;
  max-height: 44.8rem
}
.four-signpost-carousel__wrapper .swiper.two-signpost-slider .swiper-slide {
  max-width: 100%;
  max-height: 44.8rem
}
.four-signpost-carousel__controls {
  bottom: 0
}
.four-signpost-carousel__controls .action-button {
  background: var(--white)
}
.four-signpost-carousel__controls .action-button:hover {
  background-color: var(--black);
  color: var(--white)
}
.four-signpost-carousel__controls .action-button.swiper-button-lock {
  opacity: 0;
}
.four-signpost-carousel__controls .action-button.swiper-button-disabled {
  background-color: rgba(0,0,0,.1)
}
.four-signpost-carousel__controls .action-button.swiper-button-disabled:hover {
  color: rgba(0,0,0,.4)
}
.four-signpost-carousel__slider-content {
  height: 100%;
  position: relative
}
.four-signpost-carousel__slider-content::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(185deg,rgba(0,0,0,0) 70.47%,rgba(0,0,0,.8) 95.34%);
  top: 0;
  left: 0
}
.four-signpost-carousel__slider-content .cta {
  position: absolute;
  bottom: var(--sm-3);
  z-index: 1;
  color: var(--white);
  padding: var(--sm-3);
  left: 5px;
}
.four-signpost-carousel__slider-content .cta.cta--text-link:focus-visible{
	outline: dashed 2px var(--white);
}
@media (min-width:768px) {
  .four-signpost-carousel .intro {
    margin-left: 0;
    margin-bottom: 0
  }
  .four-signpost-carousel__cta {
    margin-top: var(--md-4)
  }
  .four-signpost-carousel__wrapper {
    max-width: calc(1272px + (100% - 1272px)/ 2 - 104px - 16px);
    margin-right: 5px;
    margin-left: 4.8rem
  }
  .four-signpost-carousel__wrapper .swiper-wrapper {
    height: 48rem
  }
  .four-signpost-carousel__wrapper .swiper {
    padding-bottom: 0;
    padding-top: calc(4.8rem + var(--sm-2))
  }
  .four-signpost-carousel__wrapper .swiper.four-signpost-slider .swiper-slide {
    max-width: 35.6rem;
    max-height: 48rem
  }
  .four-signpost-carousel__wrapper .swiper.four-signpost-slider .swiper-slide.horizontal-slide .four-signpost-carousel__slider-content {
    height: 22.4rem
  }
  .four-signpost-carousel__wrapper .swiper.four-signpost-slider .swiper-slide.horizontal-slide .four-signpost-carousel__slider-content:first-child {
    margin-bottom: var(--sm-1)
  }
  .four-signpost-carousel__wrapper .swiper.two-signpost-slider .swiper-slide {
    max-width: 55.1rem;
    max-height: 48rem
  }

  .four-signpost-carousel__controls {
    bottom: auto;
    margin-bottom: var(--sm-2);
    top: 0;
    right: 4.8rem
  }
  .four-signpost-carousel__controls .swiper-navigation {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}
@media (min-width:992px) {
  .four-signpost-carousel__wrapper {
    margin-left: calc(4.8rem + 8.33333333%)
  }
  .four-signpost-carousel__controls {
    right: 4.8rem
  }
}
@media (min-width:1400px) {
  .four-signpost-carousel__wrapper {
    margin-left: auto
  }
  .four-signpost-carousel__controls {
    right: calc(100% - 1272px + 112px + 32px)
  }
}



/*-----------------------Text image signpost model css-----------------------------------*/
.text-signpost__model .modal-content-body{background-color: var(--theme-color);padding: var(--md-3);}










/*=============== Self serve CSS ===========================*/

body.ip3-edit .four-signpost-carousel .four-signpost-carousel__slider-content::after{content:none;}        
body.ip3-edit .four-signpost-carousel .four-signpost-carousel__wrapper .swiper-wrapper{flex-flow: wrap;}
body.ip3-edit .four-signpost-carousel__wrapper .swiper-wrapper{height:auto;}
body.ip3-edit .four-signpost-carousel__wrapper .swiper.four-signpost-slider .swiper-slide.horizontal-slide .four-signpost-carousel__slider-content{height:100%;}


/*=============== No JS CSS ===========================*/

body.nojs .four-signpost-carousel .four-signpost-carousel__slider-content::after{content:none;}        
body.nojs .four-signpost-carousel .four-signpost-carousel__wrapper .swiper-wrapper{flex-flow: wrap;}
body.nojs .four-signpost-carousel__wrapper .swiper-wrapper{height:auto;}
body.nojs .four-signpost-carousel__wrapper .swiper.four-signpost-slider .swiper-slide.horizontal-slide .four-signpost-carousel__slider-content{height:100%;}