.Stack{
    padding: 0 0 100px 0;
    .headingOfSection{
        display: inline-block;
        position: relative;
        margin-bottom: 50px;
        .heading_overly{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            span{
                font-size: 21px;
                font-weight: 600;
                color: $primaryColor;
            }
        }
    }
    .stack_wrapper{
        position: relative;
        border-top:1px solid #cac9c9;
        margin-top: 40px;
        &::before {
            position: absolute;
            content: '';
            width: 15px;
            height: 15px;
            border-radius: 100%;
            background: #ffffff;
            border: 1px solid #5f5f5f;
            z-index: 1;
            left: 0;
            top: -7.5px;
        }
        &::after {
            position: absolute;
            content: '';
            width: 15px;
            height: 15px;
            border-radius: 100%;
            background: #ffffff;
            border: 1px solid #5f5f5f;
            z-index: 1;
            right: 0;
            top: -7.5px;
        }
          .stack_wrap{
              position: relative;
             &::before {
                position: absolute;
                content: '';
                left: 50%;
                transform: translateX(-50%);
                transition: all 0.3s ease 0s;
                background: $primaryColor;
                width: 15px;
                height: 15px;
                border-radius: 100%;
                top: -7.5px;
                z-index: 1;
            }
            &::after {
                position: absolute;
                content: '';
                left: 50%;
                transform: translateX(-50%);
                transition: all 0.3s ease 0s;
                top: 0;
                width: 1px;
                background: #bdbdbd;
                height: 100px;
                z-index: -11;
            }
            .item{
                padding-top: 100px;
                .image_area{
                    text-align: center;
                    width: 80px;
                    height: 80px;
                    color: #ffffff;
                    margin: 0 auto;
                    border-radius: 50%;
                    background-image: linear-gradient(250deg, #4e95ed 0%, #03228f 100%);
                    animation: rotat 4.3s infinite linear;
                    -webkit-animation: rotat 4.3s infinite linear;
                    i{
                        line-height: 80px;
                        font-size: 50px;
                        animation: rotat 18s infinite linear;
                    }

                }
                .text_area{
                    text-align: center;
                    h4{
                        font-size: 24px;
                        font-weight: 600;
                        color: $black;
                        padding-top: 25px;
                    }
                    p{
                        font-size: 15px;
                        font-weight: 400;
                        color: $text;
                        line-height: 25px;
                        text-align: justify;
                        padding: 15px 0;
                    }
                }
            }
          }
    }
}


@keyframes rotat{
    from {
        -webkit-transform: rotate(0deg);
}
to {
        -webkit-transform: rotate(359deg);
}
}