/*
Theme Name: KUHeS
Theme URI: http://www.kuhes.ac.mw/KUHeS
Author: Joel Kumwenda
Author URI : https://github.com/jkumwenda
Description: KUHeS Theme 2019 theme is simple and clean, good for holiday resort but can be customized for other use, and designed for clarity. Palm 2015 is based built using bootstrap that means it adapts to different device sizes.
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, green, white, dark, light, two-columns, left-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images
Text Domain: KUHeS Theme
This theme, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url("css/bootstrap.min.css");
@import url("fonts/MaterialIcons/css/materialdesignicons.min.css");
@import url("fonts/fontawesome/css/all.css");
@import url("./custom.css");

@font-face {
  font-family: Open_Sans;
  src: url("fonts/open_sans/OpenSans-Regular.ttf");
}

@font-face {
  font-family: Inter;
  src: url("fonts/Inter/Inter-Black.ttf");
}

@font-face {
  font-family: LibreFranklin;
  src: url("fonts/LibreFranklin/LibreFranklin-Regular.ttf");
}

@font-face {
  font-family: VarelaRound;
  src: url("fonts/varela/VarelaRound-Regular.ttf");
}

@font-face {
  font-family: Poppins;
  src: url("fonts/Poppins/Poppins-Regular.ttf");
}

html,
body {
  font-family: Poppins, LibreFranklin, Open_Sans !important;
  height: 100%;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Inter !important;
  font-weight: 900;
  color: #2D3748;
}

.main-container {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  grid-template-columns: 100%;
  border-top: 8px solid #2a2e7c;
}

/* Navigation */
.navbar {
  background-color: #ffffff;
}
.navbar .navbar-brand {
  color: #505151;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #052f6b;
}
.navbar .navbar-text {
  color: #505151;
}
.navbar .navbar-text a {
  color: #052f6b;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #052f6b;
}
.navbar .navbar-nav .nav-link {
  color: #505151;
  border-radius: 0.25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #052f6b;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #052f6b;
  background-color: #ffffff;
}
.navbar .navbar-toggler {
  border-color: #ffffff;
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
  background-color: #ffffff;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  color: #505151;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #505151;
}
.navbar .navbar-link {
  color: #505151;
}
.navbar .navbar-link:hover {
  color: #052f6b;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #505151;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #052f6b;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #052f6b;
    background-color: #ffffff;
  }
  .corner-col {
    border-left: 10px solid #f89822;
    border-bottom: 10px solid #f89822;
    position: absolute;
    padding: 30px;
    border-radius: 0px 0px 0px 80px;
    right: 0px;
    top: 0px;
  }
  .corner-col {
    display: none;
  }

  .header-search{
    visibility: hidden;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #505151;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #052f6b;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #052f6b;
    background-color: #ffffff;
  }

  .corner-col {
    border-left: 10px solid #f89822;
    border-bottom: 10px solid #f89822;
    position: absolute;
    padding: 30px;
    border-radius: 0px 0px 0px 80px;
    right: 0px;
    top: 0px;
  }

  .programmes_tab ul {
    display: grid;
    grid-template-rows: auto auto auto;
    grid-gap: 20px;
    list-style: none;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #505151;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #052f6b;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #052f6b;
    background-color: #ffffff;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #505151;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #052f6b;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #052f6b;
    background-color: #ffffff;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #505151;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #052f6b;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #052f6b;
  background-color: #ffffff;
}
.navbar-nav > li {
  padding-left: 3 0px;
  padding-right: 0px;
  text-transform: uppercase;
  font-size: 15px;
}


.header-search{
  background-color: #2A2E7C;
  color: #df891f !important;
  padding: 15px !important;
  border-radius: 2px 2px 2px 20px;
}


/* End navigation */
.main-col{
  display: grid;
  gap:50px;
}

/* Slider */
.slider-col {
  background-color: #f2f2f2;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0px;
}

.slider {
  background-color: #2a2e7c;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-content: center;
  margin: 20px;
  border-radius: 8px 8px 8px 80px;
  padding: 10px;
  color: #e4ecf9;
}

.slider-caption{
  /* background-color: black; */
  border-radius: 12px;
  padding: 20px;
}

h1.slider-title {
  font-weight: bold;
  color: #FFF !important;
    text-shadow: 2px 2px 5px 5px #f00;
 }

.corner-col {
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
  background: linear-gradient(45deg, #f89822, #2a2e7c) border-box; /*3*/
  -webkit-mask: /*4*/ linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; /*5'*/
  mask-composite: exclude; /*5*/

  position: absolute;
  padding: 60px;
  border-radius: 0px 0px 0px 80px;
  right: 0px;
  top: 0px;
  z-index: 1000;
}
.slider-img {
  border-radius: 4px 4px 4px 70px;
}

.slider-row {
  background-color: #f2f2f2;
}

.slider-content {
  text-align: center;
}

.slider-content ul {
  display: grid;
  grid-template-columns: auto auto;
  gap: 4;
  justify-content: center;
  align-items: center;
  padding: 0px;
  list-style: none;
  margin: 10px;
  font-family: LibreFranklin;
}

.findmore-col {
  padding: 50px 0px 50px 0px;
}

.findmore-row {
  display: grid;
  grid-template-rows: auto auto;
  padding-top: 30px;
}

.findmore-ul ul {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 0px;
  margin-top: 20px;
  list-style: none;
}

.findmore-ul ul li {
  font-size: 24px;
  font-weight: bold;
  display: block;
}
.findmore-ul li a {
  color: #052f6b;
  text-decoration: none;
}
.findmore-ul ul li a:hover {
  color: #3399fe;
  text-decoration: none;
}

.findmore-title {
  font-weight: bold !important;
  text-transform: uppercase;
  font-size: 14px;
}

.slider-content ul a {
  background: #f89822;
  padding: 10px 18px 10px 18px;
  font-weight: bolder;
  color: #2a2e7c;
  margin: 6px;
  border-radius: 16px;
  text-decoration: none;
}

.slider-content ul a:hover {
  background-color: #df891f;
}

/*Programme Search*/
.programme-search-col {
  padding: 10px;
  color: #e4ecf9;
}
.search-content {
  padding: 20px;
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: center;
  background-color: #2a2e7c;
  border-radius: 8px 8px 8px 40px;
}
.search-title {
  color: #b5b8fa;
  font-weight: bold;
  text-align: center;
}
.search-text {
  color: #e4ecf9;
  text-align: center;
}
.search-btn {
  color: #2a2e7c;
  font-weight: bold;
  font-size: 18px;
  border-radius: 15px;
}
.search-btn:hover {
  background-color: #2a2e7c;
  color: #cd7917;
  font-weight: bold;
}
.search-form {
  background-color: #eaeaf2;
  border-radius: 15px;
}
.mdi-magnify {
  padding: 0px;
  margin: 0px;
}
.search-input {
  border-radius: 15px !important;
  margin-right: 5px;
}

/*End Programme Search*/
/* //////////////////////////////////////////////////////////////////////////////////////////Cleaned */
/*Featured news content*/
.featured-news-col {
  border: 1px solid #edf2f7;
  background-color: #E3E8F0;
  padding: 20px;
  border-radius: 10px;
}

.featured-news-title {
  font-weight: bold;
}

.featured-news-text {
  padding: 20px;
}
/*End Featured news content*/

/* Latest news css */
.section-title{
  padding: 0px 0px 20px 0px;
  text-align: center;
  font-size: 36px;
  color: #2D3748;
}

.latest-news{
  display: grid;
  gap: 4px;
}

.news-date{
  padding: 10px 0px 10px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #8B8C9E;
}

.news-title{
  color: #52535A;
  font-weight: bold;
}

.event-main-row{
  background-color: #F7FAFC;
  padding: 40px 0px;
}

.events-col{
  display: grid;
  grid-template-columns: auto 1fr;
  border: 2px solid #2a2e7c;
  background-color: #2a2e7c;
  border-radius: 5px 5px 5px 20px;
  padding: 0px;
}

.events-date{
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 2px;
  background-color: #2a2e7c;
  padding: 15px 25px;
  color: #e4ecf9;
  font-weight: bold;
  border-radius: 0px 0px 0px 18px;
}

.events-date h4{
  font-size: 20px;
    color: #e4ecf9;
}

.events-date h5{
  font-size: 16px;
  color: #e4ecf9;
}

.events-date h6{
  font-size: 13px;
}

.events-date h4, .events-date h5, .events-date h6{
  font-weight: bold;
  text-align: center;
  margin: 0px;
}

.events-details{
  display: grid;
  grid-template-rows: auto auto;
  gap: 4px;
  align-content: center;
  padding: 10px;
  background-color: #f7fafc;
  border-radius: 5px 5px 5px 5px;
}

.events-details h5{
  text-align: left;
  padding: 0px;
  margin: 0px;
  font-size: 18px;
}

.events-details p{
  text-align: left;
  padding: 0px;
  margin: 0px;
  align-content: center;
  font-size: 16px;
}

.events-details i.mdi{
  padding: 0px;
  margin: 0px;
  font-size: 20px;
}

.events-details a{
  color: #2a2e7c;
  text-decoration: none;
}

.events-details a:hover{
  color: #3399fe;
}

img{
 border-radius: 10px;
}

/* //////////////////////////////////////////////////////////////////////////////////////////end Cleaned */

/*latest event css */
.latest-event-row {
  padding: 0px !important;
}
/*latest event css */

/*schools tab css */

.schools-tab-col-main{
  display: grid;
  align-items: center;
}

.schools-tab-col {
  background-color: #f2f2f2;
  padding: 30px 0px;
  align-items: center;
}

.schools-tab-img{
  display: grid;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
}

.schools-img{
  border-radius: 10px;
}

.schools-tab-nav{
  display: grid;
}

.schools-tab-nav {
  background-color: #2a2e7c;
  color: aliceblue;
  padding: 20px;
  list-style: none;
  border-radius: 10px;
}

.schools-tab-nav ul {
padding: 0px;
list-style: none;
}

.schools-tab-nav ul li {
padding: 5px 0px;
}

.schools-tab-nav ul li a {
 color: #b5b8fa;
 text-decoration: none;
}

.schools-tab-nav ul li a:hover {
 color: #3399fe;
 text-decoration: none;
}

.schools-tab-nav ul li:before {
  content: "\25A2";
  font-size: 20px;
  line-height: 22px;
  vertical-align: middle;
  color: #df891f;
  margin-right: 10px;
  font-weight: bold;
}

/* History section */
.history-section-title{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  background-color: #E3E8F0;
}

.history-section-content{
  padding-top: 10px;
  padding-bottom: 10px;
}

.history-section-content ul{
  padding-left: 15px;
}

@media (max-width: 767px) {
  .history-section-title{
    text-align: left;
  }
}

/* Who we are */

.who-we-are-row{
    background-color: #E3E8F0;
    margin-top: 40px;
}
.who-we-are{
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.who-we-are-item{
  background-color: #FFF;
  /* box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); */
  transition: box-shadow .25s ease-in-out;
  /* box-shadow: rgb(0 0 0 / 12%) 0px 4px 8px 0px, rgb(0 0 0 / 8%) 0px 2px 4px 0px; */
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  align-items: center;
  text-align: center;
  padding: 30px;
  border-radius: 10px;
}

.who-we-are-item h5{
  font-weight: bold;
  padding: 10px;
  /* border-bottom: 2px solid #cd7917; */
  color: #20235d;
}

.who-we-are-item ul{
  list-style: none;
}

.who-we-are-img-title{
  display: grid;
  grid-template-rows: auto;
  justify-items:right;
  align-items: center;
  text-align: right;
  /* color: #cd7917; */
  font-weight: bolder;
}

.who-we-are-item img{
    border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 4px;

}

/* Leadership css */
.leadership-row-main{
  display: grid;
}

.leadership-row{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 50px;
}

.leadership-page-title{
  padding-bottom: 30px;
}

.profile{
  display: grid;
  gap: 15px;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
}

.profile-content{
  padding: 20px;
  text-align: center;
}

.vc-profile-text-col{
  justify-items: center;
  display: table;
}

.vc-profile-text{
    display: table-cell;
    vertical-align: middle;
}

.leadership-menu{
  /* background-color: #E3E8F0; */
  border-top: 4px solid #E3E8F0;
  border-bottom: 4px solid #E3E8F0;
  padding: 20px 0px 0px;
}

.leadership-menu ul{
  grid-template-columns: 1fr 1fr 1fr;
  list-style: none;
  display: grid;
  gap: 20px;
  padding: 0px;

}

.leadership-menu ul li{
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 4px;
}

.leadership-menu ul li a{
  font-size: 18px;
  color: #2D3748;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 15px;
}

.leadership-menu ul li a:hover{
  color: #2a2e7c;
}

.research-all-wrap{
  display: grid;
  grid-template-columns: auto 1fr;
  background-color: #EFF8FC;
  border-radius: 15px;
  margin-bottom: 10px;
  padding: 0px;
}

.research-all-wrap h5{
  padding: 20px;
  margin-bottom: 0px;
}

.research-count{
  background-color: #20235d;
  color: #e4ecf9;
  border-radius: 15px 0px;
}

.research-all-wrap h5 a{
  color: #20235d;
}

.schools-tab-row {
  padding: 20px 0px 20px 0px;
}

.schools-tab-text ul {
  display: grid;
  gap: 20px;
  list-style: none;
  padding-left: 15px;
}

.schools-tab-title {
  color: #df891f;
  font-weight: bold;
}
.schools-tab-image {
  padding: 0px;
}

/*schools tab end css */
.read-more {
  color: #2a2e7c;
  font-weight: 900;
}

.main-col{
    border-radius: 8px 8px 8px 80px;
    padding: 20px 20px 20px 20px;
    background-color: #FFF;
    
}

.content-row {
  display: grid;
  grid-template-rows: auto 1fr;
  background-color: #2a2e7c;
  padding: 40px;
}

.home-content-row {
  display: grid;
  grid-template-rows: 1fr auto auto;
  gap: 20px;
}

.content-col {
  display: grid;
  /* padding: 20px 0px 20px 0px; */
  row-gap: 20px;
  margin: 20px;
}

.content-header{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.content-header-text h2{
  color: #edf2f7;
}

.content-header-text{
  background-color: #20235d;
  color: #f1f1f1;
  padding: 40px;
  border-radius: 2px 2px 0px 60px;
  margin-bottom: 20px;
}

.content-wrap .row{
  margin-bottom: 20px;
  margin-top: 20px;
}

.world-class-education{
  text-align: center;
}

.f-text h2{
  color: #20235d;
}

.content-wrap-text{
  background-color: #F1F1F1;
  padding: 30px;
}

.content-wrap-thumbnail img{
  border-radius: 0px;
  vertical-align: middle;
}

.content-wrap-thumbnail{
  padding-top: 30px;
  padding-top: auto;
  padding-bottom: auto;
  padding-left: 0px;
  padding-right: 0px;
}

.student-research-wrap .row{
  margin-bottom: 20px;
  margin-top: 20px;
}

.student-research-wrap-text{
  background-color: #f7fafc;
  padding: 20px 0px 20px 20px;
}

.tab-title{
  padding: 15px 0px 15px 0px;
}

.student-research-wrap-thumbnail img{
  border-radius: 0px;
  vertical-align: middle;
}

.student-research-wrap-thumbnail{
  padding-top: auto;
  padding-bottom: auto;
  padding-left: 0px;
  padding-right: 0px;
}

.btn-research-col ul{
 list-style: none;
 padding: 0px;
}

.btn-research-col ul li a{
  background-color: #2D3748 !important;
  border-radius: 8px !important;
  padding: 15px 30px;
  border: 2px solid #2D3748 !important;
  color: #E3E8F0;
  text-transform: uppercase;
  font-weight: 900;
}

.btn-research-col ul li a:hover{
  background-color: #485667 !important;
  border-radius: 8px !important;
  padding: 15px 30px;
  border: 2px solid #2D3748 !important;
  color: #E3E8F0;
  text-decoration: none;
}

.btn-research-col{
  text-align: center;
  padding-bottom: 30px;
}

.research-menu-row img{
  border-radius: 0px;
}

.research-menu-row{
   position: relative;
}

.research-menu-row ul{
  list-style: none;
  padding: 0px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: grid;
  gap: 15px;
}

.research-menu-row ul li:before {
  /* content: "\2744";  */
  content: "\25A2";
  line-height: 24px;
  color: #df891f;
  margin-right: 8px;
  font-weight: bolder;
  font-size: 18px;
}

.research-menu-row ul li a{
  color: #2D3748;
  font-size: 18px;
  font-weight: bold;
}

.research-menu-row ul li a:hover{
  color: #3399fe;
  text-decoration: none;

}

.application-content{
 display: grid;
 row-gap: 20px;
}

.application-content h1{
  display: block;
  text-align: center;
  padding: 20px;
}

.application-content h5{
  border-top: 1px solid #2D3748;
  padding-top: 20px;
}

.btn-start-application{
  background-color: #2D3748 !important;
  border-radius: 10px !important;
  color: #e9ecef !important;
  border: 2px solid #2D3748 !important;
  align-self: center;
  padding: 20px;
}

.btn-start-application:hover{
  background-color: #8B8C9E !important;
  color: #Fff !important;
}

p.application-link{
  text-align: center;
}

.requiremebts-col{
  display: grid;
  grid-template-rows: auto 1fr;
  background-color: #EFF8FC;
  padding: 20px;
}

.requirements-title{
  text-align: center;
  display: block;
  padding: 30px;
}

.requirements{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.financial-support-col{
  background-color: #cd7917;
  padding: 30px 10px;
  font-weight: 800;
}

.financial-support-title{
  color: #20235d;
}

.tuition-title{
  background-color: #20235d;
  padding: 10px;
  color: #e9ecef;
  border-radius: 4px;
}

.rsc-introduction{
  background-color: #EFF8FC;
  padding: 40px 0px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.rsc-footer{
  background-color: #cd7917;
  padding: 40px 0px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.rsc-tab img{
  border-radius: 0px;
}

.rsc-tab-content{
  padding-top: 20px;
}

.rsc-annoucement{
  padding-bottom: 30px;
}

.rsc-footer-title{
  color: #20235d;; 
  padding-bottom: 20px;
}

.rsc-link h6{
  border-top: 1px solid #052f6b;
  padding: 15px 0px;
}

.rsc-link a{
  color: #20235d;
  font-size: 18px;
  font-weight: 900;
}

.content-header-thumbnail{
  margin-top: 20px;
}

.content-header-thumbnail img{
  border-radius: 0px;
}

.programmes_tab ul {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  list-style: none;
}

.programmes_tab ul li {
  text-align: center;
  border: 6px solid #2a2e7c;
  border-radius: 3px 3px 3px 20px;

  font-size: larger;
  text-transform: uppercase;
}

.programmes_tab ul li:hover {
  background-color: #2a2e7c;
}

.programmes_tab ul li a {
  display: block;
  padding: 60px;
  text-decoration: none;
  color: #2a2e7c;
}

.programmes_tab ul li a:hover {
  display: block;
  padding: 60px;
  text-decoration: none;
  color: #df891f;
}

/* ============ desktop view ============ */
@media all {
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
    text-transform: capitalize !important;
    border-left: 4px solid #052f6b;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
}
/* ============ desktop view .end// ============ */

.mdi {
  font-size: 35px;
}

.email {
  display: grid;
  grid-template-rows: auto auto auto;
}

.programme_contact {
  background-color: #f2f2f2;
  padding: 20px 0px;
}

.contact-sidebar {
  background-color: #2a2e7c;
  border-radius: 4px 4px 4px 40px;
  color: #b5b8fa;
  padding: 30px;
}
.contact-sidebar h5 {
  color: #df891f;
}
.form-control {
  border-radius: 15px;
}
.btn {
  background-color: #df891f;
  border-radius: 15px;
  border: 2px solid #cd7917;
}

.btn-read-more{
  background-color: #2a2e7c !important;
  color: #b5b8fa;
  border-radius: 10px !important;
  border: 1px solid #052f6b !important;
  text-transform: uppercase;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: bold;
}

.slider-col {
  display: grid;
  grid-template-columns: 1fr;
}

.header-row {
  border-bottom: 0px solid #2a2e7c;
}

@media (max-width: 767px) {
  .programmes_tab ul {
    display: inline-block;
    grid-gap: 4px;
  }
  .programmes_tab ul li {
    margin-top: 4px;
  }
}

/* Programmes CSS */
.programmes-header-row {
  padding: 0px 30px 0px 30px;
}

.programmes-title-nav {
  display: grid;
  grid-template-rows: auto auto;
  background-color: #3399fe;
  padding: 20px;
  border-radius: 2px;
}

.title-col {
  background-color: #f1f1f1;
  font-weight: 900;
  font-size: 20px;
  color: #2a2e7c;
  text-align: left;
}
.breadcrumb-col {
  padding: 20px 0px 20px 0px;
  color: #2A2E7C;
  text-align: left;
  text-transform: uppercase;
  background-color: #E4E4E4 !important;
  border-radius: 0px 0px 6px 6px;
}

.programme-search-col {
  border-radius: 10px;
  background-color: #e9ecef;
  color: #052f6b;
}

.programme-search-form {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 10px 0px;
  column-gap: 4px;
}

.programme-search {
  border-radius: 8px !important;
  font-size: 14px;
}
.programme-search.btn {
  border-radius: 6px !important;
  color: #052f6b;
  font-weight: 900;
}

.programme-nav ul {
  display: grid;
  row-gap: 2px;
  padding: 0px;
  list-style: none;
}

.programme-nav ul li a {
  display: block;
  padding: 12px 18px 12px 18px;
  background-color: #052f6b;
  border-radius: 5px;
  color: #df891f;
  text-decoration: none;
}

.programme-nav ul li a:hover {
  background-color: #df891f;
  color: #052f6b;
}

/* Programme category  */
.programmes-wrap {
  display: grid;
  row-gap: 8px;
}

.programme-sidebar-title{
  background-color: #052f6b;
  font-weight: 800;
  color: #E3E8F0;
  padding: 18px;
  border-radius: 5px;
}

.programmes-list-title{
  background-color: #052f6b;
  color: #FFF;
  padding: 10px;
  border-radius: 2px;
}

.programmes-list ul{
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px;
  row-gap: 16px;
  list-style: none;
}

.programmes-list ul li:before {
  /* content: '\00BB'; */
  color: #cd7917;
  padding-right: 10px;
  font-size: 20px;
  font-weight: bold;
}

.programmes-list li a {
  color: #2D3748;
  font-size: 15px;
  text-decoration: none;
}

.programmes-list li a:hover {
   color: #2a2e7c;
}

.programme_sub_menu{
    padding: 15px;
}


.programme_sub_menu div ul{
  display: grid;
  row-gap: 15px;
}
.programme_sub_menu div ul li a{
  background-color: #df891f;
  color: #FFF;
  font-weight: 400;
  border-radius: 2px;
}

.programme_sub_menu div ul li a:hover{
  background-color: #2a2e7c;
  color: #FFF;
}

.programmes-list-undergraduate ul{
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px;
  row-gap: 16px;
  list-style: none;
  border-top: 15px solid #E3E8F0;
}

.programmes-list-undergraduate ul li a {
  color: #2D3748;
  font-size: 15px;
  text-decoration: none;
}

.programmes-list-undergraduate ul li a:hover {
   color: #2a2e7c;
}

.contact-tab h5{
    background-color: #052f6b;
    color: #FFF;
    padding: 10px;
    border-radius: 2px;
}

.contact-tab div p{
  border-bottom: 1px solid #485667;
  padding: 10px;
}

.contact-tab-content{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.contact-tab h6{
  color: #2D3748;
  padding: 10px;
  font-weight: bolder;
  font-size: 22px;
}

.research-unit-col h4{
  border-bottom: 4px solid #20235d;
  padding: 10px;
  margin-bottom: 20px;
}

.research-unit-col ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  list-style: none;
  padding: 0px;
}

.research-unit-col ul li{
  display: grid;
  grid-template-columns: 1fr;
  display: table;
}

.research-unit-col ul li a{
  display: block;
  text-align: center;
  padding: 10px;
  color: #20235d;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid #20235d;
  display: table-cell;
}

.research-unit-col ul li a:hover{
  background-color: #20235d;
  color: #e9ecef;
}

.page-title {
  font-weight: bold;
}

.title-col {
  position: relative;
  color: white;
}

.title {
  position: absolute;
  bottom: 2px;
  grid-template-rows: auto;
}

.programme-page-title {
  padding: 20px;
  border-radius: 6px 6px 0px 0px;
  background: rgba(0, 0, 0, 0.7);
}

.page-title-col {
  background-color: #20235d;
  /* background-image: url("./images/bg.png"); */
  background-repeat:no-repeat;
  background-position: right;
  padding: 30px 0px 30px;
  font-weight: bold !important;
  color: #e9ecef !important;
  background-size:440px;
  border-radius: 6px 6px 0px 0px;
}

.page-title-col h1 {
  color: #e9ecef !important;
}

.page-title-col h3 {
  color: #e9ecef !important;
}

.page-title-text{
  font-weight: 100;
  color: #b5b8fa !important;
}

.sidebar {
  border-right: 2px solid #e4ecf9;
  padding-right: 10px;
}

.sidebar-title{
  background-color: #052f6b;
  padding: 15px;
  border-radius: 2px;
  color: #e4ecf9;
  font-size: 18px;
}

.sidebar ul {
  display: grid;
  padding: 10px 0px;
  row-gap: 1px;
  list-style: none;
}

.sidebar ul li a {
  display: block;
  padding: 12px 18px 12px 18px;
  background-color: #e9ecef;
  color: #052f6b;
  text-decoration: none;
  border-radius: 2px;
}

.sidebar ul li a:hover {
  background-color: #E3E8F0;
  color: #052f6b;
}

.programme-category-title {
  padding: 15px;
  margin-bottom: 4px;
  font-weight: bold;
  color: #052f6b;
  border-bottom: 3px solid #e4ecf9;
}

/* Footer CSS */

.footer-row {
  background-color: #2a2e7c;
  border-top: 8px solid #cd7917;
  color: #e4ecf9;
  /* margin-top: 40px; */
}

.footer-col {
  padding: 20px;
}

.footer-widget {
  color: #fff;
  font-weight: lighter;
}

.footer-widget h5 {
  font-weight: bold;
  color: #df891f;
}

.footer-widget h6 {
  font-weight: bold;
  color: #f2f2f2;
}

.footer-widget ul {
  padding: 0px;
  list-style: none;
}

.footer-widget ul li a {
  color: #b5b8fa;
}
.footer-widget ul li {
  display: block;
  padding: 5px 0px 5px 0px;
}

.footer-copyright {
  background-color: #20235d;
  color: #eaeaf2;
  padding: 15px 0px 15px 0px;
  font-size: 12px;
}

.footer-content {
  display: grid;
  grid-auto-rows: auto;
  justify-content: center;
  grid-gap: 20px;
}

.rhand {
  color: #cd7917;
}

.spacer-row{
  padding: 5px;
  background-color: #E3E8F0;
}

/*Contact form Style starts here*/
.campus-heading-title
{
  background-color: #2a2e7c;
  margin-top:60px;
  padding:10px;
  color:#ffffff;
}
.contacts-sidebar{
  border-bottom:1px solid #485667;
  padding:6px 0;
  }
.contact-form{
  width:100%;
}
.contacts-sidebar{
  color:#485667;
}
/* Contact form style ends here*/


.standard_padding{
  padding: 10px 20px 10px 20px  !important;
}

.social-media{
  display: flex;
  flex-direction: row;
}

#searchBar {
display: block;
}

#toggle-search {
  float: left;
}

#search-wrap{
  padding: 10px;
  background-color: #2a2e7c;
  display: none;
}

.events-nav{
    font-family: Inter !important;
      font-weight: 900;
}

.events-nav ul{
  padding: 15px;
  list-style: none;
  padding-bottom: 0px;
  font-size: 20px;
}