/* Logo and Text Styles */
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.navbar{
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid #b8dcf7;
}
.fulllogo {
    flex-wrap: wrap; 
    display: flex;
  }

  .navbar-toggler-icon{
font-size: 15px;
  }

  .logoname {
    font-size: 22px;
    background: linear-gradient(90deg, #175888, #175888, #175888);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }
  .logonamesub {
    font-size: 14px;
    /* color: #555; */
    background: linear-gradient(90deg, #175888, #175888, #175888);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }
  .logonames {
    font-size: 16px;
   color: rgb(255, 255, 255);
  }
  .logonamesubs {
    font-size: 14px;
    color: #ffffff;
   
  }
  
  .menunav .nav-link {
    margin-right: 50px;
    font-size: 17px;
    font-weight: 600;
    color: #175888;
  }
  .navtop{
    background: linear-gradient(90deg, #175888, #1183d5, #175888);
  }

  .MainHeading{
    color: #175888;
  }
  .footer{
    padding: 0;
    margin: 0;
    background: linear-gradient(90deg, #175888, #1183d5, #175888);
  
  }
  .list-group-item{
    background: linear-gradient(90deg,#4ba0dd, #175888, #4ba0dd);
    color: white;

  }
  .list-unstyled LI{
    margin-top: 3px;
    list-style-type:circle
  }
 .footerCol .list-styled a{
    list-style-type:none;
    align-items: flex-start;
    text-decoration: none;
    color: white;
    margin-top: 30px;
    font-size: 16px;
    

  }

.footerLogo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
   text-decoration: none;
}
.footerlogoname{
  margin-top: 15px;
}
  
.profesStaff{
  display: flex ;
  justify-content: between;
  align-items: center;
}
.AboutContent {
 
  text-align: justify;
}

.list-unstyled li{
  text-align: justify;
}
.listitem{
  text-align: justify;
}
  /* Responsive Styles */
  @media (max-width: 768px) {
    .fulllogo {
        display: flex;
        flex-direction: column;
      justify-content: flex-start; 
    align-items: flex-start;

    }
    .fulllogo img {
      width: 70px;
    }
    .logoname {
      font-size: 12px; 
    }
    .logonamesub {
      font-size: 10px;
    }
    .menunav .nav-link {
      margin-right: 0; 
      font-size: 14px;
    }
    .footerLogo{
      display: flex;
      align-items: flex-start;
    }
    .FooterRow{
      display: flex ;
      align-items: flex-start;
      justify-content: flex-start;
    }
    .footerCol{
      margin-top: 20px;
    }
    .footerLogo{
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
    }
    .footerlogoname{
      margin-left: 15px;
    }
    .profile-header{
      margin-top: 25px;
    }
    .profesStaff{
      display: flex ;

      justify-content: flex-start;
      align-items: flex-start;
    }
    .footer{
     
      background: linear-gradient(180deg, #175888, #175888, #175888);
    
    }
    .AboutContent {
 
      text-align: justify;
    }
   
    .list-unstyled li{
      text-align: justify;
    }

    .listitem{
      text-align: justify;
    } 
  }