.affcard
 {
     margin: auto;
    max-width: 700px;
 	/* height: 200px; */
 	border: 1px solid #eee;
 	/* width: 100px;
 	height: 200px; */
 	/* border: 1px solid #bbb; */
 	/* background-color: red; */
    box-shadow: 0px 1px 6px #ddd;
    border-radius: 10px;
    text-align: center;
    /* margin-right: 20px; */
 }

.affcard_head
{
    font-size: 50px;
    font-weight: bold;
    color: #E37E7B;
    margin-top: 20px;
    /* margin-bottom: 20px; */
}

.ab_row1
{
    text-align: center;
    margin-top: 30px;
}

.affcard_body
{
    text-align: center;
}

.abr_left
{
    width: 30%;
}

.abr_mid
{
    width: 10%;
}

.step-item
{
    /* width: 30%; */
    width: 300px;
}

.step-content-wrapper
{
    /* width: 300px; */
}

 .step {
 	position:relative;
 	list-style:none;
 	display:-ms-flexbox;
 	display:flex;
 	-ms-flex-wrap:wrap;
 	flex-wrap:wrap;
 	padding-left:0;
 	margin-right:calc(1.5rem / -2);
 	margin-left:calc(1.5rem / -2)
 }


dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

*, ::after, ::before {
    box-sizing: border-box;
}

ul, menu, dir {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 40px;
}

::selection {
color: #377dff;
background-color: rgba(55,125,255,.1);
}

li {
text-align: match-parent;
}

.step-md .step-icon {
margin-bottom: 1rem;
}

.step-icon-lg .step-icon, .step-icon-lg.step-icon {
font-size: 1.25rem;
width: 5.5rem;
height: 5.5rem;
}

.step .step-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 600;
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 1rem;
}

.step-icon-soft-primary {
color: #E07E7B;
background-color: #F5DDDB;
/* font-size: 24rem; */
}

.step-md .step-icon.step-icon-lg::after, .step-md.step-icon-lg .step-icon::after {
top: 2.75rem;
left: 7rem;
width: calc(100% - 7rem);
}

.step-md .step-icon::after {
top: 1.5625rem;
left: 4.625rem;
width: calc(100% - 4.625rem);
height: 1.625rem;
border-top: .125rem solid rgba(33,50,91,.1);
border-left: none;
}

/* .step-icon-lg .step-icon::after, .step-icon-lg.step-icon::after {
top: 6.25rem;
left: 2.6875rem;
width: 1.625rem;
height: calc(100% - 4.75rem);
} */

/* .step .step-icon::after {
position: absolute;
top: 3.875rem;
left: 1.5625rem;
height: calc(100% - 2.375rem);
border-left: .125rem solid rgba(33,50,91,.1);
content: "";
} */

::selection {
color: #377dff;
background-color: rgba(55,125,255,.1);
}

li {
text-align: match-parent;
}

.step {
list-style: none;
}

.step .step-content {
-ms-flex: 1;
flex: 1;
}