body {
    font-family: "Open Sans", sans-serif;
    /*color: #444444;*/
    color: gray;
    font-size: 14px;
    background-color: #f8f9fa;
    font-weight:normal;
}



    .page-header {
        background: linear-gradient(135deg, #9d0606, #9d0606);
        color: #fff;
        padding: 40px 20px;
        border-radius: 0 0 20px 20px;
    }
.card {
background-color:transparent;
border:none;

}
    .section-card {
        margin-bottom: 20px;
        border: none;
        border-radius: 12px;
        /*box-shadow: 0 4px 12px rgba(0,0,0,0.05);*/                      
    }

    .section-title {
        font-weight: 600;
        color: #9d0606;
        text-align:left;
        font-size:large;
    }

    ul {
        margin-bottom: 0;
    }

    footer {
        font-size: 14px;
        color: #6c757d;
    }


    /* Modern Bullet Styling */
.section-card ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.section-card ul li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    line-height: 1.6;
    color: #495057;
}

/* Custom bullet */
.section-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    background: linear-gradient(135deg, #9d0606, #9d0606);
    border-radius: 50%;
}

/* Optional hover polish */
.section-card ul li:hover::before {
    transform: scale(1.2);
    transition: 0.2s ease;
}



/* left title and right content*/

/* Two-column layout */
.terms-layout {
    display: flex;
    gap: 20px;
}

/* Left navigation */
.terms-nav {
    width: 350px;
    position: sticky;
    top: 113px;
    background: #fff;
    border-radius: 0px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    height: 100vh;  /*fit-content;*/
}

.terms-nav h6 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #0d6efd;
}

/* Nav Links */
.terms-nav a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 02px 03px;
    margin-bottom: 4px;
    border-radius: 10px;
    color: #9d0606;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.25s ease;
    position: relative;
}

/* Number Circle */
.terms-nav a::before {
    content: attr(href);
    counter-increment: section;
}

/* Reset default list behavior */
.terms-nav {
    counter-reset: section;
}

/* Custom numbered circle */
.terms-nav a::before {
    counter-increment: section;
    content: counter(section);
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #9d0606;
    color: white;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}


.terms-nav a:hover {
    background: #e9f1ff;
    color: black;
}

/* Right content */
.terms-content {
    flex: 1;
}

/* Section offset for sticky nav */
.terms-section {
    scroll-margin-top: 110px;
}

.register-btn-sticky {
    border:none;
    position: fixed;
    right: 30px;
    top: 30%;
    transform: translateY(-50%);
    z-index: 1050;
}