/* Ajoutez ces règles CSS à votre fichier global_tab.css */
.cardbu,
.cardco,
.cardat {
  border-radius: 20px;
  background: #ffffff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.cardbu img {
  width: 50%;
  height: 50%;
  border-radius: 100%;
  border: 2px solid rgb(0, 0, 0);
}
.cardco img {
  width: 100%;
  height: auto;
  border-radius: 100%;
  border: 2px solid rgb(0, 0, 0);
}

.cardat img {
  width: 80%;
  height: auto;
  border-radius: 100%;
  border: 2px solid rgb(0, 0, 0);
}
.cardbu p,
.cardbu h4,
.cardbu h3,
.cardco p,
.cardco h4,
.cardco h3,
.cardat p,
.cardat h4,
.cardat h3 {
  color: white;
}

.cardbu,
.cardco,
.cardat {
  position: relative;
  background: linear-gradient(
    to bottom right,
    rgb(32, 47, 74),
    rgb(32, 47, 74)
  );
}

.cardbu::before,
.cardat::before,
.cardco::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(to bottom, rgb(32, 47, 74), rgb(32, 47, 74));
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .cardbu,
  .cardco,
  .cardat {
    border-radius: 10px;
  }

  .cardbu img,
  .cardco img,
  .cardat img {
    width: 100%;
    height: auto;
    border-radius: 100%;
    border: 2px solid rgb(0, 0, 0);
  }

  .cardbu p,
  .cardbu h4,
  .cardbu h3,
  .cardco p,
  .cardco h4,
  .cardco h3,
  .cardat p,
  .cardat h4,
  .cardat h3 {
    font-size: 14px;
  }
}