﻿.phone-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
.bottom-info .all-slides .content-box .box.img-box .phone-image-gif {
    bottom: inherit;
    position: relative;
    margin: 0 auto;
}
.block-box-wrapper {
	display:flex;
	flex-direction:row-reverse;
}
.block-steps-wrapper {
	
}
.block-steps-btn.collapsed {
	height: 150px !important;
}
.block-steps-btn {
	width: 100%;
    border-radius: 10px;
    height: 50px;
	transition: height 0.5s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
	color:white;
	background-position:center !important;
	background-size: cover !important;
	font-weight:900;
	
}
.block-steps-btn:hover {
	color:white;
}
.block-steps-wrapper.card {
	padding: 1em;
    background: #F3F7FC;
	border: 1px solid #DCDCF3;
	box-sizing: border-box;
	box-shadow: -24px -24px 16px rgba(255, 255, 255, 0.25), 24px 24px 16px rgba(217, 228, 241, 0.25);
	border-radius: 5px;
	margin:2em 0em;
}
.box.description-box {
	font-family: 'Arial','Helvetica';
	-webkit-box-direction: normal;
	-webkit-box-flex: 1;
	padding: 0;
	max-width: 100%;
	margin-bottom: 15px;
	padding-right:2em;
}

.steps li {
	margin-top:10px !important;
	padding-left: 2em;
    text-indent: -2em;
}
.steps ol li:before {
    content: counter(li);
    color: white;
    display: inline-block;
    height: 30px;
    width: 30px;
    position: relative;
    left: -12px;
    #z-index: -1;
    font-size: 1em;
    background-color: #334054;
    border-radius: 15px;
    text-align: center;
    line-height: 2.2;
	text-indent:0px;
}

.steps .text li  {
	padding-left: 2em;
    text-indent: -2em;
}

.steps ol li {counter-increment: li;}

.steps ol { padding-left:15px;list-style: none; counter-reset:li}

.editor-styles-wrapper ol {
	list-style-type:none !important;;
	display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 768px) {
	.block-box-wrapper {
		flex-direction:column;
	}
	.box.description-box {
		padding-right:0px;
	}
}