.speaker-sec { width: 100%; display: inline-block; padding: 96px 0 66px 0; vertical-align: top; background: #111C55; }
.speaker-sec .row-wrap { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px; width: calc(100% + 30px); }
.speaker-sec .card-wrap { position: relative; /* cursor: pointer; */ display: flex; flex-flow: column wrap; justify-content: space-between; width: calc(100% / 4 - 30px); margin: 0 15px 30px 15px; }
.speaker-sec .sec-title { width: 100%; display: inline-block; text-align: center; }
.speaker-sec .sec-title h2 { color: #fff; display: inline-block; font-family: Josefin Sans; font-size: 2.25rem; font-weight: 300; line-height: 2.75rem; margin: 0 0 48px; text-transform: uppercase; width: 100%; }
.speaker-sec .sec-title h2 strong { font-family: Josefin Sans; font-weight: 700; }
.speaker-sec .card-wrap .image { display: inline-block; line-height: 0; vertical-align: top; width: 100%; margin: 0 auto; text-align: center; }
.speaker-sec .card-wrap > a { display: inline-block; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 2; }
.speaker-sec .card-wrap .image img { border-radius: 100%; display: inline-block; height: 260px; max-width: 100%; object-fit: cover; object-position: center; width: 260px; }
.speaker-sec .card-wrap .contain { display: inline-block; width: 100%; text-align: center; padding: 16px 0 0 0; }
.speaker-sec .card-wrap .name { width: 100%; display: inline-block; }
.speaker-sec .card-wrap .name h3 { font-weight: 700; text-decoration: none; color: #62b9cb; display: inline-block; font-size: 1.5rem; line-height: 2.25rem; margin: 0; width: 100%; }
.speaker-sec .card-wrap .designation { width: 100%; display: inline-block; }
.speaker-sec .card-wrap .designation p { font-family: Inter,sans-serif; font-size: 1.25rem; line-height: 2rem; color: #FFFFFF; width: 100%; display: inline-block; }
.speaker-sec .card-wrap .name a:hover { color: #fff; }
.speaker-sec .row-wrap.two .card-wrap { width: calc(50% - 30px); }
.speaker-sec .row-wrap.three .card-wrap { width: calc(33.33% - 30px); }
.speaker-sec .card-wrap .info { width: 100%; display: inline-block; padding: 10px 0 0 0; font-size: 1rem; line-height: 1.3; color: #fff; }
.speaker-sec .card-wrap .info p { width: 100%; display: inline-block; font-size: 1rem; line-height: 1.3; color: #fff; }
.speaker-sec .card-wrap .info p a { font-size: 1rem; line-height: 1.3; color: #fff; }
.speaker-sec .card-wrap .info ul { display: inline-block; text-align: left; width: 100%; margin-bottom: 0; }
.speaker-sec .card-wrap .info ul li { color: #fff; margin-bottom: 8px; width: 100%; font-size: 1rem; line-height: 1.3; } 
.speaker-sec .card-wrap .info ul li a { color: #fff; display: inline-block; width: 100%; font-size: 1rem; line-height: 1.3; }
.speaker-sec .card-wrap .info { display: none; }
.speaker-sec .card-wrap .cta { position: relative; z-index: 99; }
.speaker-sec .card-wrap .cta a { width: 100%; display: inline-block; padding: 8px 0 0 0; text-decoration: underline; text-underline-offset: 4px; }

.fancybox-container { margin: 0; }
.fancybox-bg { background: rgba(17, 28, 85, 1); }
.fancybox-content { max-width: 1088px; border-radius: 16px; padding: 80px 108px 96px; }
.fancybox-inner .fancybox-stage .popup-wrap .name h3 { color: #111C55; display: inline-block; margin-bottom: 0; font-family: Josefin Sans; font-size: 2.25rem; font-weight: 700; line-height: 2.75rem; text-transform: uppercase; width: 100%; }
.fancybox-inner .fancybox-stage .popup-wrap .designation p { color: #143C90; font-size: 2.25rem; line-height: 2.75rem; font-weight: 300; font-family: 'Josefin Sans'; padding-bottom: 16px; }
.fancybox-inner .fancybox-stage .popup-wrap .card-inner { align-items: flex-start; display: flex; gap: 32px; margin-bottom: 32px; }
.fancybox-inner .fancybox-stage .popup-wrap .card-inner .image, .fancybox-inner .fancybox-stage .popup-wrap .card-inner .contain { display: inline-block; margin: 0; width: 100%; }
.fancybox-inner .fancybox-stage .popup-wrap .card-inner .image a { display: inline-block; width: 100%; }
.fancybox-inner .fancybox-stage .popup-wrap .card-inner .image a img { border-radius: 16px; display: inline-block; max-width: 100%; object-fit: cover; object-position: center; width: 416px; max-height: 360px; }
.fancybox-inner .fancybox-stage .popup-wrap .details-contain p { color: #111C55; font-family: Inter; font-size: 1.25rem; font-weight: 400; line-height: 2rem; }
button.fancybox-button.fancybox-close-small { background: #62B9CB; border-radius: 50%; opacity: 1; right: 24px; top: 24px; width: 32px; height: 32px; padding: 5px; }
.speaker-sec .popup-wrap.fancybox-content .name { height: auto !important; }
.speaker-sec .popup-wrap.fancybox-content .designation { height: auto !important; }


@media(max-width:1199px) {
  .speaker-sec .card-wrap .image img { height: 200px; width: 200px; }
  .speaker-sec .card-wrap .name h3 { font-size: 1.25rem; line-height: 2rem; }
  .speaker-sec .card-wrap .designation p { font-size: 1rem; line-height: 1.5rem; }
}

@media(max-width:991px) {
  .speaker-sec { padding: 60px 0; }
  .speaker-sec .card-wrap .name h3 { font-size: 1.25rem; line-height: 1.875rem; }
  .speaker-sec .card-wrap .designation P { font-size: 1.125rem; line-height: 1.75rem; }
  .speaker-sec .sec-title h2 { font-size: 1.5rem; line-height: 2rem; margin: 0 0 24px; max-width: 100%;}
  .speaker-sec .card-wrap { width: calc(50% - 30px); }
  .speaker-sec .row-wrap.three .card-wrap { width: calc(50% - 30px); }

  .fancybox-inner .fancybox-stage .popup-wrap .name h3 { font-size: 1.5rem; line-height: 2rem; }
  .fancybox-inner .fancybox-stage .popup-wrap .details-contain p { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 24px; }
  .fancybox-inner .fancybox-stage .popup-wrap .card-inner .contain .card_action ul li a { font-size: 1.125rem; line-height: 1.75rem; }
  .fancybox-inner .fancybox-stage .popup-wrap .designation p { font-size: 1.5rem; line-height: 2rem; padding-bottom: 10px; }
  .fancybox-inner .fancybox-stage .popup-wrap .details-contain p:last-child { margin-bottom: 0; }
  .fancybox-inner .fancybox-stage .popup-wrap .card-inner { margin-bottom: 24px; }
}

@media(max-width:767px) {
  .speaker-sec { padding: 40px 0 30px 0; }

  .fancybox-content { padding: 40px; }
  .fancybox-inner .fancybox-stage .popup-wrap .card-inner .image a img { width: 100%; }
  .fancybox-inner .fancybox-stage .popup-wrap .card-inner { gap: 16px; margin-bottom: 0; flex-flow: row wrap; }
  .fancybox-inner .fancybox-stage .popup-wrap .card-inner .image { width: 100%; }
  button.fancybox-button.fancybox-close-small { right: 15px; top: 12px; width: 28px; height: 28px; }a
}

@media(max-width:540px) {
  .speaker-sec .row-wrap { width: 100%; display: inline-block; }
  .speaker-sec .card-wrap { width: 100%; margin: 0 0 30px 0; }
  .speaker-sec .row-wrap { margin: 0; }
  .speaker-sec .row-wrap.two .card-wrap { width: 100%; }
  .speaker-sec .row-wrap.three .card-wrap { width: 100%; }
}