.scroll-container {
    max-width: 900px;
}

.scroll-step {
    position: relative;

    height: 80vh;
    width: 100%;
}

.scroll-step-full {
    position: relative;

    height: 100vh;
    width: 100%;
}

.div-bottol-horizontal-fill {
    position: absolute;
    top: 150px;
    bottom: 0;
    left: 0;
}


.div-bottol-horizontal-fill {
    /* position: sticky; */
    /* height: 400px; */
    width: 100%;
    /* bottom: 0px; */
}

:root {
    --main-text-color-01: #111;
    --main-text-color-02: #222;
    --secondary-text-color-01: #6c757d;
    --link-color-01: #4f7ba1;
    --home-background-url: url(https://jovdev-ws-fe-01-cdn-01.s3.sa-east-1.amazonaws.com/public/images/home/background-out-of-order-01.jpg);
}

.main-text-color-01 {
    color: var(--main-text-color-01)
}

.main-text-color-02 {
    color: var(--main-text-color-02)
}

.secondary-text-color-01 {
    color: var(--secondary-text-color-01)
}

.contend-default-gap {
    height: 20px;
    width: 100%;
}

.link-color-01 {
    color: var(--link-color-01)
        /* color: hotpink; */
}

.link-color-01 span {
    text-decoration: underline;
}

.title-container {
    margin-top: 42px;
    margin-bottom: 62px;
}

.title-container h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.title-container h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* 
a {
    color: hotpink;
} */

.clickable-content-01 {
    cursor: pointer;
}