.entire-about {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
	font-family: Arial, sans-serif;
}

.outer-div {
	border: 2px solid #ccc;
	border-radius: 8px;
	padding: 20px;
	width: 60%;
	height: 80%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.t-n-r {
    display: block;
    width: 100%;
    padding: 10px;
}

.t-n-r .inner-tn-r {
    display: flex;
    width: 100%;
    flex-wrap: wrap; /* Ensures items can wrap to the next row */
}

.inner-tn-r .training-n-teaching {
    margin: 10px;
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    height: 300px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    flex: 1 1 calc(50% - 20px); /* Default to side-by-side layout */
}

.training-n-teaching p {
    text-align: justify;
}

.training-n-teaching h5 {
    color: lightseagreen;
}

.inner-tn-r .research {
    margin: 10px;
    border: 2px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    height: 300px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    flex: 1 1 calc(50% - 20px); /* Default to side-by-side layout */
}

.research p {
    text-align: justify;
}

.research h5 {
    color: lightseagreen;
}

/* Media query for screens less than 992px */
@media (max-width: 992px) {
    .inner-tn-r {
        flex-direction: column; /* Stack items vertically */
        align-items: stretch; /* Ensure full width */
    }

    .inner-tn-r .training-n-teaching,
    .inner-tn-r .research {
        flex: 1 1 100%; /* Full width for each row */
        margin: 10px 0; /* Adjust margins for stacked layout */
    }
}


.header-div {
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	background-color: #f1f1f1;
	padding: 10px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	font-size: 1.5em;
}

.body-div {
	overflow: hidden;
	height: calc(100% - 60px);
	position: relative;
}

.scrolling-content {
	position: absolute;
	top: 0;
	animation: scroll-up 400s 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;
}

/* banner section */
.w3l-banner {
	background-size: 200% 200%;
	animation: gradient 15s ease infinite;
	position: relative;
	z-index: 1;
	background: url(../images/banner.jpg) no-repeat center;
}

.w3l-banner:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--banner-layer);
	z-index: -1;
	top: 0;
}

.w3l-banner .abt-header-1{
	width: 100%;
	color: white;
	text-align: center;
	font-size: 32px;
	font-weight: bolder;
	font-family: 'Courier New', Courier, monospace;
	display: block;
}

.w3l-banner .abt-header{
	width: 100%;
	color: white;
	text-align: center;
	font-size: 48px;
	font-weight: bolder;
	font-family: 'Courier New', Courier, monospace;
	display: block;
}

@keyframes gradient {
	0% {
	  background-position: 0% 50%;
	}
  
	50% {
	  background-position: 100% 50%;
	}
  
	100% {
	  background-position: 0% 50%;
	}
}
  
  

.w3l-banner {
	display: grid;
	align-items: center;
	min-height: 100vh;
}

.w3l-banner h3 span {
	font-weight: 100;
}


@media (max-width:991px) {
	.w3l-banner {
		animation: gradient 30s ease infinite;
	}

	.research{
		display: block !important;
	}
	.training-n-teaching{	
		display: block !important;
	}
}
  

  
	.home_banner_area {
	        height: 900px !important;
	        padding-top: 10vh;
	    }
	    @media (max-width: 700px){
	    .home_banner_area {
	        height: 400px !important;
	        padding-top: 10vh;
	    }
	    
	    .mobile-details{
	        margin: 0 auto 1rem auto ;
	    }
	    
	    .home_banner_area .banner_content{
	        padding-top: 0 !important;
	    }
	    
	    .home_banner_area p, .home_banner_area br {
	        display: none;
	    }
	    
	    .carousel-control-prev-icon, .carousel-control-next-icon{
	        margin-top: 7.5rem;
	    }
	    
	    
	    
	    .home_banner_area h1 {
	        margin-top: 7.5rem !important;
	        font-size: 3.6vh !important;
	        text-align: center !important;
	    }
	    
	    .home_banner_area h2 {
	        font-size: 2.4vh !important;
	        text-align: center !important;
	    }
	    
	    .home_banner_area .banner_inner {
	        min-height: 100% !important;
	    }
	}
	
.portfolio-description{
	background-color: rgba(128, 179, 255, 0.1); 
}