.gp_list {
    padding-left: 100px;
}

.gp_list ol {
    counter-reset: cupcake;
    padding-left: 25px;
    list-style-position: outside;

    width: 100%;
}
.gp_list ol li {
    counter-increment: cupcake;
    position: relative;
}
.gp_list ol li:before {
    content: counters(cupcake, '.') ' ';
    color: var(--v-text);
    font-size: 0.8em;
}

@media only screen and (max-width: 600px) {     /* phone */
  .gp_list {
      padding-left: 0px;
  }
}

/* -------------------------------------------------------------------------- */

.box-100 {
    width: 100%;
    margin: 0;
    width: 1000px;
}
.box-list {
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    margin: 0 0 0 10px;
}

.male_normal,
.female_normal {
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  font-weight: 200;
  font-size: 1.1em;
}
.male_normal {
    color: var(--v-male);
  }
.female_normal {
    color: var(--v-female);
}

.img-container {
  display: flex;
  align-items: flex-start;
}
.image {
  margin-right: 15px;
}



/* -------------------------------------------------------------------------- */
.hinh_anh img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
  margin:0 auto;
}

.hinh_anh img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}