 :root {
            --peek-accent: #1e88e5;
            --peek-accent-2: #0b2239;
        }

        .terms-section {
            padding: 60px 0
        }

        .terms-section h1 {
            margin-bottom: 1rem;
            font-weight: 700;
            font-size: 48px;
            line-height: 100%;

            text-align: center
        }

        .terms-intro {
            max-width: 1110px;
            margin: 0 auto 2rem auto;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            text-align: start;
            color:  rgba(131, 131, 132, 1);

        }

        .terms-content {
            max-width: 1110px;
            margin-inline: auto;

        }

        .terms-content h2, .terms-content h3, .terms-content h4 {
            margin-top: 2.2rem;
            margin-bottom: .8rem;
            font-weight: 700;
            scroll-margin-top: 100px;
            font-size: 40px;
            line-height: 100%;

        }

        .terms-content p, .terms-content ul, .terms-content ol, .terms-content blockquote {
            margin-bottom: 1.25rem;
            font-weight: 400;
            font-size: 18px;
            line-height: 32px;
            text-align: start;

        }

        .terms-content ul, .terms-content ol {
            padding-inline-start: 1.4rem
        }

        .terms-content ul li::marker {
            color: var(--peek-accent-2)
        }

        .terms-content blockquote {
            border-inline-start: 4px solid var(--peek-accent);
            padding: .5rem 1rem;
            background: rgba(0, 0, 0, .03);
            font-style: italic;
            color: #555
        }

        .terms-content a {
            color: var(--peek-accent);
            text-decoration: underline
        }

        .terms-content a:hover {
            color: var(--peek-accent-2)
        }


        @media (max-width: 767.98px) {
            .terms-section {
                padding: 40px 0
            }

            .terms-section h1 {
                font-size: 28px
            }
        }

        @media (max-width: 575.98px) {
            .terms-content {
                font-size: 1rem;
                line-height: 1.65
            }

            .terms-content h2 {
                font-size: 1.4rem
            }
        }
