*{
   margin: 0; 
   padding: 0;
}
.box{
    margin-top: 0%;
    padding-top: 0%;
    display: flex;
    /* margin-left: 20%; */
    justify-content: center;
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.027); /* Deeper on hover */

 /* Deeper on hover */

}
.logo{
    display: flex;
}
.one{
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.322); /* Deeper on hover */
}
.two{
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.562); /* Deeper on hover */

}
.three{
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.562); /* Deeper on hover */

}
.four{
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.562); /* Deeper on hover */

}
.five{
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.562); /* Deeper on hover */

}
.six{
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.562); /* Deeper on hover */

}
.home{
    /* display: inline-block; */
    margin-left: 27%;
    font-size:larger;
    color: white;
    /* background-color: grey; */
}
.pok{
    display: flex;
}
.bd{
      background-color: rgba(255, 255, 0, 0.678);
}

/* Remove top/bottom space of navbar */
.navbar-custom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Reset nav items */
.nav-item {
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset nav links (so only your p-3 applies) */
.nav-link {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pink{
  color:  pink;
}
.footer {
  width: 100%;
  background-color: black;
  color: white;
  padding: 1rem 0; /* smaller top & bottom spacing */
  margin: 0;
  font-size: 1rem;
}

.hyt{
     display: flex; 
}
.card-text {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}