:root {
  font-size: calc(1vw + 1vh + .5vmin);
}

body{
  margin: 0%;
  padding: 0%;
  overflow-x: hidden;
  font-size: .8rem;
}

h1 {font-size:1.4rem;}
h2 {font-size:1.3rem;}
h3 {font-size:1.2rem;}
h4 {font-size:1.1rem;}
h5 {font-size:1rem;}
h6 {font-size:.9rem;}
 p {font-size:.8rem; margin:0px;}

@media (max-width: 575.98px) {
  body {font-size:0.9rem;}
  h1 {font-size:1.5rem;}
  h2 {font-size:1.4rem;}
  h3 {font-size:1.3rem;}
  h4 {font-size:1.2rem;}
  h5 {font-size:1.1rem;}
  h6 {font-size:1rem;}
   p {font-size:0.9rem; margin:0px;}
}

.navbar {
    height: 60px;
  }

.navbar-brand img {
  height: 50px; /* Set the height of the logo */
  margin-left: 0px;
}

.navbar-brand-text {
  font-size: 13px;
  font-weight: bold;
  color: #2E6BBA;
  display: block;
  align-items: center;
  width: 244px;
}

@media screen and (max-width: 992px){
  .proimg{
    width: 244px;
    height: 190px!important;
    border-radius: 15px;
    margin-left: 40px;
  }
}

  .navbar-brand-text-line1 {
    text-align:left; /* Adjust the right margin for spacing */
    padding-bottom: 16px;
  }

  .navbar-brand-text-line2 {
     text-align: left;
     padding-top: 5px;
  }

.nav-item a:hover {
    color:#fff !important;
    height: 30px;
    border: 2px solid #2e6bba;
    background-color: #2E6BBA;
}

@media screen and (max-width: 992px){
  .navbar-collapse{
    background: #2e6bba solid;
    color: #fff;
    z-index: 100;
  }
}
@media screen and (max-width: 992px){
  .navbar-collapse a{
    background-color: #2E6BBA;
    color:#fff !important;
    height: 30px;
    border: 2px solid #2e6bba;
  }
}

@media screen and (max-width: 992px){
  .navbar-collapse a:hover{
    color:#2e6bba!important;
    height: 30px;
    border: 2px solid #2e6bba;
    background-color: #fff;
  }
}
@media screen and (max-width: 992px){
  .nav-item a{
    color: #fff!important;
  }
} 

.navbar-nav {
  margin-left: 10%; /* Change to display: contents; */
  text-align:right;
}

@media  screen and (min-width: 992px) {
  .for-bg{ 
    height: 100%;
  }
}
.backdee{
    background-color: #2E6BBA;
    color: #fff;
    height: 30px;
    margin-left: 4px;
    border-radius: 10px;
}
@media  screen and (max-width: 992px) {
  .backdee{ 
    margin-left: 0px;
  }
}

.backdee a:hover{
  color:#2e6bba!important;
  height: 30px;
  border: 2px solid #2e6bba;
  background-color: #fff;
}

.backdee a{
  color: #fff!important;
}

  .navbar-nav .nav-link {
    padding: 5px 7px;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'LibreFrank', sans-serif;
    color: #2E6BBA;
    font-weight: 700;
    height: 30px;
  }

.navbar-nav .dropdown-menu a{
    font-size: 13px;
    color:#2e6bba!important;
    height: 30px;
    font-weight:bold;
    border: none;
    background-color: #fff;
  }

  .navbar-nav .dropdown-menu a:hover{
    font-size: 13px;
    color: #fff!important;
    height: 30px;
    font-weight:bold;
    border: none;
    background-color: #2e6bba;
  }

  /* carousel-controls slider  */
#demo .carousel-control-prev{
  top: 325px;
  }
#demo .carousel-control-next {
    top: 325px;
  }

  /* carousel-item slider  */
/*
  .carousel-inner .carousel-item {
    transition-duration: 0.50s;}  *//* Adjust this value to make it even faster */


.for-bg{
  background-color: #797979;
  height: 80px;
}

.Membershipsec{
  color:#fff;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: auto;
  font-family: "Libre Franklin",Sans-serif;
  font-weight: 300;
  font-size: 2vw;
  line-height: 2vw;
}
.Membershipsec span {
  font-size: 2vw;
  margin-top: 1rem;
}
/*
@media screen and (max-width: 992px) {
  h3 {
    font-size: 40px !important;
    margin: 0px -129px 0px -170px;
  }
}


@media screen and (max-width: 992px) {
  .all_p_tag_saider{
    margin: 20px -100px 0px -163px !important;
  }
}
@media screen and (max-width: 992px) {
  #demo{
    height: 100%;
    width: 103%;
  }
}
 @media screen and (max-width: 992px) {.Membershipsec{
  border-bottom: 3px solid;
 }}
@media screen and (max-width: 992px) {
  #conter{
    width: 103%;
    height: 100%;

  }
}
  /* news updatw  */

  
  .news_update_h1{
    color: #2E6BBA;
    font-size: 35px;
    font-weight: 700;
    font-family: "Libre Franklin", sans-serif;
    margin: 50px 0 50px 0;
  }


.img-news{
  border-radius: 30px;
  max-width: 100%;
}
@media screen and (max-width: 992px) {
  .img-news{
    margin-left: 4px;
  }
}

  .hr1{

    color: #FECD00;
   border: solid 2px #FECD00;
   fill: #FECD00;
  }

  .h1_p_div_news{
    margin: 114px 0px 0px 0px;

  }
  .news-h1{
color: #2E6BBA;
font-family:'Franklin Gothic Medium', sans-serif;
font-size: 27px;
font-weight: 700;padding-bottom: 10px;
border-bottom: 6px solid #FECD00;
  }

  #demo{
    height: 650px;
  }
/*
.carousel-indicators {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
*/
#demo .carousel-caption {
  position: absolute;
  text-align: left;
  right: 34%;
  bottom: 1.25rem;
  left: 5%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  top: 15%;
}

#demo .carousel-caption h3{
  font-family: "Libre Franklin",Sans-serif;
  font-size: 3vw;
  font-weight: bold;
}

.carousel-caption p{
  border-left: 6px solid #FECD00;
  padding-left: 12px;
  margin-left: 3px;
  font-family: "Libre Franklin",Sans-serif;
  font-size: 2vw;
  font-weight: bold;
}

.news-p{font-family: "Libre Franklin",Sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
  padding-top: 10px;
  color:#494b51;}


  /* our_project */


  .our_project {
   
  }
  .prostr{
    height: 600px;
  }
  .ourpp{
    padding-top:60px;
    font-size: 35px;
    color: #FFFFFF;
    text-align: center;
    font-family: "Libre Franklin",sans-serif;
    font-weight: 700;
    line-height: 120%;
    background-color: transparent;
  }

  .proimg{
    width: 246px;
    height: 310px;
    border-radius: 15px;
    margin-left: 40px;
  }

.setpro{
    top: 10%;
    margin-top: 5px;
    text-align: left;
    color: #fecd00;
    font-family: "Libre Franklin",sans-serif;
    font-weight: 700;
    line-height: 120%;
    background-color: transparent;
    border-bottom:3px solid #FECD00;
    padding-bottom: 5px;
}
.dwpp{
    text-align: left;
    color: #FECD00;
    font-family: "Libre Franklin",sans-serif;
    font-weight: 700;
    line-height: 120%;
    background-color: transparent;
}

.serpp{
    text-align: justify;
    color: #FFFFFF;
    font-family: "Libre Franklin",sans-serif;
    font-weight: 500;
    line-height: 120%;
    background-color: transparent;
}

#img_1-slider{
  width: 250px;
  height: 320px;
}

#img_2-slider{
  width: 250px;
  height: 300px;
  margin-left: 60%;
  margin-top: 3%;
}

#slider_fist_contant{
  padding-bottom: 17px;
  width: 250px;
  height: 300px;
  margin-left: 5%;
}

#slider_2nd_contant{
  width: 30%;
  padding-bottom: 17px;
  width: 250px;
  height: 300px;
  margin-top: 32px;
  margin-left: 57%;
}



      /* --------------- */

.sabir_Ahmad{
  margin-top: 3%;
}
      .img-curcol{
        width: 275px;
        height: 275px;
        border-radius: 50%;
        right: 10%;
      }
      @media screen and (max-width: 992px) {
        .img-curcol{
          width: 225px;
          height: 225px;
          border-radius: 50%;
        }
      }
      
      .curcol_img_div{
        
        text-align: center;
        margin-top: 10px;
      }


      .sabir_ahmad_contant_div{
        width: 95%;
        height: 95%;
        margin: 20px;

      }
      @media (max-width: 575.98px) { .sabir_ahmad_contant_div {
        width: 90%;
        height: 90%;
      }
      }

      .sabir_ahmad_h1{
        color: #2c64b3;
    font-family: "Libre Franklin",Sans-serif;
    font-size: 39px;
    font-weight: 700;
      }
      .sabir_ahmad_h4{
        color: #FF4433;
        font-family: "Libre Franklin",Sans-serif;
        font-size: 24px;
        font-weight: 500;
      }

      .sabir_ahmad_contant_div p{
        font-family: "Libre Franklin",Sans-serif;
        height: 120px;
        font-size: 17px;
        font-weight: 500;
        line-height: 24px;
      }




      /* tag */

      .team_departments{
        color: #2E6BBA;
        text-align: center;
      }


      #tag{
      background-color: #dbdbdb;
      align: center;
      }
      @media screen and (max-width: 992px) {
        #tag{
          margin-top: 5px !important;
          width: 101%;
          }
      }
      
      
      #img-silder{
       
    
        
      }
      #img-silder2{
     
      }


        @media screen and (max-width: 992px) {
        .col-md-1{
         
          width: 37%;
          }
      }

      
      /* footer */

      .footer-log-tittel{
        display: inline-block!important;
        color: cornflowerblue;
      }
      ul{
        list-style-type:none;
        color:white;
      }


      .footer-c{
         background-color: #041933;
         padding-top: 5%;
         padding-bottom: 5%;
      }


      .map-div{
        width: 100%;
    height: 60%;
    margin-top: 20%;
      }


      #fist_name{
        display: inline;
        width: 250px;
      }
      #last_name{
        display: inline;
        width: 250px;
      }

      .form-c{
        margin-top: 60px;
      }   @media screen and (max-width: 992px) {
        .colam_footer{
         
          width: 47%;
          }
      }
      
/* marquee */   
.wrapper_marquee { 
    border: none;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    position: relative;
} 

.wrapper_marquee, .wrapper_marquee .headertext { 
    padding: 10px; 
    background-color: #fff; 
    color: #626060; 
    height:40px;
    font-weight: bold; 
} 

.wrapper_marquee .headertext { 
    position: absolute; 
    top: 0; 
    left: 5px;
    text-align:center;
    width:120px;
    z-index: 20; 
} 

.marquee {
    font-family: 'Arial';
    color: tomato;
    overflow: hidden; 
    white-space: nowrap;
    position: absolute;
}

/*  Multi Carousel */
section {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-container {
  position: relative;
  overflow: hidden;
}

.carousel {
  display: flex;
  max-width: auto;
  gap: 20px;
}

.carousel.sliding-transition {
  transition: transform 0.5s ease-in-out;
}

.carousel-image {
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
}

.arrow-button {
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  cursor: pointer;
  background: rgb(255, 255, 255, 0.3);
  width: 36px;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 50%;
  aspect-ratio: 1;
  -webkit-box-shadow: 5px 5px 5px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px -2px rgba(0, 0, 0, 0.5);
}

span {
  height: 100%;
  width: 100%;
}

.left-arrow {
  left: 20px;
}

.right-arrow {
  right: 20px;
}

#recipeCarousel{
  height: 100%;
}

@media (max-width: 767px) {
  #recipeCarousel .carousel-inner .carousel-item > div {
      display: none;
  }
  #recipeCarousel .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

#recipeCarousel .carousel-inner .carousel-item.active,
#recipeCarousel .carousel-inner .carousel-item-next,
#recipeCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  #recipeCarousel .carousel-inner .carousel-item-end.active,
  #recipeCarousel .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }
  
  #recipeCarousel .carousel-inner .carousel-item-start.active, 
  #recipeCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

#recipeCarousel .carousel-inner .carousel-item-end,
#recipeCarousel .carousel-inner .carousel-item-start { 
transform: translateX(0);
}


#memdeptCarousel{
  height: 100%;
}
@media (max-width: 767px) {
  #memdeptCarousel .carousel-inner .carousel-item > div {
      display: none;
  }
  #memdeptCarousel .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

#memdeptCarousel .carousel-inner .carousel-item.active,
#memdeptCarousel .carousel-inner .carousel-item-next,
#memdeptCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  #memdeptCarousel .carousel-inner .carousel-item-end.active,
  #memdeptCarousel .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }
  
  #memdeptCarousel .carousel-inner .carousel-item-start.active, 
  #memdeptCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

#memdeptCarousel .carousel-inner .carousel-item-end,
#memdeptCarousel .carousel-inner .carousel-item-start { 
transform: translateX(0);
}


#directorsCarousel{
  height: 100%;
}

@media (max-width: 767px) {
  #directorsCarousel .carousel-inner .carousel-item > div {
      display: none;
  }
  #directorsCarousel .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

#directorsCarousel .carousel-inner .carousel-item.active,
#directorsCarousel .carousel-inner .carousel-item-next,
#directorsCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  #directorsCarousel .carousel-inner .carousel-item-end.active,
  #directorsCarousel .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }
  
  #directorsCarousel .carousel-inner .carousel-item-start.active, 
  #directorsCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}

#directorsCarousel .carousel-inner .carousel-item-end,
#directorsCarousel .carousel-inner .carousel-item-start { 
transform: translateX(0);
}