.terms {
    position: relative;
    padding-inline-start: 4rem;
    padding-inline-end: 3rem;
    width: 60vw;
    text-align: center;
    margin: auto;
    margin-block-end: 3rem;
    font-size: 1.3rem;
}

.terms a {
    text-decoration: none;
    color: #007bff;
    cursor: pointer;
    border-bottom: 2px solid transparent;
        text-align: right;
    transition: border-bottom-color 0.2s ease-in-out;
}

.terms a:hover {
    color: #42c95e;
    border-bottom-color: #43c95e;
}

/* Media query for mobile devices with max width 900px */
@media (max-width: 900px) {
    .terms {
            text-align: right;

    color: #007bff;
    cursor: pointer;
    display: inline-block;
    border-bottom: 2px solid transparent;
    transition: border-bottom-color 0.2s ease-in-out;
    margin-block-end: 22rem;
    font-size: 4rem;
    }
}