@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

:root{
  --mainColor: #43A047;
  --whiteColor: #ffffff;
  --blackColor: #000000;
  --grayColor: #eeeeee;
  --grayColorLight: #f9f9ff;
  --fontFamily: 'Montserrat', sans-serif;
  --centerAlign: center;
  --leftAlign: left;
  --borderRadius: 5px;
  --borderRadiusXl: 10px;
  --buttonPadding: 10px 30px;
  --textDecoration: none;
  --textTransformCapitalize: capitalize;
  --fontBold: bold;
}


*{
  font-family: 'Montserrat', sans-serif;
}
body{
  font-family: 'Montserrat', sans-serif;
  transition: background-color .5s;
}

.sidenav {
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("../images/bg7.jpg"); */
  background: var(--whiteColor);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /* background-color: #111; */
  /* background-color: #ffffff; */
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 100px;
  /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
  border-right:1px solid #191919;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: var(blackColor);
  font-weight: var(--fontBold);
  display: block;
  transition: 0.3s;
}
.sidenav .dropdown-btn {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: var(blackColor);
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.sidenav a:hover, .dropdown-btn:hover {
  color: var(--mainColor);
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.sidenav .dropdown-container {
  display: none;
  /* background-color: #262626; */
  padding-left: 8px;
}
.sidenav .dropdown-container{
  padding: 0px 50px;
}
.sidenav .dropdown-container a{
  border-bottom: 2px solid #262626;
  line-height: 40px;
  /* background: var(--blackColor); */
  font-size: 15px;
  font-weight: var(--fontBold);
}
/* Optional: Style the caret down icon */
.sidenav button .fa-caret-down {
  float: right;
  padding-right: 8px;
}





.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 30px;
  background: var(--mainColor);
  padding: 0px 10px;
  margin-top: 20px;
  margin-left: 50px;
}
.sidenav .social_media_link{
  display: flex;
  align-items: var(--centerAlign);
  position: fixed;
  bottom: 0;
  background: var(--blackColor);
}
.sidenav .social_media_link a{
  margin-right: 5px;
}



#main {
  transition: margin-left .5s;
  /* padding: 16px; */
}
.main{
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.main::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* background:rgba(0, 0, 0, 0.4); */
  background: rgba(28, 32, 27, .6);
  /* background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.4) 100%); */
  z-index: 9;
  top: 0px;
  left:0px;
  cursor: url('../images/cursor.png'), auto;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
    width: 100%;
  }

  .sidenav a {
    font-size: 18px;
  }

}




/* top_navigation_section */
.top_navigation_section{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
  background: var(--whiteColor);
  padding: 10px 50px;
  border-bottom: 2px solid var(--grayColor);
}
.top_navigation_section .sideBarMenu_section button#sideBarMenu{
  color: var(--whiteColor);
  background: var(--mainColor);
  cursor:pointer;
  padding: 5px 10px;
  font-size: 18px;
  border: none;
}
.top_navigation_section .sideBarMenu_section button#sideBarMenu{
  position: fixed;
  right: 50px;
  top: 20px;
  z-index: 2;
}

@media only screen and (max-width: 991px){

}
@media only screen and (max-width: 768px){
  .top_navigation_section{
    display: flex;
    justify-content: space-between;
    align-items: var(--centerAlign);
    background: var(--whiteColor);
    padding: 10px 10px;
    border-bottom: 2px solid var(--grayColor);
  }

  .top_navigation_section .sideBarMenu_section button#sideBarMenu strong{
    display: none;
  }

  .top_navigation_section .sideBarMenu_section button#sideBarMenu{
    position: fixed;
    right: 30px;
    top: 25px;
    z-index: 2;
  }

}



/* navigation */
.navigation{
  background: var(--whiteColor)
}
.navigation .cpBtn{
  padding: 2px 5px;
  outline: none;
}
.navigation .cpBtn > div{
  width: 20px;
  height: 4px;
  background:var(--mainColor);
  margin: 3px 0px;
  border-radius: 4px;
}
.navigation div ul{
  text-align: var(--centerAlign)
}
.navigation div ul li.active{
  /* background: var(--mainColor); */
  color: var(--whiteColor);
  font-weight: bold;
  border-bottom: 3px solid var(--mainColor);
}
.navigation div ul li.active a{
  /* color: var(--whiteColor); */
  color: var(--blackColor);
}
.navigation div ul li.active div a{
  color: var(--blackColor);
}
.navigation div ul li div{
  text-align: var(--centerAlign)
}
.navigation div ul li div a.active{
  background: var(--whiteColor);
  color: var(--blackColor);
  font-weight: bold;
  border-bottom: 3px solid var(--mainColor);
}
.navigation div ul li.social_media{
  display:flex;
  justify-content:var(--centerAlign);
}
.navigation div ul li.social_media a{
  background: var(--grayColorLight);
  color: var(--whiteColor);
  margin:2px;
  padding: 10px 20px;
  border-radius: var(--borderRadius);
  border: none;
}
.navigation div ul li.social_media a:first-child{
  margin-left: 10px;
  color: #3b5998;
}
.navigation div ul li.social_media a:nth-child(2){
  color: #00acee;
}
.navigation div ul li.social_media a:nth-child(3){
  color: #ff0000;
}
/* home */

.content header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
.content header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.content header .container {
  position: relative;
  z-index: 2;
}
.content header .container .text-white h1{
  font-size: 100px;
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
}
.content header .container .text-white h2{
  font-size: 50px;
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
}
.content header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
}

.home_second_section{
  padding: 50px 0px;
  text-align: var(--centerAlign);
  background: var(--mainColor);
}
.home_second_section .content h1{
  color: var(--whiteColor);
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  font-size: 50px;
}
.home_third_section{
  /* padding: 50px 0px; */
}
.home_third_section .content{
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/c1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.home_third_section .content .item{
  /* background: var(--blackColor); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 20px;
  border: 1px solid var(--whiteColor);
}
.home_third_section .content .item a .service h1{
  text-transform: capitalize;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
  font-size: 30px;
  font-weight: var(--fontBold);
}

.home_third_section .content .item a{
  text-decoration: var(--textDecoration);
}
.home_third_section .content .item .service{
  padding: 10px;
  text-align: var(--centerAlign);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: var(--centerAlign);
}

@media only screen and (max-width: 600px) {
  .home_second_section .content h1{
    color: var(--whiteColor);
    font-weight: var(--fontBold);
    font-family: var(--fontFamily);
    font-size: 30px;
  }
  .content header .container {
    padding: 50px 0px !important;
  }
  .content header .container .text-white h1{
    font-size: 30px;
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
  }
  .content header .container .text-white h2{
    font-size: 20px;
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
  }
  .home_third_section .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .home_third_section .content .item a .service h1{
    text-transform: capitalize;
    font-family: var(--fontFamily);
    color: var(--whiteColor);
    font-size: 20px;
    font-weight: var(--fontBold);
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .content header .container {
    padding: 50px 0px !important;
  }
  .content header .container .text-white h1{
    font-size: 30px;
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
  }
  .content header .container .text-white h2{
    font-size: 20px;
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
  }
  .home_second_section .content h1{
    color: var(--whiteColor);
    font-weight: var(--fontBold);
    font-family: var(--fontFamily);
    font-size: 30px;
  }
  .home_third_section .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .home_third_section .content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .content header .container .text-white h1{
    font-size: 70px;
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
  }
  .content header .container .text-white h2{
    font-size: 30px;
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
  }
  .home_second_section .content h1{
    color: var(--whiteColor);
    font-weight: var(--fontBold);
    font-family: var(--fontFamily);
    font-size: 50px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .home_third_section .content{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .home_third_section .content{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
}


.home_fourth_section{
  padding: 50px 0px;
}
.home_fourth_section .pub_img{
  padding: 10px;

}
.home_fourth_section .pub_img img{
  border-bottom: 5px solid var(--mainColor);
  border-left: 10px solid var(--mainColor);
}
.home_fourth_section .publication_content{
  padding: 50px 20px 50px 20px;
  background: var(--whiteColor);
  margin-top: 100px;
  border-radius: var(--borderRadius);
  margin-left: -100px
}
.home_fourth_section .publication_content h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  font-weight: var(--fontBold);
  text-align: var(--centerAlign);
}
.home_fourth_section .publication_content p{
  font-family: var(--fontFamily);
  font-size: 16px;
  font-weight: var(--fontBold);
  text-align: var(--centerAlign);
}
.home_fourth_section .publication_content .btn{
  padding: 10px 0px;
  text-align: var(--centerAlign);
}
.home_fourth_section .publication_content a{
  text-decoration: var(--textDecoration);
}
.home_fourth_section .publication_content a .publication_item{
  color: var(--blackColor);
  border: 1px solid var(--grayColor);
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
}
.home_fourth_section .publication_content a .publication_item i{
  font-family: var(--fontFamily);
  font-size: 12px;
}
.home_fourth_section .publication_content a .publication_item h2{
  font-family: var(--fontFamily);
  font-size: 15px;
}
.home_fourth_section .publication_content .btn a{
  background: var(--mainColor);
  border-radius: var(--borderRadius);
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  padding: var(--buttonPadding);
  text-decoration: none;
}
@media only screen and (max-width: 991px){

}
@media only screen and (max-width: 768px){
  .home_fourth_section .publication_content{
    padding: 50px 20px 50px 20px;
    background: var(--whiteColor);
    margin-top: -100px;
    border-radius: var(--borderRadius);
    margin-left: 0px
  }
}

.home_section_5{
  background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/data.jpg');
  padding: 100px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
}
.home_section_5 .content{
  text-align: var(--centerAlign);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding:50px;
  background: var(--whiteColor);
}
.div_after_content_data_repository{
  /* border: 2px solid var(--mainColor);
  padding: 50px; */
}
.home_section_5 .content h1{
  color: var(--blackColor);
  font-size: 50px;
  font-family: var(--fontFamily);
  font-weight: bold;
}
.home_section_5 .content p{
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-size: 30px;
}
.home_section_5 .content .btn{
  padding: 50px 0px;
}
.home_section_5 .content .btn a{
  background: var(--mainColor);
  border-radius: var(--borderRadius);
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  padding: var(--buttonPadding);
  text-decoration: none;
}
.home_section_6{
  padding: 50px 0px;
}
.home_section_6 .hub_img{
  background: var(--grayColor);
  padding: 10px;
  border-radius: var(--borderRadius)
}
.home_section_6 .hub_content{
  padding: 50px 20px 50px 20px;
  background: var(--whiteColor);
  margin-top: 100px;
  border-radius: var(--borderRadius);
  margin-left: -100px
}
.home_section_6 .hub_content h1{
  font-family: var(--fontFamily);
}
.home_section_6 .hub_content .btn{
  padding: 10px 0px;
  text-align: var(--centerAlign);
}
.home_section_6 .hub_content .btn a{
  background: var(--mainColor);
  border-radius: var(--borderRadius);
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  padding: var(--buttonPadding);
  text-decoration: none;
}
@media only screen and (max-width: 991px){
  .home_section_6 .hub_content{
    padding: 50px 20px 50px 20px;
    background: var(--whiteColor);
    margin-top: 0px;
    border-radius: var(--borderRadius);
    margin-left: 0px;
    text-align: var(--centerAlign)
  }
}
@media only screen and (max-width: 768px){
  .home_section_6 .hub_content{
    padding: 50px 20px 50px 20px;
    background: var(--whiteColor);
    margin-top: 0px;
    border-radius: var(--borderRadius);
    margin-left: 0px;
    text-align: var(--centerAlign)
  }
}


/* home_section_7 */
.home_section_7{
  padding: 50px 0px;
}
.home_section_7 .content{
  text-align: var(--centerAlign);
}
.home_section_7 .content h1{
  font-family: var(--fontFamily);
}
.home_section_7 .content .btn{
  padding: 10px 0px;
  text-align: var(--centerAlign);
}
.home_section_7 .content .btn a{
  background: var(--mainColor);
  border-radius: var(--borderRadius);
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  padding: var(--buttonPadding);
  text-decoration: none;;
}
.home_section_8{
  padding: 50px 0px;
  /* background: var(--grayColor); */
  background-image: url('../images/bg5.jpg');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.home_section_8 .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.home_section_8 .content .school{
  text-align: var(--centerAlign);
  background: var(--whiteColor);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.home_section_8 .content .school h1{
  font-family: var(--fontFamily);
  font-size: 30px;
}
.home_section_8 .content .school .btn{
  padding: 10px 0px;
  text-align: var(--centerAlign);
}
.home_section_8 .content .school .btn a{
  color: var(--mainColor);
  font-weight: bold;
  text-decoration: none;
}
@media only screen and (max-width: 991px){
  .home_section_8 .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}
@media only screen and (max-width: 768px){
  .home_section_8 .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}
.home_project{
  /* padding: 50px 0px; */
}
.home_project .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* grid-gap: 1rem; */
}
.home_project .content .left{
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/all_project.png'); */
  /* background: liner-gradient(to right, var(--blackColor), var(--blackColor)) */
  background: linear-gradient(to left, var(--blackColor), var(--blackColor));
  background-repeat: no-repeat;
  background-size: cover;
  /* background-attachment: fixed; */
}
.home_project .content .left{
  display: flex;
  flex-direction: column;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
  padding: 20px;
}
.home_project .content .left h1{
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  font-size: 70px;
  color: var(--whiteColor);
}
.home_project .content .left h2{
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  font-size: 50px;
  color: var(--whiteColor);
}
.home_project .content .right{
  padding: 40px;
  background: var(--whiteColor);

}
.home_project .content .right a{
  text-decoration: var(textDecoration);
  /* background: var(--whiteColor); */
  padding: 10px;
}
.home_project .content .right a:hover{
  text-decoration: var(--textDecoration);
}
.home_project .content .right a .project{
  background: var(--whiteColor);
  padding: 10px 20px;
  border-bottom: 5px solid var(--mainColor);
  border-left: 10px solid var(--mainColor);
}
.home_project .content .right a .project h1{
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  font-size: 20px;
  color: var(--blackColor);
}
.home_project .content .right .more_project a{
  background: var(--mainColor);
  color: var(--whiteColor);
  padding: 10px 20px;
  border-radius: 5px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home_project .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .home_project .content .left h1{
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    font-size: 50px;
    color: var(--whiteColor);
  }
  .home_project .content .left h2{
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    font-size: 30px;
    color: var(--whiteColor);
    text-align: var(--centerAlign);
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .home_project .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .home_project .content .left h1{
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    font-size: 50px;
    color: var(--whiteColor);
  }
  .home_project .content .left h2{
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    font-size: 30px;
    color: var(--whiteColor);
    text-align: var(--centerAlign);
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .home_project .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .home_project .content .left h1{
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    font-size: 50px;
    color: var(--whiteColor);
  }
  .home_project .content .left h2{
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    font-size: 30px;
    color: var(--whiteColor);
    text-align: var(--centerAlign);
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .home_project .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .home_project .content .left h1{
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    font-size: 50px;
    color: var(--whiteColor);
  }
  .home_project .content .left h2{
    font-family: var(--fontFamily);
    font-weight: var(--fontBold);
    font-size: 30px;
    color: var(--whiteColor);
    text-align: var(--centerAlign);
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}



.home_director_message{
  padding: 50px 0px;
  background: var(--mainColor);
  text-align: var(--centerAlign);
  color: var(--whiteColor);
}
.home_director_message .content h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--whiteColor);
  font-weight: bold;
}
.home_director_message .content h2{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--whiteColor);
  font-weight: bold;
}
.home_director_message .content p{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--whiteColor);
}
.home_director_message .content .btn{
  background: var(--whiteColor);
  padding: 10px 30px;
}
.home_director_message .content .btn a{
  text-decoration: var(--textDecoration);
  color: var(--blackColor);
  font-family: var(--fontFamily);
}


/*
div.slanting_edge {
  position: relative;
  display: inline-block;
  padding: 1em 5em 1em 1em;
  overflow: hidden;
  color: #fff;
  width: 100%;
  height: 300px;
}

div.slanting_edge:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  background: var(--mainColor);
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  transform: skew(-45deg);
  z-index: -1;
} */

.ced_section{
  padding: 100px 0px;
  display: none;
}
.ced_section .content{
  padding: 40px;
  /* margin-top: -196px; */
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  /* border: 2px solid var(--grayColor); */
}
.ced_section .content h1{
  font-family: var(--fontFamily);
  font-size: 30px;
  color: var(--blackColor);
  font-weight: bold;
}
.ced_section .content h2{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.ced_section .content .horizontal_line{
  width: 20%;
  height: 3px;
  background: var(--mainColor);
}
.ced_section .content .btn{
  text-align: var(--centerAlign);
}
.ced_section .content .btn a{
  background: var(--mainColor);
  padding: 10px 20px;
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  text-decoration: var(--textDecoration);
  border-radius: 5px;
}


.ced_section_two{
  padding: 100px 0px;
}
.ced_section_two .row{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 50px;
  border-left: 10px solid var(--mainColor);
  border-top-left-radius: 100px;
  border-right: 10px solid var(--mainColor);
  border-bottom-right-radius: 100px;
}
.ced_section_two .left_section{
  background: var(--mainColor);
  padding: 1px 0px;
  margin-right: -250px;
  margin-top: 30px;
}
.ced_section_two .left_section h1{
  text-align: var(--centerAlign);
  color: var(--whiteColor);
  font-size: 20px;
  font-family: var(--fontFamily);
}
.ced_section_two .left_section_block{
  padding: 0px 0px 0px 100px;
}
.ced_section_two .left_section_block blockquote{
  display: block;
  position: relative;
  width: 100%;
  padding: 0.5rem;
  padding-top: 60px;
}
.ced_section_two .left_section_block blockquote::before{
  content: '\201c';
  top: 0px;
  left: -20px;
}
.ced_section_two .left_section_block blockquote::after{
  content: '\201d';
  bottom: -100px;
  right: 0px;
}
.ced_section_two .left_section_block blockquote::before,
.ced_section_two .left_section_block blockquote::after{
  font-size: 6rem;
  position: absolute;
  color: var(--mainColor);
}
.ced_section_two .left_section_block blockquote h2{
  text-align: var(--centerAlign);
  color: var(--blackColor);
  font-size: 18px;
  font-family: var(--fontFamily);
}
.ced_section_two .left_section_block blockquote p{
  text-align: var(--centerAlign);
  color: var(--blackColor);
  font-size: 15px;
  font-family: var(--fontFamily);
}
.ced_section_two .left_section_block blockquote .btn_red_ced{
  padding: 10px 0px;
  text-align: var(--centerAlign);
}
.ced_section_two .left_section_block blockquote .btn_red_ced a{
  background: var(--mainColor);
  padding: 10px 20px;
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  text-decoration: var(--textDecoration);
  border-radius: 5px;
}

.ced_section_two .right_section{
  margin: auto;
  width: 285px;
}
.ced_section_two .outer_layer{
  background: var(--mainColor);
  width: 285px;
  padding: 20px;
  border-radius: 100%;
}
.ced_section_two .inner_layer{
  background: var(--whiteColor);
  width: 250px;
  padding: 20px;
  border-radius: 100%;
}
.ced_section_two .inner_layer img{
  width: 200px;
  height: 200px
  padding: 20px;
  border-radius: 100%;
}


@media only screen and (max-width: 768px){
  div.slanting_edge{
    display: none;
  }
  .ced_section{
    display: block;
  }
  .ced_section_two{
    display: none;
  }
  .ced_section .content{
    padding: 40px;
    background: var(--whiteColor);
  }
}

/*NEWS section top_news */
.top_news{
  background: var(--whiteColor);
  padding: 50px 0px;
}
.top_news .content .top_section_news{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.top_news .content .top_section_news h1{
  font-family: var(--fontFamily);
  font-size: 30px;
  color: var(--blackColor);
  font-weight: 700;
}
.top_news .content .top_section_news a{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--mainColor);
  font-weight: 700;
  border-bottom: 2px solid var(--mainColor);
  text-decoration: none;
}

.top_news .content .top_section_news a:hover{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--mainColor);
  font-weight: 700;
  border-bottom: 2px solid var(--mainColor);
  text-decoration: none;
}
.top_news .content .top_new_content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.top_news .content .top_new_content a{
  text-decoration: none;
  transition: 0.9s;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.top_news .content .top_new_content a:hover a{
  border-bottom: 5px solid var(--mainColor);
}
.top_news .content .top_new_content a .insider{
  padding: 20px;
}
.top_news .content .top_new_content a p{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--blackColor);
  transition: 0.9s;
  font-weight: 700;
}
.top_news .content .top_new_content a:hover p {
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--mainColor);
  font-weight: 700;
}

.top_news .content .top_new_content a span{
  font-family: var(--fontFamily);
  font-size: 14px;
  color: var(--mainColor);
  font-weight: 700;
}
.top_news .content .top_new_content a .new_content img{
  object-fit: cover;
  width: 100%;
  height: 250px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .top_news .content .top_new_content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .top_news .content .top_new_content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .top_news .content .top_new_content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .top_news .content .top_new_content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .top_news .content .top_new_content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
}



.home_event_news_job_container{
  padding: 50px 0px;
}
.home_event_news_job_container .top_section_event{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.home_event_news_job_container .top_section_event h1{
  font-family: var(--fontFamily);
  font-size: 30px;
  color: var(--blackColor);
  font-weight: 700;
}
.home_event_news_job_container .top_section_event a{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--mainColor);
  font-weight: 700;
  border-bottom: 2px solid var(--mainColor);
  text-decoration: none;
}
.home_event_news_job_container .top_section_event a:hover{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--mainColor);
  font-weight: 700;
  border-bottom: 2px solid var(--mainColor);
  text-decoration: none;
}
.home_event_news_job_container .content .latest_event_right{
  position: relative;
}
.home_event_news_job_container .content .latest_event a{
  text-decoration: none;
}
.home_event_news_job_container .content .latest_event a .inner_content{
  padding: 10px;
}
.home_event_news_job_container .content .latest_event a:hover{
  text-decoration: none;
}
.home_event_news_job_container .content .latest_event_right h1{
  font-size: 22px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  font-family: var(--fontFamily);
  transition: 0.5s;
}
.home_event_news_job_container .content .latest_event a:hover h1{
  color: var(--mainColor);
}
.home_event_news_job_container .content .latest_event_right span{
  color: var(--mainColor);
  font-size: 15px;
  font-weight: var(--fontBold);
  font-style: italic;
}
.home_event_news_job_container .content .latest_event_right img{
  border-radius: 5px;
}


.home_event_news_job_container .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}



.home_event_news_job_container .content .news{
  padding: 10px;
  /* border-left: 3px solid var(--mainColor); */
}
.home_event_news_job_container .content .news a{
  text-decoration: none;
}
.home_event_news_job_container .content .news a.link{
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
  border: 1px solid var(--grayColor);
  padding: 10px;
  margin-bottom: 2px;
  font-weight: var(--fontBold);
  color: var(--mainColor);
  border-radius: 5px;
  transition: 0.3s;
}
.home_event_news_job_container .content .news a.link:hover{
  background: var(--mainColor);
  color: var(--whiteColor);
}
.home_event_news_job_container .content .news a.link h2{
  font-family: var(--fontFamily);
  font-size: 14px;
  font-weight: var(--fontBold);
}
.home_event_news_job_container .content .news .new_content{
  transition: all .3s ease-out;
  padding: 10px;
  border: 2px solid var(--grayColor);
  border-radius: 5px;
  margin-bottom: 2px;
}
.home_event_news_job_container .content .news .new_content:hover{
  background: var(--grayColor);
  padding: 10px;
}
.home_event_news_job_container .content .news .new_content a{
  text-decoration: none;
}
.home_event_news_job_container .content .news .new_content a h1{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
  font-weight: 700;
}
.home_event_news_job_container .content .news .new_content p{
  font-family: var(--fontFamily);
  opacity: 0.9;
}

.home_event_news_job_container .content .events{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}

.home_event_news_job_container .content .events a{
  text-decoration: none;
}
.home_event_news_job_container .content .events a.link{
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
  border: 1px solid var(--grayColor);
  padding: 10px;
  margin-bottom: 2px;
  font-weight: var(--fontBold);
  color: var(--mainColor);
  border-radius: 5px;
  transition: 0.3s;
}
.home_event_news_job_container .content .events a.link:hover{
  background: var(--mainColor);
  color: var(--whiteColor);
}
.home_event_news_job_container .content .events a.link h2{
  font-family: var(--fontFamily);
  font-size: 14px;
  font-weight: var(--fontBold);
}
.home_event_news_job_container .content .events .events_content{
  transition: all .3s ease-out;
  border-radius: 5px;
  margin-bottom: 2px;
}
.home_event_news_job_container .content .events .events_content:hover{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.home_event_news_job_container .content .events .events_content img{
  object-fit: cover;
  width: 100%;
  height: 250px;
  border-radius: 5px;
}
.home_event_news_job_container .content .events .events_content .inner_content{
  padding: 10px;
}
.home_event_news_job_container .content .events .events_content .inner_content span{
  color: var(--mainColor);
  font-size: 15px;
  font-weight: var(--fontBold);
  font-style: italic;
}
.home_event_news_job_container .content .events a{
  /* text-decoration: none; */
}
.home_event_news_job_container .content .events a h1{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
  font-weight: 700;
}
.home_event_news_job_container .content .events .events_content p{
  font-family: var(--fontFamily);
  opacity: 0.9;
}
.home_event_news_job_container .content .job{
  padding: 10px;
  border-top: 3px solid var(--mainColor);
}
.home_event_news_job_container .content .job a{
  text-decoration: none;
}
.home_event_news_job_container .content .job a h2{
  font-family: var(--fontFamily);
  font-size: 16px;
  font-weight: bold;
  color: var(--mainColor);
}
.home_event_news_job_container .content .job .job_content{
  border-bottom: 1px solid var(--mainColor);
}
.home_event_news_job_container .content .job .job_content a{
  text-decoration: none;
}
.home_event_news_job_container .content .job .job_content a h1{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--blackColor);
  font-weight: bold;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home_event_news_job_container .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .home_event_news_job_container .content .events{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .home_event_news_job_container .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .home_event_news_job_container .content .events{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .home_event_news_job_container .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .home_event_news_job_container .content .events{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .home_event_news_job_container .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .home_event_news_job_container .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}




.home_counter_section{
  padding: 50px 0px;
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg5.jpg');
  /* background: var(--grayColor); */
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.home_counter_section .content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.home_counter_section .content .counter{
  background: var(--whiteColor);
  padding: 30px 20px;
  text-align: var(--centerAlign);
  border-radius: var(--borderRadius);
}
.home_counter_section .content .counter a{
  text-decoration: none;
}
.home_counter_section .content .counter a:hover{
  color: var(--blackColor);
}
.home_counter_section .content .counter i{
  font-size: 70px;
  transition: 0.4s;
  height: 150px;
  width: 150px;
  border-radius: 100%;
  border: 3px solid var(--mainColor);
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
  margin: auto;
  margin-bottom: 50px;
}
.home_counter_section .content .counter:hover i{
  color: var(--mainColor);
  border: 3px solid var(--blackColor);
}
.home_counter_section .content .counter h1{
  font-size: 50px;
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
}
.home_counter_section .content .counter p{
  font-size: 30px;
  font-family: var(--fontFamily);
}
@media only screen and (max-width: 991px){
  .home_counter_section .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}
@media only screen and (max-width: 768px){
  .home_counter_section .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}




/* footer_page */
.footer_page{
  background-image:linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../images/bg4.jpg');
  /* padding: 20px 0px 20px 0px; */
  /* background: var(--mainColor); */
  padding: 100px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed;
}

.footer_page .follow_social_media{
  color: var(--whiteColor);
}
.footer_page .follow_social_media h1{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--whiteColor);
  font-weight: bold;
}
.footer_page .follow_social_media .social_media a{
  background: var(--blackColor);
  padding: 5px 10px;
  /* border-radius: var(--borderRadiusXl); */
  border-radius: 5px;
  margin-left: 4px;
  margin-bottom: 2px;
  border: none;
  font-family: var(--fontFamily)
}
.footer_page .follow_social_media .social_media a:hover{
  background: var(--blackColor);
  padding: 5px 10px;
  color: var(--whiteColor);
  border-radius: 5px;
  margin-left: 4px;
  margin-bottom: 2px;
  border: none;
  font-family: var(--fontFamily)
}
.footer_page .follow_social_media .social_media p{
  font-family: var(--fontFamily)
}
.footer_page .text{
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.footer_page .subscribe_form form .form-group .form-row{
  padding: 40px 20px;
  color: var(--whiteColor);
}
.footer_page .subscribe_form form .form-group .form-row h1{
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  font-size: 30px;
}
.footer_page .subscribe_form form .form-group .form-row p{
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  display: block;
}
.footer_page .subscribe_form form {
  /* background: var(--whiteColor); */
  background: #191919;
  padding: 10px;
  margin-bottom: 20px;
}
.footer_page .subscribe_form form label{
  display: block !important;
  text-align: left;
}
.footer_page .subscribe_form form input{
  width: 100%;
  height: 50px;
  padding: 10px;
  outline: none;
  background: transparent;
  border: 2px solid var(--grayColor);
  margin-bottom: 10px;
  border-radius: 5px;
  color: var(--whiteColor);
  font-family: var(--fontFamily);
}
.footer_page .subscribe_form form select{
  width: 100%;
  height: 50px;
  padding: 10px;
  outline: none;
  background: transparent;
  border: 2px solid var(--grayColor);
  margin-bottom: 10px;
  border-radius: 5px;
  color: var(--whiteColor);
  font-family: var(--fontFamily);
}
.footer_page .subscribe_form form select option{
  color: var(--blackColor);
}
.footer_page .subscribe_form form button{
  width: 100%;
  height: 50px;
  outline: none;
  border: none;
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  font-weight: bold;
  background: var(--mainColor);
}
.footer_page .content_link{
  margin-bottom: 30px;
}
.footer_page .content_link h1{
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  font-size: 30px;
  font-weight: var(--fontBold);
  margin-bottom: 10px;
  text-align: left;
}
.footer_page .content_link .horizontal_line{
  width: 50px;
  height: 2px;
  background: var(--mainColor);
}
.footer_page .content_link a{
  display: block;
  font-size: 16px;
  font-family: var(--fontFamily);
  line-height: 40px;
  text-align: left;
  color: var(--whiteColor);
  text-transform: capitalize;
  text-decoration: var(--textDecoration);
  transition: 0.3s
}
.footer_page .content_link a:hover{
  color: var(--mainColor);
}

@media only screen and (max-width: 768px){
  .footer_page .subscribe_form form input, .footer_page .subscribe_form form select{
    margin-bottom: 10px;
  }
}


/*========= journals_paper =========*/
.journals_paper{
  padding: 100px 0px 50px 0px;
  background: var(--whiteColor);
  /* background: var(--blackColor) */
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/publication.PNG');
  padding: 200px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed; */
}
.journals_paper .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.section_one_pub{
  background: var(--mainColor);
  padding: 50px 0px;
}
.section_one_pub .content p{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--white);
  text-align: var(--centerAlign)
}
.section_two_pub_list{
  padding: 50px 0px;
}
.section_two_pub_list .content_filter_pub{
  position: sticky;
  top: 100px;
  /* background: var(--grayColor); */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding:10px;
}
.section_two_pub_list .content_filter_pub label{
  display: block;
}
.section_two_pub_list .content_filter_pub input{
  width: 100%;
  height: 45px;
  display: block;
  border: 1px solid var(--grayColor);
  /* background: var(--whiteColor); */
  padding: 10px;
  outline: none;
  margin-bottom: 10px;
  /* border-radius: var(--borderRadius); */
}
.section_two_pub_list .content_filter_pub button{
  width: 100%;
  height: 45px;
  display: block;
  border: none;
  background: var(--mainColor);
  padding: 10px;
  color: var(--whiteColor);
  font-weight: bold;
  /* border-radius: var(--borderRadius); */
}
.section_two_pub_list .content{
  margin-bottom: 10px;
}
.section_two_pub_list .content .search_box{
  background: var(--grayColor);
  display: flex;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.section_two_pub_list .content .search_box input[type='text']{
  border: none;
  outline: none;
  width: 95%;
  background: var(--grayColor);
  padding: 10px;
}
.section_two_pub_list .content .search_box button{
  border: none;
  outline: none;
  width: 5%;
  background: var(--whiteColor);
  border-radius: 10px;
}
.section_two_pub_list .content_pub_list .pub_list{
  /* border: 1px solid var(--grayColor); */
  padding: 20px;
  border-radius: 0px;
  margin-bottom: 5px;
  /* background: var(--grayColor); */

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.section_two_pub_list .content_pub_list .pub_list h2{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--blackColor);
  font-weight: bold;
}
.section_two_pub_list .content_pub_list .pub_list h3{
  font-family: var(--fontFamily);
  font-size: 15px;
  color: var(--blackColor);
  font-weight: bold;
}
.section_two_pub_list .content_pub_list .pub_list p{
  font-family: var(--fontFamily);
  font-size: 15px;
  color: var(--blackColor);
  font-style: italic;
}
.section_two_pub_list .content_pub_list .pub_list a{
  font-family: var(--fontFamily);
  font-size: 15px;
  color: var(--mainColor);
  font-style: italic;
  font-weight: bold;
}
.section_two_pub_list .events_list{
  background: var(--grayColor);
  padding: 10px;
  position: sticky;
  top: 100px;
}
.section_two_pub_list .events_list h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
  /* padding: 10px; */
  text-transform: capitalize;
}
.section_two_pub_list .events_list a img{
  border-radius: 5px;
}
.section_two_pub_list .events_list a p{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
  font-weight: bold;
  /* padding: 10px; */
}



/*================ report_list_page ================*/
.report_list_page{
  padding: 100px 0px 50px 0px;
  background: var(--blackColor);
}
.report_list_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign);
}
.report_list_section_one{
  padding: 50px 0px;
}
.report_list_section_one .content .filter_form{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 50px;
  margin-bottom: 10px;
}
.report_list_section_one .content .filter_form h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
}
#select2-search_report_list-rr-container{
  /* height: 50px; */
}
.report_list_section_one .content .filter_form form select{
  width: 100%;
}
.report_list_section_one .content .all_reports{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 50px;
}
.report_list_section_one .content .all_reports .report_item_{
  padding: 10px;
  transition: 0.5s;
  border-left: 5px solid var(--whiteColor);
}
.report_list_section_one .content .all_reports .report_item_:hover{
  border-left: 5px solid var(--mainColor);
}
.report_list_section_one .content .all_reports .report_item_ h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
@media only screen and (max-width: 991px){
  .contact_section_one .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    padding: 50px 0px;
  }
}
@media only screen and (max-width: 768px){
  .report_list_section_one .content .all_reports{
    background: var(--whiteColor);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
  }
}





/*================== policy_page ==================*/
.policy_page{
  padding: 100px 0px 50px 0px;
  background: var(--blackColor)
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/publication.PNG');
  padding: 200px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed; */
}
.policy_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.policy_page_section_one{
  padding: 50px 0px;
}
.policy_page_section_one .content{
  background: var(--grayColor);
  padding: 10px;
  margin-bottom: 10px;
}
.policy_page_section_one .content h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.policy_page_section_one .content p{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
}
.policy_page_section_one .content h2{
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
  font-size: 16px;
}
.policy_page_section_one .content h2 i{
  color: var(--blackColor);
  font-weight: bold;
  font-size: 16px;
}
.policy_page_section_one .content .read_more{
  padding: 10px 0px;
}
.policy_page_section_one .content .read_more a{
  color: var(--mainColor);
  text-transform: capitalize;
  padding: 10px 0px;
  text-decoration: none;
  font-weight: bold;
}

.spotlight_details_page{
  padding: 100px 0px 50px 0px;
  background: var(--blackColor)
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/publication.PNG');
  padding: 200px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed; */
}
.spotlight_details_page .content h1{
  font-family: var(--fontFamily);
  font-size: 30px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.spotlight_details_page_section_one{
  padding: 50px 0px;
}
.spotlight_details_page_section_one .content{
  border: 1px solid var(--grayColor);
}
.spotlight_details_page_section_one .content .other_content{
  padding: 20px;
}
.spotlight_details_page_section_one .content .other_content h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: justify;
}




/*================= contact_page =================*/
.contact_page{
  padding: 100px 0px;
  background: var(--whiteColor);
  color: var(--blackColor);
}
.contact_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.contact_section_one{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/bg4.jpg'); */
  padding: 100px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed;
}
.contact_section_one .message_column .w3-card button{
  outline: none;
}
.contact_section_one .content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  padding: 50px 0px;
}
.contact_section_one .content .branch{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 10px;
  text-align: var(--centerAlign);
  border-radius: var(--borderRadius);
  border: none;
  background: var(--whiteColor);
}
.contact_section_one .content .branch h2{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
}
.contact_section_one .content .branch p{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
}
.contact_section_two{
  padding: 50px 0px;
  /* background-color: var(--mainColor); */
  color: var(--whiteColor);
}
.contact_section_two .content{
  background: var(--whiteColor);
  padding: 50px;
  color: var(--blackColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  /* margin-top: -100px;
  margin-bottom: -200px; */
  border-left: 5px solid var(--mainColor);
}
.contact_section_two .content h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign);
}
.contact_section_two .content p{
  font-family: var(--fontFamily);
  font-size: 18px;
  text-align: var(--centerAlign);
}
@media only screen and (max-width: 991px){
  .contact_section_one .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    padding: 50px 0px;
  }
}
@media only screen and (max-width: 768px){
  .contact_section_one .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
    padding: 50px 0px;
  }
}

.contact_section_three .google_map iframe{
  border: none;
}
.contact_section_three{
  /* padding: 20px;
  margin: 20px 0px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  border-radius: 10px; */
  /* padding: 50px 0px; */
}
.contact_section_three .contact_form form h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: left
}
.contact_section_three .contact_form form input{
  display: block;
  width: 100%;
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 15px 20px;
  border: none;
  outline: none;
  background: var(--grayColor);
}
.contact_section_three .contact_form form textarea{
  display: block;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
  border: none;
  outline: none;
  background: var(--grayColor);
  resize: none;
}
.contact_section_three .contact_form form button{
  display: block;
  width:100%;
  border-radius: 20px;
  border: none;
  background: var(--mainColor);
  color: var(--whiteColor);
  padding: 10px 20px;
  text-transform: capitalize;
  outline: none;
}



/*===================== job_page =====================*/
.job_page{
  /* padding: 100px 0px; */
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg'); */
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed;
  background: var(--blackColor);
}
.job_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.job_section_one{
  padding: 50px 0px;
}
.job_section_one .left{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: var(--whiteColor);
  position: sticky;
  top: 100px;
  /* border: 2px solid var(--grayColor); */
  padding: 10px;
  border-radius: 5px;
}
.job_section_one .left form input[type='text']{
  width: 100%;
  height: 50px;
  border: 2px solid var(--grayColor);
  border-radius: 5px;
  padding: 5px;
  outline: none;
}
.job_section_one .left h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.job_section_one .left p{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: 5px;
}
.job_section_one .left p a{
  text-decoration: var(--textDecoration);
  /* background: var(--grayColor); */
  border: 2px solid var(--grayColor);
  padding: 5px 10px;
  margin: 5px;
  color: var(--blackColor);
  font-weight: var(--fontBold);
  font-size: 13px;
  border-radius: 5px;
  transition: 0.3s;
}
.job_section_one .left p a:hover{
  background: var(--mainColor);
  color: var(--whiteColor);
  border: 2px solid var(--mainColor);
}
.job_section_one .content h2{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.job_section_one .content h3{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.job_section_one .content .horizontal_line{
  height: 3px;
  width: 50px;
  background: var(--mainColor);
}
.job_section_one .content .back_link a{
  text-decoration: var(--textDecoration);
  /* background: var(--grayColor); */
  border: 2px solid var(--grayColor);
  padding: 5px 10px;
  color: var(--blackColor);
  font-weight: var(--fontBold);
  font-size: 13px;
  border-radius: 5px;
}
.job_section_one .content .job_list{
  background: var(--whiteColor);
  border: 2px solid var(--grayColor);
  padding: 10px;
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}
.job_section_one .content .job_list h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.job_section_one .content .job_list p{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--blackColor);
  /* font-weight: bold; */
}
.job_section_one .content .job_list .this_is_uploaded_date{
  font-family: var(--fontFamily);
  font-size: 14px;
  color: var(--blackColor);
  font-weight: bold;
  background: var(--whiteColor);
  padding: 5px 10px;
  border-radius: var(--borderRadius);
}
.job_section_one .content .job_list p{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
}
.job_section_one .content .job_list a{
  font-family: var(--fontFamily);
  font-size: 14px;
  color: var(--mainColor);
  font-weight: bold;
  padding: 10px;
  text-decoration: none;
  text-transform: capitalize;
}
.job_section_one .events_list{
  background: var(--grayColor);
  padding: 10px;
  position: sticky;
  top: 100px;
}
.job_section_one .events_list h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
  /* padding: 10px; */
  text-transform: capitalize;
}
.job_section_one .events_list a img{
  border-radius: 5px;
}
.job_section_one .events_list a p{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
  font-weight: bold;
  /* padding: 10px; */
}
.job_section_one .address_portal{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: var(--whiteColor);
  padding: 20px;
  position: sticky;
  top: 100px;
}
/* .job_section_one .address_portal blockquote{
  border-left: 2px solid var(--mainColor);
  padding: 0px 10px;
} */
.job_section_one .address_portal h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
  /* text-transform: capitalize; */
}
.job_section_one .address_portal p.shortlisted_{
  font-family: var(--fontFamily);
  font-size: 15px;
  color: var(--blackColor);
  font-weight: bold;
  /* text-transform: capitalize; */
}

/* job_details */
@media only screen and (max-width: 991px){

}
@media only screen and (max-width: 768px){
  .job_page.job_details{
    padding: 100px 0px;
  }
  .job_page.job_details h1{
    font-family: var(--fontFamily);
    font-size: 30px;
    color: var(--whiteColor);
    font-weight: bold;
    /* text-align: var(--centerAlign) */
  }
}





/*================= partners_page =================*/
.partners_page{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg'); */
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed;
  background: var(--blackColor);
}
.partners_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.partner_section_one{
  padding: 100px 0px;
  background: var(--mainColor);
  text-align: var(--centerAlign)
}
.partner_section_one .content p{
  font-family: var(--fontFamily);
  font-size: 25px;
  color: var(--whiteColor);
  text-align: var(--centerAlign)
}

.core_funding_partner{
  /* background: var(--grayColor); */
  padding: 50px 0px 150px 0px;
}
.core_funding_partner .content .core_partner_circle{
  background: var(--grayColor);
  border-radius: 100%;
  width: 400px;
  height: 400px;
  margin-bottom: 200px;
}
.core_funding_partner .content .core_partner_circle h1{
  font-family: var(--fontFamily);
  font-size: 25px;
  color: var(--blackColor);
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
  padding-top: 100px;
  text-align: var(--centerAlign)
}
.core_funding_partner .content .core_partner_text{
  background: var(--whiteColor);
  color: var(--blackColor);
  padding: 40px;
  margin-top: -400px;
  margin-left: 200px;
}
.core_funding_partner .content .core_partner_text h2{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.core_funding_partner .content .core_partner_text a img{
  width: 400px;
}



.partner_section_two{
  padding: 50px 0px;
}
.partner_section_two .content{
  color: var(--blackColor);
  display: flex;
  flex-wrap: wrap;
}
.partner_section_two h1{
  font-family: var(--fontFamily);
  font-size: 25px;
  color: var(--blackColor);
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
}
.partner_section_two .content a{
  background: var(--mainColor);
  border-radius: 5px;
  padding: 5px;
  margin: 2px;
  color: var(--whiteColor);
}
@media only screen and (max-width: 991px){

}

@media only screen and (max-width: 768px){
  .core_funding_partner .content .core_partner_circle{
    background: var(--whiteColor);
    border-radius: 0px;
    width: 400px;
    height: auto;
    margin-bottom: 0px;
  }
  .core_funding_partner .content .core_partner_circle h1{
    font-family: var(--fontFamily);
    font-size: 25px;
    color: var(--blackColor);
    text-align: left;
    font-weight: bold;
    text-transform: capitalize;
    padding-top: 100px;
    text-align: var(--centerAlign)
  }
  .core_funding_partner .content .core_partner_text{
    background: var(--whiteColor);
    color: var(--blackColor);
    padding: 40px;
    margin-top: 0px;
    margin-left: 0px;
  }
}





/*=================== project_page ===================*/
.project_page{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg'); */
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed;
  background: var(--blackColor);
}
.project_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.project_section_one{
  padding: 100px 0px;
  background: var(--mainColor);
  text-align: var(--centerAlign)
}
.project_section_one .content p{
  font-family: var(--fontFamily);
  font-size: 25px;
  color: var(--whiteColor);
  text-align: var(--centerAlign)
}
.project_section_two{
  padding: 100px 0px;
}
.project_section_two ul li a.active
{
 background: var(--mainColor) !important;
 color: var(--whiteColor);
 font-family: var(--fontFamily);
 font-weight: bold;
 margin: 2px;
}
.project_section_two ul{
  text-align: var(--centerAlign)
}
.project_section_two .filter_form{
  position: sticky;
  top: 100px;
  background: var(--grayColor);
  /* background: var(--whiteColor); */
  padding: 10px;
}
.project_section_two .filter_form form label{
  display: block;
}
.project_section_two .filter_form form input{
  display: block;
  width: 100%;
  height: 45px;
  outline: none;
  padding: 10px;
  margin-bottom: 10px;
  border: none;
}
.project_section_two .filter_form form select{
  display: block;
  width: 100%;
  height: 45px;
  outline: none;
  padding: 10px;
  margin-bottom: 10px;
  border: none;
  background: var(--whiteColor);
}
.project_section_two .filter_form form button{
  display: block;
  width: 100%;
  height: 45px;
  outline: none;
  padding: 10px;
  margin-bottom: 10px;
  background: var(--mainColor);
  color: var(--whiteColor);
  text-transform: capitalize;
  font-weight: bold;
  border: none;
  border-radius: 0px;
}
.project_section_two a{
  text-decoration: none;
}
.project_section_two  a .project_list {
  /* background: var(--grayColorLight); */
  background: var(--grayColor);
  border-radius: 0px;
  margin-bottom: 10px;
  padding: 10px;
}
.project_section_two a .project_list h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.total_projects{
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  font-family: var(--fontFamily);
  background: var(--blackColor);
  padding: 20px;
}

.project_details_container{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg'); */
  padding: 50px 0px 10px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed;
  /* background: var(--blackColor); */
}
.project_details_container .content h1{
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-size: 30px;
  text-align: var(--centerAlign);
  border-left: 5px solid var(--mainColor);
  padding: 30px 4px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.project_details_section_one{
  padding: 50px 0px;
}
.project_details_section_one .project_details_staff_part{
  position: sticky;
  top: 100px;
  background: var(--whiteColor);
  color: var(--blackColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
}
.project_details_section_one .project_details_staff_part p span{
  font-weight: bold;
  display: block;
}
.project_details_section_one .project_details_content{
  /* border: 1px solid var(--grayColor); */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px
}
.project_details_section_one .project_details_content .other_contents{
  padding: 20px;
}
.project_details_section_one .project_details_content .other_contents h1{
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-size: 20px;
  text-align: justify;
  font-weight: bold;
}



/*===================== events_page =====================*/
.events_page{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg'); */
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed;
  background: var(--blackColor);
}
.events_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.event_section_heading{
  padding: 50px 0px;
  background: var(--mainColor);
  color: var(--whiteColor);
}
.event_section_heading h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--whiteColor);
  text-align: var(--centerAlign)
}
.events_section_one{
  padding: 50px 0px;
}
.events_section_one .content_list{
  background: var(--grayColor);
  margin-bottom: 4px;
}
.events_section_one .content.new_list_content{
  margin-bottom: 4px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.events_section_one .content.new_list_content .new_list_content_in{
  margin-bottom: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.events_section_one .content.new_list_content .new_list_content_in img{
  /* display: block;
  max-width:500px;
  max-height:300px;
  width: 100%;
  height: auto; */
  object-fit: cover;
  width: 100%;
  height: 250px;
  border-radius: 5px;
}
.events_section_one .content.new_list_content .new_list_content_in .description_section{
  padding: 20px;
}
.events_section_one .content.new_list_content .new_list_content_in .more_details{
  padding: 10px 20px;
}
.events_section_one .content_list .image_section p{
  background: var(--blackColor);
  padding: 10px;
  color: var(--whiteColor);
  /* margin-top: -100px; */
  /* position: absolute; */
  /* z-index: 2; */
  opacity: 0.4;
  font-style: italic;
  font-size: 14px;
}
.events_section_one .content .modal{
  background: var(--blackColor);
}
.events_section_one .content .modal .modal-dialog .modal-content{
  background: var(--blackColor);
}
.events_section_one .content .modal .modal-dialog .modal-content .modal-header h5{
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  font-size: 18px;
}
.events_section_one .content .modal .modal-dialog .modal-content .modal-header button{
  outline: none;
}
.events_section_one .content .modal .modal-dialog .modal-content .modal-header button span{
  color: var(--whiteColor);
  font-size: 50px;
}
.events_section_one .content_list .image_section{
  position: relative;
}
.events_section_one .content_list .image_section .video_button {
  /* background: var(--blackColor); */
  padding: 20px;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 30%;
  left: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.events_section_one .description_section{
  padding: 0px 10px;
}
.events_section_one .description_section h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.events_section_one .description_section p{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
}
.events_section_one .more_details {
  padding: 10px;
}
.events_section_one .more_details a{
  color: var(--mainColor);
  text-transform: capitalize;
  font-weight: bold;
}
.events_section_one .calls_list{
  /* background: var(--grayColorLight); */
  background: var(--grayColor);
  padding: 10px;
  position: sticky;
  top: 100px;
}
.events_section_one .calls_list h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
  padding: 10px;
  text-transform: capitalize;
}
.events_section_one .calls_list p{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--blackColor);
  /* font-weight: bold; */
  border-bottom: 1px solid var(--mainColor);
  padding: 10px;
}
.news_details{
  padding: 200px 0px;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.title_section .content{
  background: var(--whiteColor);
  /* background: var(--blackColor); */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  padding: 50px 30px;
  margin-top: -100px;
  margin-bottom: 20px;
  border-left: 5px solid var(--mainColor);
}
.title_section .content p{
  font-size: 25px;
  margin-bottom: 50px;
  font-weight: bold;
}
.title_section .content footer cite{
  color: var(--whiteColor);
  font-family: var(--fontFamily);
}
.title_section .content footer{
  color: var(--mainColor);
  font-family: var(--fontFamily);
  margin-top: 20px;
  font-weight: var(--fontBold);
}

.teplate_change{
  padding: 10px 0px;
}
.teplate_change .content{
  display: flex;
}
.teplate_change .content button{
  margin-right: 30px;
  border: none;
  outline: none;
  height: 50px;
  width: 50px;
  font-size: 30px;
  background: var(--whiteColor);
  color: var(--mainColor)
}

.news_section_list_view .news_list_view_section{
  margin-bottom: 10px;
}
.news_section_list_view a{
  text-decoration: none;
}
.news_section_list_view .news_list_view_section{
  background: var(--grayColor);
}
.news_section_list_view .news_list_view_section .description{
  padding: 10px;
}
.news_section_list_view .news_list_view_section .description  h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.news_section_list_view .news_list_view_section .description div{
  display: flex;
  font-style: italic;
  font-size: 14px;
}
.news_section_list_view .news_list_view_section .description div p:nth-child(2){
  margin-left: 10px;
  font-family: var(--fontFamily);
}
.news_section_list_view .teplate_change{
  position: sticky;
  top: 100px;
}
.new_section_one{
  padding: 20px 0px;
}
.new_section_one .content_item{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
}
.new_section_one .content_item p.caption{
  background: var(--grayColor);
  padding: 10px;
  font-size: 14px;
  font-style: italic;
}
.new_section_one .content_item a{
  font-family: var(--fontFamily);
  color: var(--blackColor);
  text-decoration: none;
}
.new_section_one .content_item a h1{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
}
.new_section_one .content_item p.date{
  font-size: 13px;
  font-family: var(--fontFamily);
}
.new_section_two{
  padding: 20px 0px;
}
.new_section_two .content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.new_section_two .content .news_item{
  background: var(--grayColor);
}
.new_section_two .content .news_item img{
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 991px){
  .events_section_one .content.new_list_content{
    margin-bottom: 4px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}
@media only screen and (max-width: 768px){
  .events_section_one .content.new_list_content{
    margin-bottom: 4px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}











/*================= staff_page =================*/
.staff_page{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  text-align: var(--centerAlign);
  background-attachment: fixed;
}
.staff_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.staff_section_one{
  padding: 50px 0px;
}
.staff_section_one h1{
  font-family: var(--fontFamily);
  font-size: 30px;
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign)
}
.staff_section_one .staff_filter{
  background: var(--grayColor);
  padding: 10px;
  position: sticky;
  top: 100px;
}
.staff_section_one .staff_filter form label{
  display: block;
}
.staff_section_one .staff_filter form input{
  display: block;
  height: 45px;
  border: none;
  width: 100%;
  margin-bottom: 10px;
  outline: none;
  padding: 10px;
}
.staff_section_one .staff_filter form button{
  display: block;
  height: 45px;
  border: none;
  width: 100%;
  margin-bottom: 10px;
  background: var(--mainColor);
  color: var(--whiteColor);
  font-weight: bold;
}
.staff_section_one .staff_list_section{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1rem;
}
.staff_section_one .staff_list_section .individual_staff{
  text-align: var(--centerAlign);
  background: var(--grayColorLight);
}
.staff_section_one .staff_list_section .individual_staff img{
  width: 80px;
  height: 80px;
  border-radius: 50px;
}
.staff_section_one .staff_list_section .individual_staff a{
  color: var(--mainColor);
  transition: 0.3s;
  text-decoration: none;
}
.staff_section_one .staff_list_section .individual_staff a h2{
  font-family: var(--fontFamily);
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
}
.staff_section_one .staff_list_section .individual_staff span{
  font-family: var(--fontFamily);
  font-size: 13px;
  text-transform: capitalize;
}
.staff_section_one .staff_list_section .individual_staff a:hover{
  color: #3399ff;
  /* transition: 0.5s */
}
.staff_section_one .content .pagination .step-links{
  text-align: center;
}
.staff_section_one .content .pagination .step-links a{
  color: var(--whiteColor);
  background: var(--mainColor);
  padding: 5px;
  border-radius: var(--borderRadius);
  text-decoration: none;
  text-transform: capitalize;
  border: none;
}

.staff_section_one .search_section{
  position: sticky;
  top: 100px;
  background: var(--grayColorLight);
  padding: 10px;
}
.staff_section_one .search_section form input{
  width: 100%;
  padding: 5px 10px;
}
.staff_details_page{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg'); */
  padding: 100px 0px 50px 0px;;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  /* text-align: var(--centerAlign); */
}
.staff_details_page .content{
  border: 1px solid #eee;
  /* box-shadow: 0 8px 6px -6px black; */
}
.staff_details_page .content .items{
  display: flex;
  align-items: var(--centerAlign);
  position: relative;
}
.staff_details_page .content .items .left{
  border: 2px solid var(--mainColor);
  height: 80px;
  width: 80px;
  border-radius: 50px;
  display: flex;
  justify-content: var(--centerAlign);
  align-items: var(--centerAlign);
  position: absolute;
  left: -40px;
  background: var(--whiteColor);
}
.staff_details_page .content .items .right{
  margin-left: 60px;
}
.staff_details_page .content h1{
  font-family: var(--fontFamily);
  font-size: 30px;
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
}
.staff_details_page .content p{
  font-family: var(--fontFamily);
  font-size: 20px;
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
}
.staff_details_section_one .heading{
  text-align: var(--centerAlign);
  background: var(--mainColor);
  padding: 10px 0px;
  margin-bottom: 4px;
}
.staff_details_section_one .heading h1{
  color: var(--whiteColor);
  font-family: var(--fontFamily);
  font-size: 30px;
  font-weight: bold;
  text-transform: capitalize;
}
.staff_details_section_one .profile_image{
  background: var(--whiteColor);
  padding: 10px;
  position: sticky;
  top: 100px;
}
.staff_details_section_one .profile_image p{
  font-family: var(--fontFamily);
  font-size: 18px;
  color: var(--blackColor);
  font-weight: bold;
  padding-top: 10px;
  /* text-align: var(--centerAlign); */
}
.staff_details_section_one .profile_image span{
  font-family: var(--fontFamily);
  font-size: 16px;
  color: var(--blackColor);
  display: block;
}
.staff_details_section_one .profile_image span a{
  font-family: var(--fontFamily);
  font-size: 15px;
  color: var(--mainColor);
  display: block;
  text-transform: capitalize;
  text-decoration: none;
}
.staff_details_section_one .headline_and_description_section{
  background: #eee;
  padding: 10px;
  margin-bottom: 10px;
}
.staff_details_section_one .headline_and_description_section .headline{
  background: var(--whiteColor);
  padding: 10px;
  margin-bottom: 4px;
  border-radius: var(--borderRadius)
}
.staff_details_section_one .headline_and_description_section .headline h1{
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-size: 20px;
  font-weight: bold;
}
.staff_details_section_one .headline_and_description_section .description{
  background: var(--whiteColor);
  padding: 10px;
  border-radius: var(--borderRadius)
}
.staff_details_section_one .headline_and_description_section .description p{
  font-family: var(--fontFamily);
  font-size: 15px;
  color: var(--blackColor);
}


@media only screen and (max-width: 991px){
  .staff_section_one .staff_list_section{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
  }
}
@media only screen and (max-width: 768px){
  .staff_section_one .staff_list_section{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
  .staff_details_page .content .items .left{
    display: none;
  }
  .staff_details_page .content .items .right{
    margin-left: 10px;
  }
  .staff_details_section_one .profile_image{
    margin-bottom: 10px;
  }
}





/*=================== history_page ===================*/
.history_page  {
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px 50px 0px;;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.history_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
}
.history_page .content p{
  color: var(--whiteColor);
  font-size: 16px;
  font-family: var(--fontFamily);
}
.history_section_one{
  padding: 50px 0px;
}
.history_section_two{
  background: var(--grayColorLight);
  padding: 50px 0px;
}
.history_section_two .content_hih_image img{
  border-radius: 5px;
  border: none;
  margin-top: 60px;
}
.history_section_two .content_table h1{
  font-family: var(--fontFamily);
  font-size: 30px;
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
  text-align: var(--centerAlign);
}
.history_section_three{
  padding: 50px 0px;
  background: var(--whiteColor);
}
.history_section_three h1{
  font-size: 30px;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
  text-transform: capitalize;
  text-align: var(--centerAlign);
  font-weight: bold;
}
.history_section_three p{
  /* text-align: center; */
  text-align: justify;
}
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  /* background-color:#fff; */
  background-color:var(--mainColor);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline .timeline_container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timeline .timeline_container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  /* background-color: white; */
  background-color: var(--mainColor);
  /* border: 4px solid #FF9F55; */
  border: 4px solid #00ff0098;
  /* border: 4px solid var(--blackColor); */
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.timeline .left {
  left: 0;
}

/* Place the container to the right */
.timeline .right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeline .left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  /* border: medium solid var(--mainColor); */
  border-width: 10px 0 10px 10px;
  /* border-color: transparent transparent transparent white; */
  border-color: transparent transparent transparent var(--mainColor);
}

/* Add arrows to the right container (pointing left) */
.timeline .right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  /* border-color: transparent white transparent transparent; */
  border-color: transparent var(--mainColor) transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline .right::after {
  left: -16px;
}

/* The actual content */
.timeline .content {
  padding: 20px 10px;
  /* background-color: white; */
  background-color: var(--mainColor);
  position: relative;
  border-radius: 6px;
  color: var(--whiteColor);
}
.timeline .content h2{
  font-size: 15px;
  font-family: var(--fontFamily);
  font-weight: bold;
}
.timeline .content p{
  /* font-size: 15px; */
  font-family: var(--fontFamily);
}
@media only screen and (max-width: 991px){
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }

  /* Full-width containers */
  .timeline .timeline_container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  .timeline .timeline_container::before {
  left: 60px;
  /* border: medium solid white; */
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--mainColor) transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .timeline .left::after, .timeline .right::after {
  left: 15px;
  }

  /* Make all right containers behave like the left ones */
  .timeline .right {
  left: 0%;
  }
}
@media only screen and (max-width: 768px){
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }

  /* Full-width containers */
  .timeline .timeline_container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  .timeline .timeline_container::before {
  left: 60px;
  /* border: medium solid white; */
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--mainColor) transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .timeline .left::after, .timeline .right::after {
  left: 15px;
  }

  /* Make all right containers behave like the left ones */
  .timeline .right {
  left: 0%;
  }
}


/*================= research_page =====================*/
.research_page{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.research_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
}
.research_section_one{
  padding: 50px 0px;
  background: var(--mainColor);
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.research_section_one .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.research_section_one .content p{
  font-size: 16px;
  font-family: var(--fontFamily)
}
.research_section_two{
  /* padding: 100px 0px; */
}
.research_section_two .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.research_section_two .content .left{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  /* background-attachment: fixed; */
  /* text-align: var(--centerAlign); */
}

.research_section_two .content .left h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.research_section_two .content .left p{
  font-size: 16px;
  font-family: var(--fontFamily)
}
.research_section_two .content .right{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg2.jpg');
  padding: 100px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  /* background-attachment: fixed; */
  /* text-align: var(--centerAlign); */
}
.research_section_two .content .right h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.research_section_two .content .right p{
  font-size: 16px;
  font-family: var(--fontFamily)
}
@media only screen and (max-width: 991px){
  .research_section_two .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .research_section_two .content .left{
    padding: 50px;
  }
  .research_section_two .content .right{
    padding: 50px;
  }
}
@media only screen and (max-width: 768px){
  .research_section_two .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .research_section_two .content .left{
    padding: 50px;
  }
  .research_section_two .content .right{
    padding: 50px;
  }
}

.research_section_three{
  /* padding: 50px 20px; */
}
.research_section_three .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.research_section_three .content .left{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg2.jpg');
  padding: 100px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
}
.research_section_three .content .right{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg'); */
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/TB.jpg');
  padding: 100px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
}
@media only screen and (max-width: 991px){
  .research_section_three .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px){
  .research_section_three .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .research_section_three .content .left{
    padding: 50px;
  }
  .research_section_three .content .right{
    padding: 50px;
  }
}
.research_section_four{
  padding: 50px 0px;
  text-align: var(--centerAlign);
}
.research_section_four .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.research_section_four .content p{
  font-size: 16px;
  font-family: var(--fontFamily)
}


/*============= training_page =============*/
.training_page{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg8.jpg');
  padding: 300px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
  /* text-align: var(--centerAlign); */
}
.training_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
}
.training_section_one{
  padding: 50px 0px;
  /* background: var(--mainColor); */
  color: var(--whiteColor);
  /* text-align: var(--centerAlign); */
}
.training_section_one .content{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 50px;
  color: var(--blackColor);
  margin-top: -250px;
  border-left: 5px solid var(--mainColor);
}
.training_section_one .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.training_section_one .content p{
  font-size: 16px;
  font-family: var(--fontFamily)
}
.training_section_two .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.training_section_two .content .left{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg'); */
  padding: 50px;
  background-position: center;
  background-size: cover;
  color: var(--blackColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.training_section_two .content .left h1{
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.training_section_two .content .right{
  /* background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg7.jpg'); */
  padding: 50px;
  background-position: center;
  background-size: cover;
  color: var(--blackColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.training_section_two .content .right h1{
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
@media only screen and (max-width: 991px){
  .training_section_two .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px){
  .training_section_two .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .training_section_two .content .left{
    padding: 50px;
  }
  .training_section_two .content .right{
    padding: 50px;
  }
}
.training_section_three{
  padding: 50px 100px;
}
.training_section_three .content_left{
  position: sticky;
  top: 100px;
  padding: 50px;
  border-top-right-radius: 100px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.training_section_three .content_left h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.training_section_three .content_left p{
  font-size: 16px;
  font-family: var(--fontFamily)
}
.training_section_three .content_right .log_program{
  border-left: 2px solid var(--mainColor);
  padding: 10px;
}
.training_section_three .content_right .log_program h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.training_section_three .content_right .log_program h2{
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.training_section_three .content_right p{
  font-size: 16px;
  font-family: var(--fontFamily)
}
.training_section_three .content_right ol li{
  color: var(--blackColor);
  /* font-weight: bold; */
}
@media only screen and (max-width: 991px){
  .training_section_three{
    padding: 50px;
  }
}
@media only screen and (max-width: 768px){
  .training_section_three{
    padding: 50px;
  }
  .training_section_three .content_left{
    position: sticky;
    top: 100px;
    padding: 20px;
    border-top-right-radius: 0px;
    margin-bottom: 20px;
  }
}
.training_section_four{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg6.jpg');
  padding: 100px 0px;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  color: var(--whiteColor);
  /* text-align: var(--centerAlign); */
}
.training_section_four .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.training_section_four .content p{
  font-size: 16px;
  font-family: var(--fontFamily)
}


/* service_page */
.service_page{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg8.jpg');
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.service_page .content h1{
  font-family: var(--fontFamily);
  font-size: 50px;
  color: var(--whiteColor);
  font-weight: bold;
  text-transform: capitalize;
}
.service_section_one{
  padding: 50px 0px;
  background: var(--mainColor);
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.service_section_one .content p{
  font-size: 16px;
  font-family: var(--fontFamily)
}
.service_section_two{
  padding: 50px 0px;
}
.service_section_two .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.service_section_two .content .content_details{
  background: var(--mainColor);
  padding: 20px;
  color: var(--whiteColor);
  border-radius: var(--borderRadius);
}
.service_section_two .content .content_details h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.service_section_two .content .content_details p{
  font-size: 16px;
  font-family: var(--fontFamily)
}
@media only screen and (max-width: 991px){
  .service_section_two .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}
@media only screen and (max-width: 768px){
  .service_section_two .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}
.service_section_three{
  background: var(--mainColor);
  padding: 100px 0px;
  margin-top: 200px;
}
.service_section_three .content{
  background: var(--whiteColor);
  color: var(--blackColor);
  margin-top: -250px;
  padding: 30px;
  border-radius: var(--borderRadiusXl)
}
.service_section_three .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}
.service_section_four{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 50px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.service_section_four .content{
  color: var(--whiteColor);
  padding: 30px;
  border-radius: var(--borderRadiusXl)
}
.service_section_four .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily)
}


/* who_we_are */
.who_we_are{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.who_we_are .content h1{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: var(--textTransformCapitalize);
}
.who_we_are_section_one{
  padding: 50px 0px;
  background: var(--mainColor);
  color: var(--whiteColor);
}
.who_we_are_section_one .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  text-transform: capitalize;
  margin-bottom: 20px;
}
.who_we_are_section_one .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.missionvision{
  padding: 50px 0px;
}
.missionvision h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  text-transform: capitalize;
  margin-bottom: 20px;
  color: var(--blackColor);
}
.missionvision .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.missionvision .content .mission_vision{
  background: var(--grayColor);
  text-align: var(--centerAlign);
  padding: 20px;
  border-radius: var(--borderRadius);
  border: none;
}
.missionvision .content .mission_vision h2{
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  margin-bottom: 20px;
  color: var(--blackColor);
}
.missionvision .content .mission_vision p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.corevalues{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 50px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.corevalues h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  text-transform: capitalize;
  margin-bottom: 20px;
}
.corevalues .content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
.corevalues .content .ourvalues{
  background: var(--whiteColor);
  color: var(--blackColor);
  padding: 20px;
  border-radius: var(--borderRadius);
  border: none;
}
.corevalues .content .ourvalues.empty{
  background: transparent;
}
.corevalues .content .ourvalues h2{
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  margin-bottom: 20px;
  color: var(--blackColor);
}
.corevalues .content .ourvalues p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
@media only screen and (max-width: 991px){
  .missionvision .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .corevalues .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .corevalues .content .ourvalues.empty{
    display: none;
  }
}
@media only screen and (max-width: 768px){
  .missionvision .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .corevalues .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .corevalues .content .ourvalues.empty{
    display: none;
  }
}


/* branches */
.branches{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.branches .content h1{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  text-transform: capitalize;
  margin-bottom: 20px;
}
.branch_section_one{
  background: var(--mainColor);
  padding: 50px 0px;
  text-align: var(--centerAlign);
  color: var(--whiteColor);
}
.branch_section_one .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  margin-bottom: 20px;
}
.branch_section_one .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.branch_section_two{
  background: var(--whiteColor);
  padding: 50px 0px;
  text-align: var(--centerAlign);
  color: var(--blackColor);
}
.branch_section_two .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  margin-bottom: 20px;
}
.branch_section_two .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.branch_section_three{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.branch_section_three .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  margin-bottom: 20px;
}
.branch_section_three .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}


/* unitanddepartment */
.unitanddepartment{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
  text-align: var(--centerAlign);
}
.unitanddepartment .content h1{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  margin-bottom: 20px;
  text-transform: capitalize;
}
.unitanddepartment_section_one{
  padding: 50px 0px;
  background: var(--mainColor);
}
.unitanddepartment_section_one .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  color: var(--whiteColor);
}
.unitanddepartment_section_two{
  padding: 50px 0px;
}
.unitanddepartment_section_two .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}

.unitanddepartment_section_three{
  padding: 50px 0px;
}
.unitanddepartment_section_three .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.unitanddepartment_section_three .content .card_content{
  background: var(--grayColor);
  padding: 20px;
  border-radius: var(--borderRadius);
}
@media only screen and (max-width: 991px){
  .unitanddepartment_section_three .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}
@media only screen and (max-width: 768px){
  .unitanddepartment_section_three .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}

.environmental_health{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
}
.environmental_health .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  /* text-align: var(--centerAlign); */
  color: var(--whiteColor);
  margin-bottom: 20px;
}
.environmental_health .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
}
.environmental_health .content h2{
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily);
  /* text-align: var(--centerAlign); */
  color: var(--whiteColor);
  margin-bottom: 20px;
}
.environmental_health .content ol li{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
}

.intervention{
  padding: 50px 0px;
}
.intervention .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  /* text-align: var(--centerAlign); */
  color: var(--blackColor);
  margin-bottom: 20px;
}
.intervention .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.health_system{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  background-attachment: fixed;
}
.health_system .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  /* text-align: var(--centerAlign); */
  color: var(--whiteColor);
  margin-bottom: 20px;
}
.health_system .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
}
.units{
  background: var(--mainColor);
  padding: 50px 0px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  color: var(--whiteColor);
}
.research_unit{
  padding: 50px 0px;
}
.research_unit .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  color: var(--blackColor);
  margin-bottom: 20px;
}
.research_unit .content ul{
  padding: 20px;
  background: var(--mainColor);
}
.research_unit .content ul li{
  line-height: 40px;
  color: var(--whiteColor);
  font-size: 16px;
}
.directorate_unit{
  padding: 50px 0px;
}
.directorate_unit .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  color: var(--blackColor);
  margin-bottom: 20px;
}
.directorate_unit .content ul{
  padding: 20px;
  background: var(--mainColor);
}
.directorate_unit .content ul li{
  line-height: 40px;
  color: var(--whiteColor);
  font-size: 16px;
}
.operations_unit{
  padding: 50px 0px;
}
.operations_unit .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  color: var(--blackColor);
  margin-bottom: 20px;
}
.operations_unit .content ul{
  padding: 20px;
  background: var(--mainColor);
}
.operations_unit .content ul li{
  line-height: 40px;
  color: var(--whiteColor);
  font-size: 16px;
}

/* ced_message */
.ced_message{
  background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  padding: 100px 0px 50px 0px;
  background-position: center;
  background-size: cover;
  color: var(--whiteColor);
  text-align: var(--centerAlign);
  background-attachment: fixed;
}
.ced_message .content h1{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  color: var(--whiteColor);
}
.mesasge_section{
  padding: 50px 0px;
}
.mesasge_section .ced_image{
  /* background: var(--grayColor); */
  /* padding: 20px; */
  position: sticky;
  top: 100px;
}
.mesasge_section .main_message{
  padding: 20px;
  /* border: 1px solid var(--grayColor); */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.mesasge_section .main_message h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.mesasge_section .main_message p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.mesasge_section .main_message p strong{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
  font-weight: bold;
}
.mesasge_section .attachements{
  background: var(--whiteColor);
  padding: 20px;
  color: var(--blackColor);
  position: sticky;
  top: 100px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.mesasge_section .attachements a{
  text-decoration: none;
  color: var(--mainColor);
  text-transform: capitalize;
  font-weight: bold;
}


/* research_platform */
.research_platform{
  background: var(--blackColor);
  padding: 100px 0px 50px 0px;
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.research_platform .content h1{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
}
.research_platform_section_one{
  padding: 50px 0px;
}
.research_platform_section_one .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.research_platform_section_one .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.research_platform_section_two{
  padding: 50px 0px;
  background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  color: var(--whiteColor);
}
.research_platform_section_two .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
}
.research_platform_section_two .content h2{
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily);
}
.research_platform_section_two .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
}
.research_platform_section_three{
  padding: 50px 0px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.research_platform_section_three .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
}
.research_platform_section_three .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
}
.research_platform_section_four{
  padding: 50px 0px;
  background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  color: var(--whiteColor);
}
.research_platform_section_four .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
}
.research_platform_section_four .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
}
.research_platform_section_five{
  padding: 50px 0px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.research_platform_section_five .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
}
.research_platform_section_five .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
}
.research_platform_section_six{
  padding: 50px 0px;
  background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  color: var(--whiteColor);
}
.research_platform_section_six .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
}
.research_platform_section_six .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
}

.governance_page{
  padding: 100px 0px 50px 0px;
  background: var(--blackColor);
}
.governance_page .content h1{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.governance_page_section_one{
  background: var(--mainColor);
  padding: 50px 0px 50px 0px;
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.governance_page_section_one .content h1{
  font-size: 20px;
  font-family: var(--fontFamily);
}
.governance_page_section_two{
  padding: 50px 0px 50px 0px;
  background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.governance_page_section_two .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
}
.governance_page_section_three{
  background: var(--whiteColor);
  padding: 50px 0px 50px 0px;
}
.governance_page_section_three .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  color: var(--blackColor);
  text-align: var(--centerAlign);
}
.governance_page_section_three .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.governance_page_section_four{
  background: var(--grayColor);
  padding: 50px 0px;
}
.governance_page_section_four .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  color: var(--blackColor);
  text-align: var(--centerAlign);
}
.governance_page_section_four .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.governance_page_section_five{
  background: var(--whiteColor);
  padding: 50px 0px;
}
.governance_page_section_five .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  color: var(--blackColor);
  text-align: var(--centerAlign);
}
.governance_page_section_five .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.governance_page_section_six{
  padding: 50px 0px;
  background: var(--grayColor)
}
.governance_page_section_six .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  color: var(--blackColor);
  text-align: var(--centerAlign);
}
.governance_page_section_six .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.governance_page_section_seven{
  background: var(--whiteColor);
  padding: 50px 0px 50px 0px;
}
.governance_page_section_seven .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  color: var(--blackColor);
  text-align: var(--centerAlign);
}
.governance_page_section_seven .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
}
.governance_page_section_eight {
  padding: 50px 0px;
  background: var(--whiteColor);
}
.team_member{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1rem;
}
.team_member .team{
  /* background: var(--grayColor); */
  text-align: var(--centerAlign);
  padding-bottom: 10px;
}
.team_member .team p{
  font-size: 15px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
  font-weight: bold;
  margin-top: 10px;
}
.team_member .team span{
  font-size: 14px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
  opacity: 0.7;
  display: block;
  font-weight: bold;
}
.team_member .team a{
  font-size: 14px;
  font-family: var(--fontFamily);
  color: var(--mainColor);
  text-transform: capitalize;
  text-decoration: none;
  font-weight: bold;
}
.team_member .modal .modal-dialog{
  background: var(--mainColor);
}
.team_member .modal .modal-header{
  border-bottom: none;
}
.team_member .modal .modal-header button{
  outline: none;
}
.team_member .modal .modal-body .image_div{
  text-align: center;
  margin-bottom: 4px;
}
.team_member .modal .modal-body .image_div img{
  border-radius: 100px;
}
.team_member .modal .modal-body .content .headline_part {
  background: var(--mainColor);
  color: var(--whiteColor);
  padding: 10px;
}
.team_member .modal .modal-body .content .headline_part h2{
  font-size: 20px;
  font-family: var(--fontFamily);
}
@media only screen and (max-width: 991px){
  .team_member{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
  }
}
@media only screen and (max-width: 768px){
  .team_member{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}


/* faqs_container */
.faqs_container{
  padding: 100px 0px 50px 0px;
  background: var(--blackColor);
  color: var(--whiteColor);
}
.faqs_container .content h1{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  text-align: var(--centerAlign);
}
.faqs_list{
  padding: 50px 0px;
}
.faqs_list .content .accordion .card{
  margin-bottom: 10px;
}
.faqs_list .content .accordion .card .card-header{
  border-radius: none;
  background: var(--mainColor);
  border: none;
}
.faqs_list .content .accordion .card .card-header h2{
  font-size: 18px;
  font-family: var(--fontFamily);
}
.faqs_list .content .accordion .card .card-header h2 button{
  color: var(--whiteColor);
  text-decoration: none;
}



/* iso_page */
.iso_page{
  padding: 100px 0px 50px 0px;
  background: var(--blackColor);
  color: var(--whiteColor);
  text-align: var(--centerAlign)
}
.iso_page .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.iso_section_one{
  padding: 50px 0px;
  background: var(--mainColor);
  text-align: var(--centerAlign);
}
.iso_section_one .content{
  color: var(--whiteColor);
}
.iso_section_two{
  padding: 50px 0px 50px 0px;
  background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.iso_section_two .content h1{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.iso_section_two .content p{
  font-size: 16px;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
  text-align: var(--centerAlign)
}
.iso_section_two .content .jumbotron a{
  text-decoration: none;
}
.iso_section_two .content .jumbotron a p{
  color: #3399ff;
}


/* subscribe_page */
.subscribe_page{
  padding: 100px 0px 50px 0px;
  background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0, 0, 0, 0.7)), url('../images/bg4.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.subscribe_page .content h1{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.sub_section_one{
  padding: 100px 0px;
}
.sub_section_one .content h2{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.sub_section_one .content .back_home{
  text-align: var(--centerAlign);
  margin: 40px 0px;
}
.sub_section_one .content .back_home a{
  background: var(--mainColor);
  padding: 10px 20px;
  border-radius: var(--borderRadius);
  color: var(--whiteColor);
  text-decoration: var(--textDecoration);
}
.sub_section_one .content .alittle_bit_about_us h2{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.sub_section_one .content .alittle_bit_about_us p{
  text-align: var(--centerAlign);
  font-size: 16px;
}
.sub_section_one .content .our_core_value h2{
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.sub_section_one .content .our_core_value ul{
  list-style: none;
  margin-left: 0px;
}
.sub_section_one .content .our_core_value ul li{
  font-size:18px;
  font-weight: bold;
  font-family: var(--fontFamily);
}
.sub_section_one .content .our_core_value ul li ul.inside li{
  font-size:16px;
  font-family: var(--fontFamily);
}


/* vcptu_page */
.vcptu_page{
  padding: 250px 0px;
  background-image:linear-gradient(rgba(0,0,0,0.4), rgba(0, 0, 0, 0.4)), url('../images/vcptu_top.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.vcptu_page .content h1{
  font-size: 100px;
  font-weight: bold;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.vcptu_page .content h4{
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  color: var(--whiteColor);
  text-align: var(--centerAlign);
}
.vcptu_page_section_one{
  padding:50px 0px;
}
.vcptu_page_section_one .section_two{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.vcptu_page_section_one .section_two .images{
  border-radius: var(--borderRadius)
}
.vcptu_page_section_one .section_two .images img{
  border-radius: var(--borderRadius)
}
.vcptu_page_section_one .section_two .welcome_side{
  background: var(--grayColor);
  padding: 50px 30px;
  border-radius: var(--borderRadius)
}
.vcptu_page_section_one .section_two .welcome_side h1{
  color: var(--mainColor);
  font-size: 30px;
  font-family: var(--fontFamily);
}
.vcptu_page_section_one .section_two .welcome_side p{
  color: var(--blackColor);
  font-size: 16px;
  font-family: var(--fontFamily);
}
.vcptu_page_section_two{
  padding: 50px 0px;
  background: var(--grayColor);
}
.vcptu_page_section_two .content h1{
  color: var(--mainColor);
  font-size: 30px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.vcptu_page_section_two .content p{
  color: var(--blackColor);
  font-size: 16px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.vcptu_page_section_three{
  padding: 10px 0px;
}
.vcptu_page_section_three .content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.vcptu_page_section_three .content .mission_vision{
  padding: 20px;
}
.vcptu_page_section_three .content .mission_vision h1{
  color: var(--mainColor);
  font-size: 30px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.vcptu_page_section_three .content .mission_vision p{
  color: var(--blackColor);
  font-size: 16px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.vcptu_page_section_three .content .mission_vision p span{
  color: var(--mainColor);
  font-weight: bold;
}
.vcptu_page_section_four{
  padding: 50px 0px;
}
.vcptu_page_section_four .content{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
}
.vcptu_page_section_four .content .service_container{
  background: var(--grayColor);
}
.vcptu_page_section_four .content .service_container p{
  padding: 10px;
}
.vcptu_page_section_five{
  padding: 200px 0px;
  background-image:linear-gradient(rgba(0,0,0,0.4), rgba(0, 0, 0, 0.4)), url('../images/bagamoyo.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.vcptu_page_section_five .content{
  background: var(--whiteColor);
  padding: 20px;
}
.vcptu_page_section_five .content table thead tr{
  background: var(--mainColor);
  color: var(--whiteColor);
}
.vcptu_page_section_five .content table thead tr th{
  text-align: var(--centerAlign);
}
.vcptu_page_section_five .content table tbody tr td{
  text-align: var(--centerAlign);
}
.vcptu_page_section_five .content table tbody tr td:first-child{
  font-weight: bold;
}
.vcptu_page_section_five .content table tbody tr td i.fa-check{
  font-size: 50px;
}
.vcptu_page_section_six{
  padding: 10px 0px;
}
.vcptu_page_section_six .content h1{
  color: var(--mainColor);
  font-size: 30px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
.vcptu_page_section_six .content .content_list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
.vcptu_page_section_six .content .content_list .lefft_content{
  padding: 40px 10px 10px 0px;
}
.vcptu_page_section_six .content.wild_mosquito{
  padding: 20px;
}
.vcptu_page_section_seven{
  background: var(--whiteColor);
  padding: 10px 0px;
}
.vcptu_page_section_seven .content{
  padding: 20px;
  background: var(--whiteColor);
}
.vcptu_page_section_seven .content h1{
  color: var(--mainColor);
  font-size: 30px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
}
@media only screen and (max-width: 991px){
  .vcptu_page_section_one .section_two{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .vcptu_page_section_four .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
  .vcptu_page_section_six .content .content_list{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}
@media only screen and (max-width: 768px){
  .vcptu_page .content h1{
    font-size: 50px;
    font-weight: bold;
    font-family: var(--fontFamily);
    color: var(--whiteColor);
    text-align: var(--centerAlign);
  }
  .vcptu_page .content h4{
    font-size: 30px;
    font-weight: bold;
    font-family: var(--fontFamily);
    color: var(--whiteColor);
    text-align: var(--centerAlign);
  }
  .vcptu_page_section_one .section_two{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .vcptu_page_section_three .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .vcptu_page_section_four .content{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
  .vcptu_page_section_six .content .content_list{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
  }
}



/* vcptu_page_section_height */
.vcptu_page_section_height{
  padding: 50px 0px;
  background: var(--grayColor);
}
.vcptu_page_section_height h1{
  color: var(--mainColor);
  font-size: 30px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  margin-bottom: 20px;
}
.vcptu_page_section_height .content .staff_item{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1rem;
}
.vcptu_page_section_height .content .staff_item .main_div{
  background: var(--grayColorLight);
  text-align: var(--centerAlign);
  padding: 10px 5px;
}
.vcptu_page_section_height .content .staff_item .main_div .img_div{
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin: auto;
}
.vcptu_page_section_height .content .staff_item .main_div .img_div img{
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.vcptu_page_section_height .content .staff_item .main_div .description_div a{
  color: var(--mainColor);
  text-decoration: var(--textDecoration);
}
@media only screen and (max-width: 768px){
  .vcptu_page_section_height .content .staff_item{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
}





/* .vcptu_page_section_nine */
.vcptu_page_section_nine{
  padding: 50px 0px;
}
.vcptu_page_section_nine h1{
  color: var(--mainColor);
  font-size: 30px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  margin-bottom: 20px;
}
.vcptu_page_section_nine .content{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}
.vcptu_page_section_nine .content p{
  display: flex;
  justify-content: var(-centerAlign);
  align-items: var(--centerAlign);
  font-weight: bold;
  font-size: 20px;
  font-family: var(--fontFamily);
  margin-top: 30px;
}
@media only screen and (max-width: 768px){
  .vcptu_page_section_nine .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}



/* clinical_trial_unit */
.clinical_trial_unit{
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/c1.jpg');
  background-position: var(--centerAlign);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 200px 0px;
}
.clinical_trial_unit .content h1{
  color: var(--whiteColor);
  font-size: 50px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  margin-bottom: 20px;
}
.clinical_trial_unit .content h2{
  color: var(--whiteColor);
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily);
}
.clinical_section_one{
  padding: 50px 0px;
}
.clinical_section_one .content h1{
  color: var(--blackColor);
  font-size: 30px;
  font-weight: bold;
  font-family: var(--fontFamily);
  text-transform: capitalize;
  margin-bottom: 20px;
}
.clinical_section_two{
  background: var(--grayColor);
  padding: 50px 0px;
}
.clinical_section_two .content h1{
  color: var(--blackColor);
  font-size: 20px;
  font-weight: bold;
  font-family: var(--fontFamily);
  margin-top: 150px;
}
/* clinical_section_three */
.clinical_section_three{
  padding: 10px 0px;
}
.clinical_section_three h1{
  color: var(--blackColor);
  font-size: 30px;
  /* font-weight: bold; */
  font-family: var(--fontFamily);
  margin-bottom: 20px;
  text-align: var(--centerAlign);
}
.clinical_section_three .content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap:1rem;
}
.clinical_section_three .content .item{
  background: var(--grayColorLight);
  padding: 10px;
}
.clinical_section_three .content .item h2{
  font-size: 18px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: bold;
}
.clinical_section_three .content .item p{
  font-size: 16px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}


/* clinical_section_four */
.clinical_section_four{
  padding: 10px 0px;
}
.clinical_section_four h1{
  color: var(--blackColor);
  font-size: 30px;
  /* font-weight: bold; */
  font-family: var(--fontFamily);
  margin-bottom: 20px;
  text-align: var(--centerAlign);
}
.clinical_section_four .content{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
}
.clinical_section_four .content h1{
  font-size: 20px;
  font-family: var(--fontFamily);
  color: var(--blackColor);
  font-weight: bold;
  text-align: var(--centerAlign);
}

/* clinical_section_five */

.clinical_section_five{
  padding: 50px 0px;
  background: var(--grayColor);
}
.clinical_section_five h1{
  color: var(--blackColor);
  font-size: 30px;
  font-family: var(--fontFamily);
  text-align: var(--centerAlign);
  margin-bottom: 20px;
}
.clinical_section_five .content .staff_item{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1rem;
}
.clinical_section_five .content .staff_item .main_div{
  background: var(--grayColorLight);
  text-align: var(--centerAlign);
  padding: 10px 5px;
}
.clinical_section_five .content .staff_item .main_div .img_div{
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin: auto;
}
.clinical_section_five .content .staff_item .main_div .img_div img{
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.clinical_section_five .content .staff_item .main_div .description_div a{
  color: var(--mainColor);
  text-decoration: var(--textDecoration);
}
@media only screen and (max-width: 768px){
  .clinical_section_two .content h1{
    color: var(--blackColor);
    font-size: 20px;
    font-weight: bold;
    font-family: var(--fontFamily);
    margin: 10px 0px;
  }
  .clinical_section_three .content{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:1rem;
  }
  .clinical_section_four .content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
  .clinical_section_five .content .staff_item{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
  }
}


/* error_page */
.error_page{
  padding: 100px 0px 50px 0px;
}
.error_page .content{
  background: var(--whiteColor);
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.error_page .content h1{
  color: var(--blackColor);
  font-size: 70px;
  font-weight: bold;
  font-family: var(--fontFamily);
  margin: 10px 0px;
}
.error_page .content p a{
  text-decoration: var(--textDecoration);
  color: var(--mainColor);
  font-weight: var(--fontBold);
}