
#RegProcessBody
{
    margin:0;
}
/*---------------------------------------*/
.regProcessWrap
{
    width:100%;
    min-height:100vh;
    color:#414141;
    background-color:#fcdde2;
    text-align:center;
    font-family:Arial;
    box-sizing:border-box;
    padding:10vh 0;  
    display:table;  
}

.regStep
{
    width:20%;
    float:left;
    text-align:center;
    margin-left:1%;
}
.regStepCircle
{
    width:200px;
    height:200px;
    background-color:white;
    text-align:center;
    border:3px dashed #ff5572;
    border-radius:50%;
    margin:auto;
    padding:0 20px;
    box-sizing:border-box;
    transition-duration:0.5s;
    
}

    .regStepCircle:hover
    {
        transform:scale(1.1,1.1);
    }

    .regStep span
    {
        background-color:#b9eb68;
        color:white;
        width:50px;
        height:40px;
        font-weight:bold;
        font-size:20px;
        font-family:Tahoma;

        border-radius:50%;
        display:inline-block;
        padding-top:10px;
        margin-left:80px;
        margin-top:-20px;
    }


#regStep1
{
    margin-left:19%;
}

#regStep2
{
    padding-top:70px;
}


.regProcessWrap h2
{
    font-size:40px;
}

    .regProcessWrap h2 span
    {
        color:#ff5572;
    }

.regProcessWrap p
{
    color:#888888;
    font-size:15px;
}

#first-para
{
    margin-bottom:50px;
}

a
{
    color:inherit;
    border:none;
    text-decoration:none;
}

/*----------------------------------------- Tablet --------------------------------------*/
@media screen and (min-width:481px) and (max-width: 768px)
{
    .regProcessWrap
    {
		min-height:50vh;
        background-color: #fef5f6;
    }

    .regStep
    {
        width: 100%;
        margin:10px 0;
    }

   /* .regStepCircle
    {
        width:170px;
        height:170px;
    } */

    #regStep1
    {
        margin-left: 0;
    }

    #regStep2
    {
        padding-top: 0;
    }

/*.regStep span
    {
        width:40px;
        height:30px;
        font-size:15px;
    }*/

    .regProcessWrap h2
    {
        font-size: 30px;
    }

    .regProcessWrap p, h3
    {
        font-size: small;
    }

    #first-para
    {
        margin-bottom: 0;
    }

}

/*------------------------------------------- Mobile ------------------------------------*/
@media screen and (max-width: 992px)
{
    .regProcessWrap
    {
		min-height:30vh;
        background-color: #fef5f6;
    }

    .regStep
    {
        width: 100%;
        margin:4px 0;
    }

    #regStep1
    {
        margin-left: 0;
    }

    #regStep2
    {
        padding-top: 0;
    }

 /*   .regStepCircle
    {
        width: auto;
        height: auto;
        border-radius:50%;
        margin: auto;
        padding: 0;
        border: 2px dashed #ff5572;
    } */

  /*  .regStep span
    {
        width: initial;
        height: initial;
        color: initial;
        background-color:initial;
        font-size: 15px;
        display: inline;
        float: none;
        margin: 0;
    }*/

    .regStep h3
    {
        display:inline-block;
        margin-bottom:0;
    }

    .regProcessWrap h2
    {
        font-size: 20px;
    }

    .regProcessWrap p, h3
    {
        font-size: small;
    }

    #first-para
    {
        margin-bottom: 0;
    }
}