.speaker-modal__logo img[src*=".svg"] {
      filter: invert(0) !important;
   }

.speaker-modal {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 9999;
 display: flex;
 align-items: center;
 justify-content: center;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease, visibility 0.3s ease;
}

.speaker-modal.active {
 opacity: 1;
 visibility: visible;
}

.speaker-modal__overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.7);
 cursor: pointer;
}

.speaker-modal__content {
 position: relative;
 width: 1331px;
 min-height: 603px;
 max-width: 95vw;
 max-height: 90vh;
 background: #FFFFFF;
 border-radius: 32px;
 display: flex;
 align-items: center;
 overflow: hidden;
 z-index: 1;
 gap: 165px;
 padding: 45px;
}

.speaker-modal__content::before {
 content: '';
 position: absolute;
 left: 10px;
 top: 100px;
 width: 506.537px;
 height: 506.537px;
 background: url('../images/backgrounds/orbit.webp') no-repeat center center;
 background-size: contain;
 z-index: 0;
 pointer-events: none;
}

.speaker-modal__close {
 position: absolute;
 top: 30px;
 right: 30px;
 width: 40px;
 height: 40px;
 background: transparent;
 border: none;
 cursor: pointer;
 z-index: 2;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #000;
 transition: color 0.3s ease;
}

.speaker-modal__close:hover {
 color: #666;
}

.speaker-modal__left {
 min-width: 416px;
 height: 512px;
 position: relative;
 border-radius: 32px;
 overflow: hidden;
 background: url('../images/backgrounds/speaker-modal-bg.webp') no-repeat center center;
 background-size: cover;
 display: flex;
 align-items: flex-end;
 justify-content: center;
}

.speaker-modal__image {
 width: 100%;
 max-height: 485px;
 object-fit: cover;
 display: block;
 border-radius: 24px;
 height: auto;
}

.speaker-modal__right {
 flex: 1;
 padding: 0 0 4px;
 display: flex;
 flex-direction: column;
 gap: 24px;
 max-width: 594px;
}

.speaker-modal__header {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.speaker-modal__label {
    display: flex;
    gap: 8px;
    align-items: center;
        margin-bottom: 16px;
}

.speaker-modal__label img {
 width: 24px;
 height: 24px;
}

/* .speaker-modal__name {
 font-family: var(--primaryFont);
 font-size: 56px;
 font-weight: var(--fontWeightMedium);
 line-height: 56px;
 letter-spacing: -2px;
} */

.speaker-modal__title {
 /* font-family: var(--primaryFont);
 font-size: var(--text-24);
 font-weight: var(--fontWeightLight);
 line-height: 28px;
 color: #000;
 letter-spacing: 0;
 margin: 0; */
}

.speaker-modal__bio {
   margin-bottom: 24px;
}

.speaker-modal__logo {
 display: flex;
 align-items: center;
}

.speaker-modal__logo img {
 height: 48px;
 width: auto;
 max-width: 100%;
 object-fit: contain;
 filter: invert(1);
}
.speaker-modal__logo img.logo-foris {
    height: 64px;
}
.speaker-modal__logo img.srm-logo {
    height: 68px;
}
.speaker-modal__logo img.logo-sm-adjust{
    max-width: 210px;
}
.speaker-modal__logo img.logo-federal-reserve {
    height: 56px;
}

@media (max-width: 1600px) {
 .speaker-modal__content {
    gap: 85px;
    padding: 32px;
    min-height: inherit;
    width: 1024px;
    border-radius: 24px;
   }
   .speaker-modal__bio {
      margin-bottom: 16px;
   }
   .speaker-modal__left {
      min-width: 380px;
      height: 100%;
      border-radius: 24px;
      max-width: 380px;
   } 
   .speaker-modal__image {
      width: 100%;
      height: auto;
   }
   .speaker-modal__content::before {
      width: 466.537px;
      height: 446.537px;
   }
   .speaker-modal__logo img {
      height: 38px;
   }
   .speaker-modal__logo img.srm-logo {
      height: 58px;
   }
   .speaker-modal__right {
      padding: 0;
      gap: 20px;
   }
   .speaker-modal__label {
      margin-bottom: 8px;
   }
}

@media (max-width: 1199px) {
   .speaker-modal__content {
        gap: 40px;
        padding: 24px;
        border-radius: 16px;
    }
    .speaker-modal__left {
        min-width: 280px;
        border-radius: 16px;
        max-width: 280px;
    }
    .speaker-modal__content::before {
        width: 326.537px;
        height: 326.537px;
    }
    .speaker-modal__logo img {
        height: 30px;
    }
    .speaker-modal__logo img.srm-logo {
      height: 48px;
   }
    .speaker-modal__bio {
        margin-bottom: 6px;
    }
    .speaker-modal__close {
      top: 20px;
      right: 20px;
      width: 24px;
      height: 24px;
      padding: 0;
   }
   .speaker-modal__close img {
      width: 100%;
      height: auto;
   }
}

@media (max-width: 991px) {
 
}

@media (max-width: 767px) {
    .speaker-modal__content {
        gap: 24px;
        padding: 40px 24px;
        border-radius: 16px;
        flex-direction: column;
        width: 480px;
    }
   .speaker-modal__left {
        min-width: inherit;
        border-radius: 16px;
        max-width: 220px;
        height: auto;
        max-height: inherit;
        padding-top: 12px;
        align-items: flex-start;
    }
   .speaker-modal__image {
        width: 100%;
        height: auto;
        max-height: calc(100% - 12px);
        width: auto;
        max-width: 100%;
        border-radius: 16px;
    }
    .speaker-modal__content::before{
      display: none;
    }
}