body{overflow-x:hidden;}
.featured-signpost-carousel .swiper {
  overflow:visible;
}



.featured-signpost-carousel .image-signpost-card__image-wrapper::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 27.63%, rgba(0, 0, 0, 0.40) 100%);
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 100%;
}

.featured-signpost-carousel .image-signpost-card .headline-lg{
line-height: inherit;
}

.image-signpost-card__image-wrapper img{width: 100%;}
.featured-signpost-carousel .image-signpost-card.active .image-signpost-card__image-wrapper img {
  height: 14.6rem;
  width: 14.6rem;
  margin-top: var(--sm-1);
  margin-left: var(--sm-1);
}
.featured-signpost-carousel .image-signpost-card.active .image-signpost-card__image-wrapper {
  transform:none;
}

.featured-signpost-carousel .image-signpost-card::after{background:none;}
.featured-signpost-carousel .image-signpost-card:focus-within::after,.featured-signpost-carousel .image-signpost-card:hover::after {
  background: none;
}
.featured-signpost-carousel .image-signpost-card::before {
  content: url("../~/media/Images/I/inchcape/Corp/signposts/featured-signpost-carousel/arrow-up"); 
  position:absolute;
  right: var(--sm-1);
  top: var(--sm-1);
  height: 144px;
  width: 150px;;
}
.featured-signpost-carousel .image-signpost-card.active .image-signpost-card__content-wrapper{
  padding-top:var(--lg-1);
}
.featured-signpost-carousel .image-signpost-card {
  position:absolute;
  top:0;
}
.featured-signpost-carousel .image-signpost-card.active {
  height: 56.8rem !important;  
} 
.featured-signpost-carousel .image-signpost-card.active  .image-signpost-card__hidden-elements{
  overflow:visible;
  max-height:56.8rem;
}
.featured-signpost-carousel .arrow-button.arrow-button--transparent {
  border-radius: 20rem;
  background: var(--base-4);
  padding: var(--sm-2);
}

.featured-signpost-carousel .arrow-button.icon-chevron-right{
  position:absolute;
  right:0;
}
.featured-signpost-carousel .config-text__desc p{
  color: var(--primary-1);
}

@media (max-width: 1199.98px) {
  .featured-signpost-carousel .image-signpost-card.active .image-signpost-card__image-wrapper img {
    height: 10rem;
    width: 10rem;
  }
  .featured-signpost-carousel .image-signpost-card::before {
    height: 5rem;
    width: 5rem;
  }
  .featured-signpost-carousel .image-signpost-card::before {
    content: url("../~/media/Images/I/inchcape/Corp/signposts/featured-signpost-carousel/arrow-up-primary-4-mobile"); 
  }
}

@media (max-width: 767.98px) {
  .image-signpost-card__image-wrapper img{
    width: 100%;
  }
  .featured-signpost-carousel .image-signpost-card.active .image-signpost-card__image-wrapper img {
    height: 19.0rem;
    width: 19.0rem;
  }
  .featured-signpost-carousel .image-signpost-card.active .image-signpost-card__content-wrapper{
    margin-top: 8.1rem;
    justify-content: center !important;
  }
  .featured-signpost-carousel .swiper-pagination-clickable{
    display: none !important;
  }
  .featured-signpost-carousel .arrow-button.icon-chevron-left{
    left: 12.7rem;
    bottom: 0.9rem;
    position: relative;
  }
  .featured-signpost-carousel .arrow-button.icon-chevron-right{
    left: 5.7rem;
    bottom: 1.1rem;
    position: relative;
  }
  .featured-signpost-carousel .carousel-lines span{
    width: 0;
    height: 0;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--xs-1);
  }
  .featured-signpost-carousel .swiper-pagination-fraction{
    left: -10px;
    position: relative;
  }
}

@media (max-width: 1024px) {

  .featured-signpost-carousel .swiper {
    overflow:hidden;
  }
  .featured-signpost-carousel .swiper-wrapper{height:49.9rem !important;} 

  .featured-signpost-carousel .image-signpost-card.active{
    height: 44.9rem !important;
  }
  .featured-signpost-carousel .image-signpost-card{
    min-height: 47rem;
  } 
}

@media (min-width: 1600px) {

  .featured-signpost-carousel::before{
    content: url("../~/media/Images/I/inchcape/Corp/signposts/featured-signpost-carousel/gray-background-image"); 
    position: absolute;
    right: 0;
    top: -93px;
    z-index: -1;

  }
}
@media (min-width: 992px) and (max-width: 1024px){
  .featured-signpost-carousel .arrow-button.icon-chevron-left{
    position:absolute;
    left: 1.3rem;
    bottom:0;
  }

}
@media (min-width: 768px) and (max-width: 1024px){
  .featured-signpost-carousel .arrow-button.icon-chevron-right{
    bottom: 0;
    right: 0;
  }
  .featured-signpost-carousel .arrow-button.icon-chevron-left{
    position:absolute;
    left: 0;
    bottom:0;
  }
  .featured-signpost-carousel  .swiper-pagination-bullets.swiper-pagination-horizontal{
    margin-bottom: var(--sm-3);
  }
  .featured-signpost-carousel .image-signpost-card{
    min-height: 30rem;
  }
  .featured-signpost-carousel .image-signpost-card.active .image-signpost-card__content-wrapper{
    justify-content: flex-end !important;
  }
  .featured-signpost-carousel .image-signpost-card.active{
    height: 49.9rem !important;

  }
}
@media(min-width: 1024px) and (max-width: 1400px) {
  .featured-signpost-carousel .arrow-button.icon-chevron-left{
    left: 0rem; 
    position: absolute;
  }
  .featured-signpost-carousel .arrow-button.icon-chevron-right{
    right: 0;

  }
  .featured-signpost-carousel::before{
    content: url("../~/media/Images/I/inchcape/Corp/signposts/featured-signpost-carousel/gray-background-image"); 
    position: absolute;
    z-index: -1;
    right: -38.0rem;
    top: -23.1rem;
  }
  .featured-signpost-carousel .image-signpost-card.active{
  height: 49.9rem !important;
  }
 .featured-signpost-carousel .carousel-navigation{
 margin-top: var(--lg-2);
 }
}
@media (min-width: 1400px) {
  .featured-signpost-carousel .arrow-button.icon-chevron-left{
    left: -58.7rem;
    position: relative;
  }
}
@media (min-width: 1125px) and (max-width: 1180px) and (orientation: landscape) {
 .featured-signpost-carousel .carousel-navigation{
 margin-top: 20rem;
 }
}

@media (min-width: 1200px) {
#why-join-us .component-title {
max-width: 700px;
}
}
