/* ========================================
   Page Header
   ======================================== */

.page-header {
 padding: 45px 0 100px;
 text-align: center;
 background-image: url('../images/backgrounds/left-element.webp');
 background-position: left bottom;
 background-repeat: no-repeat;
 background-size: auto;
}
.page-header__breadcrumb ul {
 display: flex;
 list-style: none;
 gap: 8px;
 align-items: center;
 margin: 0;
 padding: 0;
}

.page-header__sponser ul li span {
 display: flex;
 gap: 8px;
}
.page-header__breadcrumb ul li{
   display: flex;
   align-items: center;
   gap: 8px;
}

.page-header__breadcrumb ul li a {
 color: #6B7080;
}
.page-header__sponser {
 color: #1B223A;
} 

.page-header__container {
 max-width: 800px;
 margin: 0 auto;
}

/* .page-header__logo {
 margin-bottom: 40px;
} */

.page-header__logo img {
    width: 264px;
    height: auto;
}

.page-header__breadcrumb {
 font-family: var(--primaryFont);
 font-size: var(--text-18);
 font-weight: var(--fontWeightLight);
 line-height: 22px;
 letter-spacing: 0;
 color: var(--text-secondary);
 margin-bottom: 18px;
 margin-top: 100px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
}

.page-header__meet-speaker {
 color: var(--text-brand-secondary);
}

.breadcrumb-icon {
 color: var(--text-secondary);
}

.page-header__title {
 font-family: 'Inter Display', sans-serif;
 font-size: var(--fontSizeH1);
 font-weight: var(--fontWeightMedium);
 line-height: var(--lineheightH1);
 letter-spacing: -3px;
 color: var(--text-primary);
 max-width: 700px;
 margin: 0 auto 32px auto;
}

.i2c__dot {
 color: var(--orange);
}

.page-header__description {
 font-family: 'Inter Display', sans-serif;
 font-size: var(--text-24);
 font-weight: var(--fontWeightLight);
 line-height: 28px;
 color: var(--text-primary);
 max-width: 710px;
 margin: 0 auto;
 letter-spacing: 0;
}

@media (max-width: 1600px) {
   .page-header {
   padding: 32px 0 60px;
   }

   .page-header__description {
      max-width: 592px;
      font-size: 20px;
      line-height: 24px;
   }
       .page-header__breadcrumb {
        margin-top: 60px;
        margin-bottom: 18px;
    }
}
@media (max-width: 1199px) {
    .page-header {
        padding: 28px 0 48px;
        background-size: 186px auto;
    }
        .page-header__breadcrumb {
        margin-top: 48px;
    }
    .page-header__title {
      margin: 0 auto 16px auto;
      letter-spacing: -2px;
   }
       .page-header__description {
        max-width: 442px;
        font-size: 16px;
        line-height: 20px;
    }
   }

@media (max-width: 991px) {
 .page-header {
  padding: 24px 0 48px;
  background-image: none;
 }


    .page-header__title {
        letter-spacing: -2px;
    }

 .page-header__description {
  font-size: 16px;
  line-height: 20px;
 }
}

@media (max-width: 767px) {
    .page-header {
        padding: 20px 24px;
        background-size: 200px;
    }
        .page-header__logo img {
        width: 176px;
    }
        .page-header__breadcrumb {
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: 58px;
        line-height: 18px;
    }
    .page-header__title {
        font-size: var(--fontSizeH1);
        line-height: 36px;
        margin-bottom: 16px;
        letter-spacing: -1px;
    }
}

/* ========================================
   Speakers Section
   ======================================== */

.speakers-section {
 background: url('../images/backgrounds/speaker-bg.webp') no-repeat center center;
 background-size: cover;
 padding: var(--sectionSpace) 0;
 display: flex;
 justify-content: center;
}

.speakers-wrapper {
 width: 100%;

 display: flex;
 justify-content: center;
}

/* Speakers Grid Layout */
.speakers-grid {
 display: flex;
 flex-wrap: wrap;
 max-width: 1762px;
 width: 100%;
 gap: 44px 32px;
 margin: 0 auto;
}

/* Speaker Card Styles */
.speaker-card {
 width: calc(25% - 24px);
 display: flex;
 flex-direction: column;
 position: relative;
 cursor: pointer;
}

.speaker-card__inner {
 background: linear-gradient(to bottom,
   #E5F3FF 0%,
   rgba(229, 243, 255, 1) 90%,
   rgba(229, 243, 255, 1) 90%,
   rgba(229, 243, 255, 0) 100%);
 border-radius: 24px;
 position: relative;
 overflow: hidden;
 transition: transform 0.3s ease, box-shadow 0.3s ease;
 width: 100% !important;
 height: 512px;
 display: flex;
 flex-direction: column;
}

.speaker-card__inner:hover {
 transform: translateY(-8px);
 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.speaker-card:focus .speaker-card__inner,
.speaker-card:focus-within .speaker-card__inner {
 transform: translateY(-8px);
 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.speaker-card__title {
 display: flex;
 align-items: center;
 gap: 2px;
 position: absolute;
 top: 20px;
 left: 20px;
 z-index: 2;
}

/* Arrow Icon */
.speaker-card__icon {
 width: 24px;
 height: 24px;
 flex-shrink: 0;
}

.speaker-card__icon img {
 width: 100%;
 height: 100%;
 display: block;
}

/* Speaker Label */
.speaker-card__label {
 font-family: 'Inter', sans-serif;
 font-size: var(--text-16);
 font-weight: var(--fontWeightNormal);
 letter-spacing: 0;
 line-height: 20px;
 text-transform: uppercase;
 display: block;
}

/* Speaker Image */
.speaker-card__image {
 width: 100% !important;
 height: auto;
 overflow: hidden;
 position: absolute;
 bottom: 0;
 left: 0;
 /* border-radius: 0 0 24px 24px; */
}

.speaker-card__image img {
 width: 100% !important;
 height: auto !important;
 object-fit: cover;
 display: block;
 border-radius: 0;
}

/* Hover Button */
.speaker-card__button {
 position: absolute;
 bottom: 75px;
 right: 38px;
 width: 80px;
 height: 80px;
 opacity: 0;
 visibility: hidden;
 transform: translateY(10px);
 transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
 z-index: 3;
}

.speaker-card:hover .speaker-card__button {
 opacity: 1;
 visibility: visible;
 transform: translateY(0);
}

.speaker-card:focus .speaker-card__button,
.speaker-card:focus-within .speaker-card__button {
 opacity: 1;
 visibility: visible;
 transform: translateY(0);
}

.speaker-card__button img {
 width: 100%;
 height: 100%;
 display: block;
 cursor: pointer;
}

/* Speaker Info (Outside Card) */
.speaker-info {
 display: flex;
 justify-content: space-between;
 margin-top: 20px;
}

.speaker-info__name {
 font-family: var(--primaryFont);
 font-size: var(--text-24);
 font-weight: var(--fontWeightMedium);
 color: var(--white);
 margin: 0 0 6px 0;
 line-height: 28px;
 letter-spacing: 0;
}

.speaker-info__designation {
 width: 280px;
 font-family: var(--primaryFont);
 font-size: var(--text-20);
 font-weight: var(--fontWeightNormal);
 color: var(--white);
 line-height: 24px;
 letter-spacing: 0;
}

.speaker-info__logo {
 height: 32px;
 max-width: 100%;
 display: flex;
 align-items: center;
}

.speaker-info__logo img {
 height: 32px;
 width: auto;
 max-width: 100%;
 object-fit: contain;
}

@media (max-width: 1600px) {
 .speakers-section {
  padding: 80px 0;
 }

 .speaker-card {
        width: calc(25% - 18px);
    }

 .speaker-card__title {
  gap: 0px;
  top: 9px;
  left: 9px;
 }

 .speaker-card__inner {
  width: 288px;
  height: 354px;
  border-radius: 16px;
 }

 .speakers-grid {
  gap: 36px 24px;
 }
 .speaker-info {
    margin-top: 12px;
}

 .speaker-card__image {
  width: 288px;
  height: 100%;
 }

 .speaker-card__image img {
  width: 288px;
  height: 323px;
 }

 .speaker-card__button {
  width: 55px;
  height: 55px;
  right: 26px;
 }

 .speaker-info__name {
  font-size: var(--text-20);
 }

 .speaker-info__designation {
  font-size: var(--text-18);
  width: 100%;
 }

 .speaker-info__logo {
  height: 22.154px;
 }

 .speaker-info__logo img {
  height: 22.154px;
 }
}

@media (max-width: 1199px) {
 .speakers-section {
  padding: 60px 0;
 }
 .speakers-grid {
        gap: 30px 24px;
    }

 .speaker-card__title {
  gap: 0px;
  top: 7px;
  left: 6px;
 }

 .speaker-card__label {
  font-size: 14px;
 }

 .speaker-card__inner {
  width: 214px;
  height: 263.385px;
  border-radius: 16px;
 }

 .speaker-card__image {
  width: 214px;
  height: 263px;
 }

 .speaker-card__image img {
  width: 214px;
  height: 240px;
 }

 .speaker-card__button {
  width: 40px;
  height: 40px;
  right: 19px;
 }

 .speaker-info__name {
  font-size: var(--text-16);
  line-height: 20px;
  letter-spacing: 0;
 }

 .speaker-info__designation {
  font-size: var(--text-16);
  line-height: 20px;
  letter-spacing: 0;
  width: 100%;
 }

 .speaker-info__logo {
  height: 16.463px;
 }

 .speaker-info__logo img {
  height: 16.463px;
 }
}

@media (max-width: 991px) {
       .speaker-card {
        width: calc(33% - 14px);
    }
 .speakers-section {
  padding: 48px 0;
 }

 .speakers-grid {
  justify-content: flex-start;
 }

 .speaker-card__inner {
  width: 214px;
  height: 275px;
 }

 .speaker-card__image {
  width: 214px;
  height: 275px;
 }

 .speaker-card__image img {
  width: 214px;
  height: 240px;
 }

 .speaker-card__button {
  width: 40px;
  height: 40px;
  right: 19px;
 }

 .speaker-info__name {
  font-size: var(--text-16);
  line-height: 20px;
  letter-spacing: 0;
 }

 .speaker-info__designation {
  font-size: var(--text-16);
  line-height: 20px;
  letter-spacing: 0;
  width: 100%;
 }

 .speaker-info__logo {
  height: 16.463px;
 }

 .speaker-info__logo img {
  height: 16.463px;
 }
 
}


@media (max-width: 767px) {
 .speakers-section {
  padding: 48px 0;
 }

 .speakers-grid {
  justify-content: center;
 }

 

 .speaker-card__title {
  gap: 6px;
  top: 14px;
   left: 12px;
 }

 .speaker-card__icon {
  width: 24px;
  height: auto;
 }

 .speaker-card__label {
  font-size: 14px;
  line-height: 18px;
 }

 .speaker-card__inner {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  aspect-ratio: 326/380;
 }

 .speaker-card__image {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
 }

 .speaker-card__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 327/360;
  object-fit: cover;
  display: block;
  border-radius: 20px 20px 0 0;
 }

 .speaker-card__button {
  width: 48px;
  height: 48px;
  right: 24px;
 }

 .speaker-info {
  padding: 0 0 16px;
 }

 .speaker-info__name {
  font-size: var(--text-18);
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 4px;
 }

 .speaker-info__designation {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  width: auto;
 }

 .speaker-info__logo {
  height: 24px;
 }

 .speaker-info__logo img {
  height: 24px;
 }
 .speaker-card {
        width: calc(50% - 12px);
    }
}
@media (max-width: 520px) {
   .speaker-card {
   width: 100%;
   max-width: 100%;
   }
}

.speaker-modal__logo img[src*=".svg"] {
      filter: invert(0) !important;
   }
.speaker-modal__logo img.logo-federal-reserve {
    height: 64px;
}   
.speaker-modal__logo img.logo-foris {
    height: 64px;
}

.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: 512px;
 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.srm-logo {
    height: 68px;
}
.speaker-modal__logo img.logo-sm-adjust {
    max-width: 210px;
}

@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: 100%;
        width: auto;
        max-width: 100%;
        border-radius: 16px;
    }
    .speaker-modal__content::before{
      display: none;
    }
}