.booster-7steps{
    position: relative;
}

.booster-7steps-row-1::after {
    background-image: url(/wp-content/plugins/wpb-booster/wpb-addons/booster-7steps/img/lines-booster-7steps-right.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    height: calc(100% + 8px);
    width: 100%;
    z-index: 9;
  }

.booster-7steps-row-2::after {
    background-image: url(/wp-content/plugins/wpb-booster/wpb-addons/booster-7steps/img/lines-booster.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left;
    content: "";
    position: absolute;
    left: 0;
    top: -6px;
    height: calc(100% + 10px);
    width: 100%;
    z-index: 9;
  }

.booster-7steps-row-1, 
.booster-7steps-row-2,
.booster-7steps-row-3,
.booster-7steps-row-4 {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(33%, 33%) );
    position: relative;
}

.booster-7steps-row-3 {
  grid-template-columns: repeat( auto-fit, minmax(50%, 50%) );
}

.booster-7steps-row-2 {
    justify-content: space-around;
    grid-template-columns: repeat( auto-fit, minmax(50%, 50%) );
    flex-direction: row-reverse;
    display: flex;
}
.wpb-booster-7steps-wrapper div.booster-7steps-row-2 > div.booster-7steps-4 {
    padding: 35px 0 40px 35px;
    margin-top: 0 !important;
}
.wpb-booster-7steps-wrapper div.booster-7steps-row-2 > div.booster-7steps-5 {
    padding: 35px 0 40px 0;
}
  
.booster-7steps-row-2 .booster-7steps-3,
.booster-7steps-row-3 .booster-7steps-5,
.booster-7steps-row-4  {
    display:none;
}

div[class^="booster-7steps-"] h5 {
    color: var(--color-primary);
    font-size: 19px !important;
    margin-bottom: 13px;
    max-width: 385px;
    margin-left: auto;
    margin-right: auto;
}

.booster-7steps-row-2 > div {
  width: 50%;
}

div[class^="booster-7steps-row-"] div[class^="booster-7steps-"] {
    padding: 35px 35px 40px 35px;
    position: relative;
    /* border-top: 2px solid #000; */
    text-align: center;
    max-width: 500px;
    margin: auto;
    z-index: 10;
    margin-top: 0;
}

.booster-7steps > div {
    border-top: 2px solid #000;
  }

div[class^="booster-7steps-row-"] div[class^="booster-7steps-"]:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    color: #000;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    top: -26px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.booster-7steps-0:after{
    display:none !important;
}
div[class^="booster-7steps-row-"] div[class^="booster-7steps-1"]:after {
    content: "1";
}
div[class^="booster-7steps-row-"] div[class^="booster-7steps-2"]:after {
    content: "2";
}
div[class^="booster-7steps-row-"] div[class^="booster-7steps-3"]:after {
    content: "3";
}
div[class^="booster-7steps-row-"] div[class^="booster-7steps-4"]:after {
    content: "4";
}
div[class^="booster-7steps-row-"] div[class^="booster-7steps-5"]:after {
    content: "5";
}
div[class^="booster-7steps-row-"] div[class^="booster-7steps-6"]:after {
    content: "6";
}
div[class^="booster-7steps-row-"] div[class^="booster-7steps-7"]:after {
    content: "7";
}

div[class^="booster-7steps-"] > div {
  line-height: 28px;
}

@media(max-width: 1245px){
    .booster-7steps-row-1, 
    .booster-7steps-row-2,
    .booster-7steps-row-3 {
        grid-template-columns: repeat( auto-fit, minmax(50%, 50%) );
    }

    .booster-7steps-row-3::after {
        background-image: url(/wp-content/plugins/wpb-booster/wpb-addons/booster-7steps/img/lines-booster-7steps-right.svg);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right;
        content: "";
        position: absolute;
        right: 0;
        top: -3px;
        height: calc(100% + 8px);
        width: 100%;
        z-index: 9;
      }
      
    
    .booster-7steps-row-4 {
        grid-template-columns: repeat( auto-fit, minmax(100%, 100%) );
    }
    
    .booster-7steps-row-2 .booster-7steps-3,
    .booster-7steps-row-3 .booster-7steps-5,
    .booster-7steps-row-4  {
        display:block;
    }
    .booster-7steps-row-1 .booster-7steps-3,
    .booster-7steps-row-2 .booster-7steps-5,
    .booster-7steps-row-3 .booster-7steps-7,
    .booster-7steps-row-3 .booster-7steps-0  {
        display:none;
    }
    
}


@media(max-width: 1170px){
    div[class^="booster-7steps-row-"] div[class^="booster-7steps-"] {
      padding: 45px 35px 60px 35px;
    }

    div[class^="booster-7steps-"] > div {
      line-height: 19px;
      font-size: 14px;
    }
}

@media(max-width: 768px){
    div[class^="booster-7steps-row-"]:after{
        display:none !important;
    }
    .booster-7steps-row-2 > div {
      width: 100%;
    }
    div[class^="booster-7steps-"] > div {
      line-height: 28px;
      font-size: 18px;
    }
    .booster-7steps > div {
        border: none;
        display: block;
    }
    div[class^="booster-7steps-row-"] > div{
        border-top: 2px solid #000;
    }
    div[class^="booster-7steps-"]{
        position: relative;
    }

    .booster-7steps-1,
    .booster-7steps-row-1{
        z-index: 13 !important;
    }
    .booster-7steps-3,
    .booster-7steps-row-2 {
        z-index: 12 !important;
    }
    .booster-7steps-5,.booster-7steps-row-3 {
        z-index: 11 !important;
    }
    .booster-7steps-1:before,
    .booster-7steps-3:before,
    .booster-7steps-5:before,
    .booster-7steps-7:before{
        background-image: url(/wp-content/plugins/wpb-booster/wpb-addons/booster-7steps/img/lines-booster-7steps-right.svg);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right;
        content: "";
        position: absolute;
        right: 0;
        top: -3px;
        height: calc(100% + 8px);
        width: 100%;
        z-index: 9;
    }
    .booster-7steps-2:before,
    .booster-7steps-4:before,
    .booster-7steps-6:before{
        background-image: url(/wp-content/plugins/wpb-booster/wpb-addons/booster-7steps/img/lines-booster.svg);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left;
        content: "";
        position: absolute;
        left: 0;
        top: -6px;
        height: calc(100% + 10px);
        width: 100%;
        z-index: 9;
    }
}

/* @media(max-width: 570px){ */
@media(max-width: 768px){
    
    div[class^="booster-7steps-row-"] div[class^="booster-7steps-"] {
        padding-top: 60px;
    }

    div[class^="booster-7steps-row-"] div[class^="booster-7steps-"]::after {
        height: 35px;
        width: 35px;
        top: 11px;
    }

    .booster-7steps-1::before, .booster-7steps-3::before, .booster-7steps-5::before, .booster-7steps-7::before {
        top: -4px;
        height: calc(100% + 10px);
      }

    div[class^="booster-7steps-row-"] div[class^="booster-7steps-"] {
        padding: 40px 0 40px 0;
    }

    div[class^="booster-7steps-row-"] div[class^="booster-7steps-"]:after {
        height: 35px;
        width: 35px;
        top: -21px;
    }


    div[class^="booster-7steps-row-"] div[class^="booster-7steps-"]:before {
        display:none;
    }

    div[class^="booster-7steps-row-"] div[class^="booster-7steps-"]{
        max-width: 100%;
    }

}