*{
  padding: 0%;
  margin: 0%;
}

/* header part */
header {
  background: linear-gradient(90deg, rgb(231 11 11) 0%, rgb(202 12 12) 100%);
}

#container1 {
  height: 135px;
  display: flex;
  /* copied code */
justify-content: space-around;
  align-items: center;
}
header .logo img {
  height: 110px;
  margin: auto;
  width: 100%;
}


/* Navigation Menu */

.nav {
  background-color: black;
  color: white;
  display: flex;
  justify-content: center;
  position: sticky;
  top:0px;
  left:0px;
}

.nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav li {
  position: relative;
  margin: 0 10px;
}
.nav a {
  font-size: 20px;
  text-decoration: none;
  color: white;
  padding: 5px;
  display: block;
}
.nav a:hover{
  color: grey;
}
.nav:hover {
  cursor: pointer;
}

.dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: black;
}
.drop{
  border: 2px solid white;
}
.nav .dropdown a {
  padding: 10px 15px;
}

.nav .dropdown:hover ul {
  display: block;
}

.hamburger {
  display: none;
  cursor: pointer;
}

.bar {
  display: block;
  width: 36px;
  height: 6px;
  margin: 3px auto;
  background-color: white;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.slide_div {
  display: flex;
  width: 100%;
  /*margin-top: 10px;*/
  justify-content: center;
  flex-direction: column;
  flex-flow: column;
  align-items: center;
  background-color: white;
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
}

.slide_img {
  width: 100%;
  height: 570px;
  display: none;
}

.slide_dot_div {
  font-size: 80px;
  margin: 0px;
  display: flex;
  justify-content: center;
}

.slide_dot_span {
  color: gray;
  margin-top: -40px;
}

.slide_ani_class {
  animation: slide_ani 2s linear;
}

.slide_active {
  color: yellow;
}
/* Search Form */
        .search-box {
            position: relative;
            display:flex;
            margin: 20px;
            width: 100%;
            max-width: 300px;
            /* Set max-width for responsiveness */
            border: 2px solid #f8f5f5;
            border-radius: 20px;
            align-items:center;
            align-content:center;
            /* Adjust border radius as needed */
            overflow: hidden;
            background-color: white; /* Added white background */
        }
        
        .search-input {
            width: calc(98% - 40px);
            /* Adjust padding */
            border: none;
            outline: none;
            border:1px solid yellow;
            padding:10px 5px;
            background: transparent;
            /* Added white background */
        }

        .search-btn {
            position: absolute;
            top: 0;
            right: 0;
            width: 40px;
            height: 100%;
            border: none;
            background: #d85555;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        /* .search-btn:hover {
            background: #989393;
        } */

        .search-icon {
            display: block;
            width: 20px;
            height: 20px;
            margin: 10px;
            /* fill: #746d6d; */
            /* Adjust icon color */
        }

        .fa-search {
            color: white;
        }
        /* Responsive Styling */
        @media only screen and (max-width: 600px) {
            .search-box {
                max-width: 260px;
                /* Adjust max-width for smaller screens */
            }
        }

.prince_desk{
  color: black;
  width: 100%;
  flex-direction: column;
  margin: 10px 0px 10px 0px;
}
.prince_desk_head{
  width: 99%;
  font-size: 2rem;
  text-decoration: 3px solid underline;
  font-family: Georgia, serif;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  text-align: center;
}
.prince_desk_1{
  width: 99%;
  flex-direction: row;
  margin: 10px 0px 0px 0px;
}
.prince_desk_div{
  width:40%;
  flex-direction: column;
}
.prince_desk_div h1{
  font-size: 20px;
  width:100%;
  margin-top: 10px;
  text-align: center;
  color:#694cd0;
  letter-spacing: 2px;
}
.prince_desk_div a{
  text-decoration: none;
}
.prince_desk_div a:hover{
  text-decoration: underline;
}
.prince_desk_text{
  font-size: 1.2rem;
  padding: 10px 12px;
  /*text-transform: uppercase;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;*/
}
.prince_desk_img{
  border-radius: 10px;
  transition: 1s;
  width: 100%;
  cursor: pointer;
}
.prince_desk_2{
  width: 50%;
  height: 300px;
  overflow-y: scroll;
}
.text{
  font-size: 18px;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;
  text-overflow: ellipsis;
}

.expends{
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
  cursor: pointer;
  font-family: 'Courier New', Courier, monospace;
  color: black;
  border: 2px solid black;
  margin-bottom: 10px;
}
.public_div {
  display: flex;
  width: 100%;
  background-color: rgba(15, 73, 100, 1);
  /* height: 400px;
  overflow-y: scroll; */
  align-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0px;
  padding: 10px 0px 10px 0px;
}
.paper_div {
  width: 50%;
  background: transparent;
  text-align: center;
  margin-top: 5px;
  justify-content: space-around;
}
.event_head{
  font-size: 28px;
  color:white;
  width:90%;
  margin-top: 10px;
  padding: 10px 0px 10px 0px;
  border: 2px solid white;
}
.event_heading{
  font-size: 30px;
  width: 100%;
  color:white;
  margin: 10px 0px 10px 0px;
  text-transform: uppercase;
}
.paper_head_div{
  width: 100%;
}
.paper_head_div_1{
  width: 100%;
  margin: 10px 0px 10px 0px;
  text-align: left;
}
.news_img{
  width: 40%;
  margin-top: 10px;
  border: 2px solid white;
  cursor: pointer;
  margin-bottom: 10px;
  height: 300px;
}
.paper_side_div{
  width:100%;
}
.paper_side_div_1{
  width: 40%;
  margin-bottom: 10px;
  text-align: left;
}
.paper_side_div_1 p{
  font-size: 18px;
  font-family: 'Courier New', Courier, monospace;
  color:white;
  width: 100%;
  text-align: left;
  margin-top: 10px;
}

.paper_side_div_1 span{
  font-size: 24px;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;
  color:white;
  width: 100%;
}
.notice_div {
  width: 40%;
  background-color: #c1f3d7c2;
  margin-top: 5px;
  padding: 10px 0px 10px 0px;

}
.notice_head{
  text-decoration: underline;
  color: #060505;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-size: 27px;
  margin-bottom: 20px;
}
.notice_p {
  width: 90%;
  border: none;
  font-weight: bold;
  font-size: 24px;
  text-transform: capitalize;
  margin-top: 10px;
  color: black;
  font-size: 17px;
  text-decoration: none;
}
.notice_para_div{
  width: 99%;
  text-align: center;
  align-content: center;
}
.notice_div::-webkit-scrollbar {
  width: 2px;
  background-color: grey;
}

@keyframes slide_ani {
  to {
    opacity: 1;
  }

  from {
    opacity: 0;
  }
}

/* Social-media links */

.social-links{
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #2e2b2b;
  width: 100%;
  padding: 10px 0px 10px 0px;
  text-align: center;
  /* margin-top: -10px; */
}
.social_link{
  font-size: 30px;
  width: 20%;
  color:white;
  background-color: transparent;
}

/* footer */
footer{
  background-color: #9e9ed1e6;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-text p{
  font-size: 1.2rem;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: bold;
}
.main_div{
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  background: white;
  margin-bottom: 10px;
}
.img_div{
  width: 48%;
  display: flex;
}
.img_div img{
  width:100%;
  height: 350px;
}
.text_div{
  width: 48%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.9)), url("../images/uni.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
  background-repeat: no-repeat;
  justify-content: center;
  background-color: rgba(0,0,0,0.25);
  align-items: center;
  height: 350px;
}
.text_div h1{
  color:white;
  font-family: 'Courier New', Courier, monospace;
  text-transform: uppercase;
  width: 100%;
  font-size: 26px;
  text-align: center;
  margin-top: 10px;
}
.para{
  font-size: 20px;
  color:grey;
  width: 90%;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
}
.para_1{
  color:white;
  font-weight: normal;
}
.text_div button{
  margin: 20px 0px 20px 0px;
  font-size: 20px;
  font-weight: bold;
  color:white;
  font-family: 'Courier New', Courier, monospace;
  background-color: #137A26;
  border:none;
  padding: 6px 10px 6px 10px;
  cursor: pointer;
}
.text_div a{
  text-decoration: none;
  color:white;
}
.choice_us{
  width:99%;
  margin-bottom: 40px;
}
.choice_us_div{
  width:99%;
  flex-direction: row;
  flex-flow: row;
  justify-content: space-around;
  margin-bottom: 10px;
  align-items: flex-start;
}
.choice_us_div_1{
  width:23%;
  flex-direction: column;
  flex-flow: column;
}
.choice_us_div_2{
  width: 100%;
  margin-top: 10px;
}
.choice_us_img{
  width:30%;
}
.choice_us_div_1 h1{
  font-size: 20px;
  width: 99%;
  text-align: center;
}
.choice_us_div_1 p{
  text-align: center;
  margin: 10px 0px 10px 0px;
}
.join_us_div{
  width:99%;
  flex-direction: column;
  flex-flow: column;

}
.join_us_div h1{
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 2px;
  width:99%;
  text-align: center;
}
.join_us_div hr{
  width:10%;
  height: 1px;
  background: grey;
}
.join_us_div p{
  color:black;
  font-size: 18px;
  width:30%;
  text-align: center;
  margin-top: 20px;
}
.join_us_div a{
  background: #46af2f;
  font-size: 22px;
  padding: 5px 10px 5px 10px;
  color:white;
  border-radius: 3px;
  margin: 20px 0px 20px 0px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 4px 4px grey;
}
.slide_image_div{
  width:99%;
  margin: 10px 0px 20px 0px;
}
.slide_image_image{
  width: 30%;
  height:250px;
  margin:0px 5px 0px 5px;
}

/* Search Form */

.search_box_form {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: center;
  gap: 10px;
  background: #4C7B95;
  margin-top: 10px;
  padding: 10px 0px;
}

.search_box_div {
  width: 40%;
  flex-wrap: nowrap;
  /* background: #00D7D6; */
  border-radius: 20px;
  border: 1px solid white;
  padding: 3px 6px;
  gap: 1px;
  justify-content: space-between;
  display: none;
}

.search_box_div:first-child {
  display: flex;
}

.search_box_div input {
  width: 90%;
  font-size: 14px;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  padding: 4px 5px;
  border: none;
  color: black !important;
  outline: none;
  /* border: 1px solid white; */
  background: transparent;
}

.search_box_div input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.search_box_form button {
  width: 28px;
  height: 26px;
  background: transparent;
  font-family: 'Courier New', Courier, monospace;
  font-size: 16px;
  border: none;
  outline: none;
  cursor: pointer;
  background: #7F00F5;
  color: white;
  border-radius: 50%;
}

.search_filter {
  width: 30%;
  border: 1px solid white;
  border-radius: 10px;
  background: transparent;
  color: white;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;
  padding: 5px 5px;
}

.search_filter option {
  background: #7F00F5;
}

.search_filter option:hover {
  background-color: grey;
}

#reload_alumini {
  display: none;
}

/*Notification Event Image styling*/
.new_event{
  width: 56%;
}

@media screen and (max-width: 1000px) {
  .new_event {
    width: 60%;
  }
}

@media screen and (max-width: 930px) {
  .new_event {
    width: 66%;
  }
}

@media screen and (max-width: 600px) {
  .new_event {
    width: 75%;
  }
}

@media screen and (max-width: 500px) {
  .new_event {
    width: 80%;
  }
}

/*New Section (Achievement)*/
  .achivement-section {
      background-color: #938b8b40;
      padding: 18px 0px;
  }
      .ach-head h1 {
          margin-top: 12px;
          text-align: center;
          font-size: 2.5rem;
          text-decoration: 3px solid underline;
          font-family: Georgia, serif;
      }
      .ach-img {
          margin-top: 2.5%;
          display: flex;
          justify-content: center;
          gap: 3%;
          padding: 14px 0px;
      }
      .ach-img img {
          height: 400px;
          width: auto;
          border: 8px inset black;
      }
      
      @media screen and (max-width: 970px) {
          .ach-img {
              flex-wrap: wrap;
          } .ach-img img {
             margin-top: 2%;
          }
      }
      
      @media screen and (max-width: 500px) {
          .ach-head h1 {
            font-size: 2.2rem;
          }
      }