.content{

}
    .content .title {
        display: inline-block;
        position: relative;
        font-size: 20px;
        font-weight:600;
        color: #003349;
        padding:10px;
        text-transform: uppercase;
        text-align: center;
    }
.content-gioithieu {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    padding: 20px;
    margin: 0 auto 50px auto;
    background-color: #fff;
    box-shadow: 0 20px 30px rgb(0 0 0 / 10%);
    overflow: hidden;
    z-index: 5;
}
.content-inner {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    padding: 20px;
    margin: 20px auto;
    overflow: hidden;
}
.content-inner p {
    line-height:2rem;
    padding-bottom:10px;
    font-size:1.2rem;
}
    .border {
    border: 1px solid #ddd;
}

.accordion__item {
    margin-bottom: 10px
}

.accordion__item__header {
    background-color: #003349;
    padding: 15px;
    cursor: pointer;
    position: relative;
    color: #fff;
    font-family: Arial;
    font-weight: 600;
    font-size: 16px;
}

    .accordion__item__header::before {
        height: 15px;
        width: 15px;
        content: "";
        position: absolute;
        right: 15px;
        top: 15px;
        transition: .5s all;
        transform: rotate(45deg);
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff
    }

    .accordion__item__header.active {
        background-color: #33a0ff;
        color: #fff;
        transition: .4s
    }

        .accordion__item__header.active::before {
            transform: rotate(-135deg);
            top: 23px
        }

.accordion__item__content {
    overflow-y: hidden;
    padding: 0;
    display: none
}
/*
 * Component: Table
 * ----------------
 */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #f4f4f4;
}

.table > thead > tr > th {
    border-bottom: 2px solid #f4f4f4;
}

.table tr td .progress {
    margin-top: 5px;
}

.table-bordered {
    border: 1px solid #f4f4f4;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #f4f4f4;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table.no-border,
.table.no-border td,
.table.no-border th {
    border: 0;
}
/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
    text-align: center;
}

.table.align th {
    text-align: left;
}

.table.align td {
    text-align: right;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
    .pagination > li {
        display: inline;
    }
        /* PAGINATION */
        .pagination > li > a {
            background: #fafafa;
            color: #666;
        }

    .pagination.pagination-flat > li > a {
        border-radius: 0 !important;
    }
    .pagination > li:first-child > a, .pagination > li:first-child > span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }
    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }