body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}
.main-container {
    max-width: 1366px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.nav-cont {
    max-width: 1237px;
    margin: 0 auto;
    padding: 20px 10px;
}
.navbar-light .nav-new .nav-link {
    color: #253c80;
    padding-left: 15px;
    padding-right: 15px;
    font: 700 16px/18px 'Roboto', sans-serif;
    text-transform: uppercase;
}
.navbar-light .nav-new  .nav-link:focus, .navbar-light .nav-new .nav-link:hover {
    color:  #d4a52a;
}
.brdr-nav {
    border-bottom: 5px solid #253c80;
}
.bg-grey {
    background-color: #ededed;
}
.abt-bg {
    background-color: #253c80;
}
.hdng-abt {
    max-width: 400px;
    background-color: #d4a52a;
    padding: 15px 35px 15px 35px;
    text-align: left;
    margin-bottom: 35px;
}
.hdng-abt h2 {
    border-left: 3px solid #fff;
    padding-left: 10px;
    font: 400 25px/30px 'Roboto', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.abt-cont {
    max-width: 900px;
    margin: 0 auto;
    padding: 0px 0px 15px;
}
.abt-cont p {
    font: 300 22px/26px 'Roboto', sans-serif;
    color: #ffffff;
    margin-bottom: 20px;
    text-align: justify;
}
.abt-cont p span {
    font: 700 20px/26px 'Roboto', sans-serif;
}

.abt-cont h6 {
    max-width: auto;
    font: 400 15px 'Roboto', sans-serif;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
    background-color: rgb(37, 60, 128);
    padding-top: 6px;
    padding-bottom: 6px;
}
.top-on-banner {
  position: absolute;
  font: 400 30px 'Roboto', sans-serif;
  color:rgb(37, 60, 128);
  min-width: 1200px;
  top: 22%;
  left: 50%;
  transform: translate(-50%, -100%);
  /* background: darkgray; */
  /* padding: 1%; */
  padding-bottom: 0px;
   /* color: rgb(37, 60, 128);  */
  
  }

.button {
    background-color: #2372b3;
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 16px; */
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 25px;
    transition-duration: 0.4s;
}
.button:hover {
    color: #d4a415;
}
    /* The sidebar menu */
.sidenav {
    height: auto;
    /* Full-height: remove this if you want "auto" height */
    width: auto;
    /* Set the width of the sidebar */
    position: fixed;
    /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1;
    /* Stay on top */
    top: 30%;
    /* Stay at the top */
    /* left: 85%; */
    right:0%;
    background-color: #003399;
    opacity: 0.8;
    /* Black */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    padding-top: 15px;
}

/* The navigation menu links */
.sidenav a {
    padding: 0px 10px 6px 10px;
    text-decoration: none;
    font-size: auto;
    font-weight: 400;
    /* color: #818181; */
    color:#d4a415;
    display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

#sidenav-label {
    font-size: auto;
    font-weight: 800px;
    color: white;
    text-align: center;
    text-decoration: underline;
}

  /* .top-quote {
    position: relative;
    font: 400 30px 'Roboto', sans-serif;
    min-width: 300px;
    left: 50%;
    transform: translate(-50%, 0%);
      color: rgb(37, 60, 128);
      background: #ededed;
      padding-left: 1.5%;
      padding-top: 1%;
      padding-bottom: 1%;
    } */
  .top-quote {
    position: relative;
    font: 500 35px 'Roboto', sans-serif;
    min-width: 300px;
    left: 50%;
    transform: translate(-50%, 35%);
    color: rgb(37, 60, 128);  
    /* color: rgb(37, 60, 128); */
      /* background: rgb(37, 60, 128); */
      padding-left: 1.5%;
      padding-top: 0%;
      padding-bottom: 0%;
    }
  .issue-box {
    padding: 45px 15px 65px;
}
.issue-box .white-box {
    background-color: #ffffff;
    padding: 35px 15px;
    max-width: 1200px;
    margin: 0 auto;
}
.issue-box .white-box .blue-box {
    padding: 30px;
    max-width: 900px;
    margin: 0 auto;
    background-color: #253c80;
}
.issue-box .white-box .top-heading {
    padding: 0 0 0 60px;
    max-width: 900px;
    margin: 0 auto;
}

.issue-box .white-box .hdng-blue {
    background-color: #d4a52a;
    width: 294px;
    margin-bottom: -15px;
    font: 700 25px/29px 'Roboto', sans-serif;
    color: #ffffff;
    text-align: center;
    padding: 3px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.issue-box .white-box .hdng-blue:after {
    content: url(../images/content-issue.png);
    position: absolute;
    right: -8px;
    top: -3px;
}
.issue-box .white-box .top-btm {
    padding: 0 0 0 0;
    max-width: 900px;
    margin: 0 auto;
    text-align: right;
}
.issue-box .white-box .btm-blue {
    background-color: #d4a52a;
    width: 294px;
    height: 20px;
    margin-top: -10px;
    font: 700 25px/29px 'Roboto', sans-serif;
    color: #ffffff;
    text-align: center;
    padding: 3px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    margin-left: auto;
}
.issue-box .white-box .btm-blue:before {
    content: url(../images/content-issue-btm.png);
    position: absolute;
    left: -5px;
    top: -5px;
}
.issue-content {
    margin: 0;
    padding: 0;
    list-style: none;
}
.issue-content li {
    font: 500 18px/22px 'Roboto', sans-serif;
    padding: 5px 0;
    color: #ffffff;
}
.issue-content li:before {
    content: url(../images/bullets.png);
  display: inline-block; 
  width: 14px;
  margin-left: 0;
  margin-right: 1em;
}
.hdng-section {
    width: 100%;
    background-color: #23397a;
    height: 56px;
}
.cont-inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0px 30px 0;
}
.hdng-inner {
    max-width: 400px;
    background-color: #d4a52a;
    padding: 15px 35px 15px 35px;
    text-align: left;
    margin-top: 0;
    position: relative;
    z-index: 1;
    top:-25px;
}
.hdng-inner h2 {
    border-left: 3px solid #fff;
    padding-left: 10px;
    font: 700 25px/30px 'Roboto', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.guiding-inner {
padding: 0 15px 60px;
}
.guiding-box {
    max-width: 1200px;
    padding: 40px 15px;
    margin: 0 auto;
}

.img-box {
    padding: 15px;
    width: fit-content;
    margin: 0 auto 30px;
    text-align: center;
}
.img-box .text-name {
    font: 700 23px/27px 'Roboto', sans-serif;
    margin-top: 20px;
    margin-bottom: 0;
}
.img-box .text-des {
    font: 300 16px/20px 'Roboto', sans-serif;
    margin-bottom: 0;
}
.text-guiding {
    font: 300 22px/26px 'Roboto', sans-serif;
    margin-bottom: 0;
    text-align: justify;
    
}
.text-blue {
    color: #253c80;
}
.bg-blue {
    background-color: #23397a;
}
.hdng-inner2 {
    max-width: 584px;
    background-color: #d4a52a;
    padding: 15px 35px 15px 35px;
    text-align: left;
    margin-top: 0;
    position: relative;
    z-index: 1;
    top:-25px;
}
.hdng-inner2 h2 {
    border-left: 3px solid #fff;
    padding-left: 10px;
    font: 700 25px/30px 'Roboto', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.heading-dean {
    font: 400 26px/30px 'Roboto', sans-serif;
    margin-bottom:30px;
}
.spcr {
    height: 70px;
}
.hdng-bttm {
    position: relative; 
    z-index: 1;
    top: -30px;
    -moz-box-shadow: 0px 1px 21px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0px 1px 21px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 1px 21px rgba(0, 0, 0, 0.45);
    max-width: 460px;
    margin: 0 auto 30px;
    padding: 15px;
    text-align: center;
    background-color: #d4a52a;
}
.hdng-bttm-corner {
    position:relative;
    z-index: 1;
    top: -30px;
     -moz-box-shadow: 0px 1px 21px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0px 1px 21px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 1px 21px rgba(0, 0, 0, 0.45); 
    max-width: 460px;
    margin: 0 auto 30px;
    padding: 15px;
    color:white;
    text-align: right; 
    background-color: #d4a52a;
    margin-left: auto;
    margin-right: 0;
}
.hdng-bttm-corner h2 {
    font: 700 25px/30px 'Roboto', sans-serif;
    color: #ffffff;
    margin-bottom: 0;

}
.hdng-bttm h2 {
    font: 700 25px/30px 'Roboto', sans-serif;
    color: #ffffff;
    margin-bottom: 0;
    
}
.hdng-content {
    font: 500 21px/25px 'Roboto', sans-serif;
    margin-bottom: 20px;
    color: #243e80;
}
.hdng-smll-content {
    font: 400 17px/21px 'Roboto', sans-serif;
    margin-bottom: 20px;
    color: #243e80;
}
.inner-para {
    font: 300 20px/24px 'Roboto', sans-serif;
    margin-bottom: 15px;
    color: #000000;
    text-align: justify;
}
.inner-para a {
    text-decoration: none;
    color: #243e80;
    word-break: break-word;
}
.inner-para a:hover {
    color:  #d4a52a;

}
.inner-ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.inner-ul li {
    font: 300 20px/24px 'Roboto', sans-serif;
    margin-bottom: 30px;
    color: #000000;
    text-align: justify;
}
.mb-img {
    display: block;
        margin-left: auto;
        margin-right: auto;
    margin-bottom: 20px;
}
.inner-content-box {
    padding:10px 15px;
    background-color: #ffffff;
    margin-bottom: 20px;
} 
.inner-content-box p {
    font: 300 11px/15px 'Roboto', sans-serif;
    color: #000000;
    margin-bottom: 0;
}
.inner-content-box p a {
    text-decoration: none;
    color: #243e80;
}
.inner-content-box p a:hover {
    color:  #d4a52a;
}
.ftr-wht {
    padding: 20px;
    background-color: #ffffff;
}
.ftr-wht p {
    font: 300 12px/16px 'Roboto', sans-serif;
    margin-bottom: 0;
    color: #000000;
}
.ftr-wht p span {
    font-weight: 500;
    font-style: italic;
}
.ftr-section {
    padding: 30px 15px;

}
.address-box h2 {
    font: 400 15px/19px 'Roboto', sans-serif;
    margin-bottom: 10px;
    color: #ffffff;
}
.address-box p {
    font: 300 12px/16px 'Roboto', sans-serif;
    margin-bottom: 0px;
    color: #ffffff;
}
.address-box p a {
    text-decoration: none;
    color: #ffffff;
}
.address-box p a:hover {
    color:  #d4a52a;
}
.social-box {
    max-width: 200px;
    margin: 0 auto;
}
.social-box p {
    font: 300 15px/19px 'Roboto', sans-serif;
    margin-bottom: 5px;
    color: #ffffff;
}
.social-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-box ul li {
    display: inline-block;
    margin-right: 5px;
}
.social-box ul li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #243e80;
    font-size: 18px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ffffff;
}
.social-box ul li a:hover {
    background-color:  #243e80;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.line {
    display: block;
    height: 77px;
    background-color: #ffffff;
    margin: auto;
    width: 3px;
}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    color: #ffffff;
    background-color: #d4a52a;
    border: 1px solid #d4a52a;
    border-radius: 50%;
}
.back-to-top:hover {
    color:#d4a52a;
    background-color: #ffffff;
    border: 1px solid #d4a52a;
}

@media (max-width: 768px) {
    .hdng-abt {
        max-width: 300px;
        padding: 15px 15px 15px 15px;
        margin-bottom: 20px;
    }
    .hdng-abt h2 {
        border-left: 3px solid #fff;
        padding-left: 10px;
        font: 700 18px/22px 'Roboto', sans-serif;
       
    }
    .abt-cont p span {
        font: 700 16px/20px 'Roboto', sans-serif;
    }
    .abt-cont p {
        font: 300 18px/22px 'Roboto', sans-serif;
    }
    .abt-cont h6 {
        font: 300 12px/16px 'Roboto', sans-serif;
    }
    .issue-box .white-box .top-heading {
        padding: 0 0 0 25px;
    }
    .issue-box .white-box .btm-blue {
        width: 200px;
    }
    .issue-box .white-box .hdng-blue {
       
        width: 200px;
        font: 700 18px/22px 'Roboto', sans-serif;
    }
    .issue-content li {
        font: 500 14px/18px 'Roboto', sans-serif;
        padding: 5px 0;
        color: #ffffff;
    }
    .hdng-inner {
        max-width: 250px;
        padding: 15px 15px 15px 15px;
    }
    .hdng-inner h2 {
        font: 700 18px/24px 'Roboto', sans-serif;
    }
    .hdng-inner2 {
        max-width: fit-content;
        padding: 15px;
    }
    .hdng-inner2 h2 {
        
        font: 700 18px/24px 'Roboto', sans-serif;
    }
    .text-guiding {
        font: 300 15px/19px 'Roboto', sans-serif;
    }
    .heading-dean {
        font: 400 18px/24px 'Roboto', sans-serif;
        margin-bottom: 30px;
    }
    .hdng-bttm {
        max-width: 250px;
    }
    .hdng-bttm h2 {
        font: 700 18px/22px 'Roboto', sans-serif;
        color: #ffffff;
        margin-bottom: 0;
    }
    .hdng-bttm h2 {
        font: 700 18px/22px 'Roboto', sans-serif;
    }
    .hdng-content {
        font: 500 16px/20px 'Roboto', sans-serif;
        margin-bottom: 15px;
    }
    .hdng-smll-content {
        font: 400 13px/17px 'Roboto', sans-serif;
        margin-bottom: 15px;
    }
    .inner-para {
        font: 300 15px/19px 'Roboto', sans-serif;
        margin-bottom: 20px;
    }
    .inner-ul li {
        font: 300 15px/19px 'Roboto', sans-serif;
        margin-bottom: 20px;
    }
    .center-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
      }
}

@media (max-width: 576px) {
    .address-box p {
        margin-bottom: 20px;
    }
    .mbl-width {
        width: 200px;
    }
    .issue-box .white-box .blue-box {
        padding: 35px;
    }
    .navbar-light .nav-new .nav-link {
        font: 700 14px/18px 'Roboto', sans-serif;
    }
    .nav-cont {
        padding: 20px 0px;
    }
    
    .text-guiding {
        font: 300 15px/19px 'Roboto', sans-serif;
    }
    .abt-cont p span {
        font: 700 14px/18px 'Roboto', sans-serif;
    }
    .abt-cont p {
        font: 300 15px/18px 'Roboto', sans-serif;
    }
    .abt-cont h6 {
    margin: auto;
    }
     a {
        word-break: break-all;
    }
    .top-quote {
        top: 40%;
        font: 400 22px 'Roboto', sans-serif;
        padding-bottom: 0pt;
        padding-top:0pt;
        
    }
        .sidenav a {
            font-size: 13px;
            padding: auto;
        }
    
        
        #sidenav-label {
            font-size: 12px; 
            font-weight: 800px; 
            color:white; 
            text-align: center; 
            text-decoration: underline;
        }
    /* .top-on-banner {
        top: 30%;
        left: 70%;
        font-size: smaller;
        text-align: center;
    } */
    

}
@media (max-width: 400px) {
    .mbl-width {
        width: 170px;
    }
    .top-quote {
        top: 40%;
        font: 400 22px 'Roboto', sans-serif;
        padding-bottom: 0pt;
    }
    .top-on-banner {
        top: 40%;
        font-size: medium;
        min-width:80px;
        text-align: center;
 
    }
 
}