/* speakers */
.speakers {
}
.speakers__title {
   margin-bottom: 80px;
}
.speakers__list {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   gap: 19px;
   flex-wrap: wrap;
}

.speakers__item {
   flex: 0 0 15.7%;
   margin-bottom: var(--padding-80);
}
.speakers__img {
   margin-bottom: 28px;
   display: flex;
   flex-direction: row;
   height: 208px;
   width: 208px;
   align-items: flex-end;
   justify-content: center;
   background-color: var(--black-2);
   position: relative;
}
.speakers__img::before {
   content: "";
   position: absolute;
   z-index: 1;
   top: 0px;
   left: 0px;
   border: 20px solid transparent;
   border-left: 20px solid var(--black-0);
   border-top: 20px solid var(--black-0);
   transform: translate(-1px, -1px);
}
.speakers__img::after {
   content: "";
   position: absolute;
   z-index: 1;
   bottom: 0px;
   right: 0px;
   border: 20px solid transparent;
   border-right: 20px solid var(--black-0);
   border-bottom: 20px solid var(--black-0);
   transform: translate(1px, 1px);
}
.speakers__img .image {
   object-fit: contain;
   object-position: bottom;
}
.speakers__description {
   display: flex;
   flex-direction: column;
   gap: var(--padding-12);
}
.speakers__list {
   margin-bottom: -80px;
}

@media (min-width: 600px) {
   .speakers__name {
      max-width: 60px;
   }
}
@media (max-width: 1677px) {
   .speakers__list {
      gap: 16px;
   }
}
@media (max-width: 1144px) {
   .speakers__item {
      flex: 0 0 23.6%;
   }
}
@media (max-width: 1144px) {
   .speakers__item {
      flex: 0 0 23.6%;
   }
}
@media (max-width: 1024px) {
   .speakers__item {
      flex: 0 0 31%;
   }
}
@media (max-width: 720px) {
   .speakers__list {
      justify-content: space-between;
      margin-bottom: 0px;
   }
   .speakers__item {
      flex: 1;
   }
   .speakers__item {
      margin-bottom: var(--padding-40);
   }
}
@media (max-width: 460px) {
   .speakers__item {
      margin-bottom: 0;
   }
}
/* speakers */