@font-face {
  font-family: "Metropolis";

  src: url("/assets/fonts/metropolis/Metropolis-Light.otf") format("opentype"); /* Safari, Android, iOS */
  src: url("/assets/fonts/metropolis/Metropolis-Regular.otf") format("opentype"); /* Safari, Android, iOS */
}

@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}

::selection {
    background: #cea68b; /* WebKit/Blink Browsers */
    color: black
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
.team-hero-bg {
  background-color: rgb(48, 47, 47);
}
.flex-project-obj{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  
}
.team-hero-title {
  display: block;
  font-family: "Metropolis", sans-serif;
  font-size: 5rem;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-70%);
  color: white;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .team-hero-title{
    font-size: 3rem;
  }
  
}
.team-hero-img {
  background-size:cover;
  position: relative;
  width: 100vw;
  height: 57.5vh;
  border: 0px solid;
  overflow: hidden;
  top: 0;
}

.team-hero-img-obj {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  transform: translateY(-15%);
 
  filter: brightness(30%);
}
@media only screen and (max-width: 600px){
  .team-hero-img-obj {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-15%);
   
    filter: brightness(30%);
  }
}
.team-page-content {
  margin-left: 15vw;
  margin-right: 15vw;
  margin-top: 5%;
  text-align: left;
}

.headerr {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1em;
  margin-top: 5%;
}
.textt {
  font-weight: 350;
  line-height: 2em;
  margin-bottom: 6em;
  justify-content: center;
  position: relative;
}
footer {
 
  background:#fff;
  width: 100vw;
  font-family: "Metropolis", sans-serif;
  margin-top: 3rem;
  color: #000;     
}        
    
.social_media {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    bottom: 5em;
    /*transform: translateX(-50%);*/
    cursor:pointer;
    justify-content: center;
  }
.social_media i{
    padding: 0 1em;
    color: rgb(0,0,0);
    opacity: 0.6;
    font-size: 20px;
    transition: all 0.2 linear;
  }
.social_media i:hover{
    opacity: 1;
    font-size: 20px;
    transition: all 0.2s linear ;
  }
  
.footer-bottom {
 
    background: rgb(255, 255, 255);
    color: #fff;
    width: 100vw;
    padding: 10px 0 ;
    text-align: center;
    bottom: 0;
    font-size: 0.8rem;
}

.team-page-content{
  font-family: 'Inter var', 'Inter', sans-serif !important;
}
    
.footer-bottom span {

     text-transform: capitalize;
     font-weight: 200;
     color: black;
   }
   .pj-ss-obj{
     width: 100%;
    margin: 0 auto;
    display: block;
   }
.footer-bottom p{
  margin-left: 2rem;
  margin-right: 2rem;
  line-height: 1.5rem;
  color: black;
  
}
.span-link {
     text-decoration: none;
    
     color: #232323;
   }


@media (prefers-color-scheme: dark) {
  .team-hero-title {
    color: rgb(255, 255, 255);
    filter: brightness(90%)
  }
  .team-hero-img {
    filter: brightness(80%);
  }
  body{
      background-color: #111;
      color: #e2e2e2;
  }
 
  footer {
 
    background:#fff;
    width: 100vw;
    font-family: "Metropolis", sans-serif;
    margin-top: 10%;
    color: #000;     
  }        
  .footer-bottom {
 
    background: rgb(255, 255, 255);
    color: #fff;
    width: 100vw;
   
    text-align: center;
    bottom: 0;
    
   }
.footer-bottom span {

     text-transform: capitalize;
     font-weight: 200;
     color: #fff;
   }
.footer-bottom p{
margin-left: 2rem;
    margin-right: 2rem;
line-height: 1.5rem;
color: #fff;
}
.span-link {
     text-decoration: none;
    
     color: #232323;
  }


.social_media i{
    color: rgb(255, 255, 255);
    opacity: 0.6;
    transition: all 0.2 linear;
  }
.social_media i:active {
    opacity: 1;
    transition: all 0.2 linear;
    color:rgb(209, 155, 55);
  } 
.footer-bottom {
   background: rgb(0, 0, 0);
   font-size: 0.8rem;
  }
  .footer-bottom span {
    /*filter: brightness(70%)*/
    text-transform: capitalize;
    font-weight: 200;
  }
  .span-link {
    text-decoration: none;
   
    color: #aaa;
  }
  }
  .boxd{
    margin-bottom: 0;
  }
.flex-textts{
  height: auto;
  width: 200%;
}  

@media only screen and (max-width: 600px) {
  
}