.icon-wrapper {
  position: absolute;
  top: 1.5rem; /* 24px */
  left: 1.5rem;
}

/* Default state (Not Active) */
.card-signposts-expandable__item .card-signposts-expandable__item-icon  {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box; /* Ensures padding included */
    border-radius: var(--radius-xxl);

}

/* Active state */
.card-signposts-expandable__item--active .card-signposts-expandable__item-icon {
  display: flex;
  width: 72px;
  height: 72px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
    border-radius: var(--radius-xxl);

}

/* Inner span icon default */
.card-signposts-expandable__item-icon .icon  {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-xxl);
   display: flex; /* Changed to flex */
  justify-content: center;
  align-items: center;
}

/* Inner span icon active */
.card-signposts-expandable__item--active .card-signposts-expandable__item-icon .icon {
  width: 52px;
  height: 52px;
  border-radius: var(--radius-xxl);
   display: flex; /* Changed to flex */
  justify-content: center;
  align-items: center;
  
}

.card-signposts-expandable__item-icon .icon  {
display: block;
  font-size: 28px;
}

/* Inner span icon active */
.card-signposts-expandable__item--active .card-signposts-expandable__item-icon .icon {
display: block;
  font-size: 52px;
  
}



.card-signposts-expandable .swiper-button-prev {
  right: 7.8rem
}
.card-signposts-expandable .swiper-button-next {
  background: var(--primary-1);
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 100%;
  left: unset
}
.card-signposts-expandable .swiper-button-next::after {
  font-size: 2.4rem;
}
.card-signposts-expandable .swiper-button-prev {
  background: var(--primary-1);
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 100%;
  left: unset;
}
.card-signposts-expandable .swiper-button-prev::after {
  font-size: 2.4rem;
}
.card-signposts-expandable .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
 background-position: center;

}
.card-signposts-expandable .swiper-slide:last-child {
  margin-right: 0
}
.card-signposts-expandable .swiper-container {
  scrollbar-width: none;
  -ms-overflow-style: none
}
.card-signposts-expandable .swiper-container::-webkit-scrollbar {
  display: none
}

/* Styles for mobile devices (max-width: 768px) */
@media screen and (max-width: 768px) {


.card-signposts-expandable__item .card-signposts-expandable__item-icon .icon {
  display: flex;
  font-size: 20px;
   height:20px;
  width:20px;
  
}

.card-signposts-expandable__item--active .card-signposts-expandable__item-icon .icon {
  display: flex;
  font-size: 28px;
  height:28px;
  width:28px;

}

.card-signposts-expandable__item--active  .card-signposts-expandable__link {
margin-bottom:0;
}

.card-signposts-expandable__item .card-signposts-expandable__item-icon {
height:40px;
width:40px;
}
.card-signposts-expandable__item--active .card-signposts-expandable__item-icon {
height:48px;
width:48px;
}


}