@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Agbalumo&display=swap");
* {
  margin: 0;
  padding: 0;
  transition: all; }

*:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-size: 15px;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  color: #5d5d5d; }
  body.body-bg {
    background-color: #f8f9fa; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  /*color: #322062;*/ }

p {
  font-family: 'Montserrat', sans-serif !important;
  text-align: justify; }

ul li {
  font-family: 'Montserrat', sans-serif !important; }

.floating-buttons {
  position: fixed;
  top: 35%;
  right: -150px;
  z-index: 99;
  display: none; }
  .floating-buttons.show {
    display: block; }
  .floating-buttons a {
    width: 188px;
    height: 40px;
    transition: .8s all ease;
    display: flex;
    background-color: #363636;
    margin-bottom: 2px;
    padding: 10px;
    text-decoration: none;
    float: right;
    clear: both; }
    .floating-buttons a:nth-last-child(1) {
      background-color: #0094ff; }
    .floating-buttons a:not(:last-child):nth-last-child(2) {
      background-color: #0fc40f; }
    .floating-buttons a:not(:last-child):nth-last-child(3) {
      background-color: #322062; }
    .floating-buttons a:not(:last-child):nth-last-child(4) {
      background-color: #F4B400; }
    .floating-buttons a:not(:last-child):nth-last-child(5) {
      background-color: #7FBA00; }
    .floating-buttons a:not(:last-child):nth-last-child(6) {
      background-color: #0048ff; }
    .floating-buttons a .icon {
      display: block;
      width: 32px; }
    .floating-buttons a svg {
      font-size: 20px;
      color: #fff;
      margin-right: 15px; }
    .floating-buttons a .text-icon {
      display: inline-block;
      padding-left: 10px;
      color: #fff;
      font-size: 13px;
      border-left: 1px solid #ececec;
      margin-left: 10px;
      font-weight: 500;
      width: 142px;
      line-height: 16px;
      vertical-align: middle; }
    .floating-buttons a:hover {
      margin-right: 150px;
      /*background-color: $secondary;*/ }
      .floating-buttons a:hover .text-icon {
        opacity: 1; }

.menu-div {
  position: fixed;
  top: 28%;
  right: 0;
  z-index: 99;
  display: inline-flex;
  margin-right: 0; }

.menu-div .icon-bar:nth-of-type(2) {
  top: 2px; }

.menu-div .icon-bar:nth-of-type(3) {
  top: 4px; }

.menu-div .icon-bar {
  position: relative;
  transition: all 500ms ease-in-out;
  width: 20px;
  display: block;
  height: 2px;
  background-color: white; }

.menu-div:hover .icon-bar:nth-of-type(1) {
  transform: translateY(6px) rotate(45deg); }

.menu-div:hover .icon-bar:nth-of-type(2) {
  background-color: transparent; }

.menu-div:hover .icon-bar:nth-of-type(3) {
  transform: translateY(-6px) rotate(-45deg); }

.menu-div .menu-toggle {
  transition: all 500ms ease-in-out; }

.menu-div:hover .menu-toggle {
  transform: rotate(-180deg); }

.menu-toggle {
  width: 38px;
  height: 38px;
  border-radius: 0;
  z-index: 100;
  background-color: #ca1e1c;
  color: #fff;
  border: 0px; }

.menu-item {
  width: 38px;
  height: 38px;
  border-radius: 0;
  padding: 7px;
  border: 1px solid #fff;
  font-size: 16px;
  text-align: center;
  margin-left: 4px;
  transition: all 750ms ease-in-out;
  transition-property: opacity, right;
  position: absolute;
  opacity: 0;
  right: -5px;
  z-index: 99;
  color: #fff; }
  .menu-item:hover {
    color: #fff !important; }

.menu-div:hover .menu-item:nth-of-type(1) {
  right: 38px;
  background-color: #ffbd07; }

.menu-div:hover .menu-item:nth-of-type(2) {
  right: 76px;
  background-color: #ff0000; }

.menu-div:hover .menu-item:nth-of-type(3) {
  right: 114px;
  background-color: #0a66c2; }

.menu-div:hover .menu-item:nth-of-type(4) {
  right: 152px;
  background-color: #c32aa3; }

.menu-div:hover .menu-item:nth-of-type(5) {
  right: 190px;
  background-color: #3b5998; }

.menu-div:hover .menu-item {
  opacity: 1; }

.dropdown-reverse {
  left: auto !important;
  right: 100%; }

.announcement {
  /*background: $dark-blue;*/
  background: #481b36;
  position: relative;
  padding: 10px 25px; }
  .announcement .carousel-item {
    text-align: center;
    font-weight: 500; }
    .announcement .carousel-item a {
      color: #fff;
      text-decoration: none;
      font-size: 16px; }
    .announcement .carousel-item p {
      color: #fff;
      margin-bottom: 0; }
  .announcement .carousel-control-prev, .announcement .section-news-announcement .tab-content .carousel-control-next, .section-news-announcement .tab-content .announcement .carousel-control-next, .announcement .section-top-heighlight .carousel-control-next, .section-top-heighlight .announcement .carousel-control-next {
    left: 0;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    background: transparent;
    padding: 2px; }
  .announcement .carousel-control-next {
    right: 0;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    background: transparent;
    padding: 2px; }

.header .top-strip {
  background-color: #fff;
  font-weight: 500;
  border-bottom: 1px solid #6f6f6f; }
  .header .top-strip .right {
    color: #fff;
    text-align: right; }
  .header .top-strip a {
    padding: 10px 8px;
    display: inline-block;
    color: #6f6f6f;
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase; }
    .header .top-strip a:hover {
      color: #fff;
      background-color: #5d549c; }
    .header .top-strip a:first-child {
      padding-left: 0; }
  .header .top-strip .social a {
    font-size: 12px;
    padding: 9px 10px; }
    .header .top-strip .social a.fb:hover {
      background: #3b5998;
      color: #fff; }
    .header .top-strip .social a.wtsap:hover {
      background: #25D366;
      color: #fff; }
    .header .top-strip .social a.twit:hover {
      background: #1da1f2;
      color: #fff; }
    .header .top-strip .social a.lnkdn:hover {
      background: #0a66c2;
      color: #fff; }
    .header .top-strip .social a.insgm:hover {
      background: #c32aa3;
      color: #fff; }
    .header .top-strip .social a.ytub:hover {
      background: #ff0000;
      color: #fff; }
    .header .top-strip .social a.phn:hover {
      background: #ffbd07;
      color: #fff; }
    .header .top-strip .social a.msg:hover {
      background: #2678d2;
      color: #fff; }

.header-section {
  padding: 0; }
  .header-section .brand-wrap {
    padding: 20px 0; }
    .header-section .brand-wrap .brandname {
      padding-left: 15px;
      margin-top: 15px; }
      .header-section .brand-wrap .brandname h1 {
        font-size: 26px;
        color: #fff; }
      .header-section .brand-wrap .brandname h2 {
        font-size: 22px;
        color: #fff;
        margin-bottom: 0; }
    .header-section .brand-wrap .right p {
      display: flex;
      color: #fff;
      margin-bottom: 10px; }
      .header-section .brand-wrap .right p svg {
        margin-right: 10px;
        margin-top: 2px; }

.header-section {
  position: relative;
  background-color: #fff; }
  .header-section.header-fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0;
    width: 100%;
    border-bottom: 2px solid #f0491f; }

.menu-section .navbar {
  position: inherit;
  padding: 0;
  width: 100%; }
  .menu-section .navbar .navbar-nav {
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    /*flex-wrap: wrap;*/ }
    .menu-section .navbar .navbar-nav li {
      position: relative; }
      .menu-section .navbar .navbar-nav li a {
        color: #363636;
        font-weight: 600; }
        @media screen and (min-width: 992px) {
          .menu-section .navbar .navbar-nav li a {
            padding: 20px 10px; } }
        .menu-section .navbar .navbar-nav li a.popout {
          background-image: none !important; }
      .menu-section .navbar .navbar-nav li:hover > a {
        color: #f0491f; }
        .menu-section .navbar .navbar-nav li:hover > a:after {
          content: "";
          height: 2px;
          background: #f0491f;
          width: 100%;
          display: block;
          margin-left: 0;
          margin-top: -2px; }
      .menu-section .navbar .navbar-nav li.nav-item {
        padding: 0px 4px; }
      .menu-section .navbar .navbar-nav li .dropdown-item:hover {
        background-color: #f0491f; }
      .menu-section .navbar .navbar-nav li li a:hover:after {
        display: none; }
      .menu-section .navbar .navbar-nav li .dropdown-menu {
        /*background-color: $dark-blue;*/
        background-color: #481b36;
        display: none;
        padding: 10px;
        z-index: 99 !important; }
        .menu-section .navbar .navbar-nav li .dropdown-menu ul {
          top: 0;
          left: 100%; }
        .menu-section .navbar .navbar-nav li .dropdown-menu li:hover {
          /*background-color: $secondary;*/
          background-color: #f0491f; }
        .menu-section .navbar .navbar-nav li .dropdown-menu a {
          color: #fff;
          text-decoration: none;
          font-size: 15px;
          font-weight: 500;
          padding: 6px 10px;
          white-space: nowrap;
          display: inline-block; }
      .menu-section .navbar .navbar-nav li:hover > .dropdown-menu {
        display: block; }
      .menu-section .navbar .navbar-nav li.mega-menu {
        position: inherit !important;
        background: transparent !important; }
        .menu-section .navbar .navbar-nav li.mega-menu:hover > {
          background: transparent !important; }
          .menu-section .navbar .navbar-nav li.mega-menu:hover > .drop-mega-menu {
            display: flex !important;
            flex-flow: row wrap; }
        .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu {
          list-style-type: none !important;
          left: 0 !important;
          top: 100% !important;
          width: 100% !important;
          z-index: 99 !important;
          background-color: #f8f9fa !important;
          display: none !important;
          transition: 1s all ease !important;
          border-bottom: 2px solid #f0491f !important;
          flex-flow: row wrap; }
          @media screen and (min-width: 992px) {
            .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu {
              position: absolute !important;
              padding: 30px 100px !important; } }
          .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu li {
            border-right: 1px solid #d9d9d9 !important; }
          .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu a {
            padding: 10px 0px;
            background-image: none !important;
            white-space: break-spaces !important; }
            .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu a:hover {
              background-color: transparent; }
          .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu ul {
            background: transparent !important;
            display: block !important;
            position: inherit !important;
            border-right: none !important;
            border: none !important;
            left: auto !important;
            top: auto !important; }
            .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu ul li {
              width: 100% !important;
              background: transparent !important;
              border-right: none !important; }
              .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu ul li:hover {
                background: transparent !important; }
              .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu ul li a {
                font-size: 13px !important;
                background: transparent !important;
                font-weight: 500 !important;
                padding: 8px 0 !important; }
                .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu ul li a:hover {
                  background: transparent !important;
                  color: #f0491f !important; }
          .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu li {
            background: transparent !important;
            width: 33.33% !important;
            font-weight: 600 !important;
            padding-left: 15px !important; }
            .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu li:last-child {
              border-right: none !important; }
            .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu li a {
              text-decoration: none !important;
              font-weight: 600 !important;
              font-size: 16px !important;
              color: #000 !important; }
            .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu li .dropdown-mega-menu {
              padding-left: 0px !important;
              padding-right: 15px !important;
              margin-top: 10px !important; }
              .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu li .dropdown-mega-menu li {
                width: auto !important;
                list-style: none !important;
                line-height: 25px !important;
                margin-bottom: 10px !important;
                border-right: none !important;
                padding-left: 0 !important; }
                .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu li .dropdown-mega-menu li a {
                  font-weight: 500 !important;
                  font-size: 15px !important;
                  color: #000 !important; }

.slider-navigation {
  position: relative; }
  .slider-navigation .carousel-item img {
    /*height: 450px;*/
    height: auto; }
  .slider-navigation .carousel-item .video-div {
    height: 500px;
    overflow: hidden;
    width: 100%; }
    .slider-navigation .carousel-item .video-div video {
      width: 100%; }
  .slider-navigation .carousel-caption {
    /*  bottom: auto;
        top: 20%;*/ }
    .slider-navigation .carousel-caption h5 {
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(3px); }
  .slider-navigation .carousel-indicators [data-bs-target] {
    height: 5px;
    background-color: #fff;
    opacity: 1; }
    .slider-navigation .carousel-indicators [data-bs-target].active {
      background-color: #f0491f; }
  .slider-navigation .carousel-caption h5 {
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3px);
    padding-top: 10px; }
  .slider-navigation .carousel-caption p {
    font-size: 16px;
    /* margin-bottom: 10px; */
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3px);
    text-align: center;
    padding-bottom: 10px; }
  .slider-navigation .carousel-caption .read-more {
    position: relative;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    color: #fff; }
    .slider-navigation .carousel-caption .read-more svg {
      margin-top: 3px;
      margin-left: 5px;
      font-size: 15px; }
    .slider-navigation .carousel-caption .read-more:hover {
      border-color: #f0491f;
      color: #f0491f; }
    .slider-navigation .carousel-caption .read-more span {
      border: 2px solid #fff;
      display: inline-block;
      padding: 10px 20px;
      width: 190px;
      margin: auto; }
      .slider-navigation .carousel-caption .read-more span::before, .slider-navigation .carousel-caption .read-more span::after {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        transition: all 0.2s linear;
        background: #f0491f;
        transition-delay: 0s; }
      .slider-navigation .carousel-caption .read-more span:hover::before, .slider-navigation .carousel-caption .read-more span:hover::after {
        height: 51px;
        transition-delay: 0.2s; }
      .slider-navigation .carousel-caption .read-more span::before {
        left: 0;
        top: -14px; }
      .slider-navigation .carousel-caption .read-more span::after {
        right: 0;
        bottom: -15px; }
    .slider-navigation .carousel-caption .read-more::before, .slider-navigation .carousel-caption .read-more::after {
      content: "";
      width: 0;
      height: 2px;
      position: absolute;
      transition: all 0.2s linear;
      background: #f0491f;
      transition-delay: 0.2s; }
    .slider-navigation .carousel-caption .read-more:hover::before, .slider-navigation .carousel-caption .read-more:hover::after {
      width: 100%;
      transition-delay: 0s; }
    .slider-navigation .carousel-caption .read-more::before {
      right: 0;
      top: -14px; }
    .slider-navigation .carousel-caption .read-more::after {
      left: 0;
      bottom: -15px; }

@media only screen and (max-width: 2561px) and (min-width: 1970px) {
  .slider-navigation .carousel-item img {
    height: 1080px; } }

.all-content .mainnav-menu {
  background: #481b36; }

.department-menu {
  /*background: #ff7601;*/
  background-image: linear-gradient(130deg, #481b36 0%, #601642 100%);
  background-image: linear-gradient(130deg, #f0491f 0%, #601642 100%);
  border-radius: 0;
  position: relative;
  /*  padding: 30px 0px;*/
  /*top: 30%;*/
  /*height: 100vh;*/ }
  .department-menu .navbar {
    padding: 0 0; }
  .department-menu .navbar-nav {
    /*flex-direction: column !important;*/ }
    .department-menu .navbar-nav li a {
      text-transform: capitalize;
      color: #fff;
      padding: 10px 10px !important;
      font-size: 16px;
      font-weight: 500; }
    .department-menu .navbar-nav li.has-popup .popout {
      background-image: none !important; }
      .department-menu .navbar-nav li.has-popup .popout:after {
        content: "\f107";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: #fff;
        margin-left: 10px;
        font-size: 14px; }
    .department-menu .navbar-nav li .dropdown-menu {
      /*background: $secondary;*/
      background: #481b36;
      border: none;
      border-radius: 0;
      z-index: 99 !important; }
      .department-menu .navbar-nav li .dropdown-menu li a:hover {
        /*background: #ff7601;*/
        background: #f0491f; }
  @media only screen and (max-width: 768px) {
    .department-menu {
      padding: 10px 0px; } }

h2.title {
  font-size: 30px;
  color: #f0491f;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: left; }

.dept-wrap-content .about-content {
  padding-top: 35px; }
  .dept-wrap-content .about-content p {
    text-align: justify; }

.dept-wrap-content .right-news {
  padding-top: 35px; }
  .dept-wrap-content .right-news h2.title {
    font-size: 30px;
    color: #f0491f;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center; }
  .dept-wrap-content .right-news .newsbox {
    box-shadow: 1px 5px 15px #e5e5e5;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px; }
    .dept-wrap-content .right-news .newsbox ul {
      padding-left: 0; }
      .dept-wrap-content .right-news .newsbox ul li {
        display: flex; }
        .dept-wrap-content .right-news .newsbox ul li:before {
          content: "\f14a";
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          color: #f0491f;
          margin-right: 10px;
          font-size: 14px; }
        .dept-wrap-content .right-news .newsbox ul li a {
          color: #000; }
  .dept-wrap-content .right-news .all-btn-left {
    width: 50%; }
    .dept-wrap-content .right-news .all-btn-left .btn-readmore {
      background: #f0491f;
      text-decoration: none;
      padding: 10px 15px;
      color: #fff;
      font-weight: 500;
      display: inline-block; }
      .dept-wrap-content .right-news .all-btn-left .btn-readmore:hover {
        opacity: 0.9; }
  .dept-wrap-content .right-news .btn-right {
    width: 50%;
    text-align: right;
    padding-top: 5px; }
    .dept-wrap-content .right-news .btn-right .news-arrow {
      display: inline-block;
      padding: 5px 10px;
      background: #363636;
      color: #fff; }
      .dept-wrap-content .right-news .btn-right .news-arrow:hover {
        background: #f0491f; }

ul.list {
  padding-left: 0; }
  ul.list li {
    display: flex; }
    ul.list li:before {
      content: "\f14a";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      color: #f0491f;
      margin-right: 10px;
      font-size: 14px; }
    ul.list li a {
      color: #000; }

.e-card {
  border: 1px solid #7c7c7c;
  padding: 16px;
  border-radius: 18px; }
  .e-card .e-title h4 {
    margin-bottom: 0;
    font-size: 22px;
    color: #481b36;
    margin-top: 10px; }

.about-us {
  padding: 50px 0; }
  .about-us .about-content {
    background: url(../images/About-us-BG.jpg) no-repeat 0 0;
    padding: 40px 48px;
    background-size: cover; }
    .about-us .about-content .about-border {
      border: 2px solid #f0491f;
      padding: 30px 15px; }
      .about-us .about-content .about-border h2 {
        font-size: 24px;
        font-weight: 600;
        color: #fff;
        margin-top: 10px; }
        .about-us .about-content .about-border h2 span {
          border-bottom: 2px solid #fff; }
      .about-us .about-content .about-border p {
        color: #fff;
        font-weight: 500;
        margin-top: 25px;
        text-align: justify;
        margin-right: 20px; }
      .about-us .about-content .about-border .read-more {
        text-decoration: none;
        color: #f0491f;
        font-weight: 500; }
        .about-us .about-content .about-border .read-more svg {
          margin-top: 3px;
          margin-left: 1px; }
        .about-us .about-content .about-border .read-more:hover {
          color: #004fb0; }

.text-justify {
  text-align: justify; }

.news-section {
  padding: 50px 0 0;
  margin-bottom: -50px; }
  .news-section .news-box {
    padding-bottom: 25px; }
    .news-section .news-box .news-title {
      position: relative; }
      .news-section .news-box .news-title span {
        background-color: #f0491f;
        padding: 15px;
        margin-left: 25px;
        margin-top: -22px; }
        .news-section .news-box .news-title span img {
          height: 50px; }
      .news-section .news-box .news-title h2 {
        font-size: 18px;
        padding: 15px;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 29px; }
        .news-section .news-box .news-title h2::before {
          content: "";
          top: 0;
          left: 29px;
          position: absolute;
          background-color: #f0491f;
          height: 2px;
          width: 92%; }
        .news-section .news-box .news-title h2::after {
          content: "";
          bottom: 0;
          left: 29px;
          position: absolute;
          background-color: #f0491f;
          height: 2px;
          width: 78%; }
    .news-section .news-box.box-primary {
      background-color: #004fb0; }
    .news-section .news-box.box-dark {
      background-color: #363636; }
  .news-section .news-scroll {
    margin-bottom: 20px; }
    .news-section .news-scroll ul {
      list-style-type: none;
      padding: 15px 25px; }
      .news-section .news-scroll ul li {
        display: flex;
        font-size: 15px;
        color: #fff;
        line-height: 25px;
        margin-bottom: 20px !important; }
        .news-section .news-scroll ul li svg {
          margin-right: 10px;
          margin-top: 5px; }
        .news-section .news-scroll ul li a {
          color: #fff;
          text-decoration: none;
          font-weight: 500;
          text-transform: capitalize; }
  .news-section .news-arrow {
    float: right;
    margin-right: 15px;
    font-size: 25px;
    color: #fff;
    margin-top: 5px; }
  .news-section .read-more {
    position: relative;
    margin-left: 25px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    color: #fff; }
    .news-section .read-more svg {
      margin-top: 3px;
      margin-left: 5px;
      font-size: 15px; }
    .news-section .read-more:hover {
      border-color: #f0491f;
      color: #f0491f; }
    .news-section .read-more span {
      border: 2px solid #fff;
      display: inline-block;
      padding: 10px 20px;
      width: 140px;
      margin: auto; }
      .news-section .read-more span::before, .news-section .read-more span::after {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        transition: all 0.2s linear;
        background: #f0491f;
        transition-delay: 0s; }
      .news-section .read-more span:hover::before, .news-section .read-more span:hover::after {
        height: 51px;
        transition-delay: 0.2s; }
      .news-section .read-more span::before {
        left: 0;
        top: -14px; }
      .news-section .read-more span::after {
        right: 0;
        bottom: -15px; }
    .news-section .read-more::before, .news-section .read-more::after {
      content: "";
      width: 0;
      height: 2px;
      position: absolute;
      transition: all 0.2s linear;
      background: #f0491f;
      transition-delay: 0.2s; }
    .news-section .read-more:hover::before, .news-section .read-more:hover::after {
      width: 100%;
      transition-delay: 0s; }
    .news-section .read-more::before {
      right: 0;
      top: -14px; }
    .news-section .read-more::after {
      left: 0;
      bottom: -15px; }

.vision-mission {
  padding: 150px 0 50px;
  background-color: #ececec; }
  .vision-mission h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px; }
    .vision-mission h2::after {
      content: "";
      height: 2px;
      background-color: #004fb0;
      width: 120px;
      display: block; }
  .vision-mission p {
    text-align: justify;
    font-size: 15px; }
  .vision-mission .principal-content {
    border-right: 2px solid #d9d9d9;
    padding-right: 40px;
    padding-bottom: 104px; }
  .vision-mission .pric-cont {
    padding: 5px 15px; }
    .vision-mission .pric-cont h3 {
      font-size: 18px;
      font-weight: 600;
      margin-top: 0; }
    .vision-mission .pric-cont svg {
      color: #004fb0;
      margin-right: 10px; }
    .vision-mission .pric-cont p {
      margin-bottom: 5px;
      font-size: 15px; }
  .vision-mission .button-div {
    padding-top: 35px;
    text-align: right;
    padding-left: 25px; }
    .vision-mission .button-div .read-more {
      font-size: 18px;
      padding: 10px 15px;
      background-color: #004fb0;
      color: #fff;
      text-decoration: none; }
      .vision-mission .button-div .read-more:hover {
        background-color: #f0491f; }
      .vision-mission .button-div .read-more svg {
        font-size: 15px; }
  .vision-mission .vision {
    margin-left: 15px;
    border-bottom: 2px solid #d9d9d9;
    padding-bottom: 15px; }
  .vision-mission .mission {
    padding-left: 15px;
    padding-top: 25px; }
    .vision-mission .mission ul {
      padding-left: 0;
      list-style-type: none; }
      .vision-mission .mission ul li {
        display: flex;
        font-size: 15px;
        margin-bottom: 10px;
        text-align: justify; }
        .vision-mission .mission ul li svg {
          margin-top: 5px;
          margin-right: 10px;
          color: #004fb0; }

.our-academics {
  padding: 50px 0;
  margin-top: 30px; }
  .our-academics h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px; }
    .our-academics h2::after {
      content: "";
      height: 2px;
      background-color: #004fb0;
      width: 120px;
      display: block; }
  .our-academics .tab-links {
    padding: 20px 25px 10px 0; }
    .our-academics .tab-links a {
      display: block;
      padding: 10px 20px;
      color: #fff;
      background-color: #f0491f;
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 600;
      text-decoration: none; }
      .our-academics .tab-links a:hover {
        background-color: #004fb0; }
      .our-academics .tab-links a.active {
        background-color: #004fb0; }
  .our-academics .tab-content {
    display: none;
    margin-top: 20px; }
    .our-academics .tab-content.show {
      display: block; }
    .our-academics .tab-content .box {
      position: relative;
      overflow: hidden;
      transition: .6s all ease;
      margin-bottom: 10px;
      cursor: pointer; }
      .our-academics .tab-content .box .overlay {
        transition: .6s all ease;
        position: absolute;
        top: 0px;
        left: 100px;
        background: rgba(0, 79, 176, 0.6);
        padding-top: 37px;
        overflow: hidden;
        width: 0;
        height: 100%; }
        .our-academics .tab-content .box .overlay h2 {
          text-transform: capitalize;
          text-align: center;
          color: #fff; }
          .our-academics .tab-content .box .overlay h2::after {
            display: none; }
      .our-academics .tab-content .box:hover {
        box-shadow: 0px 0px 8px #363636; }
        .our-academics .tab-content .box:hover .overlay {
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          border: 2px solid #fff; }

.our-facilities {
  padding: 50px 0;
  background-color: #ececec; }
  .our-facilities h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px; }
    .our-facilities h2::after {
      content: "";
      height: 2px;
      background-color: #004fb0;
      width: 120px;
      display: block; }
  .our-facilities .facilities-boxes {
    display: flex;
    margin-top: 30px;
    margin-left: -60px; }
    .our-facilities .facilities-boxes .box {
      width: 250px;
      margin: 10px;
      text-align: center; }
      .our-facilities .facilities-boxes .box .img-box {
        width: 110px;
        height: 110px;
        border: 2px solid #004fb0;
        border-radius: 100%;
        margin: 10px auto;
        line-height: 97px;
        cursor: pointer;
        transition: .9s all ease; }
        .our-facilities .facilities-boxes .box .img-box img.hide {
          display: none; }
        .our-facilities .facilities-boxes .box .img-box:hover {
          background-color: #004fb0; }
          .our-facilities .facilities-boxes .box .img-box:hover .show {
            display: none; }
          .our-facilities .facilities-boxes .box .img-box:hover .hide {
            display: inline-block; }
      .our-facilities .facilities-boxes .box h3, .our-facilities .facilities-boxes .box a {
        font-size: 18px;
        font-weight: 600;
        color: #000; }
  .our-facilities .btn-viewall {
    margin-top: 35px; }
    .our-facilities .btn-viewall .read-more {
      background-color: #363636;
      padding: 10px 20px;
      color: #fff;
      font-size: 18px;
      font-weight: 500;
      text-decoration: none; }
      .our-facilities .btn-viewall .read-more svg {
        font-size: 15px;
        margin-left: 5px; }
      .our-facilities .btn-viewall .read-more:hover {
        background-color: #f0491f; }

.imp-links {
  padding: 50px 0; }
  .imp-links h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px; }
    .imp-links h2::after {
      content: "";
      height: 2px;
      background-color: #004fb0;
      width: 120px;
      display: block; }
  .imp-links .link-boxes {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 25px; }
    .imp-links .link-boxes .box {
      width: 213px;
      margin: 10px 5px; }

.section-quicklinks {
  padding: 60px 0; }
  .section-quicklinks .item .disciplinary-box img {
    width: 60px;
    margin: 10px auto; }
    .section-quicklinks .item .disciplinary-box img.white {
      display: none; }
  .section-quicklinks .item .disciplinary-box a {
    display: block;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
    margin: 5px;
    text-align: center;
    font-weight: 500;
    color: #363636;
    font-size: 17px; }
    .section-quicklinks .item .disciplinary-box a:hover {
      background-color: #f0491f;
      color: #fff; }
      .section-quicklinks .item .disciplinary-box a:hover img.black {
        display: none; }
      .section-quicklinks .item .disciplinary-box a:hover img.white {
        display: block; }

.events {
  padding: 50px 0;
  background-color: #ececec; }
  .events h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px; }
    .events h2::after {
      content: "";
      height: 2px;
      background-color: #004fb0;
      width: 120px;
      display: block; }
  .events .event-left {
    position: relative;
    margin-top: 20px; }
    .events .event-left img:nth-of-type(3) {
      position: absolute;
      right: 0;
      bottom: 140px;
      z-index: 2; }
    .events .event-left img:nth-of-type(1) {
      position: inherit;
      z-index: 1; }
    .events .event-left img:nth-of-type(2) {
      position: inherit;
      z-index: 3; }
  .events .event-right {
    margin-left: 25px;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px; }
    .events .event-right img {
      border-radius: 8px;
      width: 100%; }
    .events .event-right h3 {
      font-size: 20px;
      font-weight: 500;
      margin-top: 20px; }
    .events .event-right h4 {
      font-size: 14px;
      font-weight: 500;
      margin-top: 20px; }
    .events .event-right p {
      margin-top: 20px;
      font-size: 14px; }
    .events .event-right .read-more {
      background-color: #004fb0;
      padding: 10px 20px;
      font-size: 16px;
      color: #fff;
      font-weight: 500;
      margin-top: 15px;
      margin-bottom: 20px;
      display: inline-block;
      text-decoration: none; }
      .events .event-right .read-more svg {
        font-size: 15px;
        margin-left: 5px; }
      .events .event-right .read-more:hover {
        background-color: #f0491f; }

.GIGW .ugc-buttons {
  text-align: right; }
  .GIGW .ugc-buttons .btn-default {
    font-weight: 500;
    font-size: 14px;
    color: #6f6f6f;
    padding: 2px 6px; }
    .GIGW .ugc-buttons .btn-default svg {
      font-weight: 100;
      font-size: 12px; }

.section-counter {
  padding-bottom: 60px; }
  .section-counter .count-box {
    display: flex;
    align-items: center;
    border-left: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    /* margin-right: 11px; */
    background: #fff;
    padding: 15px;
    text-align: center;
    justify-content: center; }
    .section-counter .count-box.br-none {
      border-right: none; }
    .section-counter .count-box .count-content {
      padding-left: 20px; }
      .section-counter .count-box .count-content .count-plus:after {
        content: " +";
        /*display: inline-block;*/ }
      .section-counter .count-box .count-content .count {
        font-size: 28px;
        font-weight: 600;
        margin-top: 10px;
        /*color: #212529;*/
        color: #ca1e1c; }
      .section-counter .count-box .count-content h3 {
        font-size: 18px;
        font-weight: 600;
        color: #ca1e1c;
        /*color: #212529;*/ }

.photo-gallery {
  padding: 50px 0; }
  .photo-gallery .heading-center h2 {
    color: #481b36 !important; }
  .photo-gallery .photo-box .photos {
    display: flex;
    flex-flow: row wrap; }
    .photo-gallery .photo-box .photos img {
      margin: .5px; }
  .photo-gallery .press-media h3 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #212529; }
  .photo-gallery .press-media p {
    text-align: center;
    color: #212529; }
  .photo-gallery .video-box {
    position: relative; }
    .photo-gallery .video-box img {
      height: 310px; }
    .photo-gallery .video-box .youtube-icon {
      position: absolute;
      width: 100%;
      height: 100%;
      text-align: center;
      top: 0;
      left: 0;
      padding-top: 30%; }
      .photo-gallery .video-box .youtube-icon .bounce {
        animation: bounce 2s ease infinite;
        font-size: 48px;
        color: #ff0000; }

@keyframes bounce {
  70% {
    transform: translateY(0%); }
  80% {
    transform: translateY(-15%); }
  90% {
    transform: translateY(0%); }
  95% {
    transform: translateY(-7%); }
  97% {
    transform: translateY(0%); }
  99% {
    transform: translateY(-3%); }
  100% {
    transform: translateY(0); } }
  .photo-gallery .read-more {
    background-color: #004fb0;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: none; }
    .photo-gallery .read-more svg {
      font-size: 15px;
      margin-left: 5px; }
    .photo-gallery .read-more:hover {
      background-color: #f0491f; }

.img__banner {
  position: relative; }
  .img__banner img {
    width: 100%;
    height: 270px; }
  .img__banner .captions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 95px 0; }
    .img__banner .captions h2 {
      color: #fff; }

.all_inner_content .left-box {
  padding: 20px; }

.all_inner_content .right-box {
  padding: 20px; }

.all_inner_content .bg-light {
  background: #f8f9fa;
  border-top: 2px solid #ececec; }

.all_inner_content .bg-light-200 {
  background: #ececec;
  border-top: 2px solid #d9d9d9; }

.all_inner_content .bullet-list {
  list-style-type: none;
  padding-left: 0px; }
  .all_inner_content .bullet-list li {
    margin-bottom: 10px;
    display: flex; }
    .all_inner_content .bullet-list li:before {
      content: "\f0a4";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      color: #f0491f;
      margin-right: 10px;
      font-size: 14px; }

.all_inner_content h2 {
  font-size: 30px;
  color: #f0491f;
  font-family: "Agbalumo", serif; }

.all_inner_content h3 {
  font-size: 20px; }

.top-footer {
  background-color: #004fb0;
  padding: 15px;
  border: 3px solid #fff;
  margin-bottom: -60px;
  z-index: 9;
  position: relative; }
  .top-footer .brandlogo {
    width: 95px; }
  .top-footer .brandname {
    padding-left: 15px;
    padding-top: 10px; }
    .top-footer .brandname h1 {
      font-size: 20px;
      color: #fff; }
    .top-footer .brandname h2 {
      font-size: 16px;
      color: #fff; }
  .top-footer .social {
    text-align: right;
    padding-top: 30px; }
    .top-footer .social a {
      font-size: 24px;
      color: #fff;
      padding: 10px; }
      .top-footer .social a:hover {
        color: #f0491f; }

.section-news-announcement {
  padding: 60px 0; }
  .section-news-announcement .nav-tabs {
    border-bottom: none; }
    .section-news-announcement .nav-tabs .nav-link {
      font-size: 18px;
      font-weight: 500;
      background-color: #fff;
      opacity: 1;
      color: #322062;
      border: none;
      border-radius: 0; }
      .section-news-announcement .nav-tabs .nav-link.active {
        background-color: #481b36;
        /*background-color: $dark-blue;*/
        color: #fff; }
  .section-news-announcement .fb-column {
    box-shadow: 1px 2px 9px #d9d9d9; }
  .section-news-announcement .tab-content {
    border-top: 2px solid #481b36;
    margin-top: 1px;
    padding: 35px 25px;
    background-color: #fff;
    box-shadow: 1px 2px 9px #d9d9d9;
    position: relative;
    min-height: 140px; }
    .section-news-announcement .tab-content .newsTicker {
      height: 260px !important; }
      .section-news-announcement .tab-content .newsTicker a {
        color: #ca1e1c; }
      .section-news-announcement .tab-content .newsTicker ul {
        line-height: 35px; }
        .section-news-announcement .tab-content .newsTicker ul li {
          list-style: none; }
    .section-news-announcement .tab-content .uparrow, .section-news-announcement .tab-content .downarrow {
      position: absolute;
      /*bottom: -10px;*/
      right: 40px;
      bottom: 20px;
      margin-right: 20px;
      left: auto;
      color: #fff;
      width: 30px;
      height: 30px;
      border-radius: 100%;
      background-color: #f0491f;
      opacity: 1;
      font-size: 18px;
      font-weight: 600;
      top: auto;
      display: flex;
      align-items: center;
      justify-content: center; }
    .section-news-announcement .tab-content .downarrow {
      right: 0;
      margin-right: 20px;
      bottom: 20px; }
      .section-news-announcement .tab-content .downarrow:hover {
        background-color: #004fb0; }
    .section-news-announcement .tab-content .carousel-control-prev, .section-news-announcement .tab-content .carousel-control-next {
      position: absolute;
      bottom: -10px;
      right: 40px;
      left: auto;
      color: #fff;
      width: 35px;
      height: 35px;
      border-radius: 100%;
      background-color: #f0491f;
      opacity: 1;
      font-size: 20px;
      font-weight: 600;
      top: auto; }
    .section-news-announcement .tab-content .carousel-control-next {
      right: 0; }
      .section-news-announcement .tab-content .carousel-control-next:hover {
        background-color: #004fb0; }
    .section-news-announcement .tab-content .carousel-item p {
      color: #000; }
    .section-news-announcement .tab-content .carousel-item a {
      color: #f0491f;
      text-decoration: none;
      text-transform: capitalize; }
    .section-news-announcement .tab-content .carousel-item h3 {
      font-size: 18px; }
  .section-news-announcement .facebook-feed {
    box-shadow: 1px 2px 9px #d9d9d9; }

.section-top-heighlight {
  padding: 60px 0;
  position: relative; }
  .section-top-heighlight .carousel-item .caption {
    text-align: center;
    background-color: #f0491f;
    padding: 10px; }
    .section-top-heighlight .carousel-item .caption h5 {
      font-size: 18px;
      margin: 0 0 0 0;
      color: #fff; }
  .section-top-heighlight .carousel-control-prev, .section-top-heighlight .section-news-announcement .tab-content .carousel-control-next, .section-news-announcement .tab-content .section-top-heighlight .carousel-control-next, .section-top-heighlight .carousel-control-next {
    width: 26px;
    height: 24px;
    background-color: #d9d9d9;
    top: 45%;
    color: #363636;
    opacity: 1; }
    .section-top-heighlight .carousel-control-prev:hover, .section-top-heighlight .carousel-control-next:hover {
      background-color: #f0491f;
      color: #fff; }
  .section-top-heighlight .carousel-control-next:hover {
    background-color: #f0491f;
    color: #fff; }

.section-spotlight {
  padding: 60px 0; }
  .section-spotlight .naac_logo {
    /*border: 1px dashed #dedede;*/
    /*box-shadow: 1px 1px 8px #efefef;*/ }
  .section-spotlight .heading-section h2 {
    font-size: 32px;
    font-weight: 500;
    color: #481b36; }
    .section-spotlight .heading-section h2 span {
      font-weight: 700;
      color: #f0491f; }
  .section-spotlight .heading-section .right {
    padding-left: 25px; }
    .section-spotlight .heading-section .right h3 {
      font-size: 32px;
      color: #481b36; }
    .section-spotlight .heading-section .right h1 {
      font-size: 40px;
      font-weight: 700;
      /*color: #212529;*/
      color: #481b36; }
      .section-spotlight .heading-section .right h1 span {
        background-color: #f0491f;
        color: #fff;
        padding: 0 10px; }
  .section-spotlight .spot-box {
    padding: 25px 20px;
    border-radius: 8px;
    margin: 15px 5px;
    text-align: center; }
    .section-spotlight .spot-box.d-blue {
      background-color: #2a2550; }
    .section-spotlight .spot-box.m-blue {
      background-color: #2e266c; }
    .section-spotlight .spot-box.l-blue {
      background-color: #463d8d; }
    .section-spotlight .spot-box h3 {
      color: #fff;
      font-size: 37px;
      font-weight: 600; }
    .section-spotlight .spot-box p {
      color: #fff;
      font-size: 20px; }

.international-collaboration {
  padding: 60px 0; }
  .international-collaboration .campus-box {
    text-align: center;
    min-height: 300px !important;
    padding-bottom: 15px; }
    .international-collaboration .campus-box h3 {
      font-weight: 600;
      font-size: 16px;
      padding: 15px;
      min-height: 80px; }

.section-multidisciplinary {
  padding: 60px 0; }
  .section-multidisciplinary .item {
    border-right: 1px solid #d9d9d9; }
  .section-multidisciplinary .disciplinary-box {
    padding: 20px;
    text-align: center;
    height: 150px; }
    .section-multidisciplinary .disciplinary-box h4 {
      font-size: 16px;
      font-weight: 600;
      margin-top: 10px; }
    .section-multidisciplinary .disciplinary-box img {
      width: 50px;
      display: inline-block; }
      .section-multidisciplinary .disciplinary-box img.white {
        display: none; }
    .section-multidisciplinary .disciplinary-box:hover {
      background-color: #f0491f;
      cursor: pointer; }
      .section-multidisciplinary .disciplinary-box:hover img.black {
        display: none; }
      .section-multidisciplinary .disciplinary-box:hover img.white {
        display: inline-block; }
      .section-multidisciplinary .disciplinary-box:hover h4 {
        color: #fff; }

.photo-gallery {
  padding: 60px 0; }
  .photo-gallery .heading-center p {
    margin-bottom: 10px; }

.section-admission-CTA {
  background: url(../../images/CTA-image.jpg) no-repeat 0 0;
  background-size: cover;
  width: 100%;
  padding: 45px 0; }
  .section-admission-CTA .left h2 {
    font-size: 32px;
    color: #fff;
    line-height: 45px;
    font-weight: 600; }
    .section-admission-CTA .left h2 span {
      font-weight: normal; }
  .section-admission-CTA .left .btn-view-all {
    font-size: 16px;
    box-shadow: none; }
  .section-admission-CTA .right {
    padding-left: 60px;
    text-align: center; }
    .section-admission-CTA .right h2 {
      font-size: 32px;
      color: #000;
      font-weight: 600;
      margin-bottom: 15px; }
    .section-admission-CTA .right .btn-apply {
      text-decoration: none;
      padding: 10px 15px;
      background-color: #363636;
      color: #fff;
      font-size: 16px; }
      .section-admission-CTA .right .btn-apply:hover {
        background-color: #004fb0; }

.section-our-visitor {
  padding: 60px 0; }
  .section-our-visitor .visitor-box {
    background-color: #fff;
    background-color: #fff;
    box-shadow: 1px 1px 6px rgba(144, 144, 144, 0.57);
    text-align: center;
    margin: 20px 10px;
    /*padding-bottom: 20px;*/ }
    .section-our-visitor .visitor-box .img-wrap {
      overflow: hidden;
      /*height: 430px;*/ }
    .section-our-visitor .visitor-box img {
      width: 100%;
      height: 100%;
      transition: 1s all ease; }
      .section-our-visitor .visitor-box img:hover {
        transform: scale(1.1); }
    .section-our-visitor .visitor-box p {
      padding: 15px;
      font-weight: 600; }
  @media only screen and (max-width: 768px) {
    .section-our-visitor .owl-nav {
      text-align: center; } }
  .section-our-visitor .owl-nav .owl-prev {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #d9d9d9 !important;
    color: #fff !important;
    font-weight: 600;
    top: 45%;
    left: -40px; }
    @media only screen and (min-width: 768px) {
      .section-our-visitor .owl-nav .owl-prev {
        position: absolute; } }
    .section-our-visitor .owl-nav .owl-prev:hover {
      background-color: #f0491f !important; }
  .section-our-visitor .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #d9d9d9 !important;
    color: #fff !important;
    font-weight: 600;
    top: 45%;
    right: -40px; }
    @media only screen and (min-width: 768px) {
      .section-our-visitor .owl-nav .owl-next {
        position: absolute; } }
    .section-our-visitor .owl-nav .owl-next:hover {
      background-color: #f0491f !important; }

.board-director {
  padding: 40px 0; }
  .board-director .heading-center p span {
    font-size: 25px;
    color: #000;
    font-weight: 600; }
  .board-director .director-box {
    background-color: #fff;
    box-shadow: 1px 1px 16px #919191;
    text-align: center;
    min-height: 465px;
    margin-bottom: 20px; }
    .board-director .director-box .director-detail {
      padding: 15px; }
      .board-director .director-box .director-detail h4 {
        color: #f0491f;
        font-size: 21px; }
      .board-director .director-box .director-detail p {
        text-align: left; }
  @media only screen and (max-width: 768px) {
    .board-director .owl-nav {
      text-align: center; } }
  .board-director .owl-nav .owl-prev {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #d9d9d9 !important;
    color: #fff !important;
    font-weight: 600;
    top: 45%;
    left: -40px; }
    @media only screen and (min-width: 768px) {
      .board-director .owl-nav .owl-prev {
        position: absolute; } }
    .board-director .owl-nav .owl-prev:hover {
      background-color: #f0491f !important; }
  .board-director .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #d9d9d9 !important;
    color: #fff !important;
    font-weight: 600;
    top: 45%;
    right: -40px; }
    @media only screen and (min-width: 768px) {
      .board-director .owl-nav .owl-next {
        position: absolute; } }
    .board-director .owl-nav .owl-next:hover {
      background-color: #f0491f !important; }

.section-campus {
  padding: 60px 0; }
  .section-campus .heading-center p span {
    font-size: 25px;
    color: #000;
    font-weight: 600; }
  .section-campus .campus-box {
    background-color: #fff;
    box-shadow: 0px 0px 4px #919191;
    min-height: 480px;
    position: relative; }
    .section-campus .campus-box .campus-box-body {
      padding: 20px 25px;
      max-height: 200px;
      overflow: hidden; }
    .section-campus .campus-box .img-wrap {
      overflow: hidden;
      height: 220px; }
    .section-campus .campus-box img {
      width: 100%;
      height: 220px; }
    .section-campus .campus-box .img-fluid {
      width: 100%;
      height: 221px;
      object-fit: cover;
      transition: 1s all ease; }
      .section-campus .campus-box .img-fluid:hover {
        transform: scale(1.1); }
    .section-campus .campus-box p {
      text-align: left;
      color: #232020;
      font-weight: 500;
      font-size: 16px; }
      .section-campus .campus-box p a {
        color: #000;
        text-decoration: none; }
        .section-campus .campus-box p a:hover {
          color: #f0491f; }
    .section-campus .campus-box .read-more-footer {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      border-top: 1px solid #ececec;
      padding: 15px 10px; }
  .section-campus .view-all-section {
    text-align: center; }
  @media only screen and (max-width: 768px) {
    .section-campus .owl-nav {
      text-align: center; } }
  .section-campus .owl-nav .owl-prev {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #d9d9d9 !important;
    color: #fff !important;
    font-weight: 600;
    top: 45%;
    left: -40px; }
    @media only screen and (min-width: 768px) {
      .section-campus .owl-nav .owl-prev {
        position: absolute; } }
    .section-campus .owl-nav .owl-prev:hover {
      background-color: #f0491f !important; }
  .section-campus .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #d9d9d9 !important;
    color: #fff !important;
    font-weight: 600;
    top: 45%;
    right: -40px; }
    @media only screen and (min-width: 768px) {
      .section-campus .owl-nav .owl-next {
        position: absolute; } }
    .section-campus .owl-nav .owl-next:hover {
      background-color: #f0491f !important; }

.read-more-btn {
  font-size: 16px;
  color: #f0491f;
  text-decoration: none;
  font-weight: 500; }
  .read-more-btn:hover {
    color: #e37339;
    text-decoration: none; }
  .read-more-btn svg {
    font-weight: normal;
    font-size: 14px; }

.btn-view-all {
  box-shadow: 1px 1px 12px #919191;
  padding: 10px 15px;
  background-color: #f0491f;
  color: #fff;
  text-decoration: none;
  transition: .9s all ease; }
  .btn-view-all:hover {
    box-shadow: none;
    text-decoration: none;
    color: #fff; }

.section-testimonials {
  padding: 60px 0; }
  .section-testimonials .visitor-box {
    overflow: hidden;
    height: auto; }
  .section-testimonials .test-wrap {
    position: relative;
    transition: 1s all ease; }
    .section-testimonials .test-wrap h4 {
      margin-top: 20px;
      font-size: 21px;
      color: #f0491f; }
    .section-testimonials .test-wrap .overlay-cont {
      display: none;
      background: rgba(0, 0, 0, 0.7);
      padding: 15px;
      text-align: center;
      position: absolute;
      left: 0;
      top: 0;
      width: 92%;
      height: 100%;
      margin: 0 15px; }
      .section-testimonials .test-wrap .overlay-cont p {
        color: #fff;
        height: 245px;
        overflow: hidden; }
      .section-testimonials .test-wrap .overlay-cont .read-more-btn {
        background: #f0491f;
        padding: 10px 15px;
        color: #fff;
        transition: 0.1s all ease; }
        .section-testimonials .test-wrap .overlay-cont .read-more-btn:hover {
          border: 2px solid #fff;
          background: transparent;
          color: #fff; }
    .section-testimonials .test-wrap:hover .overlay-cont {
      display: block; }
  .section-testimonials .testim-box {
    position: relative;
    padding: 55px 10px; }
    .section-testimonials .testim-box .quote-left {
      font-size: 36px;
      position: absolute;
      left: 70px;
      top: 0; }
    .section-testimonials .testim-box .quote-right {
      font-size: 36px;
      position: absolute;
      right: 15px;
      bottom: 0; }
    .section-testimonials .testim-box h4 {
      font-size: 16px;
      color: #322062;
      font-weight: 600;
      font-style: italic; }
      .section-testimonials .testim-box h4 span {
        color: #6f6f6f;
        display: block;
        font-size: 15px;
        font-style: normal; }
    .section-testimonials .testim-box p {
      font-weight: 600; }
  .section-testimonials .carousel-indicators {
    margin-top: 25px; }
    .section-testimonials .carousel-indicators .indicate {
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background-color: #d9d9d9; }
      .section-testimonials .carousel-indicators .indicate.active {
        background-color: #6f6f6f; }

.section-keyRecruiters {
  padding: 60px 0; }
  .section-keyRecruiters img {
    filter: grayscale(1); }
    .section-keyRecruiters img:hover {
      filter: none;
      transition: 60ms; }

#toTop {
  position: fixed;
  bottom: 15px;
  right: 15px;
  background-color: #322062;
  color: #fff;
  padding: 5px;
  display: none;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 22px;
  line-height: 10px;
  z-index: 999; }

.alumni-section {
  padding: 60px 0; }
  .alumni-section .alumni-content {
    display: flex; }
    .alumni-section .alumni-content .alumni-photo {
      width: 175px;
      height: 175px;
      border: 1px solid #d9d9d9;
      /*border-radius: 50% 0 50% 50%;*/
      overflow: hidden; }
      .alumni-section .alumni-content .alumni-photo img {
        width: 100%; }
    .alumni-section .alumni-content .amuni-caption {
      width: 80%;
      padding-left: 50px; }
      .alumni-section .alumni-content .amuni-caption h4 {
        text-align: left;
        color: #322062;
        font-weight: 600;
        font-size: 20px; }
      .alumni-section .alumni-content .amuni-caption h5 {
        text-align: left;
        font-weight: 600;
        font-size: 20px; }
      .alumni-section .alumni-content .amuni-caption p {
        text-align: justify;
        font-size: 14px;
        font-style: italic; }
  .alumni-section .carousel-indicators {
    position: static;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .alumni-section .carousel-indicators .thumbiind {
      width: 80px;
      height: 80px;
      border-radius: 100%;
      border: 1px solid #6f6f6f;
      overflow: hidden;
      margin: 10px; }
      .alumni-section .carousel-indicators .thumbiind img {
        display: block;
        opacity: 0.5; }
      .alumni-section .carousel-indicators .thumbiind.active img {
        opacity: 1; }
      .alumni-section .carousel-indicators .thumbiind:hover img {
        opacity: 0.75; }
  .alumni-section .carousel {
    width: 90%;
    margin: auto; }
  .alumni-section .carousel-control-next {
    width: 26px;
    height: 26px;
    border: 1px solid #6f6f6f;
    color: #6f6f6f;
    top: 75px; }
    @media only screen and (min-width: 768px) {
      .alumni-section .carousel-control-next {
        right: -45px; } }
  .alumni-section .carousel-control-prev, .alumni-section .section-news-announcement .tab-content .carousel-control-next, .section-news-announcement .tab-content .alumni-section .carousel-control-next, .alumni-section .section-top-heighlight .carousel-control-next, .section-top-heighlight .alumni-section .carousel-control-next {
    width: 26px;
    height: 26px;
    border: 1px solid #6f6f6f;
    color: #6f6f6f;
    top: 75px; }
    @media only screen and (min-width: 768px) {
      .alumni-section .carousel-control-prev, .alumni-section .section-news-announcement .tab-content .carousel-control-next, .section-news-announcement .tab-content .alumni-section .carousel-control-next, .alumni-section .section-top-heighlight .carousel-control-next, .section-top-heighlight .alumni-section .carousel-control-next {
        left: -45px; } }

.partner-section {
  padding: 60px 0; }

.heading-center {
  text-align: center; }
  .heading-center h2 {
    font-size: 38px;
    color: #f0491f;
    /*font-weight: 600;*/
    font-family: "Agbalumo", serif; }
  .heading-center p {
    font-size: 18px;
    color: #6f6f6f;
    margin-bottom: 30px; }

.footer {
  background-color: #363636;
  padding: 60px 0 10px; }
  .footer .footer-content .footer-brand {
    display: flex;
    align-items: start; }
    .footer .footer-content .footer-brand img {
      width: 100px; }
    .footer .footer-content .footer-brand div {
      border-left: 1px solid #6f6f6f;
      margin-left: 25px;
      padding-left: 25px; }
      .footer .footer-content .footer-brand div p {
        color: #d9d9d9;
        font-weight: 500;
        padding-right: 20px;
        font-size: 17px; }
  .footer .footer-content .social-media-footer {
    margin-top: 35px;
    display: flex; }
    .footer .footer-content .social-media-footer a {
      display: inline-block;
      width: 30px;
      height: 30px;
      color: #fff;
      border: 1px solid #6f6f6f;
      padding: 4px 6px;
      text-align: center;
      margin-right: 15px;
      border-radius: 5px; }
      .footer .footer-content .social-media-footer a svg {
        color: #fff; }
      .footer .footer-content .social-media-footer a:hover {
        background-color: #f0491f; }
    .footer .footer-content .social-media-footer h3 {
      color: #ececec;
      font-size: 25px;
      margin-top: -10px; }
      .footer .footer-content .social-media-footer h3 span {
        font-size: 39px;
        color: #f0491f;
        font-weight: 600; }
      .footer .footer-content .social-media-footer h3 label {
        font-size: 22px;
        color: #f0491f;
        font-weight: 600; }
  .footer .footer-content h3 {
    font-size: 19px;
    color: #fff;
    margin-bottom: 25px;
    pointer-events: none; }
  .footer .footer-content p {
    color: #fff;
    display: flex; }
  .footer .footer-content svg {
    color: #d9d9d9;
    margin-right: 10px; }
  .footer .footer-content ul {
    padding-left: 0;
    list-style-type: none; }
    .footer .footer-content ul li {
      margin-bottom: 10px; }
      .footer .footer-content ul li a {
        color: #d9d9d9;
        text-decoration: none;
        font-size: 15px;
        display: flex; }
        .footer .footer-content ul li a:hover {
          color: #f0491f; }
  .footer .copyright {
    padding: 15px 0;
    color: #fff; }
    .footer .copyright a {
      font-weight: 600;
      color: #f0491f; }
    .footer .copyright p {
      margin-bottom: 5px; }

.copyright-footer {
  background-color: #000;
  padding: 15px 0; }
  .copyright-footer p {
    margin-bottom: 0;
    color: #f8f9fa; }
    .copyright-footer p a {
      color: #f0491f; }
  .copyright-footer .hit-counter {
    text-align: right; }

#pdfModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.77);
  justify-content: center;
  align-items: center;
  z-index: 111; }

#pdfContainer {
  background-color: #fff;
  /*padding: 20px;*/
  max-width: 80%;
  height: 95vh;
  /*max-height: 100%;*/
  /*overflow: auto;*/
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
  margin: 0rem auto; }

.closeBtn {
  display: flex;
  justify-content: end;
  font-size: 20px;
  font-weight: 600;
  background: #323639;
  color: #fff;
  padding: 0 15px;
  cursor: pointer; }

#excelModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.77);
  justify-content: center;
  align-items: center;
  z-index: 111; }

#excelContainer {
  background-color: #fff;
  /*padding: 20px;*/
  max-width: 80%;
  height: 95vh;
  /*max-height: 100%;*/
  /*overflow: auto;*/
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
  margin: 0rem auto; }

@media screen and (min-width: 1440px) {
  .slider-navigation .carousel-item .video-div {
    height: auto !important; } }

@media (max-width: 1024px) {
  .vision-mission .d-flex {
    flex-flow: row wrap; }
  .vision-mission .pric-cont {
    padding: 5px 5px; }
  .vision-mission .button-div {
    padding-left: 5px; } }

@media (max-width: 767px) {
  .menu-section .navbar .navbar-nav li.mega-menu .drop-mega-menu li {
    width: 100% !important; }
  .menu-section .navbar .navbar-nav li.mega-menu:hover > .drop-mega-menu {
    display: block;
    padding: 30px; }
  .menu-section .navbar .navbar-nav li.mega-menu:hover > .drop-mega-menu li {
    border-right: none; }
  .header .top-strip a {
    font-size: 13px;
    padding: 10px 5px; }
  .header .brand-wrap {
    padding: 10px 0; }
    .header .brand-wrap .brandname h1 {
      font-size: 16px; }
    .header .brand-wrap .brandname h2 {
      font-size: 15px; }
    .header .brand-wrap .right p {
      margin-bottom: 0px;
      font-size: 14px;
      margin-top: 5px; }
  .top-strip .left {
    display: flex;
    overflow-x: auto;
    white-space: nowrap; }
  .header-section.header-fix {
    position: inherit; }
  .header-section .navbar-toggler svg {
    color: #f0491f; }
  .menu-section .navbar .navbar-nav {
    align-items: flex-start;
    justify-content: flex-start; }
    .menu-section .navbar .navbar-nav .mega-menu {
      position: relative; }
      .menu-section .navbar .navbar-nav .mega-menu .drop-mega-menu {
        flex-flow: row wrap;
        padding: 30px 20px !important; }
        .menu-section .navbar .navbar-nav .mega-menu .drop-mega-menu li {
          width: 100% !important;
          border-right: none !important; }
  .slider-navigation .carousel-item img {
    height: auto; }
  .slider-navigation .carousel-item .video-div {
    height: auto; }
  .slider-navigation .carousel-item .video-div video {
    width: 100%; }
  .section-news-announcement .nav-tabs .nav-link {
    width: 100%; }
  .section-campus .campus-box {
    margin-bottom: 20px; }
  .section-spotlight .heading-section {
    text-align: center; }
  .section-multidisciplinary .owl-nav {
    display: none; }
  .section-multidisciplinary .item {
    border-right: none; }
  .photo-gallery .photo-box .photos {
    justify-content: center;
    align-content: center; }
  .slider-navigation .carousel-caption {
    bottom: auto;
    top: 5%; }
    .slider-navigation .carousel-caption h5 {
      font-size: 22px; }
    .slider-navigation .carousel-caption p {
      font-size: 15px; }
  .about-us .about-content {
    padding: 40px 20px; }
    .about-us .about-content .about-border p {
      margin-right: 0; }
  .news-section .news-box {
    margin-top: 35px; }
  .vision-mission .d-flex {
    flex-flow: row wrap; }
  .vision-mission .pric-cont {
    padding: 5px 5px; }
  .vision-mission .button-div {
    padding-left: 5px; }
  .our-academics .tab-content .box {
    text-align: center; }
    .our-academics .tab-content .box img {
      width: 100%; }
  .our-academics .tab-links {
    padding: 20px 0px 10px 0; }
  .imp-links h2 {
    text-align: center; }
    .imp-links h2::after {
      margin: auto; }
  .events h2 {
    text-align: center; }
    .events h2::after {
      margin: auto; }
  .events .event-left {
    text-align: center; }
    .events .event-left img {
      position: relative;
      margin-bottom: 15px; }
      .events .event-left img:nth-of-type(3) {
        position: relative;
        right: auto;
        bottom: auto; }
  .events .event-right {
    margin-left: 0; }
  .photo-gallery {
    padding: 15px 0; }
    .photo-gallery h2 {
      text-align: center; }
      .photo-gallery h2::after {
        margin: auto; }
    .photo-gallery .read-more {
      margin-top: 0px;
      margin-bottom: 40px; }
    .photo-gallery .press-media {
      text-align: center;
      margin-top: 30px; }
    .photo-gallery .video-box .youtube-icon {
      padding-top: 45%; }
  .section-counter .count-box {
    border-right: none;
    border-bottom: 2px solid #d9d9d9; }
  .section-admission-CTA {
    background-size: cover; }
    .section-admission-CTA h2 {
      font-size: 26px; }
    .section-admission-CTA .left {
      text-align: center; }
    .section-admission-CTA .right {
      padding-left: 0; }
      .section-admission-CTA .right h2 {
        color: #fff; }
  .section-our-visitor .owl-nav .owl-next {
    right: 0; }
  .section-our-visitor .owl-nav .owl-prev {
    left: 0; }
  .section-campus .owl-nav .owl-next {
    right: 0; }
  .section-campus .owl-nav .owl-prev {
    left: 0; }
  .section-keyRecruiters {
    text-align: center; }
  .footer .footer-content h3 {
    pointer-events: visible; }
  .alumni-section .carousel-indicators .thumbiind {
    height: 45px;
    width: 45px; }
  .alumni-section .alumni-content {
    flex-flow: row wrap; }
  .alumni-section .alumni-content .amuni-caption {
    width: 100%;
    padding-left: 0; }
  .partner-section .owl-nav {
    display: none; }
  .our-facilities .facilities-boxes {
    flex-flow: row wrap;
    justify-content: center;
    margin-left: 0; }
  .our-facilities h2 {
    text-align: center; }
    .our-facilities h2::after {
      margin: auto; }
  .top-footer .brandname h1 {
    font-size: 16px; }
  .top-footer .brandname h2 {
    font-size: 14px; }
  .top-footer .social {
    text-align: center;
    padding-top: 10px; }
  .footer .footer-content ul {
    display: none; }
  .footer .footer-content .col-sm-4:nth-of-type(1) h3 {
    padding: 8px 0; }
    .footer .footer-content .col-sm-4:nth-of-type(1) h3::before {
      content: "+";
      margin-right: 5px;
      font-size: 22px;
      background-color: #f0491f;
      padding: 2px 8px;
      font-weight: 600; }
  .footer .footer-content .col-sm-4:nth-of-type(2) h3 {
    padding: 8px 0; }
    .footer .footer-content .col-sm-4:nth-of-type(2) h3::before {
      content: "+";
      margin-right: 5px;
      font-size: 22px;
      background-color: #f0491f;
      padding: 2px 8px;
      font-weight: 600; }
  .footer .footer-content .col-sm-4:nth-of-type(3) h3 {
    padding: 8px 0; }
    .footer .footer-content .col-sm-4:nth-of-type(3) h3::before {
      content: "+";
      margin-right: 5px;
      font-size: 22px;
      background-color: #f0491f;
      padding: 2px 8px;
      font-weight: 600; }
  .department-menu {
    height: 100%; } }

.dept_banner {
  height: 400px;
  position: relative; }
  .dept_banner .item img {
    height: 400px;
    width: 100%; }
  .dept_banner .captions {
    position: absolute;
    /* bottom: 0; */
    top: 50%;
    z-index: 9;
    left: 50%;
    transform: translate(-50%, -50%); }
    .dept_banner .captions .inner--content .twelve {
      position: relative;
      background: #f8f8f8a1;
      min-width: 300px;
      max-width: 500px;
      padding: 2em;
      margin: 1.5em auto;
      border: 3px solid rgba(0, 0, 0, 0.08); }
      .dept_banner .captions .inner--content .twelve h1 {
        position: relative;
        padding: 0;
        margin: 0;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        font-size: 40px;
        color: #080808;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        font-size: 26px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        width: 160px;
        text-align: center;
        margin: auto;
        white-space: nowrap;
        padding-bottom: 13px; }
        .dept_banner .captions .inner--content .twelve h1:before {
          background-color: #c50000;
          content: '';
          display: block;
          height: 3px;
          width: 75px;
          margin-bottom: 5px; }
        .dept_banner .captions .inner--content .twelve h1:after {
          background-color: #c50000;
          content: '';
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          height: 3px;
          width: 75px;
          margin-bottom: 0.25em; }

.dept_inner_content h2 {
  font-size: 30px;
  color: #f0491f; }

.dept_inner_content h3 {
  font-size: 20px; }

.img_wrap-testomonial {
  /* display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F7F7F7;*/ }
  .img_wrap-testomonial img {
    /*width: 200px !important;
        height: 200px !important;*/
    /*border-radius: 50%;*/
    /*object-fit: cover;*/ }

.dept_item {
  text-decoration: none;
  background: #FFF;
  margin: 10px;
  filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.35));
  position: relative;
  text-align: center;
  margin-bottom: 50px; }

.dept_item .img-fluid {
  min-height: 210px;
  height: 210px;
  width: 100%;
  object-fit: cover; }

.dept_item h2 {
  padding: 10px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold; }

.dept_section_card a {
  text-decoration: none; }

.body_paragraph {
  font-size: 15px !important;
  color: #212529 !important;
  font-family: 'Montserrat', sans-serif !important; }

.body_heading_h4, .body_heading_h3 {
  font-size: 24px !important;
  color: #212529 !important;
  font-family: 'Montserrat', sans-serif !important; }

.body_link__orange {
  font-size: 24px !important;
  color: #212529 !important;
  font-family: 'Montserrat', sans-serif !important;
  text-decoration: none !important; }