.search {
  width: 90%;
  height: 80%;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; 
  border-radius: 20px;
  margin: auto; 
}

.searchcard {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 300px;
  height: 336px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);
  transition: 0.5s;
  margin: 83px auto
}



.searchcard:hover {
  height: 400px;
}

.searchimgBox {
  position: absolute;
  top: 20px;
  width: 95%;
  height: 220px;
  background: #6B8B8A;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.5s;
}
.searchimgBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.searchcard:hover .searchimgBox {
  top: -85px;
  scale: 0.75s;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
  width: 90%;
}

.searchcontent {
  position: absolute;
  top: 255px;
  width: 90%;
  height: 85px;
  overflow: hidden;
  text-align: center;
  transition: 0.5s;
  
}

.searchcard:hover .searchcontent {
  width: 95%;
  top: 160px;
  height: 225px;
  color: #6B8B8A; 
}

.searchdegree { 
  height: 60px;
  font-size: 35px;
  margin-bottom: 35px;
  /* Centering added */
  text-align: center; 
}

.searchVisitsText {
  height: 21px;
  font-size: 30px;
  margin-bottom: 15px;
}
.searchinteger{
  height: 21px;
  font-size: 30px;
  margin-bottom: 15px;
}
.searchview {
  width: 200px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #6B8B8A;
  color: #fff;
  border-radius: 12px;
  margin-top: 9px;
  font-size: 20px;
  flex-direction: column;
}


a {
  text-decoration: none;
}

.searchtext {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #6B8B8A;
  border-radius: 12px;
  margin-top: 9px;
  font-size: 20px;
  flex-direction: column;
}