@charset "UTF-8";
/* ==========================================================================
   INUITCSS
   ========================================================================== */
/**** font size calculation ****/
/**** t-shirt size space calculation ****/
/* One-up pairs */
/* Custom pairs */
.max1116 {
  margin: 0 auto;
  max-width: 1116px;
}
.gradientButton {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  border: none;
  border-radius: 100px;
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  padding: 0 32px;
  text-transform: uppercase;
  transition: background 0.3s ease;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.gradientButton:hover {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.gradientButton span {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
}
.encorePage {
  position: relative;
  background-color: #000000;
}
.encorePage .videoBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 700px;
  overflow: hidden;
  z-index: 0;
}
.encorePage .videoBg .videoBackground {
  width: 100%;
  height: 100%;
}
.encorePage .videoBg .backgroundVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.encorePage .videoBg .overlayBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
}
.encorePage .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 16px 0;
  background-color: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(10px);
  transform: translateY(-100%);
  transition: all 0.3s ease;
}
.encorePage .header.sticky {
  transform: translateY(0);
}
.encorePage .header.hidden {
  transform: translateY(-100%);
}
.encorePage .header.transparent {
  background-color: transparent;
  backdrop-filter: none;
}
.encorePage .header .contentContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.encorePage .header ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
}
.encorePage .header li {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 40px;
  padding-bottom: 8px;
}
.encorePage .header li a {
  color: #ffffff;
}
.encorePage .header li:hover::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #ffffff;
  content: "";
  transition: all 0.8s ease;
  border-bottom: 1px solid #FC034D;
  background: linear-gradient(0deg, #FC034D -2.94%, rgba(0, 0, 0, 0) 17.07%);
  background-blend-mode: lighten;
}
.encorePage .tile2,
.encorePage .tile3,
.encorePage .tile4,
.encorePage .tile5,
/* .encorePage .tile7, */
.encorePage .tile8,
.encorePage .tile9,
.encorePage .tile10 {
  margin-bottom: 100px;
}
.encorePage .tile1 {
  position: relative;
  padding-top: 100px;
  margin-top: 0;
  overflow: hidden;
}
.encorePage .tile1 h1 {
  font-size: 76px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.encorePage .tile1 h1 span {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage .tile1 .contentContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.encorePage .tile1 .gradientBg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 200px;
  background: radial-gradient(52.1% 47.58% at 50% 100.09%, rgba(252, 3, 77, 0.5) 0%, rgba(180, 38, 255, 0.3) 33.33%, rgba(76, 134, 246, 0.2) 66.66%, rgba(0, 0, 0, 0) 100%), #000;
  z-index: 0;
}
.encorePage .tile1 .logo {
  margin-bottom: 32px;
}
.encorePage .tile1 .address {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2.56px;
  margin-bottom: 48px;
  color: #ffffff;
}
.encorePage .tile1 .address svg {
  margin: 0 12px;
}
.encorePage .tile1 .caption {
  font-size: 28px;
  font-weight: 300;
  text-transform: capitalize;
  margin-bottom: 48px;
  color: #ffffff;
  text-align: center;
}
.encorePage .tile1 .caption#heroCaption {
  margin-bottom: 10px;
}
.encorePage .tile1 .actions {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.encorePage .tile1 .registerButton {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  border: none;
  border-radius: 100px;
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  padding: 0 32px;
  text-transform: uppercase;
  transition: background 0.3s ease;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.encorePage .tile1 .registerButton:not(:last-child) {
  margin-right: 24px;
}
.encorePage .tile1 .registerButton:hover {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.encorePage .tile1 .registerButton span {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
}
.encorePage .tile1 .registerButton span svg {
  margin-right: 6px;
}
.encorePage .tile1 .speakers {
  margin-bottom: 56px;
}
.encorePage .tile2 {
  position: relative;
  z-index: 10;
}
.encorePage .tile2 .innerDiv {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.encorePage .tile2 .imageContainer {
  position: relative;
  width: 556px;
  /* height: 310px; */
  display: flex;
  justify-content: flex-end;
  padding-top: 44px;
  padding-right: 88px;
}
.encorePage .tile2 .contentContainer {
  width: calc(100% - 556px);
  padding-left: 56px;
  padding-top: 44px;
  padding-bottom: 44px;
  display: flex;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.encorePage .tile2 .content {
  width: 70%;
}
.encorePage .tile2 .bgImage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.encorePage .tile2 .bgImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.encorePage .tile2 h2 {
  z-index: 1;
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: #ffffff;
}
.encorePage .tile2 p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 24px;
  color: #ffffff;
}
.encorePage .tile2 p:last-child {
  margin-bottom: 0;
}
.encorePage .tile2 p a {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}
.encorePage .tile2 p a:hover {
  color: #ffffff;
}
.encorePage .tile3 {
  position: relative;
}
.encorePage .tile3 h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.encorePage .tile3 h2 span {
  background: linear-gradient(180deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage .tile3 .contentContainer {
  position: relative;
}
.encorePage .tile3 .arrowButtons {
  position: absolute;
  right: 0;
  top: 10px;
  width: fit-content;
  display: flex;
  justify-content: space-between;
}
.encorePage .tile3 .arrow {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  transition: all 0.3s cubic-bezier(0.28, 0.11, 0.32, 1);
}

.encorePage .tile3 .arrow:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.encorePage .tile3 .arrow.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
  background: #ccc;
  transform: none;
}

.encorePage .tile3 .leftArrow {
  margin-right: 16px;
}
.encorePage .tile3 .galleryContainer {
  display: flex;
  height: 488px;
  gap: 6px;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.encorePage .tile3 .galleryItem {
  min-height: 488px;
  transition: all 0.6s cubic-bezier(0.28, 0.11, 0.32, 1);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background-color: #333;
}

/* Styles for partially visible gallery items */
.encorePage .tile3 .galleryItem.partial {
  opacity: 0.7;
  transition: all 0.6s cubic-bezier(0.28, 0.11, 0.32, 1);
  overflow: hidden;
}

.encorePage .tile3 .galleryItem.partial .itemBg::before {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0.38%, rgba(0, 0, 0, 0.5) 99.62%);
}

.encorePage .tile3 .itemBg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
}
.encorePage .tile3 .itemBg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0.38%, rgba(0, 0, 0, 0.3) 99.62%);
  transition: all 0.3s ease;
  z-index: 1;
}
.encorePage .tile3 .galleryItem.active .itemBg::before {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.encorePage .tile3 .itemImage {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.encorePage .tile3 .itemImage img {
  width: 351px;
  height: 365px;
  max-width: none;
  transition: all 0.3s ease;
}
.encorePage .tile3 .galleryItem:not(.active) .itemImage img {
  width: 200px;
  height: 365px;
}
.encorePage .tile3 .itemLink {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 32px 32px 0;
  z-index: 3;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}
.encorePage .tile3 .itemDesc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 24px;
  z-index: 3;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}
.encorePage .tile3 .itemDesc h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 8px;
  line-height: 1;
}
.encorePage .tile3 .itemDesc .title {
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
}
.encorePage .tile3 .itemDesc .company {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
  color: #ffffff;
}
.encorePage .tile3 .galleryItem.active .itemDesc,
.encorePage .tile3 .galleryItem.active .itemLink {
  opacity: 1;
  transform: translateY(0);
}
.encorePage .tile4 {
  position: relative;
}
.encorePage .tile4 h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.encorePage .tile4 h2 span {
  background: linear-gradient(180deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage .tile4 h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #ffffff;
}
.encorePage .tile4 h3 a {
  color: #ffffff;
  text-decoration: none;
}
.encorePage .tile4 h3 a:hover {
  color: #ffffff;
}
.encorePage .tile4 p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 24px;
  color: #ffffff;
}
.encorePage .tile4 p:last-child {
  margin-bottom: 0;
}
.encorePage .tile4 .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.encorePage .tile4 .coHost {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), #1576FC;
  margin-bottom: 32px;
}
.encorePage .tile4 .coHost:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.encorePage .tile4 .coHostText {
  width: calc(100% - 154px - 20px);
}
.encorePage .tile5 {
  position: relative;
}
.encorePage .tile5 h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.encorePage .tile5 h2 span {
  background: linear-gradient(180deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage .tile5 .agendaContent {
  position: relative;
}
.encorePage .tile5 .agendaContent .agendaItem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.encorePage .tile5 .agendaContent .agendaItem .expandIcon {
  position: absolute;
  top: 10px;
  right: 0;
  width: 16px;
  height: 16px;
}
.encorePage .tile5 .agendaContent .agendaItem .expandIcon span {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ffffff;
}
.encorePage .tile5 .agendaContent .agendaItem .expandIcon span:last-child {
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}
.encorePage .tile5 .agendaContent .agendaItem.expanded .expandIcon span:last-child {
  transform: rotate(0deg);
}
.encorePage .tile5 .agendaContent .agendaItem .expandIcon {
  cursor: pointer;
  z-index: 10;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaContentText {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin-top 0.3s ease;
  opacity: 0;
  margin-top: 0;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
}
.encorePage .tile5 .agendaContent .agendaItem.expanded .agendaContentText {
  max-height: 800px;
  opacity: 1;
  margin-top: 16px;
}
.encorePage .tile5 .agendaContent .agendaItem .borderIcon {
  position: absolute;
  bottom: -6px;
  left: -12px;
  width: 16px;
  height: 16px;
}
.encorePage .tile5 .agendaContent .agendaItem:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.encorePage .tile5 .agendaContent .agendaItem::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #FC034D 0.01%, #B426FF 25.01%, #4C86F6 50.01%, #1576FC 75%, #000 100%);
}
.encorePage .tile5 .agendaContent .agendaItem:last-child::after,
.encorePage .tile5 .agendaContent .agendaItem:last-child .borderIcon {
  display: none;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaTime {
  width: 140px;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaDetails {
  width: calc(100% - 190px);
  position: relative;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaTime .agendaTimeText {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaTime .agendaTimeText svg {
  margin-right: 8px;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaTime .agendaDuration {
  font-size: 20px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.50);
  margin-left: 30px;
}
.encorePage .tile5 h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #ffffff;
  width: 90%;
}
.encorePage .tile5 p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 24px;
  color: #ffffff;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 32%;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker:not(:last-child) {
  margin-right: 2%;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerImage {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerName {
  margin-left: 16px;
  width: calc(100% - 56px);
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerName h4 {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerName .designation {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 0;
}
.encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerName .company {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0;
}
/* .encorePage .tile5 p:last-child {
  margin-bottom: 0;
}
.encorePage .tile5 .borderTop {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  height: 1px;
}
.encorePage .tile5 .content {
  background: linear-gradient(45deg, rgba(252, 3, 77, 0.2) 0.38%, rgba(180, 38, 255, 0.2) 33.46%, rgba(76, 134, 246, 0.2) 66.53%, rgba(21, 118, 252, 0.2) 99.62%);
  padding: 32px;
} */
.encorePage .tile6 .boxBorder {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%), #FC034D;
  height: 1px;
}
.encorePage .tile6 .innerDiv {
  padding: 150px 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(45deg, #FC034D 0.38%, #B426FF 48.57%, #4C86F6 76.72%, #1576FC 99.62%);
}
.encorePage .tile6 h2 {
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: #ffffff;
}
.encorePage .tile6 h4 {
  display: flex;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.6;
  color: #ffffff;
}
.encorePage .tile6 h4 svg {
  margin-top: 6px;
  margin-right: 12px;
}
.encorePage .tile6 p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  margin-left: 24px;
  margin-bottom: 24px;
  color: #ffffff;
}
.encorePage .tile6 p:last-child {
  margin-bottom: 0;
}
.encorePage .tile6 .contentContainer {
  display: flex;
  justify-content: space-between;
}
.encorePage .tile6 .content {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.encorePage .tile6 .contentText {
  width: 48%;
  margin-bottom: 0;
}
.encorePage .tile6 .contentText:nth-child(3), .encorePage .tile6 .contentText:nth-child(4) {
  margin-bottom: 0;
}
.encorePage .tile7 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.encorePage .tile7 .imageContainer {
  position: relative;
  width: 623px;
  height: 427px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.encorePage .tile7 .bgImage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.encorePage .tile7 .bgImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.encorePage .tile7 h2 {
  z-index: 1;
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: #ffffff;
}
.encorePage .tile7 h4 {
  display: flex;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.encorePage .tile7 h4 span {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage .tile7 p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 24px;
  color: #ffffff;
}
.encorePage .tile7 p:last-child {
  margin-bottom: 0;
}
.encorePage .tile7 .contentContainer {
  width: calc(100% - 623px - 56px);
  display: flex;
  align-items: center;
}
.encorePage .tile7 .content {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.encorePage .tile7 .contentText {
  width: 45%;
  margin-bottom: 48px;
}
.encorePage .tile7 .contentText:nth-child(3), .encorePage .tile7 .contentText:nth-child(4) {
  margin-bottom: 0;
}
.encorePage .tile8 {
  position: relative;
}
.encorePage .tile8 .bgOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.encorePage .tile8 h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 24px;
  color: #ffffff;
  text-align: center;
  /* background: linear-gradient(180deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.encorePage .tile8 p,
.encorePage .tile8 .p1 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 32px;
  color: #ffffff;
}
.encorePage .tile8 .p1 {
  text-align: center;
}
.encorePage .tile8 p:last-child {
  margin-bottom: 0;
}
.encorePage .tile9 {
  position: relative;
}
.encorePage .tile9 h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.encorePage .tile9 h2 span {
  background: linear-gradient(180deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage .tile9 h4 {
  font-size: 18px;
  font-weight: 700;
  height: 3em;
  line-height: 1.5;
  display: -webkit-box; /* REQUIRED for line clamp */
  -webkit-line-clamp: 2; /* Number of lines */
  -webkit-box-orient: vertical; /* Vertical orientation */
  overflow: hidden; /* Hide overflow */
  text-overflow: ellipsis;
  margin-bottom: 8px;
  color: #ffffff;
}
.encorePage .tile9 p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 24px;
  color: #ffffff;
}
.encorePage .tile9 p:last-child {
  margin-bottom: 0;
}
.encorePage .tile9 p a {
  font-weight: 700;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage .tile9 .content {
  display: flex;
  justify-content: space-between;
}
.encorePage .tile9 .contentBlk {
  width: 48%;
  margin-bottom: 32px;
  border: 1px solid #4C86F6;
  background: linear-gradient(45deg, rgba(252, 3, 77, 0.2) 0.38%, rgba(180, 38, 255, 0.2) 33.46%, rgba(76, 134, 246, 0.2) 66.53%, rgba(21, 118, 252, 0.2) 99.62%);
  position: relative;
}
.encorePage .tile9 .contentBlk a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.encorePage .tile9 .imageContainer {
  height: 252px;
  overflow: hidden;
}
.encorePage .tile9 .imageContainer img {
  filter: grayscale(100%);
}
.encorePage .tile9 .contentText {
  padding: 16px;
}
.encorePage .tile9 .contentText p {
  font-size: 16px;
  height: 1.5em;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.encorePage .tile10 {
  position: relative;
}
.encorePage .tile10 h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.encorePage .tile10 h2 span {
  background: linear-gradient(180deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage .tile10 .attendeeCardContainer {
  padding: 0 10px;
}
.encorePage .tile10 .attendeeCardContainer .attendeeCard {
  cursor: pointer;
  position: relative;
  height: 428px;
}
.encorePage .tile10 .attendeeCardContainer .attendeeCard .bgOverlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.encorePage .tile10 .attendeeCardContainer .attendeeCard img.byteImg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.encorePage .tile10 .attendeeCardContainer .attendeeCard img.playBtn {
  position: absolute;
  width: 40px;
  height: 40px;
  object-fit: cover;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.encorePage .tile10 .attendeeCardContainer .attendeeCard .borderTop {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  z-index: 2;
}
.encorePage .tile10 .attendeeCardContainer .attendeeCard .borderBottom {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: linear-gradient(226deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  z-index: 2;
}
.encorePage .tile10 .attendeeCardContainer .attendeeCard .borderLeft {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(118deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  z-index: 2;
}
.encorePage .tile10 .attendeeCardContainer .attendeeCard .borderRight {
  position: absolute;
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  z-index: 2;
}
.encorePage .tile10 .slick-arrow {
  cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
    transition: all 0.3s cubic-bezier(0.28, 0.11, 0.32, 1);
}

.encorePage .tile10 .slick-next {
  top: -67px;
  right: 0;
}
.encorePage .tile10 .slick-next::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.84615 2L10 6L5.84615 10M9.42308 6H1' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.encorePage .tile10 .slick-prev {
  top: -67px;
  left: unset;
  right: 55px;
}
.encorePage .tile10 .slick-prev::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6.15385 2L2 6L6.15385 10M2.57692 6H12' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.encorePage fieldset {
  width: 100%;
  max-width: none !important;
}
.encorePage fieldset ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.encorePage label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}
.encorePage .hs-error-msg {
  color: #ff4444 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  display: block !important;
}
.encorePage .hs-form-booleancheckbox-display {
  width: 100% !important;
}
.encorePage .legal-consent-container {
  margin-top: 10px;
}
.encorePage .hs-form-booleancheckbox p {
  font-size: 14px;
  font-weight: 300;
  color: #E2E9F8;
}
.encorePage .hs-richtext {
  font-size: 14px;
  font-weight: 300;
  color: #E2E9F8;
}
.encorePage .hs_submit .actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
.encorePage input[type=text],
.encorePage input[type=email],
.encorePage input[type=tel],
.encorePage select,
.encorePage textarea {
  font-family: "Poppins", arial;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 0;
  border: none;
  width: 98% !important;
}
.encorePage input[type=text]::placeholder,
.encorePage input[type=email]::placeholder,
.encorePage input[type=tel]::placeholder,
.encorePage select::placeholder,
.encorePage textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 300;
}
.encorePage textarea {
  width: 99% !important;
  resize: vertical;
}
.encorePage input[type=checkbox] {
  appearance: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid #ffffff !important;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
  vertical-align: middle;
}
.encorePage input[type=checkbox]:checked {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.encorePage input[type=checkbox]:checked::after {
  content: "✓";
  position: absolute;
  top: 1px;
  left: 3px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
.encorePage input[type=checkbox]:hover {
  border-color: #ffffff;
}
.encorePage input[type=checkbox]:focus {
  outline: none;
  border-color: #ffffff;
}
.encorePage input[type=submit] {
  cursor: pointer;
  margin-top: 24px;
  padding: 0 40px;
  height: 72px;
  border-radius: 1000px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 1000px;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  border: none;
  color: #ffffff;
}

.footer {
  position: relative;
}
.footer .footerContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 14px;
  color: #ffffff;
}
.footer h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #ffffff;
}
.footer .content,
.footer .contact {
  width: 48%;
  display: flex;
  flex-direction: column;
}
.footer .contact {
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  padding: 90px 0 90px 56px;
}
.footer .contactEmail {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 24px;
}
.footer .contactEmail svg {
  margin-right: 8px;
}
.footer .contactEmail a {
  color: #ffffff;
}
.footer .contactEmail a:hover {
  text-decoration: underline;
}
.footer .joinText {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
}
.footer .contactPerson {
  margin-top: 16px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
}
.footer .contactPerson p {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 0;
}
.footer .contactPerson p a {
  color: #ffffff;
}
.footer .contactPerson p a:hover {
  text-decoration: underline;
}
.footer .personDetails {
  margin-left: 16px;
}
.footer .footerLogo,
.footer .footerSocialMedia,
.footer .footerCopyright {
  margin-bottom: 24px;
}
.footer .footerSocialMedia {
  display: flex;
  align-items: center;
}
.footer .footerSocialMedia a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.footer .footerSocialMedia a:last-child {
  margin-right: 0;
}
.footer .footerCopyright {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}
.footer .footerPrivacy {
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
}
.footer .footerPrivacy a {
  color: #ffffff;
  text-decoration: underline;
}

/************* Post event *************/
.videoContainer, .videoContainer #overlay {
  right: 0;
  background: rgba(0, 0, 0, .6);
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
}
.videoContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  transform: scale(0);
  transition: transform .4s ease-in-out;
}
.videoContainer #overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
}
.videoContainer.show {
  z-index: 999;
  transform: scale(1);
}
.crossbtn {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
  cursor: pointer;
}
.crossbtn:after,
.crossbtn:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #ffffff;
}
.crossbtn:after {
  transform: rotate(45deg);
}
.crossbtn:before {
  transform: rotate(-45deg);
}
.videoContainer iframe,
.videoContainer video {
  position: absolute;
  top: calc(50% - 265px);
  left: calc(50% - 480px);
  z-index: 99;
  max-width: 960px;
  max-height: 520px;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Ensure modal video controls are visible */
.videoContainer .modalVideo {
  -webkit-media-controls: auto !important;
}

.videoContainer .modalVideo::-webkit-media-controls {
  display: block !important;
  -webkit-appearance: auto !important;
}

.videoContainer .modalVideo::-webkit-media-controls-panel {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-play-button {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-start-playback-button {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-overlay-play-button {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-enclosure {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-fullscreen-button {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-timeline {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-current-time-display {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-time-remaining-display {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-seek-back-button {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-seek-forward-button {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-volume-slider {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-mute-button {
  display: block !important;
}

.videoContainer .modalVideo::-webkit-media-controls-toggle-closed-captions-button {
  display: block !important;
}
.encorePage.postEvent .header {
  padding: 24px 0;
}
.encorePage.postEvent .header li {
  margin: 0 32px;
}
.encorePage.postEvent .header li:first-child {
  margin-left: 0;
}
.encorePage.postEvent .header li:last-child {
  margin-right: 0;
}
.encorePage.postEvent .header .contentContainer {
  justify-content: space-between;
}
.encorePage.postEvent .header .contentContainer .headerLogo {
  width: 200px;
  height: 60px;
}
.encorePage.postEvent .header .contentContainer .headerLogo img {
  width: 100%;
  height: 100%;
}
.encorePage.postEvent .tile1 {
  padding-top: 108px;
} 
.encorePage.postEvent .tile1 .headingContainer {
  margin: 48px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.encorePage.postEvent .tile1 .headingContainer h1 {
  width: 300px;
  font-size: 48px;
  font-weight: 700;
  text-align: left;
  position: relative;
}
.encorePage.postEvent .tile1 .headingContainer .headingContainerSpan,
.encorePage.postEvent .tile1 .headingContainerMobile .headingContainerSpan {
  width: calc((100% - 300px) / 2);
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  position: relative;
  padding-left: 8%;
}
.encorePage.postEvent .tile1 .headingContainer .headingContainerSpan::before,
.encorePage.postEvent .tile1 .headingContainerMobile .headingContainerSpan::before {
  position: absolute;
  left: 4%;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M9.9139 15.994C9.9139 12.3557 12.8617 9.40788 16.5 9.40788V6.58011C12.8617 6.58612 9.9139 3.63827 9.9139 0H7.08612C7.08612 3.63827 4.13827 6.58612 0.5 6.58612V9.41389C4.13827 9.41389 7.08612 12.3617 7.08612 16H9.9139V15.994Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.encorePage.postEvent .tile1 .heroVideoContainer {
  position: relative;
  width: 100%;
  height: 625px;
  padding: 20px;
}
.encorePage.postEvent .tile1 .heroVideoContainer .borderTop,
.encorePage.postEvent .tile1 .heroVideoContainer .borderLeft,
.encorePage.postEvent .tile1 .heroVideoContainer .borderBottom,
.encorePage.postEvent .tile1 .heroVideoContainer .borderRight {
  position: absolute;
}
.encorePage.postEvent .tile1 .heroVideoContainer .borderTop {
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(270deg, #1576FC 0.01%, #4C86F6 34.01%, #B426FF 67%, #FC034D 100%);
}
.encorePage.postEvent .tile1 .heroVideoContainer .borderLeft {
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: #FC034D;
}
.encorePage.postEvent .tile1 .heroVideoContainer .borderBottom {
  bottom: 0;
  right: 0;
  width: 98%;
  height: 3px;
  background: linear-gradient(90deg, #FC034D 0.01%, #B426FF 33.01%, #4C86F6 66%, #1576FC 100%);
}
.encorePage.postEvent .tile1 .heroVideoContainer .videoWrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.encorePage.postEvent .tile1 .heroVideoContainer .videoWrapper .videoThumbnail {
  position: relative;
  width: 100%;
  height: 100%;
}
.encorePage.postEvent .tile1 .heroVideoContainer .videoWrapper .videoThumbnail.hidden {
  display: none;
}
.encorePage.postEvent .tile1 .heroVideoContainer .videoWrapper .videoThumbnail .videoThumbnailImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.encorePage.postEvent .tile1 .heroVideoContainer .videoWrapper .videoThumbnail .playIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 232px;
  height: 72px;
  cursor: pointer;
}
.encorePage.postEvent .tile1 .heroVideoContainer .videoWrapper .videoFrame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.encorePage.postEvent .tile1 .heroVideoContainer .videoWrapper .videoFrame.show {
  display: block;
}
.encorePage.postEvent .tile1 .heroVideoContainer .videoWrapper .videoFrame iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.encorePage.postEvent .tile1 .heroVideoContainer .borderBottom::before {
  content: '';
  position: absolute;
  top: -6.5px;
  left: 0;
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M9.44648 15.9941C9.44648 12.3558 12.4045 9.40794 16.0554 9.40794V6.58017C12.4045 6.58618 9.44648 3.63833 9.44648 6.10352e-05H6.60891C6.60891 3.63833 3.65087 6.58618 0 6.58618V9.41395C3.65087 9.41395 6.60891 12.3618 6.60891 16.0001H9.44648V15.9941Z' fill='%23FC034D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.encorePage.postEvent .tile1 .heroVideoContainer .borderRight {
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: #1576FC;
}
.encorePage.postEvent .tile1 .registerButtonContainer {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 48px 0;
  background: linear-gradient(45deg, rgba(252, 3, 77, 0.20) 0.38%, rgba(180, 38, 255, 0.20) 33.46%, rgba(76, 134, 246, 0.20) 66.53%, rgba(21, 118, 252, 0.20) 99.62%);
}
.encorePage.postEvent .tile1 .registerButtonContainer .borderTop {
  width: 100%;
  height: 1px;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.encorePage.postEvent .tile1 .registerButtonContainer .borderBottom {
  width: 100%;
  height: 1px;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.encorePage.postEvent .tile1 .registerButtonContainer .registerButtonWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
}
.encorePage.postEvent .tile1 .registerButtonContainer .registerButtonWrapper .showInterestHeroButton {
  margin-left: 16px;
  cursor: pointer;
}
.encorePage.postEvent .tile1 .highlightsContainer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.encorePage.postEvent .tile1 .highlightsContainer .spiralBg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.encorePage.postEvent .tile1 .highlightsContainer .spiralBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.encorePage.postEvent .tile1 .highlightsContainer .highlightBlk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  z-index: 1;
}
.encorePage.postEvent .tile1 .highlightsContainer .highlightBlk .highlightNumber {
  text-align: center;
  font-size: 48px;
  font-weight: 400;
  line-height: 1; /* 48px */
  text-transform: uppercase;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.encorePage.postEvent .tile1 .highlightsContainer .highlightBlk .highlightContent {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1; /* 18px */
  letter-spacing: 4.5px;
  text-transform: uppercase;
}
.encorePage.postEvent .tile5 .sessionContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.encorePage.postEvent .tile5 .sessionItem {
  width: 49%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid #1576FC;
  background: linear-gradient(45deg, rgba(252, 3, 77, 0.20) 0.38%, rgba(180, 38, 255, 0.20) 33.46%, rgba(76, 134, 246, 0.20) 66.53%, rgba(21, 118, 252, 0.20) 99.62%);
}
.encorePage.postEvent .tile5 .sessionItem:nth-child(n+3) {
  margin-top: 32px;
}
.encorePage.postEvent .tile5 .sessionItemImage {
  width: 241px;
  position: relative;
  min-height: 330px;
}
.encorePage.postEvent .tile5 .sessionItemImage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.encorePage.postEvent .tile5 .sessionItemImage .sessionSpeaker {
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 32px 16px 16px 16px;
}
.encorePage.postEvent .tile5 .sessionItemImage .sessionSpeaker.multipleSpeakers {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.encorePage.postEvent .tile5 .sessionItemImage .sessionSpeaker.multipleSpeakers .sessionSpeakerName {
  width: 28%;
}
.encorePage.postEvent .tile5 .sessionItemImage .sessionSpeaker.multipleSpeakers .sessionSpeakerName:not(:first-child) {
  width: 30%;
  border-left: 1px solid #ffffff;
  padding-left: 3%;
}
.encorePage.postEvent .tile5 .sessionItemImage .sessionSpeaker h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #ffffff;
}
.encorePage.postEvent .tile5 .sessionItemImage .sessionSpeaker p {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 0;
}
.encorePage.postEvent .tile5 .sessionItemImage .sessionSpeaker p.company {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0;
}
.encorePage.postEvent .tile5 .sessionItemContent {
  width: calc(100% - 241px);
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.encorePage.postEvent .tile5 .sessionItemContent h3 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
}
.encorePage.postEvent .tile5 .sessionItemContent p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 300;
}
.encorePage.postEvent .tile5 .sessionItemContent .sessionItemCTA {
  width: fit-content;
  margin-top: auto;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.encorePage.postEvent .tile5 .sessionItemContent .sessionItemCTA span {
  width: 24px;
  height: 24px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
/* .encorePage.postEvent .tile8 .borderTop {
  width: 100%;
  height: 1px;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
}
.encorePage.postEvent .tile8 .borderBottom {
  width: 100%;
  height: 1px;
  background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
} */
.encorePage.postEvent .tile8 .contentContainer {
  padding: 100px 0;
  position: relative;
}
.encorePage.postEvent .tile8 .contentContainer .imageBg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.encorePage.postEvent .tile8 .contentContainer .imageBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.encorePage.postEvent .tile8 .contentContainer .contentContainerWrapper {
  position: relative;
  z-index: 1;
}
.encorePage.postEvent .tile8 .contentContainer .tileContent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.encorePage.postEvent .tile8 .contentContainer .tileContent.hidden {
  opacity: 0;
  transform: translateX(-100%);
}
.encorePage.postEvent .tile8 .contentContainer .formContainer {
  width: 100%;
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
}
.encorePage.postEvent .tile8 .contentContainer .formContainer.show {
  opacity: 1;
  transform: translateY(0);
  position: relative;
}
/************* Post event *************/

.mobileGalleryContainer,
.mobileHeroSpeakers,
.desktopHidden {
  display: none;
}

@media (max-width: 1400px) {
  .encorePage .tile2 .contentContainer {
    padding-top: 0;
    display: flex;
    align-items: center;
  }
  .encorePage .tile2 .content {
    width: 80%;
  }
  .encorePage .tile7 .content {
    width: 80%;
  }
}
@media (min-width: 1201px) and (max-width: 1799px) {
  .footer .footerContainer {
    max-width: none;
    width: 100%;
    padding: 0;
  }
  .footer .content,
  .footer .contact {
    width: auto;
    flex: 1;
  }
  .footer .footerContent {
    transition: margin-left 0.3s ease;
  }
  .footer .contactContainer {
    transition: margin-right 0.3s ease;
  }
  .footer .footerPrivacy {
    width: 95%;
  }
}
@media (max-width: 1200px) {
  .max1116 {
    padding: 0 40px;
  }
  .encorePage .tile2 .contentContainer {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .encorePage .tile2 .imageContainer {
    height: auto;
  }
  .encorePage .tile2 .content {
    width: 90%;
  }
  .encorePage .tile3 .arrowButtons {
    padding-right: 40px;
  }
  .encorePage .tile3 .itemDesc .title, .encorePage .tile3 .itemDesc .company {
    font-size: 16px;
  }
  .encorePage .tile3 .itemLink {
    padding-right: 100px;
  }
  .encorePage .tile7 .contentContainer {
    width: calc(100% - 475px - 40px);
  }
  .encorePage .tile7 .imageContainer {
    width: 475px;
  }
  .encorePage .tile7 .content {
    width: 90%;
  }
  .footer .footerContainer {
    padding-left: 40px;
    padding-right: 0;
  }
  .footer h2 {
    width: 90%;
  }
}
@media (max-width: 1024px) {
  .encorePage .tile1 h1 {
    font-size: 60px;
  }
  .encorePage .tile1 .caption {
    font-size: 24px;
  }
  .encorePage .tile1 .registerButton {
    font-size: 16px;
    height: 80px;
    padding: 0 26px;
  }
  .encorePage .tile2 h2 {
    font-size: 48px;
  }
  .encorePage .tile2 p {
    font-size: 16px;
  }
  .encorePage .tile2 .contentContainer {
    width: calc(100% - 475px);
  }
  .encorePage .tile2 .imageContainer {
    width: 475px;
  }
  .encorePage .tile2 .content {
    width: 90%;
  }
  .encorePage .tile3 h2 {
    font-size: 40px;
    width: 70%;
  }
  .encorePage .tile3 .galleryContainer {
    gap: 5px;
    justify-content: space-between;
  }
  .encorePage .tile3 .galleryItem {
    flex-shrink: 0;
  }
  .encorePage .tile3 .itemDesc {
    padding: 20px;
  }
  .encorePage .tile3 .itemDesc .title {
    width: 90%;
  }
  .encorePage .tile3 .itemDesc h3 {
    font-size: 20px;
  }
  .encorePage .tile3 .galleryItem.active .itemImage img {
    width: 280px;
    height: 365px;
  }
  .encorePage .tile3 .galleryItem:not(.active) .itemImage img {
    width: 180px;
    height: 365px;
  }
  .encorePage .tile3 .itemLink {
    padding-right: 40px;
  }
  .encorePage .tile4 h2 {
    font-size: 40px;
  }
  .encorePage .tile4 h3 {
    font-size: 18px;
  }
  .encorePage .tile4 p {
    font-size: 14px;
  }
  .encorePage .tile5 h2 {
    font-size: 40px;
  }
  .encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerName h4 {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerName .designation,
  .encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker .agendaSpeakerName .company {
    font-size: 12px;
  }
  /* .encorePage .tile5 h3 {
    font-size: 20px;
  }
  .encorePage .tile5 p {
    font-size: 16px;
  } */
  .encorePage .tile6 h2 {
    font-size: 48px;
  }
  .encorePage .tile6 h4 {
    font-size: 16px;
  }
  .encorePage .tile6 p {
    font-size: 14px;
  }
  .encorePage .tile7 h2 {
    font-size: 48px;
  }
  .encorePage .tile7 h4 {
    font-size: 16px;
  }
  .encorePage .tile7 p {
    font-size: 14px;
  }
  .encorePage .tile8 h2 {
    font-size: 40px;
  }
  .encorePage .tile8 p,
  .encorePage .tile8 .p1 {
    font-size: 16px;
  }
  .encorePage .tile9 h2 {
    font-size: 40px;
  }
  .encorePage .tile9 h4,
  .encorePage .tile9 p {
    font-size: 16px;
  }
  .encorePage .tile9 .imageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .encorePage .tile9 .contentText p {
    font-size: 14px;
  }
  .footer h2 {
    font-size: 40px;
    width: 90%;
  }
  .footer .contact {
    padding: 56px 0 56px 40px;
  }
  .footer .contactEmail,
  .footer .joinText,
  .footer .footerPrivacy {
    font-size: 16px;
  }
  .footer .joinText {
    width: 90%;
  }
  .encorePage.postEvent .tile1 .headingContainer .headingContainerSpan {
    font-size: 18px;
  }
  .encorePage.postEvent .tile5 .sessionItemContent {
    padding: 32px 10px;
  }
  .encorePage.postEvent .tile5 .sessionItemImage {
    width: 200px;
  }
  .encorePage.postEvent .tile5 .sessionItemContent {
    width: calc(100% - 200px);
  }
  .encorePage.postEvent .tile5 .sessionItemContent h3 {
    font-size: 16px;
  }
  .videoContainer iframe,
  .videoContainer video {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    bottom: 0;
    right: 0;
  }
  .crossbtn{
      z-index: 999;
  }
}
@media (max-width: 900px) {
  .encorePage .tile2 .contentContainer {
    padding-left: 32px;
    width: calc(100% - 375px);
  }
  .encorePage .tile2 .imageContainer {
    width: 375px;
  }
  .encorePage .tile7 h4 {
    margin-bottom: 6px;
  }
  .encorePage .tile7 .contentContainer {
    width: calc(100% - 400px - 40px);
  }
  .encorePage .tile7 .imageContainer {
    width: 400px;
  }
  .encorePage .tile7 .content {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .encorePage .tile7 .contentText {
    width: 100%;
    margin-bottom: 30px;
  }
  .encorePage .tile7 .contentText:nth-child(3) {
    margin-bottom: 30px;
  }
  .encorePage .tile7 .contentText:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .encorePage .tile3 .galleryContainer {
    gap: 4px;
    justify-content: space-between;
  }
  .encorePage .tile3 .galleryItem {
    flex-shrink: 0;
  }
  .encorePage .tile3 .galleryItem.active .itemImage img {
    width: 220px;
    height: 365px;
  }
  .encorePage .tile3 .galleryItem:not(.active) .itemImage img {
    width: 140px;
    height: 365px;
  }
}
@media (max-width: 767px) {
  .desktopHidden {
    display: block;
  }
  .mobileHidden {
    display: none !important;
  }
  .max1116 {
    padding: 0 16px;
  }
  .gradientButton {
    font-size: 16px;
  }
  .encorePage .tile4 h2,
  .encorePage .tile3 h2,
  .encorePage .tile8 h2,
  .encorePage .tile9 h2,
  .footer h2 {
    line-height: 1.2;
  }
  .encorePage .tile6 h4 {
    line-height: 1.4;
  }
  .encorePage .tile3 #desktopGallery,
  .encorePage .tile1 #heroSpeakers {
    display: none;
  }
  .encorePage .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 16px 0;
    background-color: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(10px);
    transform: translateY(-100%);
    transition: all 0.3s ease;
  }
  .encorePage .header.sticky {
    transform: translateY(0);
  }
  .encorePage .header.hidden {
    transform: translateY(-100%);
  }
  .encorePage .header.transparent {
    background-color: transparent;
    backdrop-filter: none;
  }
  .encorePage .header .hamburgerMenu {
    cursor: pointer;
    padding: 4px;
    z-index: 1001;
    position: relative;
  }
  .encorePage .header .hamburgerMenu span {
    display: block;
    width: 28px;
    height: 2px;
    background-color: #ffffff;
    margin-bottom: 6px;
    transition: all 0.3s ease;
  }
  .encorePage .header .hamburgerMenu span:last-child {
    margin-bottom: 0;
  }
  .encorePage .header .hamburgerMenu.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .encorePage .header .hamburgerMenu.active span:nth-child(2) {
    opacity: 0;
  }
  .encorePage .header .hamburgerMenu.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
  }
  .encorePage .header .mobileMenuOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
  }
  .encorePage .header .contentContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    justify-content: flex-end;
  }
  .encorePage .header ul {
    padding: 80px 0 0 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  .encorePage .header ul.mobileMenuVisible {
    transform: translateX(0);
  }
  .encorePage .header li {
    position: relative;
    text-transform: uppercase;
    margin: 0 0 16px 0;
    padding: 0 0 0 16px;
  }
  .encorePage .tile2,
  .encorePage .tile4,
  .encorePage .tile5,
  .encorePage .tile7,
  .encorePage .tile8,
  .encorePage .tile9 {
    margin-bottom: 32px;
  }
  .encorePage .tile1 {
    padding-top: 80px;
    padding-bottom: 40px;
    margin-top: 0;
  }
  .encorePage .tile1 .gradientBg {
    width: 200%;
    left: -50%;
  }
  .encorePage .tile1 .bigStar {
    position: absolute;
    bottom: 54px;
    right: 12px;
    width: 120px;
    height: 105px;
    background: url("https://web.inmobicdn.net/website/website/6.0.1/uploads/encore/big-star.png") center/contain no-repeat;
    z-index: 1;
  }
  .encorePage .tile1 .smallStar {
    position: absolute;
    bottom: 383px;
    left: 56px;
    width: 56px;
    height: 54px;
    background: url("https://web.inmobicdn.net/website/website/6.0.1/uploads/encore/small-star.png") center/contain no-repeat;
  }
  .encorePage .tile1 .contentContainer {
    padding: 0;
  }
  .encorePage .tile1 .logo {
    margin-bottom: 36px;
  }
  .encorePage .tile1 .address {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    margin-bottom: 36px;
  }
  .encorePage .tile1 .address svg {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .encorePage .tile1 h1 {
    font-size: 54px;
    margin-bottom: 0;
    /* text-align: center;
    margin-left: 44px;
    margin-right: 44px;
    margin-bottom: 16px; */
  }
  .encorePage .tile1 .caption {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 20px;
    margin-bottom: 48px;
  }
  .encorePage .tile1 .actions {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 30px; */
    margin-bottom: 0;
  }
  .encorePage .tile1 .actions .registerButton {
    height: 60px;
    width: 299px;
  }
  .encorePage .tile1 .actions .registerButton:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }

  .mobileHeroSpeakers {
    margin-top: 60px;
    display: block;
  }

  .mobileHeroSpeakers .heroSpeakerMainContainer {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .mobileHeroSpeakers .heroSpeakerInnerContainer {
      align-items: center;
      background: url(https://web.inmobicdn.net/website/website/6.0.1/uploads/encore/frame-mobile-size.png) 50% top / contain no-repeat;
      display: flex;
      flex-direction: column;
      height: 310px;
      margin: 0 auto;
      min-width: 120px;
      padding: 16px;
      position: relative;
      width: 98%;
      transform: scale(0.90);
      transition: all 300ms ease;
  }

  .mobileHeroSpeakers .slick-center .heroSpeakerInnerContainer {
      transform: scale(1);
  }

  .mobileHeroSpeakers .heroSpeakerContent {
      width: 96%;
  }

  .mobileHeroSpeakers h4 {
      color: #ffffff;
      font-size: 14px;
      font-weight: 700;
      text-align: left;
      margin-bottom: 8px;
      text-transform: uppercase;
  }

  .mobileHeroSpeakers .heroSpeakerCompanyLogo {
      height: 20px;
      width: 90%;
      margin-top: 8px;
  }

  .mobileHeroSpeakers .heroSpeakerCompanyLogo img {
      height: 100%;
      width: auto;
  }

  .mobileHeroSpeakers .slick-dots li button:before {
      border-radius: 50%;
      width: 12px;
      height: 12px;
      color: transparent;
      background: #FC034D;
  }

  .mobileHeroSpeakers .slick-dots li.slick-active button:before {
      background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
      color: transparent;
  }

  .encorePage .tile2 .innerDiv {
    flex-direction: column;
  }
  .encorePage .tile2 p {
    margin-bottom: 18px;
  }
  .encorePage .tile2 .imageContainer,
  .encorePage .tile2 .contentContainer {
    width: 100%;
  }
  .encorePage .tile2 .imageContainer {
    justify-content: flex-start;
    padding: 92px 44px;
  }
  .encorePage .tile2 .contentContainer {
    padding: 44px;
  }
  .encorePage .tile2 .content {
    width: 100%;
  }
  .encorePage .tile3 {
    margin-bottom: 146px;
  }
  .encorePage .tile3 h2 {
    font-size: 48px;
    margin-left: 44px;
  }
  .encorePage .tile3 .contentContainer {
    padding: 0;
  }
  
  .encorePage .tile3 .arrowButtons {
    top: unset;
    padding-right: 44px;
    bottom: -54px;
  }
  .mobileGalleryContainer {
    display: block;
  }

  .mobileGalleryContainer .speakerCardContainer {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobileGalleryContainer .speakerCard {
    position: relative;
    width: 90%;
    height: 382px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.90) 0.38%, rgba(0, 0, 0, 0.30) 99.62%), #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .mobileGalleryContainer .slick-center .speakerCard {
    background: linear-gradient(45deg, #FC034D 0.38%, #B426FF 33.46%, #4C86F6 66.53%, #1576FC 99.62%);
  }

  .mobileGalleryContainer .speakerCard .speakerImageContainer {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2;
  }

  .mobileGalleryContainer .speakerCard .speakerImageContainer img {
    height: 276px;
    width: auto;
  }

  .mobileGalleryContainer .speakerCard .speakerDetails {
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease;
    visibility: hidden;
    z-index: 3;
  }

  .mobileGalleryContainer .slick-center .speakerCard .speakerDetails {
    opacity: 1;
    visibility: visible;
  }

  .mobileGalleryContainer .speakerCard .speakerDetails h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 6px;
    text-transform: capitalize;
    transition: color .3s ease;
  }

  .mobileGalleryContainer .speakerCard .speakerDetails .title {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 2px;
    font-weight: 300;
    line-height: 1.2;
    transition: color .3s ease;
  }

  .mobileGalleryContainer .speakerCard .speakerDetails .company {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 1.1;
    transition: color .3s ease;
  }

  .mobileGalleryContainer .speakerCard .speakerLinkedin {
    bottom: 24px;
    opacity: 0;
    position: absolute;
    right: 24px;
    transition: all .3s ease;
    visibility: hidden;
    z-index: 3;
  }

  .mobileGalleryContainer .slick-center .speakerCard .speakerLinkedin {
    opacity: 1;
    visibility: visible;
  }

  .mobileGalleryContainer .speakerCard .speakerLinkedin img {
    width: 56px;
    height: 56px;
  }
  .encorePage .tile4 h2 {
    font-size: 48px;
  }
  .encorePage .tile4 .content {
    flex-direction: column;
  }
  .encorePage .tile4 .coHost {
    width: 100%;
    background: none;
  }
  .encorePage .tile4 .coHost:not(:last-child) {
    margin-bottom: 32px;
  }
  .encorePage .tile4 .coHostText {
    padding: 0 20px 0 0;
  }
  .encorePage .tile5 h2 {
    font-size: 48px;
  }
  /* .encorePage .tile5 h3 {
    font-size: 24px;
  } */
  .encorePage .tile5 .agendaContent .agendaItem {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .encorePage .tile5 .agendaContent .agendaItem .agendaTime {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 16px;
  }

  .encorePage .tile5 .agendaContent .agendaItem .agendaTime .agendaTimeText {
    font-size: 20px;
  }

  .encorePage .tile5 .agendaContent .agendaItem .agendaTime .agendaTimeText svg {
    width: 16px;
    height: 16px;
  }

  .encorePage .tile5 .agendaContent .agendaItem .agendaTime .agendaDuration {
    margin-left: 12px;
    font-size: 20px;
  }
  
  .encorePage .tile5 .agendaContent .agendaItem .agendaDetails {
    width: 100%;
  }
  
  .encorePage .tile5 .agendaContent .agendaItem .expandIcon {
    top: 10px;
    right: 0px;
    width: 20px;
    height: 20px;
  }
  
  .encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers {
    flex-direction: column;
  }
  
  .encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }

  .encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker:not(:last-child) {
    margin-right: 0;
  }
  
  .encorePage .tile5 .agendaContent .agendaItem .agendaSpeakers .agendaSpeaker:last-child {
    margin-bottom: 0;
  }
  .encorePage .tile6 h2 {
    margin-bottom: 32px;
  }
  .encorePage .tile6 h4 {
    font-size: 18px;
  }
  .encorePage .tile6 p {
    font-size: 16px;
  }
  .encorePage .tile6 .innerDiv {
    padding: 48px 0;
  }
  .encorePage .tile6 .contentContainer {
    flex-direction: column-reverse;
  }
  .encorePage .tile6 .content {
    width: 100%;
  }
  .encorePage .tile6 .contentText {
    width: 100%;
    margin-bottom: 32px;
  }
  /* .encorePage .tile6 .contentText:nth-child(1) {
  .encorePage .tile6 .contentText:nth-child(3) {
    margin-bottom: 32px;
  } */
  .encorePage .tile6 .contentText:last-child {
    margin-bottom: 0 !important;
  }
  .encorePage .tile7 {
    flex-direction: column;
  }
  .encorePage .tile7 .imageContainer,
  .encorePage .tile7 .contentContainer {
    width: 100%;
  }
  .encorePage .tile7 .imageContainer {
    height: auto;
    padding: 0 32px;
    justify-content: flex-start;
    margin-bottom: 32px;
    height: 280px;
  }
  .encorePage .tile7 .content {
    width: 100%;
    padding: 0 32px;
  }
  .encorePage .tile7 .contentText {
    margin-bottom: 32px;
  }
  .encorePage .tile8 h2 {
    font-size: 48px;
    margin-bottom: 32px;
  }
  .encorePage .tile8 p,
  .encorePage .tile8 .p1 {
    margin-bottom: 32px;
  }
  .encorePage .tile9 h2 {
    font-size: 48px;
    margin-bottom: 44px;
  }
  .encorePage .tile9 .content {
    flex-direction: column;
    margin-bottom: 32px;
  }
  .encorePage .tile9 .contentBlk {
    width: 100%;
    margin-bottom: 32px;
  }
  .encorePage .tile9 .contentBlk:last-child {
    margin-bottom: 0;
  }
  .encorePage fieldset {
    margin-bottom: 0 !important;
  }
  .encorePage fieldset .hs-form-field:last-child {
    margin-bottom: 0 !important;
  }
  .encorePage .legal-consent-container {
    margin-top: 16px !important;
  }
  .encorePage input[type=submit] {
    height: 64px;
    width: 100%;
  }
  .footer h2 {
    width: 80%;
    font-size: 48px;
    line-height: 1;
  }
  .footer .footerContainer {
    padding: 0;
    flex-direction: column-reverse;
  }
  .footer .contact,
  .footer .content {
    width: 100%;
  }
  .footer .contact {
    padding: 48px 0 48px 32px;
    margin-bottom: 48px;
  }
  .footer .content {
    padding: 0 32px;
    margin-bottom: 48px;
  }
  /********** Post Event **********/
  .encorePage.postEvent .header {
    padding: 16px 0;
  }
  .encorePage.postEvent .header .contentContainer .headerLogo {
    width: 146px;
    height: 44px;
  }
  .encorePage.postEvent .header li {
    margin: 0;
  }
  .encorePage.postEvent .tile1 {
    padding-top: 76px;
  }
  .encorePage.postEvent .tile1 .headingContainerMobile {
    margin: 48px 0;
  }
  .encorePage.postEvent .tile1 .headingContainerMobile {
    width: 100%;
    overflow: hidden;
  }
  .encorePage.postEvent .tile1 .headingContainerMobile .heroTitleMobileContainer {
   min-height: 130px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
  }
  .encorePage.postEvent .tile1 .headingContainerMobile .headingContainerSpan {
    width: 100%;
    line-height: 1.3;
    padding-left: 50px;
  }
  .encorePage.postEvent .tile1 .headingContainerMobile h1::before {
    position: absolute;
    left: -4%;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 17px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M9.9139 15.994C9.9139 12.3557 12.8617 9.40788 16.5 9.40788V6.58011C12.8617 6.58612 9.9139 3.63827 9.9139 0H7.08612C7.08612 3.63827 4.13827 6.58612 0.5 6.58612V9.41389C4.13827 9.41389 7.08612 12.3617 7.08612 16H9.9139V15.994Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .encorePage.postEvent .tile1 .heroVideoContainer {
    width: calc(100% - 32px);
    margin: 0 16px;
    height: 210px;
    padding: 6px;
  }
  .encorePage.postEvent .tile1 .heroVideoContainer .borderTop,
  .encorePage.postEvent .tile1 .heroVideoContainer .borderBottom {
    height: 1px;
  }
  .encorePage.postEvent .tile1 .heroVideoContainer .borderLeft,
  .encorePage.postEvent .tile1 .heroVideoContainer .borderRight {
    width: 1px;
  }
  .encorePage.postEvent .tile1 .heroVideoContainer .borderBottom::before {
    top: -3px;
    width: 6px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='7' viewBox='0 0 6 7' fill='none'%3E%3Cpath d='M3.22156 6.02214C3.22156 4.8015 4.21398 3.81249 5.43885 3.81249V2.86377C4.21398 2.86578 3.22156 1.87678 3.22156 0.656128H2.26955C2.26955 1.87678 1.27712 2.86578 0.0522461 2.86578V3.8145C1.27712 3.8145 2.26955 4.80351 2.26955 6.02416H3.22156V6.02214Z' fill='%23FC034D'/%3E%3C/svg%3E");
  }
  .encorePage.postEvent .tile1 .registerButtonContainer {
    margin: 24px 0;
  }
  .encorePage.postEvent .tile1 .registerButtonContainer .registerButtonWrapper {
    flex-direction: column;
    font-size: 18px;
  }
  .encorePage.postEvent .tile1 .registerButtonContainer .registerButtonWrapper .showInterestHeroButton {
    margin-left: 0;
    margin-top: 16px;
  }
  .encorePage.postEvent .tile1 .highlightsContainer .highlightBlk {
    margin-bottom: 18px;
    margin-top: 18px;
  }
  .encorePage.postEvent .tile1 .highlightsContainer .highlightBlk .highlightNumber {
    font-size: 32px;
  }
  .encorePage.postEvent .tile1 .highlightsContainer .highlightBlk .highlightContent {
    font-size: 12px;
  }
  .encorePage.postEvent .tile2 .imageContainer {
    padding: 0 32px;
    height: 280px;
    display: flex;
    align-items: center;
  }
  .encorePage.postEvent .tile2 .contentContainer {
    padding: 32px;
  }
  .encorePage.postEvent .tile4 .contentContainer,
  .encorePage.postEvent .tile5 .contentContainer,
  .encorePage.postEvent .tile6 .contentContainer,
  .encorePage.postEvent .tile8 .contentContainer .contentContainerWrapper,
  .encorePage.postEvent .tile9 .contentContainer {
    padding: 0 32px;
  }
  .encorePage.postEvent .tile4 h2,
  .encorePage.postEvent .tile5 h2,
  .encorePage.postEvent .tile10 h2,
  .encorePage.postEvent .tile9 h2 {
    font-size: 40px;
    line-height: 1;
  }
  .encorePage.postEvent .tile5 .sessionContent,
  .encorePage.postEvent .tile5 .sessionItem {
    flex-direction: column;
  }
  .encorePage.postEvent .tile5 .sessionItem,
  .encorePage.postEvent .tile5 .sessionItemImage,
  .encorePage.postEvent .tile5 .sessionItemContent {
    width: 100%;
  }
  .encorePage.postEvent .tile5 .sessionItem:nth-child(n+2) {
    margin-top: 32px;
  }
  .encorePage.postEvent .tile5 .sessionItemImage {
    height: 361px;
  }
  .encorePage.postEvent .tile5 .sessionItemImage img {
    object-position: top;
  }
  .encorePage.postEvent .tile5 .sessionItemContent {
    padding: 32px;
  }
  .encorePage.postEvent .tile5 .sessionItemContent h3 {
    font-size: 18px;
  }
  .encorePage.postEvent .tile4 h3 {
    font-size: 18px;
  }
  .encorePage.postEvent .tile4 p {
    font-size: 12px;
  }
  .encorePage.postEvent .tile10 .contentContainer {
    padding: 0;
  }
  .encorePage .tile10 h2 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .encorePage .tile10 .attendeeCardContainer {
    padding: 0;
    width: 90%;
  }
  .encorePage .tile10 .slick-prev {
    top: unset;
    left: unset;
    right: 90px;
    bottom: -80px;
  }
  .encorePage .tile10 .slick-next {
    top: unset;
    right: 34px;
    bottom: -80px;
  }
  .encorePage.postEvent .tile8 .contentContainer {
    padding: 48px 0;
  }
  .encorePage .tile8 p {
    text-align: center;
  }
  .encorePage.postEvent .tile9 h2 {
    margin-bottom: 32px;
  }
}
@media (max-width: 400px) {
  .mobileGalleryContainer .speakerCard {
    height: 320px;
  }
  .mobileGalleryContainer .speakerCard .speakerImageContainer img {
    height: 240px;
    width: auto;
  }
  .encorePage .tile1 {
    padding-bottom: 0;
  }
  .encorePage .tile4 h3 {
    font-size: 16px;
  }
  .encorePage .tile4 p {
    font-size: 12px;
  }
  .encorePage .tile4 .coHost img {
    width: 120px !important;
    height: 120px !important;
  }
  .encorePage .tile4 .coHostText {
    width: calc(100% - 120px - 20px);
  }
}
@media (min-width: 1800px) {
  .encorePage .tile7 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
  }
  .encorePage .tile7 .content {
    width: 100%;
  }
  .footer .footerContainer {
    max-width: none;
    width: 100%;
    padding: 0;
  }
  .footer .content,
  .footer .contact {
    width: auto;
    flex: 1;
  }
  .footer .footerContent {
    transition: margin-left 0.3s ease;
  }
  .footer .contactContainer {
    transition: margin-right 0.3s ease;
  }
  .footer .footerPrivacy {
    width: 95%;
  }
}

/*# sourceMappingURL=encore.module.css.map */