body {
      background: linear-gradient(180deg, #0b0f14, #071017 150%);
      color: #e6eef3;
      padding: 2rem 1rem;
      min-height: 100vh;
    }

    a:hover {
      text-decoration: none;
    }

    .btn-left {
        color: #36f;
        font-size: 30px;
       
        margin-right: 10px;
    }

    .btn-left:hover{
        color: #598bff;
        cursor: pointer;
    }

    .card {
      background-color: #10161b1a;
      border: 1px solid rgba(255,255,255,0.05);
      border-radius: 0.75rem;
      box-shadow: 0 8px 24px rgba(0,0,0,0.5);
    }

    .card-header {
        background:#10161b;
        color:  #e6eef3;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        font-size:16pt;
        padding: 20px;
        font-weight: 400;
        vertical-align: middle;
    }
    .card-header span {
        vertical-align: top;
    }

    .card-body {
        overflow-y: hidden;
        overflow-x: hidden;
        padding: 20px 30px 0px 30px !important;
        height: 700px;
        
        
    }
    ::-webkit-scrollbar {
            width: 10px;
            background-color: #222;
        }
        ::-webkit-scrollbar-thumb {
            background-color: #555;
            border-radius: 5px;
        }
        ::-webkit-scrollbar-track {
            background-color: #333;
        }
        ::-webkit-scrollbar-corner {
            background-color: #111;
        }

    .card-body:hover, .card-body:active, .card-body:focus {
        overflow-y: auto;
    }

    
    h3 {
        font-weight: bold;
        font-size: 18px;
        padding-bottom: 10px;
        text-align: left;
    }  
    .card-title {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        font-size:16pt;
        padding-left: 20px;
        font-weight: 400;
        vertical-align: middle;
    }
    p {
        padding-bottom: 5px;
        text-align: left;
    }
    button {
        margin-bottom: 20px;
    }
    .underline {
        text-decoration: underline;
    }
    p.sup-text{
        margin-left: 20px;
    }
    p.sup-title{
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    ul {
        list-style-type: disc;
        padding-left: 30px;
    }
    hr {
        border-top: 1px solid rgba(255, 255, 255, .2);
    }
    .footer-brand {
        font-weight: 600;
        font-size: 18px;
    }
    .sub-title-2-ul{
        margin-top: 10px;
        margin-bottom: 15px;
    }
    p.last-updated{
        font-style: italic;
    }

    @media (max-width: 768px) {
      .card-header {
        text-align: center;
      }
    }