body,html {
    overflow-x:hidden; 
}
.for-mob {
    margin-top: 30px;
}
.for-mob img {
    max-width: 100%;
    vertical-align: top;
}
.banner-section {
    margin-top: 81px;
    position: relative;
}
.banner-cation:before {
    content: '';
    position: absolute;
    border-bottom: 28px solid #01ad01;
    border-right: 455px solid transparent;
    top: -28px;
    left: 0;
}
.banner-cation:after {
    content: '';
    position: absolute;
    border-bottom: 296px solid transparent;
    border-left: 30px solid #01ad01;
    right: -28px;
    top: 0;
}
.banner-cation p:after {
    content: '';
    position: absolute;
    border-top: 50px solid #01ad01;
    border-right: 455px solid transparent;
    bottom: -70px;
    left: -30px;
}
.banner-section-left img {
    display: none;
}
.banner-cation h1 {
    margin: 0 0 18px;
    font-size: 30px;
    font-family: 'exo_2bold';
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
}
.banner-cation {
    background-color: #01ad01;
    width: 455px;
    padding: 20px 30px;
    text-align: left;
    position: relative;
    filter: drop-shadow(rgb(45, 29, 29) 10px 10px 0);
    -webkit-filter: drop-shadow(rgb(45, 29, 29) 10px 10px 0);
}
.banner-section-left {
    display: flex;
    align-items: center;
}
.banner-inner-area {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 0;
    display: flex;
    justify-content: space-between;
    min-height: 700px;
    position: relative;
    background-image: url(../images/medical-marijuana-app-flow/banner-bg.jpg);
    background-size: cover;
    background-position: right center;
}
.banner-section-right {
    display: flex;
    align-items: flex-end;
}
.banner-section-right img {
    margin-bottom: -70px;
}
.banner-cation h1 strong {
    margin: 5px 0 0;
    padding: 0px;
    font-family: 'Exo 2', sans-serif;
    font-size: 20px;
    font-style: normal;
    display: block;
}
.banner-cation b {
    margin: 0 0 15px;
    padding: 0px;
    font-size: 18px;
    color: #ffee00;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
    font-family: 'Exo 2', sans-serif;
    margin-bottom: 18px;
    display: block;
}
.banner-cation p {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
}
/*****************************/
.app-flow-part {
    width:100%;
    float:left;
    position:relative;
    z-index:1;
    margin-top:0;
    margin-bottom:50px;
    padding-top:50px;
}
.app-flow-part .app-flow-part-inner {
    width:1360px;
    max-width:100%;
    padding:0 30px;
    margin:0 auto;
    text-align:center;
}
.app-flow-part .app-flow-part-inner h3 {
    font-weight:600;
    color:#7eb510;
    padding-bottom:24px;
    position:relative;
    margin-bottom:25px;
    font-size:30px;
}
.app-flow-part .app-flow-part-inner h3 ~ p {
    margin-bottom:45px;
}
.app-flow-part .app-flow-part-inner h3:after {
    content: '';
    width: 34px;
    height: 4px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -17px;
}
.app-types-part {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.app-types-part.first {
    margin-top: 100px;
}
.app-types-part-inner {
    max-width: 1366px;
    padding: 0 15px;
    margin: 0 auto;
}
.app-types-part ul {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: normal;
}
.app-types-part ul li {
    text-align: center;
    display: inline-block;
    width: 446.5px;
    position: relative;
}
[class*="overview-section-"] img,.flow-guide-section ul li > img {
    width: 335px;
    padding: 30px 0 10px 0;
}
.app-types-part ul li > img {width: 335px;padding: 30px 0 10px 0;}
.app-types-part ul li strong {
    font-size: 22px;
    display: block;
    color: #151515;
    margin: 40px 0 0 0;
}
.app-types-part ul li p {
    padding: 0 60px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.app-types-part .left-arrow-shape {
    margin-bottom: -50px;
}
.app-types-part .right-arrow-shape {
    margin-top: 50px;
    float: right;
}
.app-types-part h3 {
    font-weight: 600;
    color: #7eb510;
    padding-bottom: 24px;
    position: relative;
    margin-bottom: 45px;
    text-align: center;
    font-size: 40px;
}
.app-types-part h3:after {
    content: '';
    width: 34px;
    height: 4px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -17px;
}
.app-types-part.first h2 {
    font-weight: 600;
    color: #7eb510;
    padding-bottom: 24px;
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    font-size: 40px;
}
h2 ~ p {
    margin-bottom: 45px;
}
.app-types-part.first h2:after {
    content: '';
    width: 34px;
    height: 4px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -17px;
}
.app-types-part h3 {
    font-weight: 600;
    color: #7eb510;
    padding-bottom: 24px;
    position: relative;
    margin-bottom: 5px;
    text-align: center;
    font-size: 30px;
}
.app-types-part h3:after {
    content: '';
    width: 34px;
    height: 4px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -17px;
}
/*************************overview-section stylesheet start***************************/
.overview-section {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.overview-section-inner-part {
    width: 1360px;
    max-width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.overview-section h3 {
    font-weight: 600;
    color: #7eb510;
    font-size: 30px;
    position: relative;
    margin-bottom: 25px;
}
.overview-section p {
    font-size: 15px;
    color: #747474;
    line-height: 21.4px;
    font-weight: normal;
}
.overview-section .overview-section-left-part {
    width: 520px;
    background-image:none /*url(../images/food-apps-graphical-flow/big-triangle.png)*/;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 663px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.overview-section .overview-section-right-part {
    width: 780px;
    text-align: left;   
}
.overview-section .overview-section-left-part img {
    margin-right: 30px;
}

.overview-section.style2 .overview-section-left-part {
    background-image: none;
}
.overview-section.style2 .overview-section-inner-part {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*****************sitemap section stylesheet***************************/
.sitemap-section {
    width: 100%;
    float: left;
}
.sitemap-section-inner {
    width: 1360px;
    max-width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    position: relative;
}
.step-point {
    position: absolute;
    font-size: 18px;
    color: #12133d;
    line-height: 38px;
}
.step-point.step1 {
    left: 12.5%;
    top: 30.8%;
    width: 220px;
}
.step-point.step2 {
    left: 37.2%;
    top: 17%;
    width: 300px;
}
.step-point.step3 {
    left: 67%;
    width: 300px;
    top: 5%;
}
/**************************flow guide section stylesheet*************************/
.flow-guide-section {
    width: 100%;
    float: left;
    padding-top: 50px;
    margin-bottom: 50px;
}
.flow-guide-section h3 {
    font-weight: 600;
    color: #7eb510;
    padding-bottom: 24px;
    position: relative;
    margin-bottom: 5px;
    text-align: center;
    font-size: 30px;
}
h3 ~ p{
    max-width: unset !important;
}
.flow-guide-section h3:after {
    content: '';
    width: 34px;
    height: 4px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -17px;
}
.flow-guide-section-inner {
    width: 1360px;
    max-width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}
.flow-guide-section ul li {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.flow-guide-section ul {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
p {
    position: relative;
}
.flow-guide-section ul:last-child {
    margin-bottom: 30px;
}
.flow-guide-section .screen-name {
    display: block;
    padding: 5px 0;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    margin-top: 0;
    margin-bottom: 6px;
}
ul.listing {
    padding-left: 20px;
}
.flow-guide-section p {
    max-width: 375px;
}
.after-vertical-line:after {
    background-image: url(../images/food-apps-graphical-flow/dot.png);
    content: '';
    position: absolute;
    bottom: -9px;
    width: 3px;
    height: 9px;
}
.after-vertical-line1:after {
    background-image: url(../images/food-apps-graphical-flow/dot.png);
    content: '';
    position: absolute;
    bottom: -36px;
    width: 3px;
    height: 36px;
}
.flow-guide-section .screen-name.left-turn1:after {
    background-image: url(../images/food-apps-graphical-flow/turning-left.png);
    content: '';
    position: absolute;
    bottom: -25px;
    width: 21px;
    height: 19px;
    left: 50%;
    margin-left: -18px;
}
.after-vertical-line:before,.after-vertical-line1:before {
    content: '';
    width: 50px;
    height: 3px;
    position: absolute;
    background-image: url(../images/food-apps-graphical-flow/hldot.png);
    bottom: -23px;
    right: 55%;
}
.flow-guide-section p.left-turn2:after {
    background-image: url(../images/food-apps-graphical-flow/turning-left.png);
    content: '';
    position: absolute;
    bottom: -75px;
    width: 21px;
    height: 19px;
    left: 50%;
    margin-left: -18px;
}
.after-vertical-line.half-line:before {
    width: 457px;
}
.after-vertical-line1.full-line:before {
    width: 854px;
    bottom: -52px;
}
.top-right-turn2:after{
    background-image: url(../images/food-apps-graphical-flow/turning-right.png);
    content: '';
    position: absolute;
    top: -33px;
    width: 21px;
    height: 19px;
    left: 58%;
    margin-left: -18px;
}

.before-vertical-line:before {
    background-image: url(../images/food-apps-graphical-flow/dot.png);
    content: '';
    position: absolute;
    top: -11px;
    width: 3px;
    height: 40px;
    left:54.2%;
}
.vline-before:before {
    background-image: url(../images/food-apps-graphical-flow/dot.png);
    content: '';
    width: 3px;
    height: 76px;
    position: absolute;
    top: -48px;
    left: 40%;
}
.vline-before:after {
    background-image: url(../images/food-apps-graphical-flow/turning-right.png);
    content: '';
    position: absolute;
    top: -62px;
    width: 21px;
    height: 19px;
    left: 44%;
    margin-left: -18px;
}
/************************right align overview stylesheet**************************/
.overview-section.rtl .overview-section-inner-part {
    flex-direction: row-reverse;
}
.overview-section.rtl .overview-section-left-part {
    background-position: right center;
    background-image:/* url(../images/food-apps-graphical-flow/big-triangle-left.png)*/none;
    justify-content: flex-end;
    
}



.row-before:after {
    width: 100%;
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.middle-color:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    z-index: -1;
    top: -200px;
    left: 0;
}
.middle-color-bottom:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    z-index: -1;
    bottom: -200px;
    left: 0;
}
.middle-color-bottom-decrease:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 105px;
    z-index: -1;
    bottom: -105px;
    left: 0;
}
.middle-color.gray-color:before,
.row-before.gray-color:after,
.middle-color-bottom.gray-color:before,
.middle-color-bottom-decrease.gray-color:before {
    background-color: #ddd;
}
.middle-color.blue-color:before,
.row-before.blue-color:after,
.middle-color-bottom.blue-color:before,
.middle-color-bottom-decrease.blue-color:before {
    background-color: #EDEDFB;
}
.middle-color.red-color:before,
.row-before.red-color:after,
.middle-color-bottom.red-color:before,
.middle-color-bottom-decrease.red-color:before {
    background-color: #F7E7E7;
}




.gray-color-bg {
    background-color: #ddd; 
}
.blue-color-bg {
    background-color: #EDEDFB;
}
.red-color-bg {
    background-color: #F7E7E7;
}

.user-flow-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ddd;
    left: 0;
    top: 0;
    z-index: -1;
}
.user-flow-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    bottom: -200px;
    background-color: #ddd;
}
.hidden_ {
    opacity: 0;
    pointer-events: none;

}
.mb0 {
    margin-bottom: 0;
}
.app-types-part ul.listing {
    display: block;
    list-style: disc;
    padding: 0 40px 0 60px;
}
.app-types-part ul.listing li {
    text-align: left;
    width: auto;
    margin-bottom: 15px;
    display: list-item;
}
.flow-images {
    text-align: center;
}
.flow-images img {
    max-width: 100%;
    vertical-align: top;
}