.step-item{
    padding: 20px;
    border-radius: 16px;
    position: relative;
    background-color: var(--color2);
    }
    
    
    .heading-div-step {
        margin-bottom: 34px;
        gap: 12px;
    }
    .titr-step {
        font-size: 34px;
        line-height: 40px;
        color: var(--color2);
    }
    .sub-step {
        font-size: 16px;
        line-height: 32px;
        color: var(--color2);
    }
    
    .count-div{
        gap: 12px;
        align-items: center;
        margin-block: 28px 13px;
    }
    
    .counter{
        font-size: 24px;
        line-height: 30px;
        color: var(--color1);
    }
    .titr{
        font-size: 24px;
        line-height: 30.34px;
    }   
    .para{
        font-size: 16px;
        line-height: 30px;
    }
    
    .swiper-step{
        margin-bottom: 32px;
    }
    
    .sw-step .sw-btn{
        border: 1px solid #0B265030 !important;
    }
    
.little-pic{
    background: linear-gradient(162.4deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.108) 58.79%, rgba(255, 255, 255, 0.12) 91.14%);
    height: 62px;
    width: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.356);
}



    

@media (min-width:992px) {
    .icon-step-div{
        position: absolute;
        right: -22px;
        top: 50%;
        transform: translateY(-50%);
    }
    .icon-step-div i{
        transform: rotate(180deg);
        font-size: 14px;
    }
}



    
    
    
    @media (max-width:991.98px) {

        div.icon-step-div{
        display: none !important;
        }

        .step-item{
            padding: 16px;
        }
        .count-div {
            margin-block: 20px 8px;
        }
        .counter , .titr {
            font-size: 22px;
        }
  
        .para{
            text-align:left;
        }
    
        .swiper-step{
            margin-bottom: 24px;
        }
    }