html {
    scroll-behavior: smooth;
}

/* Nav */

.steps-nav {
    padding-right: 0px;
}
.steps-box {
    padding-right: 0px;
    border-left: 1px solid #cccccc;
}

.steps-nav .sticky-wrapper ul.steps-container {
    list-style-type: none;
   /* background: #eee;*/
    padding: 0px;
    border-radius: 6px;
    max-height: 70vh;
    /*overflow-y: scroll;*/
    margin: 0;
   /* width: 265px;*/
}

.steps-nav .sticky-wrapper ul.steps-container li {
    border-bottom: 1px solid white;
    margin: 0px;
    cursor: pointer;
    word-break: break-word;
    font-size: 18px;
    font-family: Heebo-Regular;
    line-height: 24px;
    letter-spacing: 0.29px;
}

.steps-container li a {
    display: flex;
    padding: 10px 10px;
    color: #0079C1;

}

.steps-container li a:hover {
    text-decoration:none;
}

.steps-container li a.active {
    color: #000 !important;
    border-right: 3px solid #007bff;    
    font-size: 18px !important;
}

/* Content */

.steps-content-container {
    padding-left: 15px;
}

.steps-content-container h1.steps-heading {
    font-family: Heebo-Bold;
    font-size: 28px;
    color: #001928;
    letter-spacing: -0.2px;
    line-height: 32px;
    font-weight: bold;
    margin-top: 0px;
}

.steps-content-container .steps-content-box h2 {
	font-family: Heebo-Light;
	font-size: 35px;
	color: #001928;
	letter-spacing: -0.5px;
	line-height: 48px;
}

.steps-content-container p {
    margin: 24px 0;
}

.steps-content-container strong {
    font-weight: bolder;
}

#testing-in-my-app strong {
    font-weight: 700;
}