.layout {
    display: flex;
    min-height: 100vh;
}

nav {
    width: 280px;
    padding: 0rem 1rem;
    position: sticky;
    top: 0;
    overflow-y: auto;
}

.how_we_work nav {
    width: 35%;
    padding: 0;
}

.how_we_work main {
    padding: 0 60px 0 0;
}

.banner-blue {
    background: #3176FF;
    border-radius: 16px;
    padding: 48px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner-blue .sub-title {
    font-size: 17px;
    font-family: sfUiDisplay;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: var(--white-color);
    margin-bottom: 0;
    position: relative;
    z-index: 3;
}

.sub-title h3 {
    padding: 20px 0 10px;
}

nav h2 {
    font-size: 1rem;
    margin-bottom: 1rem;
}
nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
nav li {
    margin-bottom: 0.5rem;
}
nav a {
    text-decoration: none;
    color: #999999;
    font-size: 0.95rem;
}
nav a:hover {
    color: #3176ff;
}
main {
    flex: 1;
    padding: 2rem;
    overflow-x: hidden;
}
.how_we_work main>div {
    display: flex;
}

.how_we_work .right-text {
    padding: 40px 00px 40px 40px;
}

.how_we_work .left-text {
    padding: 40px 60px 40px 0;
}

.how_we_work main>div:nth-child(even) {
    flex-direction: row-reverse;
}

main h1 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    padding-top: 0!important;
}
main h2 {
    margin-top: 2rem;
    font-size: 1.2rem;
}
main p {
    max-width: 900px;
}