:root {
      --color-border: #e2e8f0;
      --color-header-bg: #edf2f7;
    }
    
    thead th {
      background: var(--color-header-bg);
      color: var(--color-primary);
      font-weight: 700;
      text-align: left;
      padding: 0.875rem 1rem;
      border-bottom: 2px solid var(--color-border);
      white-space: nowrap;
    }


    tbody td {
      padding: 1rem;
      border-bottom: 1px solid var(--color-border);
      vertical-align: top;
    }

    tbody tr:last-child td {
      border-bottom: none;
    }




        .generic-content{
            color:#2b4d87;
        }

        .generic-content a{
            color:#000000;
            text-decoration: underline;
        }

        .question{
            background-color: #2f5596;
            border: solid 1px #2f5596;
        }

        #sub_question{
            background-color: #1D72D3;
            border: solid 1px #1D72D3;
        }

        .question.sub_faq{
            background-color: #4eadea;
            border: solid 1px #4eadea;
        }

        .question.sub_faq > a >span{
            color:#000000;
        }

        .question > a{
            text-decoration: none;
        }

        .question > a > span{
           font-weight: bold;
        }

        .op-btn{
            display: flex;
            justify-content: flex-end;
        }

        .op-btn>a{
            padding:5px;
        }

        .op-btn>.all_open, .op-btn>.all_close{
            position: relative;
            margin-left:15px;
        }

        .op-btn>.all_open::before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 5px 0 5px;
            border-color: #2f5596 transparent transparent transparent;
            top: 50%;
            left: -10px;
            transition: 0.2s;
            position: absolute;
        }

        .op-btn>.all_close::before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 5px 5px 5px;
            border-color:  transparent transparent #2f5596 transparent;
            top: 50%;
            left: -10px;
            transition: 0.2s;
            position: absolute;
        }

        .video{
              display: flex;
              flex-wrap: wrap;
        }

        .video > div{
              width: 50%;
              padding: 1%;
        }

        .index-table tr th{
            background-color: #1D72D3 ;
        }

        @media (max-width: 1100px) {

            .video{
              display: block;
            }

            .video > div{
                width: 100%;
            }

        }