/* =========================================
   TERMS OF USE - PC
========================================= */

.hg-terms-of-use-page {
    min-height: 100vh;
    padding: 60px 0 120px;
}

.hg-terms-of-use-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.hg-terms-of-use-container h1 {
    margin: 0 0 40px;
    color: #f0a629;
    font-size: 42px;
}

.hg-terms-of-use-section {
    margin-bottom: 30px;
    padding: 30px;
    background: rgba(18, 25, 55, 0.88);
    border: 1px solid rgba(118, 107, 220, 0.65);
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

.hg-terms-of-use-section h2 {
    margin: 0 0 25px;
    padding: 14px 20px;
    color: #f0a629;
    font-size: 30px;
    background: linear-gradient(
        to right,
        #277db8,
        #5969bf,
        #874bc0
    );
}

.hg-terms-of-use-section p {
    margin: 0 0 20px;
    color: #f2f2f2;
    font-size: 17px;
    line-height: 1.7;
}

.hg-terms-of-use-section p:last-child {
    margin-bottom: 0;
}

.hg-terms-of-use-page ul,
.hg-terms-of-use-page ol,
.hg-terms-of-use-page li {
    color: #ffffff;
}

.hg-terms-of-use-section ul,
.hg-terms-of-use-section ol {
    margin: 0 0 20px;
    padding-left: 40px;
}

.hg-terms-of-use-section li {
    margin-bottom: 8px;
}

.hg-terms-of-use-section li::marker {
    color: #f0a629;
}