.head-number{
	font-size: 15px;
	color: #000;
}
.head-email{
	font-size: 15px;
	color: #000;
	margin-left: 20px;
}
.bg-color{
	background: #fff;
}
.bg-colort{
	background:	#ADD8E6;
}
.nav-item:hover{
	background: #8d192f;
	
}
.dropdown-item{
	color:rgb(8, 0, 0);
}
.a:hover{
	color : #b73653;
	background-color: #47b5b0;
}
.anno{
	background: yellow;
	padding: 14px;
	font-size: 20px;
}
.anno-aria{
	background: gray;
	padding: 15px;
	font-size: 20px;
}
.anno-text{
	font-size:20px;
	color:#44280b;
	font-weight: bold;
}
.image-1{
	display: block;
	width: 100%;
	height: auto;
}
.overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #008CBA;
}
.cont-1:hover .overlay{
	opacity: 1;
}
.text{
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.im-bc{
	background: #008CBA;
	margin-top: 3px;
	padding: 9px;
	font-size: 20px;
}
h1 {
	color: #999999;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 1px;
}
p {
	color: #44280b;
	font-family: arial, sans-serif;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 1px;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
}
.alumnibackimg{
	background-image: url('images/slider/slide1.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.cen{
	text-align: center;
}

.slide-image{
	color:white;
	background: rgba(0, 0, 0, 0.6) !important;
	padding: 8px;
	border-radius: 10px;
}
.anno-head{
	border: 2px solid red;
	font-size:20px;
	padding: 20px;
	text-align: center;
	margin-bottom: 10px;
}

.cen:hover{
	background: rgba(0, 0, 0, 0.6);
}

.image-info{
	background-image: url('images/slider/slide1.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.gallary-img{
	border: 2px solid black;
}
.gallary-img:hover{
	background: rgba(0, 0, 0, 0.6);
}
.card{
	background-color: #f8f9fa;
}
.card:hover{
	background-color: #8fd3cd;
}
.central-card:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 10px;
}
.bg-head-color{
	color: gold;
	width: 40%;

	background-color: #ffff;
	border-radius: 30px;
}
.aish-dte-code {
	animation: wiggle 2s linear infinite;
	}

	/* Keyframes */
	@keyframes wiggle {
	0%, {
	  transform: translate(1px , 2px) rotateZ(0);
	}
	15% {
	  transform: translate(-2px , -1px) rotateZ(1deg);
	}
	20% {
	  transform:translate(1px , 2px) rotateZ(0deg);
	}
	25% {
	  transform:translate(-2px , -1px) rotateZ(0deg);
	}
	30% {
	  transform:translate(1px , 2px) rotateZ(0deg);
	}
	35% {
	  transform:translate(-2px , -1px) rotateZ(0deg);
	}
}

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
        
      .ah:hover {
        background-color: #8d2539;
        color: white;
      }
     
      .dropdown-item:hover{
        background-color: #1f3f68;
        color : #ffffff;
      }
    
      
  	  button {
  all: unset;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

 .custom-search {
    height: 30px; /* Adjust the height value as needed */
    padding: 1px; /* Optional: to add some space inside the input field */
  }



  /* Hover effect for the parent link (nav-link) */
 

/* Hover effect for the dropdown menu */
.nav-item.dropdown:hover > .dropdown-menu {
  display: block;  /* Ensure the dropdown shows on hover */
  opacity: 1;      /* Make it fully visible */
  transition: opacity 0.3s ease-in-out; /* Smooth fade effect */
}

/* Optional: Styling for the dropdown items on hover */
 

/* Optional: Ensuring the dropdown is hidden by default and shown only on hover */
.dropdown-menu {
  display: none;
  position: absolute; /* Position the dropdown relative to the parent */
  top: 100%;          /* Align it below the parent item */
  left: 0;
  min-width: 200px;   /* Optional: set a minimum width */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Optional: adds shadow */
}
footer {
  text-align: center;
  padding: 10px;
  background-color: #333;
  color: white;
  margin-top: 30px;
}