/**/


.zdcb-steps-block {
    --zdcb-card-max-width:100%
  }

@media only screen and (min-width:768px) {
  .zdcb-steps-block{
    --zdcb-card-max-width: calc(50% - 1rem);
  }
}
@media only screen and (min-width:1024px) {
  .zdcb-steps-block.is-size--x2 {
    --zdcb-card-max-width: calc(50% - 1rem);
  }
  .zdcb-steps-block.is-size--x3 {
    --zdcb-card-max-width: calc(50% - 1rem);
  }
  .zdcb-steps-block.is-size--x4 {
    --zdcb-card-max-width: calc(33.33% - 1rem);
  }
}

@media (min-width:1200px) {
  .zdcb-steps-block.is-size--x2 {
    --zdcb-card-max-width: calc(50% - 2.5rem);
  }
  .zdcb-steps-block.is-size--x3 {
    --zdcb-card-max-width: calc(33.33% - 3rem);
  }
  .zdcb-steps-block.is-size--x4 {
    --zdcb-card-max-width: calc(25% - 3.5rem);
  }
}


/****************************/
.zdcb-steps-block .cards__grid{
  gap: 4rem;
}
@media(min-width:768px){
.zdcb-steps-block .cards__grid{
  gap: 1.5rem;
}
}
@media(min-width:1200px){
.zdcb-steps-block .cards__grid{
  gap: 4.45rem;
}
}
.zdcb-steps-block .cards__grid .card {
  --bs-card-border-width: 0;
    --bs-card-inner-border-radius: 0;
    --bs-card-spacer-y: .75rem;
    --bs-card-spacer-x: 0;
    --bs-card-bg: var(--bs-shades-0);
    box-shadow: none;
    min-width: var(--zdcb-card-max-width);
    max-width: var(--zdcb-card-max-width);
    text-decoration: none;
    width: var(--zdcb-card-max-width)!important;
  border-radius: 1.25rem;
  padding: 1.5rem;
  position: relative;
}
.zdcb-steps-block .cards__grid .card.cards-background-enabled {
  --bs-card-bg: var(--bs-neutral-50);
}
.zdcb-steps-block .cards__grid .card:after{
  position: absolute;
  background-image: url(../images/arrow.svg);
  content: "";
  right: 0;
  left: 0;
  bottom: -40px;
  width: 40px;
  height: 16px;
  top: auto;
  margin: 0 auto;
  rotate: 90deg;
}
@media(min-width:1200px){
.zdcb-steps-block .cards__grid .card:after{
  right: -56px;
  top: 50%;
  bottom: auto;
  left: auto;
  margin: unset;
  rotate: 0deg;
}
}
@media(max-width:1199px) and (min-width:768px){
  .zdcb-steps-block .cards__grid .card:after{
    display: none;
  }
}
.zdcb-steps-block .cards__grid .card:last-child:after{
  display: none;
}
.zdcb-steps-block .cards__grid .card .cards-item .card-img-top {
    border-radius: 50rem;
    background-color: var(--bs-neutral-50);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}
.zdcb-steps-block .cards__grid .card.cards-background-enabled .cards-item .card-img-top {
  background-color: var(--bs-shades-0);
}
.zdcb-steps-block .cards__grid .card .cards-item .card-img-top img {
  width: 32px;
  height: 32px;
}
.zdcb-steps-block .cards__grid .card .cards-item .steps{
  font-size: 1rem;
  font-weight: 500;
  color: var(--bs-primary-500);
  text-transform: uppercase;
}
.zdcb-steps-block .cards__grid .card .cards-item .card-body{
  padding: 0;
}
.zdcb-steps-block .cards__grid .card .cards-item .card-body .card-title{
  padding: 0;
  color: var(--bs-primary-900);
  font-size: 1.375rem;
  margin-top: 0.5rem;
}
.zdcb-steps-block .cards__grid .card .cards-item .card-body .card-text.cards-item__content{
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--bs-primary-900);
  display: block;
}
.zdcb-steps-block .cards__grid .card .cards-item .card-body .card-text.cards-item__content ul li{
  margin: 0.25rem 0;
}
.zdcb-steps-block .cards__grid .card .cards-item .card-body .card-text.cards-item__content ul.list-style li{
  list-style: disc;
}