@import url('https://fonts.googleapis.com/css?family=Amita|Noto+Sans&display=swap');

html,
body{
    font-family: 'Noto Sans' ;
    width: 100%;
    height: 100%;
}
.bt-he{
  color:white;
  padding:5%;
}
.obj{
  font-family: 'Noto Sans' ;
  font-weight: bolder;
  font-size: 15px;
  margin-top: 2%;
  text-align: left;
}
.navbar-brand{
    padding: 0%;
    margin: 0%;
    width:300px ;
  height:50px;
  background-position:top left;
    
}

.News{
  font-weight: bold;
  color:#091f74;
}

.button_submit{
background: linear-gradient(95.76deg, #1A237E 56.77%, #E91E63 100%);
border-radius:50px 50px 8px 8px;
color: white;
height:40px;
width: auto;
text-align: center;
}
.button_submit_cont{
  background: linear-gradient(95.76deg, #1A237E 56.77%, #E91E63 100%);
border-radius:50px 50px 50px 50px;
color: white;
width: 200px;
height:30px;
box-align: center;
align-items: center;
}
.content{
  position: absolute;
width: 573px;
height: 473px;
left: 64px;
top: 207px;
background: #FFFFFF;
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.carousel{
  position: relative;
  padding: 6%;
  margin: 5%;
  
  background-color: white;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}


.welcome_note{
  font-family: 'Noto Sans', ; 
  color:red;
  text-align: center;
  font-size:larger;
  font-weight: bold;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,p ,li,ul{
    font-family: 'Noto Sans', ; 
  
}
.banner_content h3{
  color: red;
}
.banner_content hr{
  border-color: #091f74;
  border-width: medium;
}
.heading{
  font-family: 'Noto Sans', ; 
  color:#091f74;
  text-align: left;
  font-size: 32px;
  text-shadow: darkgrey;
  box-shadow: darkgrey;
}
.td{
  font-family: 'Noto Sans', ; 
  color:#091f74;
  font-weight: bolder;
  
}


.text-justify{
    font-family: 'Noto Sans', ;
}

.footer-head{
  font-size: x-large;
  font-weight: bolder;
  }

.site-footer
{
  background-color:#091f74;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:white;
  bottom: 0%;
}
.site-footer hr
{
  border-top-color:white;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:white;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:white
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}

.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
}
.copyright-text{
    text-align: center;
}

.banner_content {
  position: relative;
  padding: 6%;
  margin: 2%;
  background-color: white;
  max-width: 100%;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.banner_content_carousel{
  position: relative;
  padding: 2%;
  margin: 5%;
  background-color: white;
  width:600px;
  height:400px;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}


.banner-member {
  position: relative;
  padding: 6%;
  margin: 5%;
  background-color: white;
  width: 150px;
  height: 300px;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.navbar-toggle{
  background-color: white;
  box-shadow: 5px 5px 15px grey;
  height: 35px;
  width: 35px;
  color: grey;
  
}

.he{
padding-top: 5%;
}
.cent{
  padding-top: 2%;
}
.may{
  padding-top: 10px;
}


.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  padding: 20px;
}

.grid-item {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.grid-item img {
  width: 100%;
  height: 280px;
  display: block;
  padding-bottom: 0%;
}

.grid-item-content {
  padding: 15px;
}


.grid-item-content p {
  margin-bottom: 0;
}
.thumbnail {
  height: 150px; /* Set the desired height */
  width: 180px;  /* Set the desired width */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s ease-in-out;
}
.thumbnail .caption {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* Style for text alignment */

.thumbnail:hover {
  transform: scale(1.05);
}