body {font-family: 'Open Sans', sans-serif;color:#000;font-size:14px;margin: 0;background: url(../images/page2-bg.svg) no-repeat -306px -83px;background-size: contain;}
*, ::after, ::before {box-sizing: border-box;}
.font{font-family: 'Montserrat', sans-serif;}
.container{width:100%;max-width:1180px;margin:0 auto;padding: 0;}
.logo{width:auto;text-align:left;float:left;}
.logo img{max-height: 60px;}
.header-panel{width:100%;text-align:center;position:relative;z-index:1;float:left;padding:40px 0 10px;}
img{max-width:100%;}
.top-panel{padding:25px 0;float:left;width:100%;}
.top-panel .container{max-width: 915px;}
.content-panel{padding:45px 0 0;float:left;width:100%;}
.content-panel p{font-size:19px;margin:0 0 25px;}
.header-img{text-align:center;}
.header-tg{font-size: 25px;font-weight: 600;line-height: 1.5;}
.purple-txt{font-size: 30px;font-weight:800;color:#6f3588;}
.center-align{text-align:center;}
.hd1{font-size:24px;font-weight:700;color:#328ecd;margin: 0 0 15px;line-height: 1;}
.para1 { font-size: 21px; line-height: 1.5; padding: 0 18%;margin-bottom: 25px;}
.content-wrap1,.border-tp1{position:relative;}
.content-wrap1:before{content:'';position:absolute;background:url(../images/shape1.png) no-repeat 0 0;top:-62px;left: 136px; width: 140px;height: 245px;background-size: 140px;}
.content-wrap1:after{content:'';position:absolute;background:url(../images/shape2.png) no-repeat 0 bottom;bottom: -53px;right: 130px; width: 140px;height: 245px;background-size: 140px;}
.border-tp1:before{content:'';position:absolute;width:40%;height:1px;background:#000;top:-11px;left:0;right:0;margin:0 auto;}
.benefits-list { padding:0 18%; margin:30px 0 30px; list-style: none; display: flex; justify-content: center; }
.benefits-list li{width:25%;}
.benefits-txt { padding: 0 10%; font-size: 16px; text-align: center; display: block; line-height: 1.5; }
.content-wrap2 { margin-top: 20px; float: left; width: 100%; }
.benefits-list-3clm li{width:33.33%;position:relative;}
.benefits-list-3clm .benefits-imgs {padding: 0 19%;float: left;width: 100%;}
.benefits-list-3clm li:first-child:before{content:'';position:absolute;background:url(../images/bg2.png) no-repeat 30px 0;top:65px;width:144px;height:26px;background-size: 95px;left: 69%;}
.benefits-list-3clm li:last-child:before{content:'';position:absolute;background:url(../images/bg3.png) no-repeat 30px 0;top:65px;width:144px;height:26px;background-size: 95px;left:-76px;}
.content-sec1{position:relative;float: left;width: 100%;}
.content-sec1:before{content:'';position:absolute;background:url(../images/shape4.png) no-repeat 0 bottom;bottom:0;left: 0; width: 200px;height: 245px;background-size: 200px;}
.content-sec1:after{content:'';position:absolute;background:url(../images/shape3.png) no-repeat 0 bottom;bottom:0;right: 0; width: 120px;height: 398px;background-size: 120px;}
.header-tg2 {font-size: 60px;line-height: 1.3;letter-spacing: -1px;}
.header-tg2 span {font-size: 70px;font-weight: 700;color: #6f3588;}
.header-tg2 strong {font-weight: 800;}
span.lines {display: inline-block;width: 100%;text-align: center;margin-top: 100px;line-height: 8px;margin-bottom: 100px;}
.steps-section .content-wrap {display: flex;justify-content: center;margin-bottom: 100px;}
.content-text span img {height: 130px;}
.content-image img {width: 500px;}
.content-text span {width: 90px;position: absolute;right: 35px;top: 50%;transform: translateY(-50%);}
.content-text {position: relative;padding-right: 150px;display: inline-flex;align-items: center;}
.content-text p {text-align: right;}
.content-wrap.reverse {flex-direction: row-reverse;}
.content-wrap.reverse .content-text {padding-right: 0;padding-left: 150px;}
.content-wrap.reverse .content-text span {left: 35px;}
.content-wrap.reverse .content-text p {text-align: left;}
.content-text p:before {content: "";width: 150px;height: 150px;position: absolute;top: -69px;left: -90px;background-size: contain !important;}
.content-text p {position: relative;}
.content-text.step1 p:before {background: url(../images/step1.svg) no-repeat right bottom;}
.content-text.step2 p:before {background: url(../images/step2.svg) no-repeat right bottom;left:auto;right: -90px;}
.content-text.step3 p:before {background: url(../images/step3.svg) no-repeat right bottom;}
.content-text.step4 p:before {background: url(../images/step4.svg) no-repeat right bottom;left:auto;right: -90px;}
.content-text.step5 p:before {background: url(../images/step5.svg) no-repeat right bottom;top: -94px;left: -60px;}
.content-text.step6 p:before {background: url(../images/step6.svg) no-repeat right bottom;left:auto;right: -94px;top: auto;bottom: -70px;width: 200px;height: 200px;}
.content-text.step7 p:before {background: url(../images/step7.svg) no-repeat right bottom;top: -89px;left: -35px;}
.header-tg2 span:nth-last-child(2):after, .header-tg2 strong:after {content: "";}
.header-tg2 span:nth-last-child(2):after{position:absolute;background: url(../images/heading2-after.svg) no-repeat right bottom;}
.footer-panel {float: left; width: 100%;}
.footer-wrap {display: flex; justify-content: center; margin: 0 0 20px; float: left; width: 100%; }
.footer-wrap1 img{max-width: 160px;margin: 0 10px;}
.app-store {margin-top: 10px;}
.footer-wrap2 {display: flex; align-items: center; align-content: center; display: -webkit-flex; padding-left: 55px; }
.footer-wrap1 {text-align: center;}
.footer-txt2 {margin-right: 10px;font-size: 20px;}
.social{margin-top: 6px;}
.social img{margin:0 3px;}
.footer-txt1 {font-size: 14px;}
.header-container{position:relative;margin:0 auto;width:100%;max-width:845px;}
.header-container:before{content:'';position:absolute;background:url(../images/header-shape1.png) no-repeat 0 0;top:-18px;left:130px; width: 200px;height: 245px;background-size: 80px;}
.header-container:after{content:'';position:absolute;background:url(../images/header-shape2.png) no-repeat 0 bottom;bottom:-60px;right:-50px; width: 200px;height: 245px;background-size: 80px;}

@media only screen and (min-width:768px) and (max-width:1100px) {
.container{padding: 0 15px;}
.logo img{max-width: 160px;}
.header-div1 img {width: 160px;}

}
@media only screen and (min-width:768px) and (max-width:990px) {
.content-text.step1 p::before{background-size: 84px !important;top:-91px;left:-76px;}
.content-text.step2 p::before{right: 0;top: -148px;background-size: 73px !important;}
.content-text.step3 p::before{background-size: 75px !important;top: -142px;left: -90px;}
.content-text.step4 p::before{right: -8px;top: -150px;background-size: 75px !important;}
.content-text.step5 p::before{background-size: 85px !important;top: -120px;left: -71px;}
.content-text.step6 p::before{right: 0;background-size: 90px !important;}
.content-text.step7 p::before{background-size: 97px !important;top:-113px;left:-55px;}
.content-panel p {font-size: 16px;}
.footer-wrap2{padding-left: 35px;}
.footer-txt2{font-size: 16px;}
.footer-wrap1 img {max-width: 120px;}
.header-container::before{left: 90px;}
.header-container::after{right:-95px;}
}
@media only screen and (min-width:1024px) and (max-width:1100px) {

.content-text.step1 p::before{background-size: 97px !important;top: -85px;left: -103px;}
.content-text.step2 p::before{right: -60px;top: -92px;background-size: 95px !important;}
.content-text.step3 p::before{background-size: 97px !important;top: -85px;left: -103px;}
.content-text.step4 p::before{right:-50px;top: -92px;background-size: 95px !important;}
.content-text.step5 p::before{background-size: 97px !important;top:-112px;left:-88px;}
.content-text.step6 p::before{right:-28px;background-size: 95px !important;}
.content-text.step7 p::before{background-size: 97px !important;top:-113px;left:-80px;}
}


@media only screen and (max-width:767px){

.container{padding: 0 15px;}
.logo img{max-width: 160px;}
.top-panel {margin-bottom: 5px;}
.steps-section .content-wrap {flex-wrap: wrap;margin-bottom: 30px;}
.content-panel{padding-bottom:0;}
.content-text, .content-wrap.reverse .content-text {width: 100%;padding-right: 100px;padding: 0;padding-top: 150px;flex: 0 0 100%;display: inline-block;}
.content-image {width: 100%;margin-top: 30px;}
.content-text span {top: 0;right: auto;left: 50%;transform: translateX(-50%);}
.content-text span img {height: 100px;}
.content-text p:before {width: 90px;height: 90px;}
.content-text.step4 p:before {right: -50px;}
.content-text.step4 p:before, .content-text.step2 p:before, .content-text.step6 p:before {right: 0;}
.content-text.step1 p:before, .content-text.step3 p:before, .content-text.step5 p:before, .content-text.step7 p:before {left: 0;}
.content-text.step6 p:before {width: 80px;bottom: -10px;}
.footer-wrap{flex-wrap: wrap;margin:0;}
.footer-wrap1 {width: 100%;}
.footer-wrap2 {width: 100%;padding: 0;margin-top: 10px;}
.social img {margin: 0 1px;}
.footer-txt2 {margin-right: 5px;font-size: 13px;}
.footer-wrap1 img {max-width: 130px;}
.header-tg2 {font-size: 32px;}
.header-tg2 span {font-size: 35px;}
.header-panel{padding:0;}
span.lines{margin-bottom: 0;margin-top: 0;width: 65%;}
.header-container::before{top: -15px;left: 28px;background-size: 55px;}
.header-container::after{background-size: 50px;bottom: -26px;right: 7px;width: 50px;}
}