.body-div {
		overflow: hidden;
		height: calc(100% - 60px);
		position: relative;
	}
	.blue-block-btn {
	    display: block;
	    background: #fff;
	    color: #3babe2;
	    padding: 12px 16px;
	    margin: 8px auto !important;
	    text-align: center;
	    border-radius: 6px;
	    text-decoration: none;
	    font-weight: bold;
	    transition: background 0.3s;
	}
	
	.blue-block-btn:hover {
	    background: rgb(232, 232, 232);
	}
	
	.button-group {
	    margin-top: 10px;
	}
			
	.scrolling-content {
		position: absolute;
		top: 0;
		animation: scroll-up 100s linear infinite;
		line-height: 1.8;
	}
	
	.scrolling-content p {
		text-align: justify;
		margin: 0 0 10px 0;
		font-size: 1.2em;
	}
	
	@keyframes scroll-up {
		0% { transform: translateY(0); }
		100% { transform: translateY(-100%); }
	}
	.carousel-indicators button{
		background-color: #000 !important;
	}
	
	
	/* Resizing Buttons */
	.swiper-button-prev,
	.swiper-button-next {
		width: 10px; /* Adjust the width */
		height: 10px; /* Adjust the height */
		color: white; /* Icon color */
		z-index: 10; /* Ensure they are above other elements */
	}
	
	/* Positioning Buttons */
	.swiper-button-prev {
		left: 20px; /* Adjust distance from the left edge */
	}
	
	.swiper-button-next {
		right: 20px; /* Adjust distance from the right edge */
	}
	
	/* Hover and Focus Styles */
	.swiper-button-prev:hover,
	.swiper-button-next:hover {
		color: #2CAEED; /* Change icon color on hover */
	}
	
	.swiper-pagination {
		color: white;
	}
	.swiper-pagination-bullet {
		background-color: white !important;
	}
	#cmd_img, #welcome_msg {
		display: inline-block;
		vertical-align: top;
	}
	
	.cmd-img-msg {
		display: flex;
		justify-content: center;
	}
	
	#welcome_msg {
		position: relative;
		box-shadow: 0 0 120px rgba(0, 0, 0, 0.3);
		transform: translateZ(30); /* Add a 3D effect */
	}
	.blink {
		animation: blinkEffect 1s steps(2, start) infinite;
	}
	
	@keyframes blinkEffect {
		50% {
			opacity: 0;
		}
	}
		.custom-link{
		  text-decoration: none;
		}
		.custom-link:hover {
		  background-color: #2CAEED !important;
		  text-decoration: none;
		}
	
		.custom-email {
	  width: 100%;
	  background-color: #f7fafc; /* Light gray background */
	  color: #1a202c; /* Dark gray text color */
	  margin-top: 8px;
	  padding: 12px;
	  border-radius: 0.5rem; /* Rounded corners */
	  border: 1px solid #e2e8f0; /* Light gray border */
	  font-size: 1rem; /* Same font size */
	  transition: all 0.3s ease;
	}
	
	.custom-email:focus {
	  outline: none;
	  border-color: #3182ce; /* Blue border on focus */
	  box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.4); /* Blue shadow on focus */
	}
	#highlight-img {
	    transition: transform 0.3s ease; /* Smooth transition for the scaling effect */
	}
	
	#highlight-img:hover {
	    transform: scale(1.2); /* Scale the image to 120% of its original size */
	}
	
	/* Modal container */
    .modal {
      /*display: flex; */
      display: none;
	  position: fixed;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 1000;
      padding: 20px; /* Added padding to ensure content doesn't touch the screen edges */
      box-sizing: border-box; /* Ensures padding is included in dimensions */
    }
    
 

    /* Modal content */
    .modal-content {
      background: url('/assets/images/anibg2.gif') no-repeat center center;
      background-size: cover;
      border-radius: 15px;
      padding: 30px; /* Reduced padding for more compact content */
      text-align: center;
      position: relative;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
      width: 90%;
      max-width: 600px;
      max-height: calc(100% - 40px); /* Ensure content fits within screen height with margins */
      color: white;
      overflow-y: auto; /* Add scrolling for overflowing content */
    }
	
/* Close button 
.close-button {
   	position: absolute;
   	top: 10px;
   	right: 15px;
   	font-size: 1.5rem;
   	color: white;
	cursor: pointer;
  	background: none;
  	border: none;
}
*/
.close { 
	position: absolute; 
	top: 10px; right: 15px; 
	font-size: 1.5rem; 
	cursor: pointer; 
	color: white;	
}		    
video {
  width: 100%;
  height: auto;
}
	
	    .close-button:hover {
	      color: #ffcccc;
	    }

			/* Modal message with scrolling text */
.modal-message {
  font-size: 1.2rem; /* Slightly larger font for readability */
  line-height: 1.6; /* Better spacing for multi-line text */
  color: white; /* Ensure it contrasts against the background */
  text-shadow: 1px 1px 3px #000;
  text-align: justify;
  height: 300px; /* Adjust the height of the container */
  overflow: hidden; /* Hide overflowing text */
  position: relative;
}

.modal-message p {
  font-size: 1.1rem;
  line-height: 1.6;
  color: white;
  text-shadow: 1px 1px 3px #000;
  text-align: justify;
  margin: 0;
}

.modal-message .scrolling-content {
  display: inline-block;
  position: absolute;
  top: 100%; /* Start just outside the visible area */
  animation: scroll-up 200s linear infinite; /* Adjust duration as needed */
}

@keyframes scroll-up {
  from {
    transform: translateY(0); /* Start from below the container */
  }
  to {
    transform: translateY(-100%); /* Scroll up and exit above the container */
  }
}

.mini-header{				
  font-size: 1.0rem; /* Slightly larger font for readability */
  text-align: justify;
  font-weight: bold;
  margin-top: 20px;
}