/* terms main page  */

  html body div.page-wrapper div.container.terms {
            margin: 40px auto;
            background: var(--theme-color-light);
            padding: 40px;
            border-radius: 8px;
        }

        h1 {
              color: var(--ssc-color1);
            margin-bottom: 5px;
        }

        h2 {
              color: var(--ssc-color1);
            margin-top: 30px;
        }

                h3 {
              color: var(--ssc-color1);
            margin-top: 30px;
        }

        .effective-date {
            font-size: 21px;
            margin-bottom: 25px;
        }

        p {
            margin-bottom: 16px;
        }

        ul {
            margin-left: 20px;
        }

        .contact {
            background-color: var(--ssc-card);
            padding: 15px;
            border-left: 4px solid #1f3c88;
            margin-top: 30px;
        }

        .footer-note {
            margin-top: 40px;
            font-size: 0.9em;
            text-align: center;
        }

        a {
            color: var(--ssc-color1);
            text-decoration: none;
        }

        a:hover {
            text-decoration: none !important;
        }

        @media (max-width: 600px) {
            .container {
                padding: 25px;
                margin: 20px;
            }
        }