.container {
    margin-top: 120px;
    margin-bottom: 80px;
    padding: 0px 80px;
}

h1 {
    text-align: center;
    margin: 40px 0px;
}

.row {
    margin-top: 20px;
    display: flex;

    .col-6 {
        margin: 0px 10px;
        width: 50%;

        p {
            text-align: start;
            line-height: 30px;
        }

        ul {
            list-style-type: none;

            li {
                margin: 35px 0px;

                a {
                    color: var(--JD-Green);
                    padding: 10px 20px;
                    border: 2px solid var(--JD-Green);
                    text-decoration: none;
                    transition: all 0.5s ease;
                    font-weight: 600;

                    &:hover {
                        background-color: var(--JD-Green);
                        color: white;
                        transition: all 0.5s ease;
                    }
                }
            }
        }
    }

}

.end {
    text-align: start;
    padding-left: 90px;
}

@media (width < 768px) {
    .container {
        padding: 0px 20px;
    }

    .row {
        display: block;

        .col-6 {
            width: 100%;
        }

        a {
            font-size: small;
        }
    }

    .end {
        padding-left: 0px;
    }
}