.do {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.do2 {
  display: flex;
  width: 1280px;
  height: 456.33px;
  justify-content: space-between;
  align-items: center;
}

.d1,
.d2,
.d3,
.d4,
.d5 {
  background: white;
  width: 232px;
  height: 456.33px;
}



.dd1 {
  display: flex;
  justify-content: start;
  align-items: start;
}

.d2 {
  background: white;
  width: 232px;
  height: 456.33px;
}

.d4 {
  background: white;
  width: 232px;
  height: 456.33px;
}

.d5 {
  background: white;
  width: 232px;
  height: 456.33px;
}

.dop {
  border-radius: 8px;
  width: 232px;
  height: 309.33px;
}






.i1 {
  border-radius: 8px;
  width: 232px;
  height: 309.33px;
}

.i11 {
  /* margin-top: 11px; */
  display: inline-block;
  height: 13px;
  width: 13px;
}



.i2 {
  border-radius: 8px;
  width: 232px;
  height: 309.33px;
}

.p2 {
  font-size: 12.8px;
  font-family: "Inter", sans-serif;
}



.i3 {
  border-radius: 8px;
  width: 232px;
  height: 309.33px;
}



.i4 {
  border-radius: 8px;
  width: 232px;
  height: 309.33px;
}



.i5 {
  border-radius: 8px;
  width: 232px;
  height: 309.33px;
}

.p1 {
  font-size: 12.8px;
  font-family: "Inter", sans-serif;
}

.p11 {
  margin-left: 4.32px;
  display: inline-block;
  font-size: 11.2px;
  color: rgba(139, 142, 153, 1);
  font-family: "Inter", sans-serif;
}


.p3 {
  font-size: 12.8px;
  font-family: "Inter", sans-serif;
}


.p4 {
  font-size: 12.8px;
  font-family: "Inter", sans-serif;
}



.p5 {
  font-size: 12.8px;
  font-family: "Inter", sans-serif;
}



button {
  background: yellow;
  border: none;
  border-radius: 5px;
  width: 150px;
  height: 25px;
}





label {
  position: absolute;
  top: 160px;
  margin-left: -220px;

}

i {
  color: white;
  font-size: 40px;
  transition: 0.3s linear;
}






#icon:checked~#st,
#icon2:checked~#st2,
#icon3:checked~#st3,
#icon4:checked~#st4,
#icon5:checked~#st5 {
  color: yellow;
  cursor: pointer;
}

#icon,
#icon2,
#icon3,
#icon4,
#icon5 {
  display: none;
}