/* styles.css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
  }

  @font-face {
    font-family: 'Mona-Sans';
    src: url('../fonts/Mona-Sans-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Mona-Sans Bold';
    src: url('../fonts/Mona-Sans-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Mona-Sans Bold Italics';
    src: url('../fonts/Mona-Sans-BoldItalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Mona-Sans Narrow';
    src: url('../fonts/Mona-Sans-RegularNarrow.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Mona-Sans Narrow Semi-Bold';
    src: url('../fonts/Mona-Sans-SemiBoldNarrow.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Mona-Sans Narrow Bold';
    src: url('../fonts/Mona-Sans-BoldNarrow.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Mona-Sans Narrow Extra Bold';
    src: url('../fonts/Mona-Sans-ExtraBoldNarrow.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Mona-Sans Narrow Extra Bold Italics';
    src: url('../fonts/Mona-Sans-ExtraBoldNarrowItalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }


  @font-face {
    font-family: 'Mona-Sans Narrow Black';
    src: url('../fonts/Mona-Sans-BlackNarrow.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }


  @font-face {
    font-family: 'Mona-Sans Narrow Black Italic';
    src: url('../fonts/Mona-Sans-BlackNarrowItalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
  
  /* Navbar */
.mobile-navbar {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}

.mobile-navbar .hamburger {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.mobile-navbar .hamburger span {
  height: 3px;
  width: 25px;
  background-color: white;
  margin: 4px 0;
  transition: all 0.3s ease-in-out;
}

.mobile-menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(-100%);
  transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out;
  pointer-events: none;
}

.mobile-menu.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  backdrop-filter: blur(5px);
}

.mobile-menu.closing {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
}

.mobile-menu-content {
  text-align: center;
  color: white;
}

.close-btn {
  font-size: 2rem;
  border: none;
  background: none;
  color: white;
  cursor: pointer;
  margin-bottom: 2rem;
}

.mobile-menu-links {
  list-style-type: none;
  padding: 0;
}

.mobile-menu-links li {
  margin: 1.5rem 0;
}

.mobile-menu-links li a {
  font-family: 'Mona-Sans', sans-serif;
  color: white;
  font-size: 1.5rem;
  text-decoration: none;
}

.hamburger {
  flex-direction: column;
  justify-content: space-around;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 1100;
  transition: transform 0.3s ease;
}

.hamburger.active {
  transform: rotate(90deg);
}

.hamburger span {
  width: 100%;
  height: 4px;
  background-color: white;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

@media only screen and (max-width: 1024px) {
  .navbar .nav-links {
    display: none;
  }

  .mobile-navbar {
    display: flex;
  }
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 5%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  background-color: #0000006b;
  transition: all 0.4s ease;
}

.nav-left {
  display: flex;
  align-items: center;
  flex: 1;
}

.nav-logo {
  height: 60px;
  transition: all 0.4s ease;
}

.nav-links {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  /*flex: 2;*/
  justify-content: center;
}

.nav-links li {
  margin: 0 2rem;
  position: relative;
}

.nav-links li a {
  color: white;
  text-decoration: none;
  font-family: 'Mona-Sans', sans-serif;
  font-size: 1.4rem;
  position: relative;
  transition: color 0.3s ease;
}

.nav-links li a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background-color: white;
  bottom: -5px;
  left: 0;
  transition: width 0.3s ease;
}

.nav-links li a:hover::after {
  width: 100%;
}

/* Dropdown Styles */
ul li .arrow {
  position: absolute;
  bottom: 30%;
  left: 120%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease;
}

ul li ul.dropdown {
  width: auto;
  position: absolute;
  z-index: 999;
  display: none;
  background-color: rgb(0, 0, 0);
  list-style-type: none;
  text-align: center;
  padding: 10px 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  min-width: 200px;
}

ul li ul.dropdown li {
  margin: 10px 0;
}

ul li ul.dropdown li a {
  padding: 5px 15px;
  white-space: nowrap;
  display: block;
}

ul li:hover ul.dropdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Scrolled State - This is important for desktop */
#navbar.scrolled {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 0.5rem 5%;
  backdrop-filter: blur(10px);
}

/* Mobile navbar - hidden on desktop */
.mobile-navbar {
  display: none;
}

/* Desktop and laptop styles */
@media (min-width: 1025px) {
  .nav-left {
    display: flex !important;
  }
  
  .nav-links {
    display: flex !important;
  }
  
  .mobile-navbar {
    display: none !important;
  }
}

/* Mobile styles */
@media (max-width: 1024px) {
  .nav-left {
    display: none;
  }

  .nav-links {
    display: none;
  }

  .mobile-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem 1.5rem;
    background-color: #0000009e;
  }

  .nav-logo-mobile {
    height: 40px;
    transition: all 0.3s ease;
  }
}

/* Mobile menu styles */
.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1002;
  padding: 2rem;
}

.mobile-menu.active {
  display: block;
}

.close-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
}

  /* Hero Section */
  .hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    background-image: url(../images/BG.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    overflow: hidden;
    background-color: #000; /* fallback color */
  }
  .hero-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 90%;
    gap: 1vh;
  }
  .logo-container {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 3vw;
  }
  .logo {
    width: 28vw;
  }
  .logo-cpd {
      width: 15vw;
      padding-top: 2vh;
  }
  .line {
    background-color: white;
    width: 0.1vw;
  }
  .logo-container-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5vh;
  }
  .text1 {
    font-family: 'Mona-Sans Bold', sans-serif;
    font-size: 3vw;
    color: white;
  }
  .text2 {
    font-family: 'Mona-Sans', sans-serif;
    font-size: 2vw;
    color: white;
  }
  .tagline {
    font-family: 'Mona-Sans Narrow Extra Bold Italics', sans-serif;
    font-size: 2vw;
    color: white;
    padding-top: 2vh;
  }
  .date {
    font-family: 'Mona-Sans', sans-serif;
    font-size: 1.5vw;
    color: white;
    text-align: center;
    padding-bottom: 2vh;
  }
  .buttons {
    display: flex;
    gap: 2vw;
}

.button {
    position: relative;
    width: 200px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #8a1538;
    color: white;
    font-family: 'Mona-Sans', sans-serif;
    font-size: 0.9vw;
    text-decoration: none;
    overflow: hidden;
}

svg {
    position: absolute;
    left: 0;
    top: 0;
    fill: none;
    stroke: #f56590;
    stroke-width: 1;
    stroke-dasharray: 520;
    stroke-dashoffset: 520;
    transition: stroke-dashoffset 1.75s ease-in-out;
}

.button:hover svg {
    stroke-dashoffset: -520;
}

.button:hover {
    background-color: #8a1538;
}

.button span {
    position: relative;
    z-index: 1;
}
.after-movie {
  padding-top: 5vh;
}
.after-movie-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: white;
  gap: 1vw;
  transition: transform 0.3s ease;
}
.after-movie-button:hover {
  transform: scale(1.05);
}
.play-button {
  width: 4vw;
}
.after-movie-button-text {
  display: flex;
  flex-direction: column;
}
.text3 {
  font-family: 'Mona-Sans Narrow Bold', sans-serif;
  font-size: 2vw;
  color: white;
}
.text4 {
  font-family: 'Mona-Sans Narrow Bold', sans-serif;
  font-size: 1vw;
  color: white;
}

  /* Overview Section */
  .overview {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: url(../images/BG_Overview.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    overflow: hidden;
  }
  .overview-container {
    display: flex;
    padding: 3vw;
    gap: 3vw;
  }
  .over-cont-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .over-right-numcont {
    display: flex;
    gap: 3vw;
  }
  .over-right-num {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .over-num {
    display: flex;
    font-family: 'Mona-Sans Narrow Bold', sans-serif;
    font-size: 5vw;
    color: white;
  }
  .over-num-desc {
    font-family: 'Mona-Sans Narrow';
    font-size: 1.25vw;
    color: white;
    width: 75%;
    text-align: left;
  }
  .over-right-highcont {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    gap: 1vw;
  }
  .over-high-small {
    display: flex;
    gap: 1vw;
    width: 100%;
  }
  .over-small-patch {
    width: 50%;
  }
  .over-high-big {
    display: flex;
    height: 50%;
    align-items: flex-end;
    overflow: hidden;
  }
  .over-big-patch {
    width: 100%;
  }
  .over-high-img {
    height: 25vh;
  }
  .over-high-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .over-high-text {
    font-family: 'Mona-Sans Narrow', sans-serif;
    font-size: 1.5vw;
    padding: 0.25vw;
    color: white;
    background-color: #8a1538;
  }
  .over-cont-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .over-heading {
    font-family: 'Mona-Sans Narrow Black';
    font-size: 5vw;
    color: white;
  }
  .over-desc {
    font-family: 'Mona-Sans';
    font-size: 1vw;
    color: white;
    line-height: 1.25;
  }
  .over-desc p {
    margin-bottom: 3vh;
  }
  .over-desc p:last-child {
    margin-bottom: 0;
  }

    /* Highlights Section */
    .highlights {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      background-image: url(../images/BG_Summit\ Highlights.jpg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 100vh;
      padding: 3vw;
      overflow: hidden;
    }
    .highlights-container {
      display: flex;
      flex-direction: column;
    }
    .highlights-heading {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 5vw;
      color: white;
    }
    .highlights-section {
      display: flex;
    }
    .highlights-box {
      display: flex;
      justify-content: space-between;
      width: 70%;
    }
    .high-box {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      width: 30%;
    }
    .patch1{
      background-image: url(../images/Face-To-Face.webp);
      background-size: cover;
      background-position-x: 30vw;

    }
    .patch2{
      background-image: url(../images/Keynote.webp);
      background-size: 380%;
      background-position-x: -29vw;
      background-position-y: -11vh;
    }
    .patch3{
      background-image: url(../images/Product-Showcase.webp);
      background-size: cover;
      background-position-x: -38vw;
    }
    .high-box-text {
      display: flex;
      flex-direction: column;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
    }
    .high-box-header {
      font-family: 'Mona-Sans Narrow Bold';
      font-size: 2vw;
      color: white;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
      padding: 0vw 1vw 0vw 2vw;
    }
    .high-box-desc {
      font-family: 'Mona-Sans';
      font-size: 0.9vw;
      color: white;
      padding: 0vw 2vw 2vw 2vw;
    }
    .featured-discussion {
      width: 25%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-end;
    }
    .featured-discussion-heading {
      font-family: 'Mona-Sans Narrow Black Italic';
      font-size: 1.5vw;
      color: white;
    }
    .featured-discussion-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 1vw;
    }
    .feat-box {
      display: flex;
      flex-direction: column;
      width: 10vw;
      background-color: #242424;
      justify-content: center;
      align-items: center;
      padding: 0.25vw;
    }
    .feat-box-img {
      display: flex;
      height: 8vh;
      align-items: center;
    }
    .feat-box-img svg {
      position: relative;
    }

    .feat-box-desc {
      font-family: 'Mona-Sans Narrow';
      font-size: 1vw;
      color: white;
      text-align: center;
    }

    /* Expectations Section */
    .expectations {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      background-color: black;
      height: 100vh;
      padding: 3vw;
      overflow: hidden;
      gap: 4vw;
    }
    .expectations-left {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      width: 50%;
    }
    .exp-heading {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 5vw;
      color: white;
    }
    .exp-left-container {
      display: flex;
      flex-wrap: wrap;
      height: 38%;
      gap: 1vw;
      align-content: flex-end;
      justify-content: space-between;
    }
    .exp-left-cont-1, .exp-left-cont-2, .exp-left-cont-3, .exp-left-cont-4, .exp-left-cont-5, .exp-left-cont-6 {
      flex: 1 1 calc(50% - 2vh);
      position: relative;
      background-color: black;
      height: 100%;
      padding: 4vh;
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      box-sizing: border-box;
    }
    .exp-left-cont-text-1, .exp-left-cont-text-2, .exp-left-cont-text-3,
    .exp-left-cont-text-4, .exp-left-cont-text-5, .exp-left-cont-text-6 {
    position: absolute;
    width: 50%;
    bottom: 4vh;
    left: 1vw;
    font-family: 'Mona-Sans Narrow';
    font-size: 1.5vw;
    color: white;
    }

    .exp-left-cont-1 {
      background-image: url(../images/exp-img-01.webp);
    }
    .exp-left-cont-2 {
      background-image: url(../images/exp-img-02.webp);
    }
    .exp-left-cont-3 {
      background-image: url(../images/exp-img-03.webp);
    }
    .exp-left-cont-4 {
      background-image: url(../images/exp-img-04.webp);
    }
    .exp-left-cont-5 {
      background-image: url(../images/exp-img-05.webp);
    }
    .exp-left-cont-6 {
      background-image: url(../images/exp-img-06.webp);
    }

    .expectations-right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      width: 50%;
    }
    .exp-right-A-heading {
      font-family: 'Mona-Sans Narrow';
      font-size: 1.5vw;
      color: white;
      padding-top: 2vh;
    }
    .exp-right-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 0.25vw;

    }
    .exp-right-box {
      display: flex;
      flex-direction: column;
      width: 8vw;
      background-color: #242424;
      justify-content: center;
      align-items: center;
      padding: 0.25vw;
    }
    .exp-rbox-img {
      display: flex;
      height: 6vh;
      align-items: center;
    }
    .exp-rbox-img svg {
      position: relative;
    }
    .exp-rbox-desc {
      font-family: 'Mona-Sans Narrow';
      font-size: 0.75vw;
      text-align: center;
      color: white;
    }

    /* Keynote Section */
    .keynote {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      background-color: black;
      height: 100vh;
      padding: 0 3vw;
      overflow: hidden;
      gap: 1vw;
    }
    .keynote-heading {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 5vw;
      color: white;
    }
    .keynote-container {
      display: flex;
      height: 100%;
      gap: 2vw;
    }
    .keynote-left {
      display: flex;
      flex-direction: column;
      background-image: url(../images/Keynote-Spk.webp);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      align-items: center;
      justify-content: flex-end;
      width: 40%;
      padding: 4vh;
    }
    .keynote-name {
      font-family: 'Mona-Sans Narrow Bold';
      font-size: 2vw;
      color: white;
    }
    .keynote-jobtitle {
      font-family: 'Mona-Sans Narrow Semi-Bold';
      font-size: 1vw;
      color: white;
      text-align: center;
      width: 50%;
    }
    .keynote-right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 60%;
    }
    .keynote-right p{
      font-family: 'Mona-Sans Narrow';
      font-size: 2vw;
      padding-bottom: 3vh;
      color: white;
    }
    .keynote-right ul {
      font-family: 'Mona-Sans Narrow';
      font-size: 1.5vw;
      color: white;
      padding-left: 1.5vw;
      line-height: 1.25;
      padding-top: 1vh;
    }

    /* Advisory Panel Section */
    .advisory {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      background-color: black;
      height: auto;
      padding: 3vw;
      overflow: hidden;
      gap: 1vw;
    }
    .advisory-heading {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 5vw;
      color: white;
    }
    .advisory-container {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-gap: 4vh 2vw;
      align-items: flex-start;
    }
    .advisory-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
    }
    .advisory-img img {
      width: 100%;
      height: auto;
      object-fit: cover;
      max-height: 12vw;
    }
    .advisory-name {
      font-family: 'Mona-Sans Narrow Bold';
      font-size: 2vw;
      color: #8a1538;
      text-transform: uppercase;
      width: 75%;
      line-height: 0.85;
      text-align: center;
      padding-top: 0.5vh;
    }
    .advisory-jobtitle {
      font-family: 'Mona-Sans';
      font-size: 0.75vw;
      color: #bfbfbf;
      text-align: center;
      text-transform: capitalize;
      width: 80%;
      padding-top: 1vh;
    }
    .advisory-company {
      font-family: 'Mona-Sans Bold';
      font-size: 0.75vw;
      color: #bfbfbf;
      text-align: center;
      text-transform: capitalize;
      width: 80%;
      padding-top: 0.5vh;
    }

    /* Speakers Section */
    .speakers {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      background-color: black;
      height: auto;
      padding: 6vh 3vw;
      overflow: hidden;
      gap: 1vw;
    }
    .spk-heading {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 5vw;
      color: white;
    }
    .spk-container {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-gap: 4vh 2vw;
      align-items: flex-start;
    }
    .spk-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      width: 75%;
      box-sizing: border-box;
    }
    .spk-img img {
      width: 100%;
      height: auto;
      object-fit: cover;
      max-height: 12vw;
    }
    .spk-name {
      font-family: 'Mona-Sans Narrow Bold';
      font-size: 2vw;
      color: #8a1538;
      text-transform: uppercase;
      width: 75%;
      line-height: 0.85;
      text-align: center;
      padding-top: 0.5vh;
    }
    .spk-jobtitle {
      font-family: 'Mona-Sans';
      font-size: 0.75vw;
      color: #bfbfbf;
      text-align: center;
      text-transform: capitalize;
      width: 80%;
      padding-top: 1vh;
    }
    .spk-company {
      font-family: 'Mona-Sans Bold';
      font-size: 0.75vw;
      color: #bfbfbf;
      text-align: center;
      text-transform: capitalize;
      width: 80%;
      padding-top: 0.5vh;
    }
    .view-all-btn {
      align-items: center;
      justify-content: center;
      display: flex;
      height: 75%;
      cursor: pointer;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
    .view-all-btn:hover {
      transform: scale(1.05);
      box-shadow: 0 5px 15px rgba(42, 26, 26, 0.8);
    }
    .speakerstab {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      background-color: black;
      height: auto;
      padding: 7vh 3vw;
      overflow: hidden;
      gap: 1vw;
    }
    .spk-containert {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 4vh 2vw;
      align-items: flex-start;
    }
    .spk-boxt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    }
    .spk-backbtn a {
      position: relative;
      font-family: 'Mona-Sans', sans-serif;
      color: white;
      text-decoration: none;
      font-size: 1.5vw;
    }
    .spk-backbtn a::after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      background-color: white;
      bottom: -5px;
      left: 0;
      transition: width 0.3s ease;
    }
    .spk-backbtn a:hover::after {
      width: 100%;
    }

    /* Agenda Section */
    .agenda {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      background-color: black;
      height: auto;
      padding: 0 3vw 3vw;
      overflow: hidden;
      gap: 1vw;
    }
    .agn-heading {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 5vw;
      color: white;
    }
    .agn-cont {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 1vh;
    }
    .agn-box {
      display: flex;
    }
    .agn-time {
      font-family: 'Mona-Sans';
      font-size: 1vw;
      background-color: #8a1538;
      color: #d9d9d9;
      width: 15%;
      padding: 2vw;
    }
    .agn-desc {
      display: flex;
      flex-direction: column;
      background-color: #d9d9d9;
      color: black;
      width: 85%;
      padding: 2vw;
    }
    .desc-main {
      font-family: 'Mona-Sans Bold';
      font-size: 1vw;
    }
    .desc-sub {
      font-family: 'Mona-Sans';
      font-size: 0.75vw;
      padding: 1vh 1vw;
    }
    .agn-time2 {
      font-family: 'Mona-Sans Bold';
      font-size: 1vw;
      background-color: #d9d9d9;
      color: #8a1538;
      width: 15%;
      padding: 2vw;
    }
    .agn-desc2 {
      display: flex;
      flex-direction: column;
      background-color: #8a1538;
      color: #d9d9d9;
      width: 85%;
      padding: 2vw;
    }
    .desc-sub2 {
      font-family: 'Mona-Sans';
      font-size: 0.75vw;
    }

    /* Sponsors Section */
    .sponsors {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      background-color: black;
      height: auto;
      padding: 0 3vw 3vw;
      overflow: hidden;
      gap: 1vw;
    }
    .spon-heading {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 5vw;
      color: white;
    }
    .spon-cont {
      display: flex;
      flex-direction: column;
      width: 100%;
    }
    .spon-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: white;
      border: 0.01vw solid black;
      padding: 5vw;
      gap: 3vh;
    }
    .spon-title {
      font-family: 'Mona-Sans Bold';
      font-size: 1vw;
      border: 2px solid black;
      padding: 1vh;
      color: black;
      text-transform: uppercase;
    }
    .spon-title-1 {
      font-family: 'Mona-Sans Bold';
      font-size: 2vw;
      color: black;
      border: 2px solid black;
      padding: 1vh;
      text-transform: uppercase;
    }
    .spon-title-2 {
      font-family: 'Mona-Sans Bold';
      font-size: 1.25vw;
      border: 2px solid black;
      padding: 1vh;
      color: black;
      text-transform: uppercase;
    }
    .spon-logo-cont {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      width: 85%;
      row-gap: 2vw;
      column-gap: 5vw;
    }
    .spon-logo-cont-1 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      row-gap: 2vw;
      column-gap: 5vw;
    }
    .spon-logo {
      display: flex;
      height: 9vh;
      max-width: 25vw;
      padding: 1vw;
    }
    .spon-logo-1 {
      display: flex;
      height: 15vh;
      padding: 1vw;
    }
    .spon-logo-1A {
      display: flex;
      height: 11vh;
      max-width: 35vw;
      padding: 1vw;
    }
    .spon-logo-2 {
      display: flex;
      height: 5.5vh;
    }
    .spon-logo-3 {
      display: flex;
      height: 9.5vh;
      padding: 1vw;
    }
    .spon-logo-3A {
      display: flex;
      height: 11.5vh;
      padding: 1vw;
    }
    .spon-logo-4 {
      display: flex;
      height: 10vh;
      max-width: 25vw;
      padding: 1vw;
    }
    .spon-logo-4A {
      display: flex;
      height: 13vh;
      max-width: 25vw;
      padding: 1vw;
    }
    .spon-logo-5 {
      display: flex;
      height: 8vh;
      max-width: 25vw;
      padding: 1vw;
    }
    .spon-logo-5A {
      display: flex;
      height: 9vh;
      max-width: 35vw;
      padding: 1vw;
    }
    .spon-logo-ivanti {
      display: flex;
      height: 12vh;
      max-width: 25vw;
      padding: 1vw;
    }
    .spon-logo img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
      width: auto;
      height: auto;
    }
    .mbcom-logo img {
      max-height: 100%;
      max-width: 70%;
      object-fit: contain;
      width: auto;
      height: auto;
    }

    /* Awards Section */
    .awards {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-image: url(../images/Awards\ BG.webp);
      height: auto;
      margin-top: -0.25vh;
      padding: 0 3vw 3vw;
      overflow: hidden;
    }
    .awards-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 2vh;
    }
    .awards-heading {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 5vw;
      color: white;
    }
    .awards-cont{
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 1vw;
    }
    .awards-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.700);
      padding: 1.5vw;
      border: 2px solid transparent;
      box-sizing: border-box;
      transition: all 3s ease;
    }
    .awards-box:hover {
      background-image: linear-gradient(90deg, #b37e10 0%, #f8dd7b 33%, #fdf1a4 53%, #f8dd7b 73%, #b37e10 100%);
    }
    .awards-desc {
      font-family: 'Mona-Sans Narrow Black Italic';
      font-size: 1.5vw;
      line-height: 0.9;
      text-align: center;
      text-transform: uppercase;
      background: linear-gradient(90deg, #b37e10 0%, #f8dd7b 33%, #fdf1a4 53%, #f8dd7b 73%, #b37e10 100%); -webkit-background-clip: text; color: transparent;
      color: transparent;
    }
    .awards-img {
      display: block;
      margin-top: -4vh;
      width: 70%;
    }
    .awards-box:hover .awards-desc {
      color: black;
    }
    .awards-box:hover .awards-img {
      filter: invert(1) brightness(0);
    }
    .awards-btn-cont {
        display:flex;
        width:100%;
        align-items:center;
        justify-content:center;
    }
    /* Contact Section */
    .contact {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #0a0808;
      height: auto;
      padding: 3vw 3vw 3vh;
      overflow: hidden;
    }
    .contact-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 2vw;
    }
    .contact-logo {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .contact-logo a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.5vh;
      text-decoration: none;
    }
    .logo-text {
      font-family: 'Mona-Sans Narrow';
      font-size: 1vw;
      color: White;
    }
    .logo-img img {
      width: 10vw;
      filter: brightness(0) invert(1);
    }
    .contact-cont {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1vw;
    }
    .contact-box{
      background-color: #140f0f;
      border-radius: 0.5vw;
      width: 100%;
      transition: all 0.5s ease;
    }
    .contact-box:hover {
      background-color: #8a1538;
      transform: scale(1.05);
    }
    .contact-box a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 4vw;
      gap: 1vh;
      color: white;
      text-decoration: none;
    }
    .contact-title {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 1.5vw;
    }
    .contact-email {
      font-family: 'Mona-Sans';
      font-size: 1vw;
    }
    .contact-footer {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: white;
      gap: 2vh;
    }
    .footer-box1 {
      display: flex;
      gap: 1vw;
    }
    .social-box {
      color: black;
      text-decoration: none;
      width: 2vw;
      height: 2vw;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: white;
      border-radius: 50%;
      transition: all 0.5s ease;
    }
    .social-box:hover {
      transform: translateY(-0.5vw);
      background-color: #8a1538;
      color: white;
  }
    .footer-box2 a {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1vw;
      text-decoration: none;
      color: white;
    }
    .box2-text1 {
      font-family: 'Mona-Sans Narrow Black';
      font-size: 1.5vw;
    }
    .box2-text2 {
      font-family: 'Mona-Sans';
      font-size: 1vw;
    }
    .footer-box3 {
      font-family: 'Mona-Sans';
      font-size: 0.75vw;
      color: white;
    }
    .footer-box3 a {
      text-decoration: none;
      color: white;
    }


    /* Mobile Responsive */
    @media screen and (max-width: 450px) {


    /* Hero Section */
    .hero {
      height: auto;
      padding: 13vh 0vw;
    }
    .hero-container {
      height: 100%;
    }
    .logo-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2vw;
    }
    .logo {
      width: 60vw;
    }
    .logo-cpd {
     width: 30vw;
     padding-top: 1vh;
    }
    .line {
      width: 0vw;
    }
    .logo-container-text {
      align-items: center;
    }
    .text1 {
      font-size: 6vw;
    }
    .text2 {
      font-size: 3vw;
      text-align: center;
    }
    .tagline {
      font-size: 7vw;
      text-align: center;
      width: 70%;
      line-height: 1;
    }
    .date {
      font-size: 5vw;
      text-align: center;
      width: 50%;
    }
    .buttons {
      display: flex;
      flex-direction: column;
    }
    .button {
      width: 150px;
      height: 50px;
      font-size: 3vw;
    }
    .after-movie {
      padding-top: 3vh;
    }
    .play-button {
      width: 15vw;
    }
    .text3 {
      font-size: 7vw;
    }
    .text4 {
      font-size: 4vw;
    }

    /* Overview Section */
    .overview {
      height: auto;
    }
    .overview-container {
      flex-direction: column;
      padding: 6vw;
      gap: 6vw;
    }
    .over-cont-right {
      order: 1;
      gap: 2vh;
    }
    .over-cont-left {
      order: -1;
    }
    .over-heading {
      font-size: 10vw;
    }
    .over-desc {
      font-size: 3vw;
    }
    .over-desc p {
      margin-bottom: 2vh;
    }
    .over-num {
      font-size: 13vw;
    }
    .over-num-desc {
      font-size: 4vw;
      line-height: 1;
    }
    .over-high-text {
      font-size: 7vw;
      padding: 1vw;
    }

    /* Highlights Section */
    .highlights {
      height: auto;
    }
    .highlights-heading {
      font-size: 10vw;
    }
    .highlights-section {
      flex-direction: column;
      gap: 2vh;
    }
    .highlights-box {
      flex-direction: column;
      width: 100%;
      gap: 1vh;
    }
    .high-box {
      width: 100%;
      height: 30vh;
    }
    .high-box-header {
      font-size: 8vw;
    }
    .high-box-desc {
      font-size: 2.5vw;
    }
    .patch1 {
      background-position-x: 0vw;
    }
    .patch2 {
      background-size: 200%;
      background-position-x: -60vw;
      background-position-y: -13vh;
    }
    .patch3 {
      background-position-x: 0vw;
    }
    .featured-discussion-heading {
      font-size: 5vw;
      text-align: right;
    }
    .featured-discussion {
      width: 100%;
      align-items: center;
    }
    .featured-discussion-container {
      justify-content: center;
    }
    .feat-box {
      width: 14vw;
    }
    .feat-box-img {
      height: 5vh;
    }
    .feat-box-img svg {
      height: 4vh;
    }
    .feat-box-desc {
      font-size: 3vw;
    }

    /* Expectations Section */
    .expectations {
      height: auto;
      flex-direction: column;
      align-items: flex-start;
      padding: 5vw;
    }
    .expectations-left {
      width: 100%;
    }
    .exp-heading {
      font-size: 10vw;
    }
    .exp-left-cont-1, .exp-left-cont-2, .exp-left-cont-3, .exp-left-cont-4, .exp-left-cont-5, .exp-left-cont-6 {
      padding: 6vh;
    }
    .exp-left-cont-text-1, .exp-left-cont-text-2, .exp-left-cont-text-3, .exp-left-cont-text-4, .exp-left-cont-text-5, .exp-left-cont-text-6 {
      font-size: 3vw;
      bottom: 1vh;
    }
    .expectations-right {
      align-items: center;
      width: 100%;
    }
    .exp-right-container {
      justify-content: center;
    }
    .exp-right-A-heading {
      font-size: 4vw;
      padding-top: 0vh;
    }
    .exp-right-box {
      width: 16vw;
      padding: 1.5vw;
      gap: 1vh;
    }
    .exp-rbox-img {
      height: 4vh;
    }
    .exp-rbox-img svg {
      width: 6vw;
    }
    .exp-rbox-desc {
      font-size: 2.5vw;
      width: 100%;
      overflow-wrap: break-word;
    }
    .exp-right-A {
      display: flex;
      flex-direction: column;
      padding-bottom: 2vh;
      align-items: center;
    }
    .exp-right-B {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    /* Keynote Section */
    .keynote {
      height: auto;
      padding: 2vh;
    }
    .keynote-heading {
      font-size: 10vw;
    }
    .keynote-container {
      flex-direction: column;
      align-items: center;
      height: auto;
    }
    .keynote-left {
      width: 100%;
      height: 55vh;
      background-position: top;
    }
    .keynote-name {
      font-size: 8vw;
    }
    .keynote-jobtitle {
      font-size: 4vw;
      line-height: 1;
      width: 80%;
    }
    .keynote-right {
      width: 90%;
    }
    .keynote-right p {
      font-size: 4vw;
      padding-bottom: 1vh;
      text-align: center;
    }
    .keynote-right ul {
      font-size: 2.5vw;
      margin-top: -1.5vh;
      text-align: center;
      list-style-position: inside;
    }

    /* Advisory Panel Section */
    .advisory {
      padding: 5vw;
      gap: 0.5vw;
      align-items: center;
    }
    .advisory-heading {
      font-size: 10vw;
    }
    .advisory-container {
      grid-template-columns: repeat(1, 1fr);
      width: 100%;
      height: 100%;
    }
    .advisory-box {
      align-items: center;
      height: auto;
      width: 100%;
    }
    .advisory-img {
      width: 75vw;
    }
    .advisory-img img {
      max-height: 75vw;
    }
    .advisory-name {
      font-size: 8vw;
      padding-top: 0.5vh;
      text-align: center;
      width: 100%;
    }
    .advisory-jobtitle {
      font-size: 4vw;
      padding-top: 0.5vh;
      text-align: center;
      width: 80%;
    }
    .advisory-company {
      font-size: 4vw;
      text-align: center;
      width: 80%;
    }

    /* Speakers Section */
    .speakers {
      height: auto;
      padding: 5vw;
      gap: 0.5vw;
      align-items: center;
    }
    .spk-heading {
        font-size: 10vw;
        text-align: center;
        width: 75%;
    }
    .spk-container, .spk-containert {
      grid-template-columns: repeat(1, 1fr);
      width: 100%;
      height: 100%;
    }
    .spk-box, .spk-boxt {
      align-items: center;
      height: auto;
      width: 100%;
    }
    .spk-img {
      width: 75vw;
    }
    .spk-img img {
      max-height: 75vw;
    }
    .spk-name {
      font-size: 8vw;
      padding-top: 0.5vh;
      text-align: center;
      width: 100%;
    }
    .spk-jobtitle {
      font-size: 4vw;
      padding-top: 0.5vh;
      text-align: center;
      width: 80%;
    }
    .spk-company {
      font-size: 4vw;
      text-align: center;
      width: 80%;
    }
    .view-all-btn img {
      width: 10vh;
    }
    .speakerstab {
      align-items: center;
      height: auto;
    }
    .spk-backbtn a {
      font-size: 3.5vw;
    }
    
    /* Agenda Section */
    .agenda {
      align-items: center;
      justify-content: center;
      padding: 0vh 3vw 3vh;
    }
    .agn-heading {
      font-size: 10vw;
    }
    .agn-cont {
      display: flex;
      flex-direction: column;
      gap: 0.25vh;
    }  
    .agn-time {
      font-size: 3vw;
      width: 30%;
      padding: 3vw;
    }
    .agn-desc {
      width: 70%;
      padding: 3vw;
    }
    .desc-main {
      font-size: 3vw;
    }
    .desc-sub {
      font-size: 2.5vw;
      padding: 1vh 6vw;
    }
    .agn-desc2 {
      width: 70%;
    }
    .agn-time2 {
      font-size: 3vw;
      width: 30%;
      padding: 3vw;
    }
    .desc-sub2 {
      font-size: 2vw;
    }
    
    /* Sponsors Section */
    .sponsors {
      align-items: center;
      padding: 2vh 3vw;
    }
    .spon-heading {
      font-size: 7vw;
    }
    .spon-box {
      flex-direction: column;
      padding: 10vw;
      gap: 7vh;
    }
    .spon-title {
      font-size: 3vw;
      width: auto;
      margin-bottom: -4vh;
    }
    .spon-title-1 {
      font-size: 5vw;
      width: auto;
      margin-bottom: -4vh;
    }
    .spon-title-2 {
      font-size: 4vw;
      width: auto;
      margin-bottom: -4vh;
    }
    .spon-logo-cont {
      width: 100%;
      row-gap: 7vw;
    }
    .spon-logo-cont-1 {
      row-gap: 10vw;
    }
    .spon-logo {
      height: 6vh;
      padding: 1vw;
      max-width:100%;
    }
    .spon-logo-1 {
      height: 8vh;
      padding: 1vw;
    }
    .spon-logo-2 {
      height: 4vh;
      padding: 1vw;
    }
    .spon-logo-3 {
      height: 4vh;
      padding: 1vw;
    }
    .spon-logo-3A {
      height: 6vh;
      padding: 1vw;
    }
    .spon-logo-4 {
      height: 7vh;
      padding: 1vw;
      max-width:100%;
    }
    .spon-logo-5 {
      height: 4vh;
      padding: 1vw;
      max-width:100%;
    }
    .spon-logo-ivanti {
      height: 9vh;
      padding: 1vw;
      max-width:100%;
    }

    /* Awards Section */
    .awards {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: auto;
      padding: 3vw;
    }
    .awards-container {
      align-items: center;
      gap: 5vh;
      padding-bottom: 5vh;
    }
    .awards-heading {
      font-size: 10vw;
      text-align: center;
      line-height: 0.8;
      padding-bottom: 2vh;
    }
    .awards-cont {
      grid-template-columns: repeat(1, 1fr);
    }
    .awards-desc {
      font-size: 9.5vw;
      line-height: 0.9;
    }
    .awards-box {
      background-color: rgb(24 22 22 / 80%);
      border: 1px solid #424040;
      padding: 3vw;
    }
    .awards-box:nth-last-of-type(-n+3) {
      display: none;
    }

    /* Contacts Section */
    .contact-container {
      gap: 5vw;
    }
    .logo-text {
      font-size: 3vw;
    }
    .logo-img img {
      width: 30vw;
    }
    .contact-cont {
      flex-direction: column;
      gap: 2vw;
    }
    .contact-box {
      width: 70%;
    }
    .contact-box a {
      gap: 0vh;
    }
    .contact-title {
      font-size: 6vw;
    }
    .contact-email {
      font-size: 3vw;
    }
    .social-box {
      padding: 4vw;
    }
    .footer-box3 {
      font-size: 2vw;
    }

    }


    /* Tab Responsive */
    @media screen and (min-width: 768px) and (max-width: 1024px) {


      /* Hero Section */
      .hero {
        height: auto;
        padding: 13vh 0vw;
      }
      .hero-container {
        height: 100%;
      }
      .logo-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2vw;
      }
      .logo {
        width: 45vw;
      }
      .logo-cpd {
       width: 30vw;
       padding-top: 1vh;
      }
      .line {
        width: 0vw;
      }
      .logo-container-text {
        align-items: center;
      }
      .text1 {
        font-size: 6vw;
      }
      .text2 {
        font-size: 3vw;
        text-align: center;
      }
      .tagline {
        font-size: 5vw;
        text-align: center;
        width: 50%;
        line-height: 1;
      }
      .date {
        font-size: 3vw;
        text-align: center;
        width: 40%;
      }
      .buttons {
        display: flex;
        flex-direction: column;
      }
      .button {
        width: 360px;
        height: 100px;
        font-size: 3vw;
      }
      .after-movie {
        padding-top: 3vh;
      }
      .play-button {
        width: 10vw;
      }
      .text3 {
        font-size: 5vw;
      }
      .text4 {
        font-size: 3vw;
      }
  
      /* Overview Section */
      .overview {
        height: auto;
      }
      .overview-container {
        flex-direction: column;
        padding: 6vw;
        gap: 6vw;
      }
      .over-cont-right {
        order: 1;
        gap: 2vh;
      }
      .over-cont-left {
        order: -1;
      }
      .over-heading {
        font-size: 10vw;
      }
      .over-desc {
        font-size: 3vw;
      }
      .over-desc p {
        margin-bottom: 2vh;
      }
      .over-num {
        font-size: 13vw;
      }
      .over-num-desc {
        font-size: 4vw;
        line-height: 1;
      }
      .over-high-text {
        font-size: 7vw;
        padding: 1vw;
      }
  
      /* Highlights Section */
      .highlights {
        height: auto;
      }
      .highlights-heading {
        font-size: 10vw;
      }
      .highlights-section {
        flex-direction: column;
        gap: 2vh;
      }
      .highlights-box {
        flex-direction: column;
        width: 100%;
        gap: 1vh;
      }
      .high-box {
        width: 100%;
        height: 30vh;
      }
      .high-box-header {
        font-size: 8vw;
      }
      .high-box-desc {
        font-size: 2.5vw;
      }
      .patch1 {
        background-position-x: 0vw;
        background-position-y: center;
      }
      .patch2 {
        background-size: 100%;
        background-position-x: 0vw;
        background-position-y: -10vh;
      }
      .patch3 {
        background-position-x: 0vw;
        background-position-y: center;
      }
      .featured-discussion-heading {
        font-size: 5vw;
        text-align: right;
      }
      .featured-discussion {
        width: 100%;
        align-items: center;
      }
      .featured-discussion-container {
        justify-content: center;
      }
      .feat-box {
        width: 14vw;
      }
      .feat-box-img {
        height: 5vh;
      }
      .feat-box-img svg {
        height: 4vh;
      }
      .feat-box-desc {
        font-size: 2.5vw;
      }
  
      /* Expectations Section */
      .expectations {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 5vw;
      }
      .expectations-left {
        width: 100%;
      }
      .exp-heading {
        font-size: 10vw;
      }
      .exp-left-cont-1, .exp-left-cont-2, .exp-left-cont-3, .exp-left-cont-4, .exp-left-cont-5, .exp-left-cont-6 {
        padding: 6vh;
      }
      .exp-left-cont-text-1, .exp-left-cont-text-2, .exp-left-cont-text-3, .exp-left-cont-text-4, .exp-left-cont-text-5, .exp-left-cont-text-6 {
        font-size: 3vw;
        bottom: 1vh;
      }
      .expectations-right {
        align-items: center;
        width: 100%;
      }
      .exp-right-container {
        justify-content: center;
      }
      .exp-right-A-heading {
        font-size: 4vw;
        padding-top: 0vh;
      }
      .exp-right-box {
        width: 16vw;
        padding: 1.5vw;
        gap: 1vh;
      }
      .exp-rbox-img {
        height: 4vh;
      }
      .exp-rbox-img svg {
        width: 6vw;
      }
      .exp-rbox-desc {
        font-size: 2.5vw;
        width: 100%;
        overflow-wrap: break-word;
      }
      .exp-right-A {
        display: flex;
        flex-direction: column;
        padding-bottom: 2vh;
        align-items: center;
      }
      .exp-right-B {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
  
      /* Keynote Section */
      .keynote {
        height: auto;
        padding: 2vh;
      }
      .keynote-heading {
        font-size: 10vw;
      }
      .keynote-container {
        flex-direction: column;
        align-items: center;
        height: auto;
      }
      .keynote-left {
        width: 100%;
        height: 55vh;
        background-position: top;
      }
      .keynote-name {
        font-size: 8vw;
        text-shadow: 3px 3px #000000;
      }
      .keynote-jobtitle {
        font-size: 4vw;
        line-height: 1;
        width: 80%;
        text-shadow: 3px 3px #000000;
      }
      .keynote-right {
        width: 90%;
      }
      .keynote-right p {
        font-size: 4vw;
        padding-bottom: 1vh;
        text-align: center;
      }
      .keynote-right ul {
        font-size: 2.5vw;
        margin-top: -1.5vh;
        text-align: center;
        list-style-position: inside;
      }
  
      /* Advisory Panel Section */
      .advisory {
        padding: 5vw;
        gap: 0.5vw;
        align-items: center;
      }
      .advisory-heading {
        font-size: 10vw;
      }
      .advisory-container {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        height: 100%;
      }
      .advisory-box {
        align-items: center;
        height: auto;
        width: 100%;
      }
      .advisory-img {
        width: 75vw;
      }
      .advisory-img img {
        max-height: 75vw;
      }
      .advisory-name {
        font-size: 8vw;
        padding-top: 0.5vh;
        text-align: center;
        width: 100%;
      }
      .advisory-jobtitle {
        font-size: 4vw;
        padding-top: 0.5vh;
        text-align: center;
        width: 80%;
      }
      .advisory-company {
        font-size: 4vw;
        text-align: center;
        width: 80%;
      }
  
      /* Speakers Section */
      .speakers {
        height: auto;
        padding: 5vw;
        gap: 0.5vw;
        align-items: center;
      }
    .spk-heading {
        font-size: 10vw;
        text-align: center;
        width: 75%;
    }
      .spk-container, .spk-containert {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        height: 100%;
      }
      .spk-box, .spk-boxt {
        align-items: center;
        height: auto;
        width: 100%;
      }
      .spk-img {
        width: 75vw;
      }
      .spk-img img {
        max-height: 75vw;
      }
      .spk-name {
        font-size: 8vw;
        padding-top: 0.5vh;
        text-align: center;
        width: 100%;
      }
      .spk-jobtitle {
        font-size: 4vw;
        padding-top: 0.5vh;
        text-align: center;
        width: 80%;
      }
      .spk-company {
        font-size: 4vw;
        text-align: center;
        width: 80%;
      }
      .view-all-btn img {
        width: 10vh;
      }
      .speakerstab {
        align-items: center;
        height:auto;
      }
      .spk-backbtn a {
        font-size: 3.5vw;
      }
      
      /* Agenda Section */
      .agenda {
        align-items: center;
        justify-content: center;
        padding: 0vh 3vw 3vh;
      }
      .agn-heading {
        font-size: 10vw;
      }
      .agn-cont {
        display: flex;
        flex-direction: column;
        gap: 0.25vh;
      }  
      .agn-time {
        font-size: 3vw;
        width: 30%;
        padding: 3vw;
      }
      .agn-desc {
        width: 70%;
        padding: 3vw;
      }
      .desc-main {
        font-size: 3vw;
      }
      .desc-sub {
        font-size: 2.5vw;
        padding: 1vh 6vw;
      }
      .agn-desc2 {
        width: 70%;
      }
      .agn-time2 {
        font-size: 3vw;
        width: 30%;
        padding: 3vw;
      }
      .desc-sub2 {
        font-size: 2vw;
      }
      
      /* Sponsors Section */
      .sponsors {
      align-items: center;
      padding: 2vh 3vw;
    }
    .spon-heading {
      font-size: 7vw;
    }
    .spon-box {
      flex-direction: column;
      padding: 10vw;
      gap: 7vh;
    }
    .spon-title {
      font-size: 3vw;
      width: auto;
      margin-bottom: -4vh;
    }
    .spon-title-1 {
      font-size: 5vw;
      width: auto;
      margin-bottom: -4vh;
    }
    .spon-title-2 {
      font-size: 4vw;
      width: auto;
      margin-bottom: -4vh;
    }
    .spon-logo-cont {
      width: 100%;
      row-gap: 7vw;
    }
    .spon-logo-cont-1 {
      row-gap: 10vw;
    }
    .spon-logo {
      height: 6vh;
      padding: 1vw;
      max-width:100%;
    }
    .spon-logo-1 {
      height: 12vh;
      padding: 1vw;
    }
    .spon-logo-2 {
      height: 7vh;
      padding: 1vw;
    }
    .spon-logo-3 {
      height: 7vh;
      padding: 1vw;
    }
    .spon-logo-3A {
      height: 9vh;
      padding: 1vw;
    }
    .spon-logo-4 {
      height: 7vh;
      padding: 1vw;
      max-width:100%;
    }
    .spon-logo-5 {
      height: 5vh;
      padding: 1vw;
      max-width:100%;
    }
    .spon-logo-ivanti {
      height: 9vh;
      padding: 1vw;
      max-width:100%;
    }

  
      /* Awards Section */
      .awards {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
        padding: 3vw;
      }
      .awards-container {
        align-items: center;
        gap: 5vh;
        padding-bottom: 5vh;
      }
      .awards-heading {
        font-size: 10vw;
        text-align: center;
        line-height: 0.8;
        padding-bottom: 2vh;
      }
      .awards-cont {
        grid-template-columns: repeat(1, 1fr);
      }
      .awards-desc {
        font-size: 9.5vw;
        line-height: 0.9;
      }
      .awards-box {
        background-color: rgb(24 22 22 / 80%);
        border: 1px solid #424040;
        padding: 3vw;
      }
      .awards-img {
        margin-top: -6vh;
      }
      .awards-box:nth-last-of-type(-n+3) {
        display: none;
      }
  
      /* Contacts Section */
      .contact-container {
        gap: 5vw;
      }
      .logo-text {
        font-size: 3vw;
      }
      .logo-img img {
        width: 30vw;
      }
      .contact-cont {
        flex-direction: column;
        gap: 2vw;
      }
      .contact-box {
        width: 70%;
      }
      .contact-box a {
        gap: 0vh;
      }
      .contact-title {
        font-size: 6vw;
      }
      .contact-email {
        font-size: 3vw;
      }
      .social-box {
        padding: 3vw;
      }
      .social-box i {
      font-size: 2.5vw;
      }
      .footer-box3 {
        font-size: 2vw;
      }
  
      }
   .gallery-container {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }

  .gallery-title {
    color: #fff;
    font-family: 'Mona-Sans Narrow Black';
    font-size: 3vw;
    margin-bottom: 2vw;
  }

  .gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* ✅ 3 videos per row */
    gap: 2vw;
  }

  .video-item {
    background: #111;
    border-radius: 1vw;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(193, 24, 40, 0.4);
    transition: transform 0.3s ease;
  }

  .video-item:hover {
    transform: scale(1.02);
  }

  .video-item iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    display: block;
  }

  .video-caption {
    background: #8a1538;
    color: #fff;
    font-family: 'Mona-Sans Narrow Bold';
    font-size: 1.2vw;
    padding: 1vw 0;
    text-transform: uppercase;
  }

  /* Responsive: 2 columns on tablet */
  @media screen and (max-width: 1024px) {
    .gallery-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .gallery-title {
      font-size: 5vw;
    }
    .video-caption {
      font-size: 2vw;
    }
  }

  /* Responsive: 1 column on mobile */
  @media screen and (max-width: 600px) {
    .gallery-grid {
      grid-template-columns: 1fr;
    }
    .video-caption {
      font-size: 4vw;
    }
  }
/* Registration Section Styles */

        .registration {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: black;
            height: auto;
            padding: 6vh 0vw;
            overflow: hidden;
            gap: 1vw;
            
        }
        
        .reg-heading {
            font-family: 'Mona-Sans Narrow Black', sans-serif;
            text-align: center;
            font-size: 4vw;
            color: white;
            margin-bottom: 2vw;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        
        .reg-date {
            font-family: 'Mona-Sans Narrow Bold', sans-serif;
            font-size: 2.5vw;
            color: white;
            margin-bottom: 1vw;
            text-align: center;
        }
        
        .reg-container {
            width: 90%;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2vw;
            justify-items: stretch;
        }
        
        .reg-box {
            display: flex;
            flex-direction: column;
            background-color: #ffffff;
            border-radius: 1vw;
            padding: 0;
            min-height: 22vw;
            justify-content: space-between;
            border: 1px solid #333;
            transition: all 0.3s ease;
            overflow: hidden;
        }
        
        .reg-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(193, 24, 40, 0.2);
        }
        
        .reg-title {
            font-family: 'Mona-Sans Narrow Black', sans-serif;
            font-size: 1.9vw;
            color: white;
            margin: 0;
            padding: 1vw 0;
            text-align: center;
            text-transform: uppercase;
            background: #8a1538;
            width: 100%;
        }
        
        .reg-content {
            padding: 1.5vw;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            flex-grow: 1;
            /*justify-content: center;*/
        }
        
        .reg-price {
            font-family: 'Mona-Sans Narrow Bold', sans-serif;
            font-size: 1.5vw;
            color: #000000;
            margin-bottom: 1vw;
        }
        
        .reg-description {
            font-family: 'Mona-Sans', sans-serif;
            font-size: 1.25vw;
            color: #000000;
            margin-bottom: 1.5vw;
            line-height: 1.5;
        }
        
        .reg-early-bird {
            font-family: 'Mona-Sans Narrow', sans-serif;
            font-size: 1.6vw;
            color: #c11828;
            margin-bottom: 1vw;
        }
        
        .reg-deadline {
            font-family: 'Mona-Sans', sans-serif;
            font-size: 1.2vw;
            color: #000000;
            margin-bottom: 1.5vw;
            font-style: italic;
        }
        
        .reg-button {
            font-family: 'Mona-Sans';
            font-size: 0.9vw;
            color: white;
            background: #8a1538;
            border: none;
            padding: 1vw 0;
            border-radius: 0.5vw;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            text-decoration: none;
            display: block;
            width: 80%;
        }
        
        .reg-button:hover {
            background: linear-gradient(to left, #a8171b, #690000);
            transform: translateY(-2px);
        }
        
        .reg-inquiry {
            margin-top: 3vw;
            text-align: center;
            width: 100%;
        }
        
        .reg-inquiry a {
            font-family: 'Mona-Sans', sans-serif;
            font-size: 1.2vw;
            color: white;
            text-decoration: none;
            border-bottom: 1px solid #c11828;
            padding-bottom: 0.5vw;
            transition: all 0.3s ease;
        }
        
        .reg-inquiry a:hover {
            color: #c11828;
        }
        
        /* Mobile Responsive */
        @media screen and (max-width: 1024px) {
            .reg-container {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .reg-box {
                min-height: 28vw;
            }
        }
        
        @media screen and (max-width: 768px) {
            .reg-heading {
                font-size: 8vw;
            }
            
            .reg-date {
                font-size: 5vw;
            }
            
            .reg-subheading {
                font-size: 3vw;
            }
            
            .reg-container {
                grid-template-columns: 1fr;
            }
            
            .reg-box {
                min-height: 45vw;
            }
            
            .reg-title {
                font-size: 4vw;
                padding: 3vw 0;
            }
            
            .reg-content {
                padding: 3vw;
            }
            
            .reg-price {
                font-size: 4vw;
            }
            
            .reg-description {
                font-size: 3vw;
            }
            
            .reg-early-bird {
                font-size: 3.5vw;
            }
            
            .reg-deadline {
                font-size: 2.5vw;
            }
            
            .reg-button {
                font-size: 3.5vw;
                padding: 2vw 0;
            }
            
            .reg-inquiry a {
                font-size: 3.5vw;
            }
        }
        
        @media screen and (max-width: 450px) {
            .reg-box {
                min-height: 60vw;
            }
            
            .reg-title {
                font-size: 5vw;
            }
            
            .reg-price {
                font-size: 5vw;
            }
            
            .reg-description {
                font-size: 4vw;
            }
            
            .reg-early-bird {
                font-size: 4.6vw;
            }
            
            .reg-deadline {
                font-size: 3.2vw;
            }
            
            .reg-button {
                font-size: 4vw;
                padding: 3vw 0;
            }
        }