.hero{padding:50px 0;margin:90px auto 50px;display:flex;width:950px}.hero .text{width:100%;text-align:center}.hero .text h1{font-size:60px;color:var(--primary-color);line-height:1.2}.hero .text h1 span{color:var(--secondary-color);font-family:inherit;font-weight:inherit}.hero .text p{font-size:20px;color:#686868;margin:20px auto 0}.steps{margin:0 auto 50px;display:flex;width:950px}.steps .steps_container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:250px}.steps .steps_container .card{padding:30px;background-color:#fff;box-shadow:0 0 70px rgba(0,0,0,.078);border-radius:20px;border:5px solid var(--primary-color);position:relative;&:nth-child(2){transform:translateY(90px)}&:nth-child(3){transform:translateY(180px)}}.steps .steps_container .card .arrow{position:absolute;bottom:-77px;right:-35px}.steps .steps_container .card .arrow img{width:70px;height:-moz-max-content;height:max-content}.steps .steps_container .card p{color:#686868;line-height:1.6;font-size:18px}.steps .steps_container .card .num{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-weight:700;font-size:35px;color:var(--primary-color);background-color:#d5e0ff;border-radius:10px;margin-bottom:10px}@media screen and (max-width:1200px){.hero{width:100%;padding:50px 5% 0;margin-top:50px}.steps{width:100%;padding:0 5%}}@media screen and (max-width:900px){.hero .text h1{font-size:30px}.hero .text p{font-size:16px}.steps .steps_container{grid-template-columns:repeat(1,1fr);margin-bottom:0}.steps .steps_container .card{transform:none!important}.steps .steps_container .card .arrow{right:auto;left:20px;bottom:-80px}.steps .steps_container .card .num{width:40px;height:40px;font-size:20px}.steps .steps_container .card p{font-size:16px}}