.stepline-wrapper{position:relative}
        .stepline{margin-top:5.2rem}
        .stepline__item{margin: -20px auto 0;position: relative;display: flex;}
        .stepline .stepline__item .stepline__item__body{padding: 2.4rem;border: 1px solid #ddebe9;border-radius: .8rem;width: calc(50% - 45px);background-color: #fff;position: relative;}
        .stepline .stepline__item .stepline__item__body:before{content: "";width: 14px;height: 14px;border: 1px solid #ddebe9;display: block;transform: rotate(45deg);border-bottom: none;border-left: none;position: absolute;right: -8px;top: 16px;background-color: #fff;}    
        .stepline .stepline__item .stepline__item__dot{display: block;position: absolute;border-radius: 50%;left: 50%;top: 21px;width: 10px;height: 10px;transform: translateX(-50%);background-color: #46877e}
        .stepline .stepline__item .stepline__item__dot:before{content: "";display: block;position: absolute;width: 30px;height: 30px;background-color: inherit;opacity: .35;top: -10px;left: -10px;border-radius: 50%;}
        .stepline .stepline__item .stepline__item__divider{height: 50%;position: absolute;width: 1px;opacity: .35;left: 50%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin-top: 15px;background-color: #46877e}
        .stepline .stepline__item-wrapper:nth-child(2n) .stepline__item {justify-content: flex-end;}        
        

        .stepline .stepline__item-wrapper:nth-child(2n) .stepline__item__body {padding: 27px 27px 28px 25px;}
        .stepline .stepline__item-wrapper:nth-child(2n) .stepline__item__body:before{transform: rotate(225deg);right: auto;left: -8px;}

        .stepline__item__body__title{margin-top: 0;margin-bottom: .8rem;font-size: 2rem;font-weight: 700;line-height:1.3}
        .stepline__item__body__description{margin: 0;line-height: 1.3;}

        .stepline .stepline__item-wrapper:last-child .stepline__item__divider {display: none;}

        @media (max-width: 1024px) {
            .stepline{margin-left: 3.2rem;}
            .stepline .stepline__item {margin: 0 0 28px 10px;}
            .stepline .stepline__item .stepline__item__body {width: 100%;padding:1.6rem;}
            .stepline .stepline__item .stepline__item__body:before {right: auto;left: -8px;transform: rotate(-135deg);}
            .stepline .stepline__item .stepline__item__dot {left: -34px;}
            .stepline .stepline__item .stepline__item__divider {height: 92%;position: absolute;width: 1px;opacity: .35;left: -34px;top: 33px;margin-top: 15px;transform: none;}
        
            .stepline .stepline__item-wrapper:nth-child(2n) .stepline__item__body {padding: 18px 19px;}   
            .stepline .stepline__item-wrapper:nth-child(2n) .stepline__item__body:before {transform: rotate(225deg);right: auto;left: -8px;}            
        }

        @media(min-width:1280px){
            .stepline{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 10 + (10 - 1) * 2.4rem);margin:5.2rem auto 0}
        }    
        
        @media(min-width:1920px){
            .stepline{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 8 + (8 - 1) * 2.4rem)}
        }