.roadmap-main{margin:20px 53px}.roadmap-main .page-item-sup{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}.roadmap-main .page-item-sup .nav-page-sup{cursor:pointer;width:100%;display:flex;justify-content:space-between;gap:20px;background:none;align-items:center;padding:34px 24px;border:2px solid rgba(179,222,255,.4901960784);border-radius:32px;box-shadow:0 2px rgba(179,222,255,.4901960784);margin-bottom:10px;transition:.2s}.roadmap-main .page-item-sup .nav-page-sup:hover{background:#4267cd;box-shadow:0 2px #4267cd;border:2px solid #4267cd}.roadmap-main .page-item-sup .nav-page-sup:hover p{color:#fff}.roadmap-main .page-item-sup .nav-page-sup p{font-size:18px;font-weight:700;line-height:22px;margin-bottom:0;color:#3f4254}.roadmap-main .page-item-sup .nav-page-sup .box-img-next{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(179,222,255,.4901960784);flex-shrink:0}@media(max-width:768px){.roadmap-main{margin:10px 22px}.roadmap-main .page-item-sup .nav-page-sup p{font-size:16px}}@media(max-width:576px){.roadmap-main{margin:10px 12px}.roadmap-main .page-item-sup{display:block}}@media(max-width:500px){.roadmap-main{margin:10px 12px;padding-bottom:80px}.roadmap-main h3{margin:20px 0}.roadmap-main .page-item-sup .nav-page-sup{margin-bottom:15px;padding:24px}.roadmap-main .page-item-sup .nav-page-sup p{font-size:16px;font-weight:600}}