﻿#LegalDocumentContent {
    display: flex;
    flex-direction: column;
    padding: 5.5em 2em 5.5em;
}

    #LegalDocumentContent .InnerContent {
        max-width: 65em;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 3em;
    }

    #LegalDocumentContent #PreviousPageSection .InnerContent {
        padding-block: 0;
    }

    #LegalDocumentContent #PreviousPageSection #BackToPreviousPageBtn {
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: .8em;
    }

        #LegalDocumentContent #PreviousPageSection #BackToPreviousPageBtn::before {
            content: "\f060";
            font-family: "Font Awesome 6 Free";
            font-size: 1em;
            line-height: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            aspect-ratio: 1 / 1;
            width: 2.5em;
            border-radius: .6em;
            background-color: rgba(255, 255, 255, 1);
            box-shadow: rgba(0 0 0 / 10%) 0 0 0 1px inset;
        }

        #LegalDocumentContent #PreviousPageSection #BackToPreviousPageBtn:hover::before {
            color: var(--theme-color);
        }

        #LegalDocumentContent #PreviousPageSection #BackToPreviousPageBtn:hover span {
            color: var(--theme-color);
        }

    #LegalDocumentContent .TitleSection h1 {
        font-size: 3.5em;
        font-weight: 800;
    }

    #LegalDocumentContent .TitleSection .PolicyDetails {
        margin-bottom: 3em;
        color: rgba(33, 37, 41, .7);
    }

    #LegalDocumentContent .ContentSection .InnerContent {
        display: flex;
        flex-direction: column;
        gap: 1em;
        background-color: #fff;
        box-shadow: rgba(0 0 0 / 10%) 0 0 0 1px inset;
        border-radius: 1em;
        margin: 0 auto;
    }

    #LegalDocumentContent .ContentSection .LegalDocumentPara {
        display: flex;
        flex-direction: column;
    }

        #LegalDocumentContent .ContentSection .LegalDocumentPara h2 {
            font-weight: 700;
        }

        #LegalDocumentContent .ContentSection .LegalDocumentPara .C {
            line-height: 1.5;
        }

        #LegalDocumentContent .ContentSection .LegalDocumentPara ol {
            all: unset;
            display: flex;
            flex-direction: column;
            gap: .2em;
            margin-block: .5em;
            margin-inline-start: 2em;
        }

            #LegalDocumentContent .ContentSection .LegalDocumentPara ol li {
                list-style-type: decimal;
                padding-inline-start: .3em;
            }

            #LegalDocumentContent .ContentSection .LegalDocumentPara ol ul {
                margin-inline-start: 1.5em;
            }

        #LegalDocumentContent .ContentSection .LegalDocumentPara ul li {
            list-style-type: circle;
        }

@media only screen and (max-width: 800px) {

    #LegalDocumentContent .InnerContent {
        padding: 2em;
    }
}

@media only screen and (max-width: 480px) {

    header #MainHeaderWrapper {
        display: none;
    }

    main::before {
        height: 0;
    }

    #LegalDocumentContent {
        padding-inline: 0;
        padding-block: 0 2em;
    }

        #LegalDocumentContent #PreviousPageSection .InnerContent {
            margin-block: 1em;
        }

        #LegalDocumentContent #PreviousPageSection span {
            display: none;
        }

        #LegalDocumentContent #PreviousPageSection #BackToPreviousPageBtn::after {
            content: attr(data-legal-page-name);
            font-weight: 700;
            display: block;
            line-height: 1;
            color: rgba(33, 37, 41, .7);
        }

        #LegalDocumentContent .InnerContent {
            padding-inline: 1.5em;
        }

        #LegalDocumentContent .TitleSection h1 {
            font-size: 2em;
        }

        #LegalDocumentContent .ContentSection .InnerContent {
            border-radius: 2em;
            box-shadow: none;
        }

        #LegalDocumentContent .ContentSection .LegalDocumentPara ol {
            margin-inline-start: 1.5em;
        }
}
