body {
    font-family: Poppins, sans-serif;
}


/.................
     Navbar
................../
nav{
	background: #fff!important;
	box-shadow: 1px 1px 2px #4444;
}
nav.navbar-brand{
	color: var(--bs-orange)!important;
}
.navbar-logo img {
  width: 50px; 
  height: 50px; 
  margin-right: 10px; 
  
}

.navbar .navbar-nav .nav-item .nav-link{
	font-size: 17px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: darkblue;
	background-color: white;
.navbar-toggler{
	outline: none!;
	padding: none!;
}


.navbar .navbar-nav.nav-item .nav-link:hover{
	color:sandybrown;
	background-color: beige;
}


............



/.........................
Carousel
........................../
.carousel-inner .carousel-item{
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: ;
}
.carousel-inner .carousel-item::before{
	content: '';
	background-color: rgba(12, 11, 10, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
 <style>
    .ripple-link {
        position: relative;
        overflow: hidden;
    }

    .ripple-link::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background: radial-gradient(circle, rgba(0, 0, 0, 0.1) 10%, transparent 20%);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .ripple-link:hover::after {
        opacity: 1;
    }


/* ==== teacher gallery === */