@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700%7COpen+Sans:300i');

#wt-details-section {
  background-image: linear-gradient(0deg, rgba(70, 101, 112, 0.65), rgba(70, 101, 112, 0.65)), url("/wp-content/uploads/2023/06/H_fond-1.png");
}
.wt-details-container {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.wt-details-title {
  font-family: Oswald, sans-serif;
  font-size: 2.2rem;
  color: #ffffff;
  text-shadow: 0px 3px 5px rgba(0,0,0,0.16);
}
.wt-details-description {
  font-size: 1.2rem;
  color: #ffffff;
  line-height: 30px;
  font-family: system-ui;

  text-shadow: 0px 3px 5px rgba(0,0,0,0.16);
}

.wt-details-left {
  width: 45%;
  margin: 20px;
}

.wt-details-right {
  width: 40%;
}

.wt-details-card {
  background: #ffffff;
  border-radius: 50px;
  min-height: 670px;
  min-width: 50%;
  margin: 20px;
  box-shadow: 0px 0px 11px 0px rgb(67 67 67 / 78%);
  -webkit-box-shadow: 0px 0px 11px 0px rgb(67 67 67 / 78%);
  -moz-box-shadow: 0px 0px 11px 0px rgb(67 67 67 / 78%);
}

.wt-details-right ul {
  list-style: none;
  padding: 20px 40px;
  margin: 0;
}

.wt-details-right ul li{
  padding: 15px 0;
}

.wt-details-list-title {
  font-family: Oswald, sans-serif;
  font-weight: 400;
  padding: 3px 0;
  font-size: 1.17rem;
  color: #000000;
}

.wt-details-list-desc {
  font-family: Oswald, sans-serif;
  font-weight: 300;
  color: #000000;
}

.wt-details-speaker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f3f3;
  padding: 10px 20px;
  margin: 10px 0 0 0;
  box-shadow: 0px 1px 3px 0px rgb(195 195 195);
  -webkit-box-shadow: 0px 1px 3px 0px rgb(195 195 195);
  -moz-box-shadow: 0px 1px 3px 0px rgb(195 195 195);
}

.wt-details-speaker:hover {
  scale: 1.03;
  transition: all 400ms
}

.wt-details-speaker-name {
  color: #0077c9;
  font-weight: 400;
}

.wt-details-speaker-image img {
  border: 2px solid #d8d8d8;
  border-radius: 50%;
  width: 80px;
}

@media screen and (max-width: 991px) {
  .wt-details-container {
    flex-wrap: wrap;
  }

  .wt-details-left {
    width: 100%;
    margin: 20px;
  }

  .wt-details-right {
    width: 100%;
  }
}