a{text-decoration: none;}
.investor-charter{font-family: Arial, Helvetica, sans-serif;color:#000;font-size:15px;line-height:1.65;}
.modal-title{color:#284b8c;}
.charter-row{padding:0px 70px;}
.charter-title{padding:20px;border-right:1px dotted #bcbcbc;display:flex;align-items:flex-start;}
.charter-title h2{margin:0;color:#2275B4;font-size:24px;font-weight:700;line-height:1.3em;text-align: left;}
.charter-content{padding:30px 40px 30px 24px;font-size:15px!important;color:#000;font-weight:400;font-size: 24px;}
.bg-light-row{background:#f4f7fd;}
.charter-content ul{margin:0;padding-left:28px;}
.charter-content li{margin-bottom:8px;}
.charter-content li:last-child{margin-bottom:0;}
.modal {
    z-index: 999999 !important;
}

.modal-dialog {
    position: relative;
    z-index: 999999 !important;
}

.modal-content{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.modal-backdrop.show{position: absolute;}
.modal.show {
    display: block;
    position: fixed;
    z-index: 1055;
}

@media (max-width:767.98px){

    .charter-title{
        border-right:none;
        border-bottom:1px dotted #bcbcbc;
        padding:20px;
    }

    .bg-blue{margin:0px!important;}
    .charter-content{
        padding:20px;
    }

    .charter-title h2{
        font-size:22px;
    }

}

.charter-content .table .head td, .charter-content  .table .head th{border: solid 1px #ccc;color:#fff;font-size: 16px!important;background: #284b8c !important;text-align: center;padding: 10px;line-height:28px;}

.charter-content  .table td {border: solid 1px #ccc;font-size: 15px;padding: 12px;/* text-align: center; */line-height:24px;background: #fff;}
/* .charter-content  .table{text-align: center;} */

.investor-banner{position:relative;}
.banner-img{width:100%;height:340px;object-fit:cover;}
.banner-overlay{background:#2275B4;display:flex;align-items:center;}
.banner-title{color:#fff;font-size:30px;font-weight:600;padding:0px 0px 20px;}
.bg-blue{background:#2275B4;margin:10px 70px;padding:20px 10px;}
.charter-nav{ background:#2275B4;border-radius:3px;overflow:hidden;}
.charter-nav ul{display:flex;flex-wrap:wrap;}
.charter-nav li{margin:0;}
.charter-nav a{display:block;padding:8px 22px;color:#fff;font-size:15px;font-weight:500;text-decoration:none;border-right:1px solid #e5e5e5;transition:.25s;}
.charter-nav li:last-child a{border-right:none;}

.charter-nav a:hover, .charter-nav a.active{background:#005ca9;color:#fff;}


@media (max-width:991px){
    .modal-dialog{width:600px;margin:auto}
    .banner-img{
        height:420px;
    }

    .banner-title{
        font-size:34px;
    }

    .charter-nav ul{
        display:block;
    }

    .charter-nav a{
        border-right:none;
        border-bottom:1px solid #ececec;
        padding:12px 18px;
    }

}

@media (max-width:576px){

    .banner-img{
        height:500px;
    }

    .banner-title{
        font-size:28px;
        margin-bottom:20px;
    }

}


/* ===========================
   Mobile Responsive
=========================== */

@media (max-width: 991.98px){

.charter-row{padding:0 15px;}
.charter-title{        border-right:none;border-bottom:1px dotted #cfcfcf;padding:20px 15px 10px;}
.charter-title h2{font-size:24px;line-height:1.35;margin-bottom:0;}
.charter-content{padding:20px 15px;font-size:15px;overflow-wrap:break-word;word-break:break-word;}

    /* Banner */
.banner-title{font-size:28px;text-align:center;padding:15px 0;}
.bg-blue{margin-top:0;}
.banner-overlay{display:block;}

    /* Navigation */
.charter-nav{border-radius:0;}
.charter-nav ul{display:block;margin:0;padding:0;}
.charter-nav li{width:100%;}
.charter-nav a{display:block;padding:12px 15px;border-right:none;border-bottom:1px solid rgba(255,255,255,.2);font-size:15px;line-height:1.5;}
.charter-nav li:last-child a{border-bottom:none;}
.head-text{font-size:17px;font-weight:600;color:#000;padding-bottom:10px;}
    /* Tables */
/* .table{min-width:700px;} */
.investor-charter .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}

    /* Modals */
/* .modal-dialog{margin:10px;} */
.modal-body{padding:15px;font-size:15px;}
.modal-body table{min-width:700px;}

    /* Lists */
.charter-content ul{padding-left:20px;}
.charter-content li{margin-bottom:10px;}
img{max-width:100%;height:auto;}

}


/* Extra Small Devices */

@media (max-width:575.98px){

    .charter-row{
        padding:0;
    }
.charter-title{padding:18px 15px 10px;}
.charter-title h2{font-size:22px;}
.charter-content{padding:18px 15px;font-size:13px;line-height:1.7;}
.banner-title{font-size:24px;}
.charter-nav a{font-size:13px;padding:12px 15px;}
.investor-charter .table .head th,.investor-charter .table .head td{font-size:14px !important;padding:8px;line-height:22px;}
.investor-charter .table td{font-size:13px;padding:8px;line-height:22px;}

}

.modal-dialog{width:800px;}

@media (max-width: 576px) {
    .modal-dialog {
        max-width: 96%;
        margin: 8px;
    }

    .modal-content {
        border-radius: 10px;
    }

    .modal-body {
        padding: 12px;
    }
}