@import "./theme.css";
/* Wrapper flex container */
     .policy .privacy-container {
        display: flex;
        flex-direction: row;
        gap: 40px;
        max-width: var(--max-container);
        margin: 0 auto;
        padding:0 0 120px 0px; 
    } 
    .opt-out, .advertising-policy {
        display: flex;
        flex-direction: row;
        gap: 40px;
        max-width: var(--max-container);
        margin: 0 auto;
        padding:120px 0 120px 0px; 
    } 

    .policy .opt-out-container{
        display: flex;
        flex-direction: row;
        gap: 40px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 20px; 
    }
    .policy .section-header h1{
        font-size: 65px;
        font-weight: 300;
        color: var(--dark-blue);
        margin-bottom: 20px;
        line-height: 76px;
    }
    .policy .section-header h1 span{ 
        color: var(--primary-color); 
    }
    .policy .privacy-policy h5,
    .policy .privacy-policy h3,
    .policy .privacy-policy span[id] {
      scroll-margin-top: 120px;
    }
    .policy .section-header{
        display: flex;
        flex-direction: row;
        gap: 40px;
        max-width: var(--max-container);
        margin: 0 auto;
        padding: 120px 0 40px 0px;
    }
    .policy.opt-out .section-header, .policy.advertising-policy .section-header{
        padding: 40px 0 0px 0px;
    }
    /* Left sidebar */
    .policy .left-navBar {
        width: 30%;
        max-width: 280px;
        border-right: 1px solid #ddd;
        padding-right: 20px;
    }
    
    .policy .nav-links {
        position: sticky;
        top: 100px;
    }
    
    .policy .nav-links .links {
        list-style: none;
        padding-left: 0;
    }
    
    .policy .nav-links .links li {
        margin-bottom: 0px;
    }
    
    .policy .nav-links .links li a {
        color: #333;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.2s ease-in-out;
        font-size: 12px;
    }
    
    .policy .nav-links .links li a:hover {
        color: #000000;
        text-decoration: none;
    }
    
    /* Right content */
    .policy .privacy-policy {
        width: 70%;
        font-size: 15px;
        line-height: 1.7;
        color: #444;
    }
    .policy .opt-out-wrapper{
        width: 100%;
    }
    
    .policy .privacy-policy h5,.privacy-policy h6 {
        font-size: 1.17em;
        font-weight: 700;
        line-height: 1.2;
        margin-top: 30px; 
        margin-bottom: 10px; 
        color: #000;
    }
    .policy .privacy-policy a { 
        text-decoration: none;
        color: #000;
    }
    .policy .privacy-policy a:hover { 
        text-decoration: none;
        color: #000;
    }
    
    .policy .privacy-policy ul {
        padding-left: 20px;
        list-style: disc;
    }
    
    .policy hr{
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }
    
    /* Responsive adjustment */
    @media (max-width: 768px) {
        .policy .section-header{
            padding: 50px 20px 0px 20px;
        }
        .policy .privacy-container {
            flex-direction: column;
            padding: 20px 20px;
        }
    
        .policy .left-navBar,
        .policy .privacy-policy {
            width: 100%;
            border: none;
            padding: 0;
        }
    
        .policy .left-navBar {
            margin-bottom: 30px;
            top: 0px;
            position: relative;
        }
    }