/* header style Start */
body {
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100vh;
    z-index: 0;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://vis.aradhyatech.com/img/vr-5.png') repeat;
    background-size: auto;
    opacity: 0.5;
    z-index: -1;

    /* blur + animation */
    animation: moveBackground 20s linear infinite;
}

/* Animation keyframes */
@keyframes moveBackground {
    0% { background-position: 0 0; }
    50% { background-position: 100px 100px; }
    100% { background-position: 0 0; }
}

.top-head{
    background-color:#5B71E5;
}
.head-logo{
    height:70px;
    width:250px;
}


.navbar .nav-link {
    position: relative;
    color: #fff !important;
    transition: color 0.3s ease;
    padding: 5px 10px; /* thoda gap box ke liye */
}

/* Common border style */
.navbar .nav-link::before,
.navbar .nav-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}


.navbar .nav-link::before {
    top: 0;
    left: 0;
    border-top-color: #5B71E5;
    border-left-color: #5B71E5;
}

.navbar .nav-link::after {
    bottom: 0;
    right: 0;
    border-bottom-color: #5B71E5;
    border-right-color: #5B71E5;
}
.navbar .nav-link:hover {
    color: #5B71E5 !important;
}
.navbar .nav-link:hover::before,
.navbar .nav-link:hover::after {
    width: 100%;
    height: 100%;
}
/* header style End */

/* Home Page Style Start */
.carousel-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0,0,0,0.5);  */
  /* z-index: 1; */
}

.carousel-caption {
  z-index: 2; 
}
.btn {
    border-radius: 20px 0 20px 0;
    background-color: rgb(21, 0, 255);
    color: rgb(255, 255, 255);
    transition: background-color 0.4s ease; /* smooth effect */
    font-weight: 500;
}

.btn:hover {
    background-color: rgb(76, 255, 26);
    color:rgb(0, 0, 0);
    font-weight: 500;
}
.pd{
    
    border-radius: 40px 0 40px 0;
    margin-bottom: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pd:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

  .gallery-item {
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.gallery-item:hover {
  transform: scale(1.05);
}

.gallery-img,
.gallery-video {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
 body {
    font-family: 'Poppins', sans-serif;
  }

.carousel-aspect {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      overflow: hidden;
      background: #111;
      border-radius: 1rem;
    }
    .carousel-aspect img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* Gradient caption */
    .caption-gradient {
      position: absolute;
      left: 0; right: 0; bottom: 0;
      padding: 1rem 1.25rem 1.25rem;
      background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 100%);
      color: #fff;
    }
    /* Thumbnail scroller */
    .thumbs-wrapper {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      gap: .5rem;
      display: flex;
      margin-top: 10px;
    }
    .thumbs-wrapper::-webkit-scrollbar { height: 8px; }
    .thumbs-wrapper::-webkit-scrollbar-thumb { background: #cfcfcf; border-radius: 10px; }

    .thumb-btn {
      border: 2px solid transparent;
      border-radius: .75rem;
      padding: 0;
      background: transparent;
      width: 120px; height: 70px;
      overflow: hidden;
      cursor: pointer;
    }
    .thumb-btn img { width:100%; height:100%; object-fit: cover; display:block; }
    .thumb-btn.active { border-color: #0d6efd; }




/* Home Page Style End */

/* Notice Board */
.notice-board {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-left: 4px solid #dc3545;
  border-radius: .5rem;
}
.notice-header {
  font-weight: 600;
  padding: .75rem 1rem;
  border-bottom: 1px solid #eee;
  background: #fafafa;
}
.notice-ticker {
  height: 160px;
  overflow: hidden;
  position: relative;
}
.notice-ticker ul {
  list-style: none;
  margin: 0;
  padding: .5rem 1rem;
}
.notice-ticker li {
  display: flex;
  gap: .75rem;
  align-items: baseline;
  padding: .25rem 0;
  border-bottom: 1px dashed #eee;
}
.notice-ticker li .date {
  font-size: .85rem;
  color: #6c757d;
  min-width: 105px;
}
.notice-ticker li .title {
  color: #111;
}

/* Striped variant */
.notice-ticker ul.striped li {
  border-bottom: none;
  padding: .5rem .25rem;
}
.notice-ticker ul.striped li:nth-child(odd) {
  background-color: #f8f9fa;
}
.notice-ticker ul.striped li:nth-child(even) {
  background-color: #ffffff;
}

/* Notice link styling */
.notice-ticker a.title {
  color: #0d6efd;
  text-decoration: none;
}
.notice-ticker a.title:hover {
  text-decoration: underline;
}

/* Modal tweaks */
.notice-modal .modal-content {
  border-radius: .75rem;
}
.notice-modal .modal-body {
  line-height: 1.5;
}