.body {
  overflow: auto;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
hr {
  margin: 50px 0;
  border: 1px solid rgba(255, 166, 0, 0.494);
}
.abt-contianer {
  padding: 10% 6% 0 6%;
}
.missionStatement {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.missionStatement div span {
  margin-right: 10px;
}
.about img {
  width: 93%;
  filter: brightness(60%);
  border-radius: 6px;
}
.about h1 {
  font-size: 50px;
  font-weight: 600;
  border-bottom: 1px solid rgb(255, 255, 255);
  margin-bottom: 31px;
  padding-bottom: 6px;
}
.about h2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.about h3 {
  margin-bottom: 10px;
}
.about p {
  padding-bottom: 23px;
  line-height: 1.6;
}
.about a {
  color: white;
}
.about a:hover {
 text-decoration: underline;
}

.howInvestmentWorks h2{
  margin-top: 80px;
  margin-bottom: 20px;
  font-size: 2.7rem;
}
.howInvestmentWorks > ul:first-of-type {
  line-height: 1.9;
  font-size: 1rem;
  list-style: none;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.howInvestmentWorks ul span {
  font-size: 1.2rem;
  background-color: #009ad2;
  padding: 4px 6px;
  margin-right: 5px;
}
.howInvestmentWorks p {
  font-size: 1em;
  line-height: 2;
  padding: 4px 6px;
  margin-right: 5px;
  font-weight: 400;
  color: rgba(255, 166, 0, 0.535);
}
.howInvestmentWorks > ul:last-of-type {
  line-height: 1.9;
  font-size: 1rem;
  padding-bottom: 20px;
  margin-bottom: 1px;
  list-style: none;
}
.howInvestmentWorks > ul:last-of-type li {
  margin-bottom: 25px;
  /* color: rgba(255, 255, 255, 0.584); */
  font-weight: 200;
}

.howInvestmentWorks > ul h3 {
  /* line-height: 2; */
  font-size: 1rem;
  font-weight: normal;
}

.btn-group {
  margin: 0;
}
.btn-group > button:first-of-type {
  background-color: #009ad2;
  border: 0;
}

.team {
  display: grid;
  /* grid-template-columns: repeat(4, 1fr); */
  row-gap: 100px;
  column-gap: 10px;
}
.meetTheTeam {
  margin-bottom: 60px;
}

.obj-img {
  height: 17rem;
  /* width: 250px; */
}
.team img {
  padding: 20px 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hambuger img{
  /*width: 29px;*/
}
.hambuger{
  background-color: rgb(37, 35, 35);
  padding: 10px;
  border-radius: 50px;
  transition: 0.4s;
}
.hambuger i{
  font-size: 22px;
}
.hambuger:hover {
  background-color: black;
  transform: scale(1.1);
}

.hambuger i {
  font-size: 22px;
  transition: transform 0.3s ease, color 0.3s ease;
}

.hambuger:hover i {
  transform: rotate(90deg);
}

.team a {
  color: white;
  padding-bottom: 10px;
}

.team hr {
  margin: 1px;
  border: none;
  border-bottom: 1px solid #009ad2;
  width: 40%;
}

.teamHiddenCard,
.teamHiddenCardd {
  display: none;
}


@media (min-width: 1450px) {
.obj-img {
  height: 21rem;
  max-width: 240px;
}
.teamHiddenCard,
.teamHiddenCardd {
  display: block;
}

.team {
  grid-template-columns: repeat(6, 1fr);
  row-gap: 100px;
  column-gap: 18px;
}
}

@media (max-width: 1686px) {
  .obj-img {
    height: 21rem;
    max-width: 240px;
  }
  .teamHiddenCard {
    display: block;
  }
  
  .team {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 100px;
    column-gap: 18px;
  }
  }
  
  @media (max-width: 1431px) {
    .obj-img {
      height: 21rem;
      max-width: 240px;
    }
    .teamHiddenCard {
      display: none;
    }
    
    .team {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      row-gap: 100px;
      column-gap: 18px;
    }
    }

    @media (max-width: 1130px) {
      .obj-img {
        height: 21rem;
        max-width: 100%;
      }
      .teamHiddenCard,
      .teamHiddenCardd {
        display: block;
      }
      
      .team {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 18px;
      }
      }

      @media (max-width: 900px) {
        .obj-img {
          height: 18rem;
          max-width: 220px;
        }
       
        }

        @media (max-width: 735px) {
          .obj-img {
            height: 21rem;
            max-width:  100%;
          }
          .team {
            grid-template-columns: repeat(2, 1fr);
            /* justify-items: center; */
            row-gap: 80px;
            column-gap: 15px;
          }
          .teamHiddenCard,
          .teamHiddenCardd {
            display: none;
          }
          .abt-contianer {
            padding: 16% 6% 0 6%;
        }
         
          }
         
        @media (max-width: 608px) {
          .missionStatement {
            display: grid;
            grid-template-columns: 1fr;
        }
        .abt-contianer {
          padding: 16% 6% 0 6%;
      }
      }
          @media (max-width: 608px) {
            .missionStatement {
              display: grid;
              grid-template-columns: 1fr;
          }
          
            .about img {
              width: 100%;
              filter: brightness(80%);
              margin-top: 8%;
            }
          }

          @media (max-width: 500px) and (min-width: 320px) {
            .obj-img {
              height: 21rem;
              max-width:  100%;
            }
            .team {
              grid-template-columns: 1fr;
              row-gap: 80px;
              column-gap: 0;
            }
            .teamHiddenCard {
              display: none;
            }
            .abt-contianer {
              padding: 30% 6% 0 6%;
          }
           
            }