body {
            font-family: 'Roboto', sans-serif;
        }

        /*Text ol li*/
        ol {
            list-style-type: none;
            padding-left: 0;
        }

        ol>li {
            list-style: none;
            counter-increment: firstLevelNum;
        }

        ol>li>span {
            font-weight: bold;
        }

        ol>li:before {
            font-weight: bold;
            content: counter(firstLevelNum) ".";
            position: absolute;
            left: -2rem;
        }

        ol>li>ol {
            list-style-type: none;
        }

        ol>li>ol>li {
            list-style: none;
            counter-increment: secondlevelNum;
        }

        ol>li>ol>li:before {
            font-weight: normal;
            content: counter(firstLevelNum) "." counter(secondlevelNum) " ";
        }

        ol>li>ol>li>ol {
            list-style-type: none;
            list-style-position: outside;
        }

        ol>li>ol>li>ol>li {
            list-style: none;
            counter-increment: thirdlevelLetter;
        }

        ol>li>ol>li>ol>li:before {
            font-weight: normal;
            content: "(" counter(thirdlevelLetter, lower-alpha) ") ";
        }

        ol>li>ol>li>ol>li>ol>li {
            list-style: none;
            counter-increment: forthlevelLetter;
        }

        ol>li>ol>li>ol>li>ol>li:before {
            font-weight: normal;
            content: "(" counter(forthlevelLetter, lower-roman) ") ";
        }

        /*Margin Up down*/
        p {
            margin-bottom: 20px;
        }

        .list-item>* {
            margin-top: 20px;
        }

        .list-item>ol>li,
        .list-item>ol>li>ol>li {
            margin-top: 20px;
        }

        .list-item>ol>li:last-child,
        .list-item>ol>li>ol>li:last-child {
            margin-bottom: 20px;
        }

        .list-item>ol>li {
            margin-left: 10px;
        }

        .list-item>ol>li:before {
            left: calc(-2rem - 10px);
        }

        /*Align left*/
        ol {
            position: relative;
            left: 2rem;
            padding-right: 2rem;
        }

        li {
            position: relative;
            margin-left: 0;
            padding-left: 0;
        }

        li::before {
            position: absolute;
            left: -2rem;
        }

        .navbar {
            z-index: 100;
            width: 100%;
        }

        .navbar img {
            filter: brightness(0) invert(1);
        }

        .banner-wrapper {
            height: 40vh;
        }

        .banner-image {
            height: 40vh;
            width: 100%;
            overflow: hidden;
        }

        .banner-image img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        .banner-text {
            color: #fff;
            position: relative;
            z-index: 2;
            padding-top: 80px;
            padding-bottom: 40px;
        }