.sales-copy {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 1.3em;
  color: #e6f3c4;
  margin-top: -20px;
  font-family: "Lora", serif;
  margin-bottom: 2rem;
  font-style: italic;
  z-index: 1000;
}

.sales-copy::before {
  content: '';
  position: relative;
  border-left: solid #fff 3px;
  width: 100px;
  height: 2px;
  padding-right: 10px;
  border-radius: 100%;
}

.sales-copy::after {
  content: '';
  position: relative;
  border-right: solid #fff 3px;
  width: 100px;
  height: 2px;
  padding-left: 10px;
  border-radius: 100%;
}

.btnHero {
  margin-bottom: 100px;
}

.update-bar {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: transparent!;
  padding-top: 10px;
  width: 100%;
  height: 50px;
}

.news-ticker {
  color: #546f6b;
  width: 100%;
  text-align: left;
  font-size: 3em;
  font-weight: 300;
  font-family: "Josafin Sans", sans-serif;
  text-transform: uppercase;
}

/* MARQUEE */
.marquee {
  position: relative;
  height: 50px;
  overflow: hidden;
  position: relative;
}

.marquee p {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: center;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-animation: scroll-left 3s linear infinite;
  -webkit-animation: scroll-left 3s linear infinite;
  animation: scroll-left 30s linear infinite;
  opacity: 0.5;
}

.marquee .marquee2 {
  display: flex;
  /* top: -50%; */
}
.marquee2 p {
  animation-delay: 15s;
}

@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
  }
}

@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.dates {
  color: #fff;
  margin-left: auto;
  padding-bottom: 10px;
}

.popup {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1400px;
  background: linear-gradient(
    to right,
    rgba(204, 253, 217),
    rgba(25, 171, 254)
  );
  padding: 100px;
  z-index: 50;
}

.hidden {
  display: none;
}
.popup .content {
  display: flex;
  padding: 30px 20px;
  width: 100%;
  color: #111;
}

.popup .content .popup-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 35px;
  color: #111;
  font-size: 5em;
  cursor: pointer;
  border-radius: 50%;
}

.popup .content .popup-close-btn:hover {
  background: #eeebe2;
}
.popup .active .content {
  opacity: 1;
  transition: all 300ms ease-in-out 1500ms;
}
.popup .active {
  display: flex;
}

@keyframes popupAnimate {
  0% {
    transform: translateX(-50%);
    height: 10%;
  }
  100% {
    transform: translateX(100%);
    height: 100%;
  }
}
.popup-open-btn {
  cursor: pointer;
  margin-bottom: 5rem;
}

.left-fs {
  width: 40%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-right: 80px;
  justify-content: flex-start;
  align-items: first baseline;
}

.left-fs p {
  font-size: 1.5em;
  margin-top: -60px;
}

.left-fs .drop {
  position: relative;
  height: 350px;
  width: 350px;
  box-shadow: inset 20px 20px 20px rgba(62, 65, 65, 0.2),
    5px 5px 5px rgba(62, 65, 65, 0.2), 5px 5px 10px rgba(62, 65, 65, 0.2),
    inset -20px -20px 25px rgba(162, 226, 244, 0.5);
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 52% 48% 67% 33% / 34% 40% 60% 66%;
  padding: 30px;
}

.left-fs .drop:hover {
  border-radius: 50%;
}

.left-fs .drop .contentdp {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 50px;
  gap: 5px;
}

.left-fs .drop .contentdp h3 {
  font-family: "Dosis", sans-serif;
  color: #89988f;
}

.left-fs .drop .contentdp form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: -20px;
}

.left-fs .drop .contentdp form .inputBox {
  position: relative;
  width: 225px;
  background: rgba(0, 0, 0, 0.034);
}

.left-fs .drop .contentdp form .inputBox input,
select {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-size: 1.2em;
  font-weight: 400;
  color: #111;
  padding: 5px 20px;
}

.fact-box {
  padding: 30px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086),
    0 100px 80px rgba(0, 0, 0, 0.12);

  min-height: 100px;
  margin-bottom: 50px;
  background: #eeebe2;
  border-radius: 5px;
  line-height: 30px;
  font-size: 1.1em;
}

.fact-box span {
  font-size: 2.2em;
  text-transform: uppercase;
  display: block;
  letter-spacing: 7px;
  margin-top: -50px;
  margin-bottom: 10px;
}

.fact-box .lastbox span {
  padding-left: 50px;
}

.fact-box:last-child {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.light-background {
  background: EEEBE2;
}

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1 {
  position: relative;
  padding: 10px;
  background: #eeebe2;
  -webkit-box-shadow: 0 10px 6px -6px #000;
  -moz-box-shadow: 0 10px 6px -6px #000;
  box-shadow: 0 10px 6px -6px #000;
}

.effect2 {
  position: relative;
  padding: 5px;
  background: #eeebe2;
}
.effect2:before,
.effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #000000;
  -webkit-box-shadow: 0 15px 10px #000;
  -moz-box-shadow: 0 15px 10px #000;
  box-shadow: 0 15px 10px #000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect2 img {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3 {
  position: relative;
}
.effect3:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #000;
  -webkit-box-shadow: 0 15px 10px #000;
  -moz-box-shadow: 0 15px 10px #000;
  box-shadow: 0 15px 10px #000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
  * Effect 4
  * ===============================================*/
.effect4 {
  position: relative;
}
.effect4:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #000;
  -webkit-box-shadow: 0 15px 10px #000;
  -moz-box-shadow: 0 15px 10px #000;
  box-shadow: 0 15px 10px #000;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
  * Effect 5
  * ===============================================*/
.effect5 {
  position: relative;
}
.effect5:before,
.effect5:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #000;
  -webkit-box-shadow: 0 35px 20px #000;
  -moz-box-shadow: 0 35px 20px #000;
  box-shadow: 0 35px 20px #000;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

.font-dark {
  color: #111;
  font-weight: 600;
}

/* SPEAKERS section */

.speaker-content {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cp-speakers {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 70px;
  font-weight: 600;
  line-height: 1.3em;
  color: #eeebe2;
  padding-bottom: 2rem;
  margin: 0 auto;
  padding-bottom: 3rem;
}

.speakers-container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  grid-row-gap: 2rem;
  grid-column-gap: 0.5rem;
  margin: auto auto;
  padding: 0 2rem;
  text-align: center;
}

@media screen {
  .speakers-container {
    
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   
  }
}

.speakers-container2 {
  max-height: 800px;
  max-width: 1280px;
  min-height: 450px;
  min-width: 1000px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  padding: 20px 0;
}
.speaker-border {
  height: 369px;
  width: 100%;
  background: transparent;
  border-radius: 10px;
  transition: border 1s;
  position: relative;
}
.speaker-border:hover {
  border: 1px solid #fff;
}
.speaker-card {
  height: 379px;
  width: 300px;
  background: #808080;
  border-radius: 10px;
  transition: background 0.8s;
  overflow: hidden;
  background: #000;
  box-shadow: 0 70px 63px -60px #000;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 5px;
  position: relative;
}
.speaker-card0 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/okoye_lLxGpQal8x.png?updatedAt=1681477660631")
    center center no-repeat;
  filter: grayscale(100%);
  background-size: 300px;
}

.speaker-card0::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 51, 10, 0.6)),
    color-stop(100%, rgba(0, 47, 75, 0.2))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* W3C */
  opacity: 0;
}
.speaker-card0:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/okoye_lLxGpQal8x.png?updatedAt=1681477660631")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card0:hover::before {
  opacity: 0.7;
}

.speaker-card0:hover h2 {
  opacity: 1;
}
.speaker-card0:hover p {
  opacity: 1;
}
.speaker-card0:hover .fa {
  opacity: 1;
}
.speaker-card1 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/afonja_1Anukj2mN.png?updatedAt=1681503251160")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}

.speaker-card1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(19, 165, 205, 0.8))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card1:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/afonja_1Anukj2mN.png?updatedAt=1681503251160")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card1:hover::before {
  opacity: 1;
}

.speaker-card1:hover h2 {
  opacity: 1;
}
.speaker-card1:hover p {
  opacity: 1;
}
.speaker-card1:hover .fa {
  opacity: 1;
}
.speaker-card2 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/theresa__8Xweig2h.png?updatedAt=1684072778744")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card2:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/theresa__8Xweig2h.png?updatedAt=1684072778744")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card2:hover::before {
  opacity: 1;
}

.speaker-card2:hover h2 {
  opacity: 1;
}
.speaker-card2:hover p {
  opacity: 1;
}
.speaker-card2:hover .fa {
  opacity: 1;
}

.speaker-card3 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/egbas_3p-8h6ArW.png?updatedAt=1681503005391")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}

.speaker-card3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(19, 165, 205, 0.8))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card3:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/egbas_3p-8h6ArW.png?updatedAt=1681503005391")
    left center no-repeat;
  background-size: 600px;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card3:hover::before {
  opacity: 1;
}

.speaker-card3:hover h2 {
  opacity: 1;
}
.speaker-card3:hover p {
  opacity: 1;
}
.speaker-card3:hover .fa {
  opacity: 1;
}

.speaker-card4 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/temitope_6pnbEm0GU.png?updatedAt=1681477660668")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card4:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/temitope_6pnbEm0GU.png?updatedAt=1681477660668")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card4:hover::before {
  opacity: 1;
}

.speaker-card4:hover h2 {
  opacity: 1;
}
.speaker-card4:hover p {
  opacity: 1;
}
.speaker-card4:hover .fa {
  opacity: 1;
}

.speaker-card5 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Alaje_aNkFDphmO.png?updatedAt=1683291292095")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}

.speaker-card5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(19, 165, 205, 0.8))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}

.speaker-card5:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Alaje_aNkFDphmO.png?updatedAt=1683291292095")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0);
  cursor: pointer;
}

.speaker-card5:hover::before {
  opacity: 1;
}

.speaker-card5:hover h2 {
  opacity: 1;
}
.speaker-card5:hover p {
  opacity: 1;
}
.speaker-card5:hover .fa {
  opacity: 1;
}
.speaker-card6 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/amaka_yLGGAabUP.png?updatedAt=1681477660637")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}

.speaker-card6::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(19, 165, 205, 0.8))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}

.speaker-card6 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/amaka_yLGGAabUP.png?updatedAt=1681477660637")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card6::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card6:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/amaka_yLGGAabUP.png?updatedAt=1681477660637")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card6:hover::before {
  opacity: 1;
}

.speaker-card6:hover h2 {
  opacity: 1;
}
.speaker-card6:hover p {
  opacity: 1;
}
.speaker-card6:hover .fa {
  opacity: 1;
}

.speaker-card7 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/dr_rekha_9rmEmpYCl.png?updatedAt=1681477743506")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}

.speaker-card7::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(19, 165, 205, 0.8))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
  opacity: 0;
}

.speaker-card7:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/dr_rekha_9rmEmpYCl.png?updatedAt=1681477743506")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0);
  cursor: pointer;
}

.speaker-card7:hover::before {
  opacity: 1;
}

.speaker-card7:hover h2 {
  opacity: 1;
}
.speaker-card7:hover p {
  opacity: 1;
}
.speaker-card7:hover .fa {
  opacity: 1;
}

.speaker-card8 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/mary_t6rVEJdEY.png?updatedAt=1681477660769")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card8::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(253, 253, 150, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card8:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/mary_t6rVEJdEY.png?updatedAt=1681477660769")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card8:hover::before {
  opacity: 1;
}

.speaker-card8:hover h2 {
  opacity: 1;
}
.speaker-card8:hover p {
  opacity: 1;
}
.speaker-card8:hover .fa {
  opacity: 1;
}

.speaker-card9 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/hon_atoki_zk-HSBhQe.png?updatedAt=1682951432895")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}

.speaker-card9::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(19, 165, 205, 0.8))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card9:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/hon_atoki_zk-HSBhQe.png?updatedAt=1682951432895")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card9:hover::before {
  opacity: 1;
}

.speaker-card9:hover h2 {
  opacity: 1;
}
.speaker-card9:hover p {
  opacity: 1;
}
.speaker-card9:hover .fa {
  opacity: 1;
}

.speaker-card10 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/stella_98amlBkKW.png?updatedAt=1682949982122")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}

.speaker-card10::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 51, 10, 0.6)),
    color-stop(100%, rgba(0, 47, 75, 0.2))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* W3C */
  opacity: 0;
  z-index: 400;
}

.speaker-card10:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/stella_98amlBkKW.png?updatedAt=1682949982122")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0);
  cursor: pointer;
}

.speaker-card10:hover::before {
  opacity: 1;
}

.speaker-card10:hover h2 {
  opacity: 1;
}
.speaker-card10:hover p {
  opacity: 1;
}
.speaker-card10:hover .fa {
  opacity: 1;
}

.speaker-card11 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/oyetola_4MkRZmw_W.png?updatedAt=1682949982356")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}

.speaker-card11::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(19, 165, 205, 0.8))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
  z-index: 400;
}

.speaker-card11:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/oyetola_4MkRZmw_W.png?updatedAt=1682949982356")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0);
  cursor: pointer;
}

.speaker-card11:hover::before {
  opacity: 1;
}

.speaker-card11:hover h2 {
  opacity: 1;
}
.speaker-card11:hover p {
  opacity: 1;
}
.speaker-card11:hover .fa {
  opacity: 1;
}

.speaker-card12 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Prince_Tikare_9Od-lgi0S.png?updatedAt=1683291291983")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card12::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card12:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Prince_Tikare_9Od-lgi0S.png?updatedAt=1683291291983")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card12:hover::before {
  opacity: 1;
}

.speaker-card12:hover h2 {
  opacity: 1;
}
.speaker-card12:hover p {
  opacity: 1;
}
.speaker-card12:hover .fa {
  opacity: 1;
}

.speaker-card13 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Edward_Stevenson_qNO50lpzw.png?updatedAt=1683291292212")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card13::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card13:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Edward_Stevenson_qNO50lpzw.png?updatedAt=1683291292212")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card13:hover::before {
  opacity: 1;
}

.speaker-card13:hover h2 {
  opacity: 1;
}
.speaker-card13:hover p {
  opacity: 1;
}
.speaker-card13:hover .fa {
  opacity: 1;
}

.speaker-card14 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Patience_Hemenway_iZBziNLf1.png?updatedAt=1683291291967")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card14::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card14:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Patience_Hemenway_iZBziNLf1.png?updatedAt=1683291291967")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card14:hover::before {
  opacity: 1;
}

.speaker-card14:hover h2 {
  opacity: 1;
}
.speaker-card14:hover p {
  opacity: 1;
}
.speaker-card14:hover .fa {
  opacity: 1;
}

.speaker-card15 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/clara_7xaBuuyhd.png?updatedAt=1683732035166")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card15::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card15:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/clara_7xaBuuyhd.png?updatedAt=1683732035166")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card15:hover::before {
  opacity: 1;
}

.speaker-card15:hover h2 {
  opacity: 1;
}
.speaker-card15:hover p {
  opacity: 1;
}
.speaker-card15:hover .fa {
  opacity: 1;
}

.speaker-card16 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/alaba_GBVFyfD0Q.png?updatedAt=1683732034945")
    center center no-repeat;
  background-size: 300px;
  filter: grayscale(100%);
}
.speaker-card16::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  opacity: 0;
}
.speaker-card16:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/alaba_GBVFyfD0Q.png?updatedAt=1683732034945")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card16:hover::before {
  opacity: 1;
}

.speaker-card16:hover h2 {
  opacity: 1;
}
.speaker-card16:hover p {
  opacity: 1;
}
.speaker-card16:hover .fa {
  opacity: 1;
}

.speaker-card18 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Untitled%20design%20(1)__qaZzrh-e.png?updatedAt=1692109997152")
    center center no-repeat;
  filter: grayscale(100%);
  background-size: 300px;
}

.speaker-card18::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 51, 10, 0.6)),
    color-stop(100%, rgba(0, 47, 75, 0.2))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* W3C */
  opacity: 0;
}
.speaker-card18:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Untitled%20design%20(1)__qaZzrh-e.png?updatedAt=1692109997152")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card18:hover::before {
  opacity: 0.7;
}

.speaker-card18:hover h2 {
  opacity: 1;
}
.speaker-card18:hover p {
  opacity: 1;
}
.speaker-card18:hover .fa {
  opacity: 1;
}

.speaker-card19 {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Untitled%20design_fNUvcPM8E.png?updatedAt=1692109997351")
    center center no-repeat;
  filter: grayscale(100%);
  background-size: 300px;
}

.speaker-card19::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 51, 10, 0.6)),
    color-stop(100%, rgba(0, 47, 75, 0.2))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* W3C */
  opacity: 0;
}
.speaker-card19:hover {
  background: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Untitled%20design_fNUvcPM8E.png?updatedAt=1692109997351")
    left center no-repeat;
  background-size: 600px;
  filter: grayscale(0%);
  cursor: pointer;
}

.speaker-card19:hover::before {
  opacity: 0.7;
}

.speaker-card19:hover h2 {
  opacity: 1;
}
.speaker-card19:hover p {
  opacity: 1;
}
.speaker-card19:hover .fa {
  opacity: 1;
}

.speaker-card .speaker-info {
  background: #111212;
  position: relative;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0;
  gap: 10px;
  top: 82%;
  padding: 20px 10px;
  border-radius: 5px;

}

.speaker-card h2 {
  /* font-family: 'Dosis',  sans-serif; */
  color: #fff;
  font-size: 1.3em;
  letter-spacing: 2px;
  transition: ease-in 1s;
  line-height: 1.2rem;
  text-align: right;
  z-index: 50000;
}



/* @media screen and (max-width: 600px) {
  .speaker-card h2 {
    margin-top: 27rem;
  }
} */
.speaker-card p {
  color: #acebe3;
  font-size: 0.7em;
  font-weight: 400;
  transition: opacity 0.5s;
  z-index: 60000;
  text-align: left;
  font-style: italic;
  font-family: 'lora', serif;
  line-height: 13px;
}
.speaker-card .fa {
  opacity: 0.5;
  transition: opacity 1s;
}
.speaker-card .speaker-icons {
  position: absolute;
  fill: #fff;
  color: #fff;
  height: 130px;
  top: 226px;
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.speaker-card .nation
{
  position: absolute;
  background: #72dddd;
  color: #131212;
  width: 15px;
  height: 100px;
  z-index: 1000;
  filter: grayscale(100%);
}

.slide-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000000;
}

.districts-section {
  position: relative;
  width: 100%;
  height: 100%;
  margin-right: -100px;
}

@media screen and (max-width: 600px) {
  .districts-section {
    height: 500px;
  }
}

.districts-wrapper {
  width: 100%;
  z-index: 5000;
}

.districts {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
  height: 750px;
  text-align: left;
}

.districts > div {
  width: 70%;
  background: #eeebe2;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  transition: all 0.5s ease;
  position: relative;
  cursor: pointer;
}

.district:hover > .card {
  cursor: pointer;
  transform: rotateY(180deg);
}

.card {
  height: 100%;
  width: 100%;
  position: relative;
  transition: transform 1500ms;
  transform-style: preserve-3d;
}

.front,
.back {
  height: 100%;
  width: 100%;
  box-shadow: 0 0 5px 2px rgba(50, 50, 50, 0.25);
  position: absolute;
  backface-visibility: hidden;
}

.back {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.districts img {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 20;
}

.district-title {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 660px;
  letter-spacing: 1px;
  transform: translate(-50%, -50%);
  background: transparent;
  z-index: 50;
}

.district-title h5 {
  font-family: "dosis", sans-serif;
  font-size: 1.5rem;
  line-height: 20px;
  color: #eeebe2;
  font-weight: 400;
  transform: rotate(270deg);
  transition: ease-out 1s;
  text-shadow: 1px 1px #2f2e2e;
  -webkit-text-stroke: #eeebe2 1px;
}

@media screen and (max-width: 600px) {
  .districts {
    height: 500px;
  }
}

@media screen and (max-width: 600px) {
  .districts .title {
    top: 10%;
    left: 50%;
    width: 100%;
    letter-spacing: 1px;
    transform: translate(-50%, -50%);
    background: transparent;
    z-index: 50;
  }
}

.updateDistrictTitle {
  transform: rotate(0deg);
  transition: ease-in 0.2s;
}

.img-gradient-fitness {
  position: relative;
  display: inline-block;
}

.img-gradient-fitness::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 51, 10, 0.6)),
    color-stop(100%, rgba(0, 47, 75, 0.2))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.img-gradient-medlive {
  position: relative;
  display: inline-block;
}

.img-gradient-medlive::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(19, 165, 205, 0.8))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(19, 165, 205, 0.8) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.img-gradient-spaland {
  position: relative;
  display: inline-block;
}

.img-gradient-spaland::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(255, 175, 189, 0.8) 0%,
    rgba(255, 195, 160, 0.2) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 195, 160, 0.2)),
    color-stop(100%, rgba(255, 175, 189, 0.5))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 175, 189, 0.8) 0%,
    rgba(255, 195, 160, 0.2) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(255, 175, 189, 0.8) 0%,
    rgba(255, 195, 160, 0.2) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(255, 175, 189, 0.8) 0%,
    rgba(255, 195, 160 0.2) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(255, 175, 189, 0.8) 0%,
    rgba(255, 195, 160 0.2) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffafbd', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img-gradient-therapy {
  position: relative;
  display: inline-block;
}

.img-gradient-therapy:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 51, 10, 0.6)),
    color-stop(100%, rgba(0, 47, 75, 0.2))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 51, 10, 0.6) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img-gradient-lifestyle {
  position: relative;
  display: inline-block;
}

.img-gradient-lifestyle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(253, 253, 150, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(253, 253, 150, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img-gradient-food {
  position: relative;
  display: inline-block;
}

.img-gradient-food:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(255, 127, 80, 0.6) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(255, 127, 80, 0.6))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 127, 80, 0.6) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 127, 80, 0.6) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 127, 80, 0.6) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(255, 127, 80, 0.6) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img-gradient-wellness {
  position: relative;
  display: inline-block;
}

.img-gradient-wellness:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: -moz-linear-gradient(
    top,
    rgba(155, 144, 113, 0.5) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 47, 75, 0.2)),
    color-stop(100%, rgba(150, 187, 254, 0.9))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(0, 47, 75, 0.2) 0%,
    rgba(150, 187, 254, 0.9) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.districts > div:hover {
  flex-shrink: 0;
}

.districts > div:hover + ul {
  display: flex;
}

.padding-top20 {
  padding-top: 20px;
}

.quarter-width {
  width: 33%;
}

.unset-margin {
  margin-left: 100px;
  margin-right: 0;
}

.clay-color {
  color: #4f6460;
  text-align: center;
}

.event-details {
  /* The image used */
  background-image: url("https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/expo-stage_YL0U5YmpN.png?updatedAt=1681224496024"),
    radial-gradient(ellipse at center, #0a2e38 0%, #000000 70%);
  background-blend-mode: overlay;

  /* Set a specific height */
  min-height: 300px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  /* content setting */
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: #eeebe2;
  font-family: "Quicksand", serif;
  padding: 3rem;
}

.event-details > .date {
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .event-details > .date {
    font-size: 1.7em;
  }
}

.event-details > .venue {
  font-size: 0.8em;
  letter-spacing: 3px;
  font-weight: 400;
  font-family: "Dosis", serif;
  text-align: center;
}

.event-details section {
  color: #eeebe2;
  margin: 0 auto;
  line-height: 24px;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
}

.event-details section ul {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
}

.event-details section li {
  display: inline-block;
  margin-right: 2rem;
  width: 6rem;
}

.event-details section li .timenumbers {
  display: block;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0 auto;
  text-align: center;
}

.event-details section li .timenumbers p.timedescription {
  font-size: 0.9rem;
  font-variant: small-caps;
  line-height: 1.5rem;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 0px;
}

.brandX {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 0.2rem;
}

.brandX img {
  filter: grayscale(100%);
  transition: ease-in-out 0.2s;
  cursor: pointer;
}

.brandX img:hover {
  filter: grayscale(0%);
  transition: ease-in-out 0.5s;
  transform: scale(1.2);
}

.bottomstrip {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  display: flex;
  bottom: 0;
  left: 20px;
  max-width: 600px;
  background: #eeebe2;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.24);
  color: #454545;
  height: 30px;
  border-top-right-radius: 5px;
  border-top-left-radius: 6px;
  z-index: 50000;
  transition: cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  cursor: pointer;
  visibility: hidden;
}

.bottomstrip:hover {
  height: 45px;
}

.b2b {
  width: 100%;
  padding: 30px 10px;
  position: relative;
  display: flex;
  gap: 2rem;
  background: #e8ebe0;
  justify-content: center;
  align-items: center;
}

.b2b .vid {
  background: url("../../includes/videos/b2b.mp4");
  clip-path: polygon(
    0% 0%,
    0% 100%,
    25% 100%,
    25% 25%,
    75% 25%,
    75% 76%,
    25% 75%,
    25% 100%,
    100% 100%
  );
}

.sticky-contact {
  position: sticky;
  bottom: 7px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  margin: 10px auto;
  max-width: 850px;
  min-height: 64px;
  left: 23px;
  background: #080a0b;
  border-radius: 15px;
  z-index: 100000;
  font-family: "Dosis", sans-serif;
  font-size: 1em;
  font-weight: 300;
  margin-top: 50px;
}

@media screen and (max-width: 600px) {
  .sticky-contact {
    margin: auto auto;
    border-radius: 5px;
  }
}

.sticky-contact .email {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1px;
  margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  .sticky-contact .email {
    text-align: left;
  }
}

.sticky-contact .exhibitor-login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .sticky-contact .exhibitor-login {
    text-align: left;
  }
}

.sticky-contact .call {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .sticky-contact .call {
    text-align: left;
  }
}

.sticky-contact .email p {
  margin: 0;
  padding: 0;
  color: #eeebe2;
  opacity: 0.8;
}

.sticky-contact .call p {
  margin: 0;
  padding: 0;
  color: #eeebe2;
  opacity: 0.8;
}

.sticky-contact .exhibitor-login p {
  margin: 0;
  padding: 0;
  color: #eeebe2;
  opacity: 0.8;
}
.sticky-contact .email i {
  font-style: normal;
  font-size: 0.9em;
  color: #72dddd;
  opacity: 0.8;
}

.sticky-contact .call i {
  font-style: normal;
  font-size: 0.9em;
  color: #72dddd;
  opacity: 0.8;
}
.sticky-contact .exhibitor-login i {
  font-style: normal;
  font-size: 0.9em;
  color: #72dddd;
  opacity: 0.8;
}

.sticky-contact .email span {
  left: 127px;
  margin-top: -30%;
}

.sticky-contact .call span {
  right: 127px;
  margin-top: -30%;
}

.sticky-contact .email .email-icon {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  background: url("../../includes/img/icons/email.png");
  height: 39px;
  width: 39px;
  margin-top: -12px;
  transition: top ease 0.5s;
}

@media screen and (max-width: 600px) {
  .sticky-contact .email .email-icon {
    display: none;
  }
}
.sticky-contact .email .email-icon:hover {
  top: -10px;
}

.sticky-contact .exhibitor-login .login-icon {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  background: url("../../includes/img/icons/login.png");
  height: 21px;
  width: 57px;
  margin-top: -25px;
  transition: top ease 0.5s;
  margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  .sticky-contact .exhibitor-login .login-icon {
    display: none;
  }
}

.sticky-contact .exhibitor-login .login-icon:hover {
  top: -10px;
}
.sticky-contact .call .call-icon {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  background: url("../../includes/img/icons/call.png");
  height: 39px;
  width: 39px;
  margin-top: -12px;
  transition: top ease 0.5s;
}

@media screen and (max-width: 600px) {
  .sticky-contact .call .call-icon {
    display: none;
  }
}

.sticky-contact .call .call-icon:hover {
  top: -10px;
}

.hero .hero__text .panel .panel__body .brand-name {
  background: -webkit-linear-gradient(#72dddd, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* -webkit-text-stroke: 2px #fff; */
}

.hero .hero__text .panel .panel__body .hero-highlight {
  position: relative;
  display: flex;
  gap: 8px;
}

.hero .hero__text .panel .panel__body .hero-highlight .year {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -2rem;
  flex-wrap: wrap;
}

.hero .hero__text .panel .panel__body .hero-highlight .year-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .hero .hero__text .panel .panel__body .hero-highlight .year {
    display: none;
  }
  .hero .hero__text .panel .panel__body .hero-highlight .year-mobile {
    display: block;
    color: #72dddd;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 900px) {
  .hero .hero__text .panel .panel__body .hero-highlight .year {
    display: none;
  }
  .hero .hero__text .panel .panel__body .hero-highlight .year-mobile {
    display: inline-flex;
    align-items: flex-start;
    color: #72dddd;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 912px) {
  .hero .hero__text .panel .panel__body .hero-highlight .year {
    display: none;
  }
  .hero .hero__text .panel .panel__body .hero-highlight .year-mobile {
    display: inline-flex;
    align-items: flex-start;
    color: #72dddd;
    margin-bottom: 2rem;
  }
}

.hero .hero__text .panel .panel__body .hero-highlight .year p {
  padding: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 6.7em;
  color: #72dddd;
  line-height: 0.6em;
}

.special-links {
  position: absolute;
  display: flex;
  justify-content: right;
  align-items: center;
  top: 0;
  right: 0;
  /* padding-bottom: 50px; */
}

.special-links ul {
  font-family: "Lato", serif;
  font-size: 0.7em;
  color: #333;
  display: inline-flex;
  text-decoration: none;
  list-style-type: none;
}

.special-links ul li {
  padding-left: 10px;
}

.special-links ul li a {
  color: #333;
}

/* STYLING INNER PAGES */
.header-inner {
  position: sticky;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 10px 6px -10px #333;
  -moz-box-shadow: 0 10px 6px -10px #333;
  box-shadow: 0 10px 6px -10px #333;
}
.hero-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-left: 10rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  align-items: center;
  width: 100%;
  background: #0a2e38;
}

.hero-inner h1 {
  margin: 0;
  color: #eeebe2;
  font-size: 5em;
  font-family: "Quince", sans-serif;
}



header {
	position:relative;
	width:100%;
	background: transparent;
}

.fitness-festival {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 400px;
  background: #080a0b;
}

.fitness-festival a {
  text-decoration: none;
}

.fitness-festival img {
  width: 100%;
}
/* 
.image {
  width: 100%;
    height: 100%;
    object-fit: cover;
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-timing-function: ease;
    border: 1px solid black;
} */
/* 
.fitness-festival > img {
  width: 100%;
  margin: 0;
  padding: 0;
}

.partners {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.partners .brandX img {
  padding: 10px;
  width: 80%;
} */
.partners .logo img{
  padding: 15px;
  width: 70%;
}


.conf-icons {
  background: #cce8f7;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-flow: wrap;
  align-items: center;
  margin: 0;
  width: 100%;
  padding: 5em 5em;

}
.icons-sect-title {
  display: block;
}

.conf-icons .the-icons {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 0.8rem;
}


.conf-icons img {
  text-align: center;
 padding: 5px;
 
}

.conf-sect {
  min-height:100%;
      background:linear-gradient(0deg, rgba(166,166,166, 0.9), rgba(36, 40, 41, 0.9)), url('https://ik.imagekit.io/nga4iqewcs4/MadeToLiveExpo/img/Made%20to%20live%20web%20designs%20(1)_KFbkrpIQB.png?updatedAt=1691008219011');
      background-size:cover;
  padding-top: 10rem;
  padding-bottom: 5rem;
  margin: 0;
  width: 100%;
}

.expo-sponsors {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  background: #fff;
}

.expo-sponsors h4 {
  display: block;
  clear: both;
}
.expo-sponsors p {
  margin: 2em 1em 1em 1em;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.7em;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #4f6460;
}
.sponsor-track img {
  width: 100px !important; 
  height: 100px;
  animation: scroll 80s linear infinite;
}
 
.sponsor-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}


.expo-sponsors .sponsor-slider {
  background-color: whitesmoke;
  margin: 2em 8em;
  padding: 3em;
  border: 1px solid #4f6460;
  box-shadow: #232425 7px 7px;
  height: 200px;
  width: 80%;
}


@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}


.sponsor-track2 img {
  width: 100px !important; 
  height: 100px;
  animation: scroll 100s linear infinite;
}
 
.sponsor-track2 {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}


.expo-sponsors .sponsor-slider2 {
  background-color: rgb(244, 242, 242);
  margin: 2em 8em;
  padding: 3em;
  border: 1px solid #4f6460;
  box-shadow: #232425 7px 7px;
  height: 200px;
  width: 80%;
}


@keyframes scroll2 {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}

.sponsors-area {
  display: block;
  background: #fff;
}

.partners h6 {
  margin: 2em 1em 1em 1em;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.7em;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #4f6460;
  text-align: center;
}

.hideSpeakers {
  display: none;
}