@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@900&display=swap');
.navbar{
    height:50px;
}
.hero-bar{
    margin-top:400px;
    height:100px;
}

.hero-text{
    position:absolute;
    left:0.4em;
    top:2em;
    color:white;
}
.hero-text2{
    position:absolute;
    top: 1em;
    left: 4em;
    transition: none;
    color:white;
    display: none;
}
.hero-text3{
    position:absolute;
    top: 185px;
    left: 260px;
    transition: none;
    color:white;
    display: none;

}
.hero-text4{
    position:absolute;
    top: 145px;
    left: 680px;
    color:white;
    transition: none;
    display: none;
}
.menuActive{
    color:#b3d3ef !important;
}
.transformUp{
    transform: translate(0%, -40%);
}
.transformDown{
    transform: translate(0%, 20%);
}
.m-height{
    max-height:50px;
}
.main-content{
    background-color: white;
}
.text {
    font-size: 1.4em;
}
.opacity-navbar::before{
    backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
}
.opacity-navbar{
   background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.85));
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
}
.opacity-navbar-index{
   background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.3));
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   max-height:120px;
}
.index-nav{
    margin-bottom:0;
}
.our-c{
    color:white;
    
}
.gray-bg-index{
        background-color: rgba(34, 34, 34, 0.95);
        color:white !important;

}
.content-img{
    overflow: hidden;
    width: 100%;
    max-height: 45vh;
    object-fit: cover;
    height:100%;
}
.justify {
    text-align: justify;
    text-justify: inter-word;
}
.member-image{
    object-fit: cover;
    max-height:100px;
    max-width:100px;
    overflow:hidden;
    clip:rect(0px,90px,90px,0px);
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.parent{
     position: absolute;
     display:flex;
     top:0;
     left: 50%; 
     transform: translateX(-50%);
     min-height:5vh;
     max-height: 45vh;
}
.child0{
    top: 0.2em;
    transform: translateX(-50%);
    color:black;
}
.child{
    position: absolute;
    top: 1.5em;
    right:-10px;
    transform: translateX(-50%);
    color:black;
}
.child1{
    position: absolute;
    display:flex;
    top: 1.6em;
    color:black;
    display: none;
    font-family: 'Work Sans', sans-serif;
    transform: translateX(-10%);
}
.child2{
    position: absolute;
    display:flex;
    top: 2.6em;
    color:black;
    display: none;
    font-family: 'Work Sans', sans-serif;
    
    
}
.child3{
    position: absolute;
    display:flex;
    top: 3.6em;
    color:black;
    display: none;
    font-family: 'Work Sans', sans-serif;
    transform: translateX(-10%);
   
}
.font{
    font-family: 'Work Sans', sans-serif;
}
.blue-logo-color{
    color:#b3d3ef;
}
.bwImage{
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}