.mission-hero{background:url("/assets/image/blog/hero-texture-1.webp") 0 0/cover no-repeat,linear-gradient(146deg,#fb8983 0,#8c3488 49%,#135cca 100%) 0 0/cover no-repeat}.steps-wrapper,.steps-wrapper .steps{margin-top:100px}.end-goal-wrapper .end-goal-title,.mission-wrapper,.realization-title,.steps-wrapper>p{text-align:center}.sub-p{font-size:clamp(17px, 3vw, 25px)}.mission-wrapper{padding:10rem 1rem;color:#fff;position:relative}.mission-wrapper h1{font-size:clamp(30px, 4vw, 45px)}.mission-wrapper h2{font-size:clamp(25px, 4vw, 50px);background:linear-gradient(127deg,#3a70c0 0,#ba11b2 100%);position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:70%;padding:1rem 0;border-radius:24px;border:1px solid #fff}.end-goal-sec,.steps-sec{position:relative;margin-bottom:300px}.steps-sec .leaf-left{position:absolute;bottom:-200px;right:0}.end-goal-wrapper,.steps-wrapper{padding:1rem}.steps-wrapper>p{font-size:clamp(15px, 3vw, 20px)}.steps-wrapper .steps .step{display:flex;align-items:center;gap:40px;margin-bottom:135px;position:relative}.steps-wrapper .steps .step:nth-child(2n){flex-direction:row-reverse}.steps-wrapper .steps .step h2 {font-size:clamp(12px, 3vw, 22px);font-weight:600;margin-bottom:5px}.app-purpose .purpose p,.steps-wrapper .steps .step p{font-size:clamp(10px, 3vw, 20px)}.steps-wrapper .steps .step:nth-child(2n) .icon{background:linear-gradient(181deg,#3a70c0 0,#ba11b2 100%)}.steps-wrapper .steps .step .icon{background:linear-gradient(147deg,#fb8983 15%,#1859c7 76%);width:163px;height:163px;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative}.steps-wrapper .steps .step .icon span{position:absolute;top:-15px;background:#fff;width:45px;height:45px;border-radius:1000%;display:flex;justify-content:center;align-items:center;font-size:clamp(11px, 3vw, 26px);color:var(--blue)}.steps-wrapper .steps .step .step-info{padding-right:40px}.steps-wrapper .steps .step .right-arrow-down{position:absolute;right:-95px;bottom:-100px;transform:rotate(27deg);display:none}.steps-wrapper .steps .step:first-child .right-arrow-down,.steps-wrapper .steps .step:nth-of-type(5) .left-arrow-down{display:block}.steps-wrapper .steps .step .left-arrow-down{position:absolute;bottom:-100px;left:-135px;display:none}.steps-wrapper .steps .step .right-to-left-arrow{position:absolute;bottom:-100px;right:180px}.steps-wrapper .steps .step .left-to-right-arrow{position:absolute;bottom:-100px;left:180px}.app-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin:30px 0 80px}.app-benefits .benefit .icon picture{background:var(--light-pink);width:83px;height:83px;border-radius:100%;display:flex;justify-content:center;align-items:center}.app-benefits .benefit:nth-child(odd) .icon picture{background:var(--light-blue)}.app-benefits .benefit{text-align:center;border:1px solid #e7e7e7;border-radius:21px;padding:1.5rem}.app-benefits .benefit h2{font-size:clamp(15px, 3vw, 20px);margin:25px 0}.app-benefits .benefit p{font-size:clamp(12px, 3vw, 15px)}.end-goal-sec .leaf-left{position:absolute;bottom:-300px;left:0}.app-purpose{margin-top:60px}.app-purpose .purpose{display:flex;align-items:flex-start;gap:30px;margin-bottom:35px}.app-purpose .purpose .icon{width:60px;height:60px;background:var(--blue);border-radius:100%;flex-shrink:0}.app-purpose .purpose:nth-child(odd) .icon{background:var(--pink)}.app-purpose .purpose h2{font-size:clamp(12px, 3vw, 22px);font-weight:600}.realization-wrapper{padding:5rem 1rem;margin-bottom:50px}.realization-wrapper .realization{margin-bottom:100px}.realization-wrapper .realization h2{font-size:clamp(15px, 4vw, 22px);font-weight:600}.realization-wrapper .realization ul{padding-left:2rem}.realization-wrapper .realization ul li{font-size:clamp(12px, 3vw, 20px);list-style-type:disc}@media (max-width:1430px){.steps-wrapper .steps .step .icon{width:130px;height:130px}.steps-wrapper .steps .step:first-child .right-arrow-down{display:block;width:8%;right:45px;top:75px;transform:rotate(40deg)}.steps-wrapper .steps .step:nth-of-type(5) .left-arrow-down{display:block;width:8%;left:-30px;top:95px;transform:rotate(-19deg)}}@media (max-width:1200px){.steps-sec .leaf-left{width:25%}.steps-wrapper{padding:4rem;margin-top:70px}.steps-wrapper .steps .step .icon{width:110px;height:110px}.steps-wrapper .steps .step .icon span{top:-11px;width:30px;height:30px}.steps-wrapper .steps .step .step-info{padding-right:10px}.steps-wrapper .steps .step:first-child .right-arrow-down{display:block;width:9%;right:-10px;top:75px;transform:rotate(40deg)}.steps-wrapper .steps .step:nth-of-type(2) .left-arrow-down,.steps-wrapper .steps .step:nth-of-type(3) .right-arrow-down,.steps-wrapper .steps .step:nth-of-type(4) .left-arrow-down,.steps-wrapper .steps .step:nth-of-type(5) .right-arrow-down{display:none}.steps-wrapper .steps .step:nth-of-type(5) .left-arrow-down{display:block;width:9%;left:-60px;top:95px;transform:rotate(-19deg)}.steps-wrapper .steps .step .left-to-right-arrow,.steps-wrapper .steps .step .right-to-left-arrow{display:block;width:65%}.app-benefits{gap:30px}}@media (max-width:900px){.steps-wrapper,.steps-wrapper .steps{margin-top:70px}.steps-sec{margin-bottom:165px}.steps-sec .leaf-left{width:30%}.steps-wrapper{padding:3rem}.steps-wrapper .steps .step{gap:20px;margin-bottom:70px}.steps-wrapper .steps .step .icon{width:90px;height:90px}.steps-wrapper .steps .step .icon span{top:-11px;width:30px;height:30px}.steps-wrapper .steps .step:first-child .right-arrow-down{display:block;width:11%;right:-10px;top:75px;transform:rotate(10deg)}.steps-wrapper .steps .step:nth-of-type(3) .right-arrow-down{display:block;width:10%;right:0;top:125px;transform:rotate(26deg)}.steps-wrapper .steps .step:nth-of-type(5) .right-arrow-down{display:block;width:10%;right:-3px;top:95px;transform:rotate(26deg)}.steps-wrapper .steps .step:nth-of-type(2) .left-arrow-down{display:block;width:10%;left:-40px;top:75px;transform:rotate(-19deg)}.steps-wrapper .steps .step:nth-of-type(4) .left-arrow-down{display:block;width:10%;left:-40px;top:155px;transform:rotate(-19deg)}.steps-wrapper .steps .step .left-to-right-arrow,.steps-wrapper .steps .step .right-to-left-arrow,.steps-wrapper .steps .step:nth-of-type(5) .left-arrow-down{display:none}.app-benefits{grid-template-columns:repeat(2,1fr);gap:40px}.realization-wrapper .realization picture{margin-bottom:30px;width:100%}.realization-wrapper .realization picture img{width:70%;display:block;margin:auto}}@media (max-width:700px){.steps-sec .leaf-left{width:40%}.steps-wrapper .steps .step:first-child .right-arrow-down{width:15%;top:93px}.steps-wrapper .steps .step:nth-of-type(3) .right-arrow-down{width:16%;top:135px}.steps-wrapper .steps .step:nth-of-type(5) .right-arrow-down{width:14%;top:130px}.steps-wrapper .steps .step:nth-of-type(2) .left-arrow-down{width:13%;top:106px}.steps-wrapper .steps .step:nth-of-type(4) .left-arrow-down{width:14%;top:194px}.steps-wrapper .steps .step .left-to-right-arrow,.steps-wrapper .steps .step .right-to-left-arrow,.steps-wrapper .steps .step:nth-of-type(5) .left-arrow-down{display:none}.end-goal-wrapper .end-goal-title .sec-title{padding:1rem 7rem}.app-benefits,.app-purpose .purpose{gap:20px}.app-benefits .benefit .icon picture{width:75px;height:75px}.end-goal-sec{position:relative;margin-bottom:200px}.end-goal-sec .leaf-left{bottom:-250px;width:30%}.app-purpose .purpose .icon{width:60px;height:60px}.realization-title .sec-title{padding:1rem 4rem}.realization-wrapper{margin-bottom:50px}}@media (max-width:500px){.mission-hero{background:url("/assets/image/blog/hero-texture-1-small.webp") center/cover no-repeat,linear-gradient(146deg,#fb8983 0,#8c3488 49%,#135cca 100%) center/cover no-repeat}.mission-wrapper{padding:7rem 1rem}.mission-wrapper h1 br{display:none}.mission-wrapper h2{bottom:-30px;width:85%;padding:1rem 0}.steps-sec .leaf-left{width:50%}.app-benefits,.steps-wrapper .steps .step{gap:10px}.steps-wrapper .steps .step .icon{width:75px;height:75px}.steps-wrapper .steps .step .icon span{top:-7px;width:20px;height:20px}.steps-wrapper .steps .step:first-child .right-arrow-down{width:20%;top:80px}.steps-wrapper .steps .step:nth-of-type(3) .right-arrow-down,.steps-wrapper .steps .step:nth-of-type(5) .right-arrow-down{width:20%;right:-10px;top:128px}.steps-wrapper .steps .step:nth-of-type(2) .left-arrow-down{width:16%;left:-39px;top:100px}.steps-wrapper .steps .step:nth-of-type(4) .left-arrow-down{width:19%;top:186px}.end-goal-wrapper .end-goal-title .sec-title{padding:1rem 6rem}.app-benefits .benefit .icon picture{width:60px;height:60px}.end-goal-sec .leaf-left{width:40%}.app-purpose .purpose{gap:15px}.app-purpose .purpose .icon{width:45px;height:45px}}