/* ===== Base ===== */
@import "tailwindcss";
@import "variables.css";


@keyframes pulseVertical {

  0%,
  100% {
    transform: translateY(-4px);
  }

  50% {
    transform: translateY(4px);
  }
}

.animate-pulse-vertical {
  display: inline-block;
  animation: pulseVertical 2s ease-in-out infinite;
}

@keyframes colorPulse {
  0% {
    color: #0069b0;
  }

  50% {
    color: #00407b;
    transform: scale(1.02);
  }

  100% {
    color: #0069b0;
  }
}

.earlyBirdOffer:has(.eboCard:hover)+p.float-right {
  animation: colorPulse 1.5s infinite ease-in-out;
  transition: all 0.3s ease;
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .preloader__status {
    width: 85%;
  }

  .preloader__logo img {
    width: 150px;
  }

  .preloader__status-text {
    font-size: 28px;
  }
}

.otm-body {
  background-color: #f7f7f7;
  color: #0f1015;
}


.gradient-black-to-transparent {
  pointer-events: none;
  background: linear-gradient(to top, black 0%, white 100%);
  opacity: 0.7;
  mix-blend-mode: multiply;
}

.color-black {
  color: #1e1e1e;
}

.base-color {
  color: #1e1e1e;
}

.img-gradient-overlay {
  position: absolute;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(178deg, rgba(12, 0, 3, 0) 0%, #0c0003 100%);
  mix-blend-mode: multiply;
  height: 300px;
}

.custom-font-size {
  font-size: 2.4rem;
}

/* HERO / BANNERS */
.bg-home-image {
  max-height: 588px;
  height: 500px;
  width: 100%;
}

#exiSpeaks .col-md-6.col-xl-3:not(:last-child)::before,
#exhiHighlight .grid .statsBox:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  height: 220px;
  width: 1.5px;
  background: linear-gradient(to bottom, transparent, #ffffff47, transparent);
}

.statsBox::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  height: 220px;
  width: 1px;
  background: linear-gradient(to bottom, transparent, #ffffff42, transparent);
}

#exiSpeaks .arrowIcon {
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.08);
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;

  i {
    font-size: 17px;
    color: var(--white);
  }
}

.heroSec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
  mix-blend-mode: multiply;
}

.hero-stats {
  >div:first-child {
    font-weight: 600;
    font-size: 26px;
    line-height: 105%;
    letter-spacing: -0.01em;
    color: var(--white);
  }

  >div:last-child {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: -0.01em;
    color: #e9ebef;
  }
}

.backdrop-blur {
  backdrop-filter: blur(10px);
}

.soft-shadow {
  box-shadow: 0 18px 40px rgba(15, 13, 44, 0.18);
}

.rounded-2xl {
  border-radius: 1.25rem;
}

.counter {
  display: inline-block;
}


/* Button */
.base-button {
  background: #ff3c7d;
}

.collapse {
  visibility: visible !important;
}

/* Navbar Start*/
.navbar-nav .nav-link {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding-inline: 0.5rem;
}

.navbar-nav .nav-link.active {
  color: var(--black) !important;
  font-weight: 600;
}


.otm-nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* padding-block: 24px; */
}

.otm-nav-left,
.otm-nav-right {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 14px;
  font-weight: 500;
}

.otm-nav-logo img {
  height: 70px;
  width: auto;
}

.otm-nav-link .caret,
.otm-caret-desktop {
  font-size: 10px;
  margin-left: 4px;
}

.otm-nav-toggle {
  border: none;
  background: transparent;
  padding: 6px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

/* Added by Sanket on 19/12/2025 */
.btnGlobal {

  padding: 11px 21px;
  font-size: 17px;
  line-height: 1.1764805882;
  font-weight: 400;
  letter-spacing: -0.022em;
  border-radius: 980px;
  color: var(--white);
  transition: var(--transition);
  display: inline-block;
  width: fit-content;

  &:hover {
    background: #cf204c;
  }
}

.OTMBold {
  font-weight: 900 !important;
}

.weight-500 {
  font-weight: 500 !important;
  color: var(--dark) !important;
}

.faqSection {
  svg.hidden {
    display: none !important;
  }

  .faq-item {
    border: 1px solid #e1f0ff;
    border-radius: 12px;
    background: var(--white);

    button {
      padding: 23px 21px;

      span:nth-child(1) {
        font-weight: 600;
        font-size: 18px;
        line-height: 110%;
        letter-spacing: -0.03em;
        color: var(--dark);
        text-align: start;
      }

      .faq-icon {
        height: 24px;
        width: 24px;
      }
    }

    .faq-panel {
      margin: 0 23px 0 22px;
      padding-bottom: 21px;

      p {
        width: 90%;
        color: #364153;
        line-height: 144%;
      }
    }
  }
}

header {
  li {
    display: flex;

    a {
      /* padding: 34px 10px; */
      padding: 28px 8px;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: -0.02em;
      color: var(--dark);
      transition: all 0.55s ease-in-out;

      i {
        transition: all 0.55s ease-in-out;
      }
    }

    i.caret,
    .otm-caret-desktop {
      transition: all ease-in-out;
      font-size: 9px;
    }
  
    .otm-caret-desktop {
      margin-right: 8px;
    }

    &:first-child a {
      padding-left: 0;
    }
  }

  li.selected>a,
  li.selected>.otm-nav-link,
  li.ancestor>a,
  li.ancestor>.otm-nav-link,
  li.selected .otm-caret-desktop,
  li.selected .otm-caret-desktop i,
  li.ancestor .otm-caret-desktop,
  li.ancestor .otm-caret-desktop i {
    color: var(--primary);
  }
}

#exiSpeaks {
  p {
    font-size: 18px;
    color: var(--white);
    line-height: 150%;
  }

  div.flex {
    >span.counter {
      font-weight: 600;
      font-size: 58px;
      line-height: 100%;
      letter-spacing: -0.03em;
      color: var(--white);
    }
  }
}

section:has(.exiSpeaksWhite) {
  background: #f4faff linear-gradient(148deg,
      rgba(225, 240, 255, 0.3) 0%,
      rgba(170, 214, 255, 0.3) 100%);
  padding: 6rem 0 !important;
  margin-bottom: 56px;
}

.bg-banner {
  background: #f4faff linear-gradient(17deg, rgba(225, 240, 255, 0.3) 0%, rgba(170, 214, 255, 0.3) 100%);
}

.exiSpeaksWhite {
  span.counter {
    color: #00407b !important;
  }

  p {
    color: #00407b !important;
    font-weight: 500 !important;
    max-width: 90%;
  }

  .col-12.col-md-6.col-lg-3:not(:last-child)::before {
    background: linear-gradient(to bottom, transparent, #c9eaff, transparent) !important;
  }

  .arrowIcon {
    background: rgba(238, 33, 81, 0.1) !important;

    i {
      color: var(--dark) !important;
    }
  }
}


.mainBtn {
  position: relative;
  overflow: hidden;
  padding: 16px 32px;
  font-size: 16px;
  line-height: 1.1764805882;
  font-weight: 600;
  letter-spacing: -0.02em;
  border-radius: 12px;
  background: linear-gradient(88deg, #ff004d 0%, #ff5c7b 100%);
  color: var(--white);
  transition: var(--transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  cursor: pointer;
  box-sizing: border-box;
  height: 40px;
}

.mainBtn.bg-white {
  background: var(--white) !important;
}

.mainBtn:active {
  box-shadow:
    4px 4px 6px 0 rgba(255, 255, 255, 0.3),
    -4px -4px 6px 0 rgba(116, 125, 136, 0.2),
    inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, 0.2);
}

.mainBtn::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
  background: radial-gradient(circle 100px at var(--x, 50%) var(--y, 50%),
      var(--glow-color),
      rgba(255, 255, 255, 0.1) 40%,
      transparent 70%);
  pointer-events: none;
}

.mainBtn:hover::before {
  opacity: 1;
}

.mainBtn::after {
  display: none !important;
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: var(--white);
  animation: shiny-btn1 3s ease-in-out infinite;
}

@keyframes slideRightAndBack {

  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(8px);
  }
}

.mainBtn i {
  display: inline-block;
  will-change: transform;
}

.mainBtn:hover i {
  animation: slideRightAndBack 0.8s ease-in-out;
}


.homePageBanner .mainBtn {
  height: 56px;
}

input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  accent-color: transparent !important;
  background: transparent;
  outline: none;
}

.bannerButton button:nth-child(2) {
  background: transparent;
  border: 2px solid #e9ebef;
  margin-left: 7px;
  color: #ff004d;
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 999px;
}

input[type="range"]::-moz-range-track {
  height: 4px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 999px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 14px;
  height: 14px;
  background: #ffffff !important;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  cursor: pointer;
  margin-top: -5px;
}

input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

input[type="range"]:focus {
  outline: none;
}

.meetTabs li button {
  position: relative;
  overflow: hidden;
  padding: 16px 40px;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #1a202a;
  border-radius: 980px;
  transition: 0.3s ease;
  display: inline-block;
  width: fit-content;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #f4faff;
  height: 51px;
}

.meetTabs li button.active {
  background: #002446;
  border-color: transparent;
  background-size: 450%;
  color: var(--white);
}

.whyExhibit {
  .exhibitStat {
    font-family: var(--third-family);
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.03em;
    color: var(--secondary);
  }

  .exhibitText {
    font-size: 20px;
    margin-top: 15px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: rgba(30, 30, 30, 0.7);
  }
}

.participationPackages {
  #exhiHighlightImage {
    transition: opacity 0.35s ease-in-out;
  }

  .packName {
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    letter-spacing: -0.03em;
    color: var(--secondary);
    width: 31%;
    transition: all 0.45s ease-in-out;
  }

  .packDesc {
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #364153;
    width: 69%;
  }

  .packRow {
    transition: all 0.45s ease-in-out;
    cursor: pointer;
  }

  .packRow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #0069b0;
    opacity: 0;
    z-index: 1;
    transition: all 0.45s ease-in-out;
  }

}

.packRow ul li {
  padding-left: 3px;
}

.packRow ul li::marker {
  font-size: 12px;
}

.earlyBirdOffer {
  .price-row {
    display: grid;
    grid-template-columns: 1fr 61px minmax(197px, 1fr);
    align-items: center;
  }

  .eboCard {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0 rgba(26, 26, 26, 0.08);
    border: 1px solid #d5ebff;
  }

  .earlyCard2 .earlyCardText2 {
    background: linear-gradient(180deg, #005eb5 0%, #00407b 100%);
  }

  .eCT {
    border-bottom: 1px solid #d5ebff;
  }

  .earlyCardText1 {
    background: #f4faff linear-gradient(360deg, #f2f7ff 0%, #fff 100%);
  }

  .price-dash {
    position: relative;
  }

  .price-dash::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 70%, transparent);
    transform: translate(-50%, -50%);
  }

  .offerLabel {
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #364153;
  }

  .offerRate {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #364153;
    text-align: right;
    white-space: nowrap;
  }
}

.floorPlanText {
  font-family: var(--third-family);
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: -0.03em;
  color: var(--dark);
}

.successRow {
  --bs-gutter-x: 0.8rem !important;
}

.galleryCard {
  position: relative;
  height: 350px;
  border-radius: 16px;
  overflow: hidden;

  img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
    object-position: center top;
  }

  .imagepreview {
    position: absolute;
    bottom: 21px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;

    i {
      font-size: 18px;
    }

    .fancy-fullscreen {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--white);
      border-radius: 50%;
      color: var(--dark);

      &:hover i {
        color: var(--primary);
      }
    }

    a {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--white);
      border-radius: 50%;
      color: var(--dark);

      &:hover i {
        color: var(--primary);
      }
    }
  }
}

.galleryCard:hover .imagepreview {
  opacity: 1;
}

.otm-nav-dropdown {
  position: relative;
}

.otm-dropdown-item {
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #181820;
  transition: all 0.3s ease;
}


form textarea.fomrTextarea {
  min-height: 166px !important;
}

/* Navbar End*/

.wrapper-menu {
  width: 19px;
  height: 19px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 330ms ease-out;
}

.wrapper-menu.open {
  transform: rotate(-45deg);
}

.line-menu {
  background-color: var(--white);
  width: 100%;
  height: 2px;
}

.line-menu.half {
  width: 50%;
}

.line-menu.start {
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: right;
}

.open .line-menu.start {
  transform: rotate(-90deg) translateX(1px);
}

.line-menu.end {
  align-self: flex-end;
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: left;
}

.open .line-menu.end {
  transform: rotate(-90deg) translateX(-1px);
}

/* Testimonials start*/
.testimonial-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  transition: border-radius 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.6s ease;
  background: var(--white);
  border: 1px solid #d5ebff;
  margin-bottom: 1px;
}

.video-section::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: RGBA(0, 36, 70, 0.9);
  background: linear-gradient(173deg, rgba(0, 36, 70, 0.05) 0%, rgba(0, 36, 70, 0.54) 51%, rgba(10, 13, 18, 1) 100%);
  transition: opacity 0.4s ease;
  z-index: 5;
  pointer-events: none;
}

.video-section.playing::after {
  opacity: 0;
}

.testimonial-video-container iframe {
  position: absolute;
  top: 63%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

/* Force YouTube to cover the container area to avoid black bars (pillarboxing) */
@supports (aspect-ratio: 16/9) {
  .testimonial-video-container iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 100%;
    min-width: 100%;
  }
}

@keyframes downloadBounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(3px);
  }
}

@keyframes urlBounce {

  0%,
  100% {
    opacity: 0.6;
  }

  50% {
    opacity: 1;
  }
}

.testimonial-card p.testi-content {
  color: var(--dark) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.testimonial-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.75));
  opacity: 0;
  transition: opacity 0.25s ease;
  color: var(--white);
  display: flex;
  align-items: flex-end;
  padding: 1.25rem;
}

.testimonial-card:hover .testimonial-overlay {
  opacity: 1;
}

/* Testimonials End*/

/* Carousel bottom arrows */
.bottom-arrows {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
}

/* PARTNER LOGOS */
#partnersCarousel .carousel-item,
#partnersCarousel .carousel-item-inner {
  padding: 0 !important;
  margin: 0 !important;
}

.partner-logo img {
  max-height: 80px;
  transition: all 0.2s ease;
}

.partner-logo img:hover {
  transform: translateY(-3px);
}

.video-slider-wrapper {
  position: relative;
  max-width: 470px;
}

.video-main {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  z-index: 3;
  width: 100%;
  height: 516px;
}

.video-side {
  position: absolute;
  top: 80px;
  width: 78%;
  border-radius: 12px;
  overflow: hidden;
  opacity: 0.95;
  pointer-events: none;
  z-index: 1;
  height: 424px;
  filter: grayscale(100%) blur(2px);
}

.video-main,
.video-side {
  will-change: opacity, transform, filter;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.video-slider-wrapper.changing .video-main {
  opacity: 0;
  transform: translateZ(0) scale(0.95);
  filter: blur(12px);
}

.video-slider-wrapper.changing .video-side {
  opacity: 0;
  filter: grayscale(100%) blur(8px);
}

.video-slider-wrapper.changing .video-side-left {
  transition-delay: 0.05s;
}

.video-slider-wrapper.changing .video-side-right {
  transition-delay: 0.1s;
}

.video-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.video-side-left {
  left: -4%;
  transform: rotate(-9deg) translateZ(0);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.video-side-right {
  right: -4%;
  transform: rotate(9deg) translateZ(0);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.video-slider-wrapper.changing .video-side-left {
  transform: rotate(-9deg) translateZ(0) scale(0.92);
}

.video-slider-wrapper.changing .video-side-right {
  transform: rotate(9deg) translateZ(0) scale(0.92);
}

.video-play-btn {
  position: absolute;
  inset: 0;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;

  i {
    font-size: 28px !important;
  }
}

.video-play-btn .play-circle.outer {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  position: absolute;
  filter: blur(1px);
}

.video-play-btn .play-circle.inner {
  width: 68px;
  height: 68px;
  border-radius: 999px;
  background: var(--white) fff00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--otm-pink);
  position: relative;
  transition: transform 0.18s ease;
}

.video-play-btn:hover .play-circle.inner {
  transform: scale(1.05);
}

.live-feed-wrapper {
  position: relative;
}

.live-feed-viewport {
  overflow: hidden;
}

.live-feed-track {
  display: flex;
  gap: 25px;
  transition: transform 0.35s ease;
}

.live-card {
  background: var(--white);
  border-radius: 12px;
  width: 340px;
  height: 310px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.live-card-header {
  padding: 0.75rem 1rem 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}

.live-card-user {
  display: flex;
  align-items: center;
  gap: 0.70rem;
}

.live-card-avatar {
  width: 36px;
  height: 36px;
  background: var(--secondary);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.live-card-avatar img {
  width: 23px;
  height: 23px;
  object-fit: cover;
}

.live-card-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: #1e1e1e;
}

.live-card-handle {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: rgba(30, 30, 30, 0.7);
}

.live-card-platform {
  font-size: 32px;
  color: #616161f2;
  opacity: 0.7;
}

.live-card-content {
  line-height: 150%;
  letter-spacing: -0.03em;
  color: var(--dark);
}

.live-card-image {
  height: 189px;
  border-radius: 8px;
  overflow: hidden;
  margin: 0.5rem 1rem;
}

.live-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s ease-in-out;
}

.live-card-image:hover img {
  transform: scale(1.1);
}

.live-card-content.liveOnlyContent {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}


.live-card-footer {
  padding: 0.5rem 1.1rem 0.5rem 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: rgba(30, 30, 30, 0.7);

  i {
    font-size: 17px;
    margin-right: 5px;
  }
}

.live-card-meta-left,
.live-card-meta-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.live-card-meta-left i,
.live-card-meta-right i {
  margin-right: 4px;
}

.newsletter-card-over {
  color: var(--white);
  border-radius: 1.25rem;
  padding: 3.5rem 3.6rem;
  position: relative;
  z-index: 2;
  margin: 0 2.5rem -11.5rem;

  h2 {
    font-weight: 500 !important;
    font-size: 36px !important;
    line-height: 110%;
    letter-spacing: -0.03em;
  }

  p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
  }
}

.newsletter-input-wrap {
  border-radius: 45px;
  padding: 8px;
  display: flex;
  align-items: center;
  backdrop-filter: blur(31.5px);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
}

.newsletter-input {
  font-weight: 400;
  font-size: 18px;
  line-height: 144%;
  letter-spacing: -0.02em;
  color: var(--white);
  border: none;
  background: transparent;
  border-radius: 45px;
  padding: 0 1rem;
  padding-right: 0;
  flex: 1;
}

.newsletter-input::placeholder {
  font-size: 18px;
  line-height: 144%;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.8);
}

.newsletter-input:focus {
  outline: none;
  box-shadow: none;
}

.newsletter-divider {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  height: 2px;
}

.newsletter-footer-wrapper .mainBtn {
  border-radius: 12px;
  height: 44px;
  padding: 8px 24px;
}

.footer-heading {
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 1.5rem;
}

.footer-link-list li {
  margin-bottom: 0.9rem;
}

.footer-link-list a,
.footer-link,
.footer-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 144%;
  letter-spacing: -0.02em;
  color: #f6f6f8;
}

.footer-text {
  line-height: 180%;
}

.footer-link-list a:hover,
.footer-link:hover {
  color: rgb(174, 214, 251);
}

.footer-divider {
  border-color: rgba(255, 255, 255, 0.09);
}

.otm-footer-logo img {
  position: absolute;
  right: 7%;
  bottom: 5.3rem;
  width: auto;
  height: auto;
  opacity: 1;
}

.footer-social i {
  width: 22px;
  height: 22px;
  stroke: var(--white);
  stroke-width: 1.6;
  transition: all 0.2s ease;
}

.footer-social:hover i {
  stroke: #ff3c7d;
  transform: scale(1.15);
}

/* home page EVENTS LIST */
.otm-events-kicker {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #a0a0b8;
}

.otm-events-list {
  margin-top: 2.8rem;
}

.otm-events-window {
  overflow: hidden;
  width: 100%;
}

.otm-events-track {
  display: flex;
  gap: 40px;
  transition: transform 0.85s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}

.otm-events-slide {
  min-width: 100%;
  flex-shrink: 0;
}

.otm-event-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 25px 0 30px 0;

  border-top: 1px solid rgba(0, 105, 176, 0.12);
  transition: background 0.2s ease-in, box-shadow 0.2s ease-in, transform 0.35s ease-in-out;
}

.otm-events-slide .otm-event-row:first-child {
  padding-top: 30px;
}

.otm-events-slide .otm-event-row:last-child {
  padding-bottom: 15px;
}

.otm-event-main {
  display: flex;
  align-items: center;
  gap: 19px;
  flex: 1 1 0;
  min-width: 0;
}

.otm-event-thumb {
  width: 108px;
  height: 90px;
  border-radius: 8px;
  overflow: hidden;
}

.otm-event-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.otm-event-name {
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: var(--dark);
}

.otm-event-status {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  color: #ee8f00;
  border: 1px solid rgba(255, 164, 0, 0.4);
  border-radius: 167px;
  padding: 4px 8px;
  width: fit-content;
  height: 24px;
  margin-left: 10px;
  background: rgba(255, 164, 0, 0.08);
}

.otm-event-desc {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--dark);
  margin-bottom: 12px;
}

.otm-event-meta {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--dark);
  display: flex;
  align-items: center;
  gap: 27px;
  flex-wrap: wrap;

  span:nth-child(2) {
    color: #c0c8d8;
  }
}

.otm-event-meta i {
  color: #99a1af;
  margin-right: 5px;
  font-size: 18px;

  &:first-child {
    margin-right: 7px;
  }
}

.event-recap-btns button {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #1a202a;
  border: 1px solid #e9ebef;
  border-radius: 12px;
  padding: 0 12px;
  height: 40px;
  background: var(--white);
  transition: all 0.55s ease-in-out;

  i {
    color: #bd0040;
    margin-left: 3px;
    transition: all 0.55s ease-in-out;
  }
}

.event-recap-btns button:hover {
  background: rgba(82, 109, 152, 0.224);
  border-color: rgba(54, 65, 83, 0.011);
}

.events-slider-btns button {
  border-radius: 12px;
  background: linear-gradient(180deg, #364153 0%, #1a202a 100%);
  color: var(--white);
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.55s ease-in-out;

  i {
    font-size: 12px;
  }
}

.events-slider-btns button:hover {
  background: linear-gradient(180deg, #1a202a 0%, #364153 100%);
}

.events-slider-btns button.eventNoVideo {
  background: rgba(54, 65, 83, 0.32);
}

.events-slider-btns button.eventNoVideo:hover {
  background: rgba(54, 65, 83, 0.692);
}

.otm-event-countdown {
  display: flex;
  align-items: center;
  gap: 23px;
  font-size: 11px;
  white-space: nowrap;
}

.count-box {
  text-align: center;
  min-width: 46px;
}

.count-box:not(:last-child) .count-number::after {
  content: " :";
  opacity: 0.7;
  color: var(--dark);
}

.count-number {
  font-weight: 500;
  font-size: 22px;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: var(--dark);
}

.count-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 144%;
  letter-spacing: -0.02em;
  margin-top: 10px;
  color: rgba(30, 30, 30, 0.7);
}

.otm-pass-btn {
  position: relative;
  overflow: hidden;
  padding: 11px 21px;
  font-size: 17px;
  line-height: 1.1764805882;
  font-weight: 400;
  letter-spacing: -0.022em;
  border-radius: 980px;
  color: var(--dark);
  display: inline-block;
  width: fit-content;
  cursor: pointer;
  color: var(--dark);
  border: 1px solid rgba(30, 30, 30, 0.3);
  background: transparent;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.pattern-overlay1::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.1;
  background-image: radial-gradient(circle at 1px 1px,
      rgba(255, 255, 255, 0.25) 1px,
      transparent 0);
  background-size: 20px 20px;
}

.attend-card {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  min-height: 320px;
}

.attend-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.feature-card-img {
  height: 256px;
  width: 100%;
}

.phone-placeholder {
  background: radial-gradient(circle at 30% 10%, #333 0, var(--black) 40%, #111 100%);
}

.vr-card-img {
  height: 209px;
  width: 100%;
}

.arrow-btn:hover {
  background: var(--black)000;
  border-color: var(--black)000;
}

.arrow-btn:hover svg {
  color: var(--white);
}

.testimonial-track {
  transition: transform 0.4s ease;
}

.quote-mark {
  font-size: 8rem;
  line-height: 1;
  color: #d5ebff;
  height: 46px;
  /* margin: 7px 0 0px -5px; */
  opacity: 0;
}

.testiContact {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;

  .testi-img {
    width: 60px !important;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;

    &::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: RGBA(0, 36, 70, 0.9);
      background: linear-gradient(173deg, rgba(0, 36, 70, 0.05) 0%, rgba(0, 1, 2, 0.2) 51%, rgba(10, 13, 18, 0.71) 100%);
      z-index: 5;
    }

    img {
      width: 100%;
      height: 100%;
      flex-shrink: 0;
      object-fit: cover;
      object-position: center top;
      transition: all 0.3s ease-in-out;
    }
  }
}

.testimonial-card p,
.testimonial-card .normal-content,
.testimonial-card .testiContact img {
  transition: all 0.3s ease-in-out !important;
}

.video-bg-container {
  opacity: 0;
  transition: opacity 0.3s ease;
}


.testimonial-card.video-playing .thumb-placeholder {
  opacity: 0;
  pointer-events: none;
}

.play-btn {
  transition: opacity 0.3s ease;
}

.testimonial-card {
  p:nth-child(1) {
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -0.03em;
    color: #1e1e1e;
  }

  p:nth-child(2) {
    color: #364153;
    font-size: 16px;
    font-weight: 500;
  }

  &::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(174deg, rgba(0, 36, 70, 0.9) 0%, rgba(13, 17, 23, 0.9) 100%);
    transition: opacity 0.6s ease;
    pointer-events: none;
    z-index: 1;
    display: none;
  }

  .hover-overlay {

    img {
      object-fit: cover;
      object-position: center top;
      height: 100%;
      width: 100%;
    }

    p:nth-child(1) {
      color: var(--white);
    }

    p:nth-child(2) {
      color: rgba(255, 255, 255, 0.7);
    }
  }

}

.video-bg-container {
  position: relative;
  overflow: hidden;
  background-color: var(--bg);
  transition: all 0.3s ease-in-out !important;
}

.video-bg-container img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
  transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), border-radius 0.8s ease;
}

.testimonial-card:hover .video-bg-container img {
  transform: scale(1);
  border-radius: 16px;
}

.testimonial-card.video-playing .video-bg-container img {
  opacity: 0;
}

.video-bg-container iframe {
  position: absolute;
  top: 0;
  height: 100%;
  width: 222.22%;
  left: -61.11%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 1;
}

.video-bg-container iframe.loaded {
  opacity: 1;
}

.pattern-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.15;
  pointer-events: none;
  background-image: radial-gradient(circle at 1px 1px,
      rgba(255, 255, 255, 0.18) 1px,
      transparent 0);
  background-size: 18px 18px;
}

.attend-btn {
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
  color: var(--black);
}

.attend-btn svg {
  stroke: currentColor !important;
}

.attend-btn:hover {
  background-color: var(--black) !important;
  border-color: var(--black) !important;
  color: var(--white) !important;
}

.attend-btn .icon-right {
  display: none;
}

.attend-btn:hover .icon-up {
  display: none !important;
}

.attend-btn:hover .icon-right {
  display: block !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.collapse {
  visibility: visible !important;
}

.logo-track {
  display: flex;
  gap: 12px;
  width: max-content;
}

.logo-card {
  border-radius: 12px;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 241px;
  height: 132px;
  flex-shrink: 0;
}

.logo-card img {
  max-width: 180px;
  max-height: 70px;
  object-fit: contain;
}

.slider-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

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

  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

.animate-left {
  animation: scroll-left 30s linear infinite;
}

.animate-right {
  animation: scroll-right 30s linear infinite;
}

.left-card {
  background: var(--white);
  padding: 40px 35px 40px 25px;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
}

.pill-tabs .nav-link {
  position: relative;
  overflow: hidden;
  padding: 11px 21px;
  font-size: 17px;
  line-height: 1.1764805882;
  font-weight: 400;
  letter-spacing: -0.022em;
  border-radius: 980px;
  transition: var(--transition);
  display: inline-block;
  width: fit-content;
  cursor: pointer;
  color: var(--black);
}

.pill-tabs .nav-link.active {
  background: linear-gradient(-45deg, var(--black)000, #1c1c1c, #3a3a3a, #bdbdbd);
  background-size: 300%;
  animation: tabGradientAnime 8s linear infinite;
  color: rgba(255, 255, 255, 0.9);
}

@keyframes tabGradientAnime {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.slider-viewport {
  overflow: hidden;
  position: relative;
}

.slider-track {
  display: flex;
  gap: 11px;
  transition: transform 0.42s cubic-bezier(0.2, 0.9, 0.2, 1);
  will-change: transform;
}

.impactCard {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background: #ddd;
}

.impactCard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center top;
}

.impactCard::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70%;
  background: linear-gradient(178deg, rgba(12, 0, 3, 0) 0%, #0c0003 100%);
  pointer-events: none;
}

.slide-caption {
  font-family: var(--font-family);
  position: absolute;
  left: 30px;
  bottom: 18px;
  color: var(--white);
  z-index: 5;
  font-weight: 600;
  font-size: 22px;
  line-height: 116%;
  letter-spacing: -0.03em;
}

.carousel-controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28px;
  display: flex;
  justify-content: center;
  gap: 12px;
  z-index: 40;
}

.howWeDrive {
  .carousel-controls {
    bottom: -75px;
  }
}

.carBtn {
  border-radius: 12px;
  background: linear-gradient(180deg, #364153 0%, #1a202a 100%);
  color: var(--white);
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.55s ease-in-out;

  i {
    transition: var(--transition);
    font-size: 12px;
  }
}

.carBtn:hover {
  background: linear-gradient(180deg, #1a202a 0%, #364153 100%);

}

.carBtn.eventNoVideo {
  background: rgba(54, 65, 83, 0.32);
}

.valid-tooltip,
.invalid-tooltip {
  padding: 0.2rem 0.5rem !important;
  font-size: 0.675rem !important;
}

form.grid>div:nth-child(n + 5) {
  grid-column: 1 / -1;
}

form.grid>div:has(textarea),
form.grid>div:has([type="checkbox"]),
form.grid>div.col-span-full {
  grid-column: 1 / -1;
}

form.grid input[type="checkbox"] {
  flex-shrink: 0;
}

form.grid>div:has([type="submit"]),
form.grid>div.col-span-full:has(button[type="submit"]) {
  margin-top: 0.5rem;
}

/* Shiny Button Animation Keyframes */
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@keyframes shiny-btn1 {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

#featuredSessionsCarousel {
  .owl-stage-outer {
    overflow: visible;
  }

  .item {
    opacity: 0.8;
    transition: .4s ease all;
    transform: scale(.87);
    width: 100%;
    padding-top: 35px;

    .video-bg-container {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background: var(--black);

      iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%) scale(3);
        opacity: 0;
        transition: opacity 1s ease;
        pointer-events: none;
      }

      iframe.loaded {
        opacity: 1;
      }
    }

    .seccionWrap {
      position: relative;
      border-radius: 16px;
      overflow: hidden;

      &::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        background: linear-gradient(to bottom, #00000017 0%, rgba(12, 0, 3, 0.39) 30%, rgba(12, 0, 3, 0.8) 70%, #0c0003 100%);
        z-index: 3;
      }
    }

    img {
      width: 100% !important;
      border-radius: 12px;
      transition: .6s ease all;
      height: 424px;
      position: relative;
      z-index: 2;
      object-fit: cover;
    }

    &.video-playing img {
      opacity: 0;
    }
  }

  .active .item {
    opacity: 1;
    transform: scale(1.06);
    padding-top: 0;

    img {
      height: 535px;
    }

  }

  .owl-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
  }

  .inner {
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;

    div {
      p {
        font-family: var(--second-family);
        font-weight: 600;
        font-size: 14px;
        line-height: 114%;
        color: var(--white);
        border: 1px solid rgba(213, 235, 255, 0.4);
        border-radius: 167px;
        padding: 4px 8px;
        width: fit-content;
        height: 24px;
        background: rgba(244, 250, 255, 0.3);
        margin: 0 auto 7px;
      }

      h3 {
        color: var(--white);
        font-weight: 600;
        font-size: 36px;
        line-height: 116%;
        letter-spacing: -0.03em;
      }
    }

    button {
      position: relative;
      overflow: hidden;
      padding: 11px 21px;
      font-size: 17px;
      font-weight: 400;
      letter-spacing: -0.022em;
      border-radius: 980px;
      transition: var(--transition);
      display: inline-block;
      width: fit-content;
      cursor: pointer;
      line-height: 124%;
      background: #ffffff57;
      color: var(--white);
      height: fit-content;
      display: none;
      margin-right: 30px;

      i {
        margin-right: 5px;
        font-size: 25px;
        margin-left: -2px;

      }
    }
  }

  .inner {
    z-index: 4;
  }

  .inner a {
    color: var(--white);
    text-decoration: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    transition: .3s ease border-color;
  }

  .inner a:hover {
    border-color: var(--white);
  }

  .black .inner a {
    color: var(--black);
    border-color: rgba(0, 0, 0, 0.4);
  }

  .black .inner a:hover {
    border-color: var(--black);
  }

  .owl-controls {
    position: absolute;
    margin-top: 300px;
  }
}


.transition-colors,
.transition {
  transition-duration: .55s !important;
}

.exhiHighlightDesc span {
  font-weight: 500;
}

.participationPackages ul {
  padding-left: 20px;

  li {
    list-style-type: disc;
  }
}

#visionary-track img {
  object-position: top;
}

.combinedGallery img {
  object-fit: cover;
}

section {
  overflow-x: hidden;
}

.earlyBirdOff,
.earlyBirdOffer,
#agendaFlow,
.contactFormWrap {
  overflow-x: auto;
}

.newsletter-footer-wrapper {
  overflow-x: visible;
}

.gateway-img {
  display: inline-block;
}

.gateway-img::after {
  content: "";
  position: absolute;
  top: clamp(2px, 1.5vw, 7px);
  left: clamp(-1px, 3.5vw, 0px);
  width: 101.5%;
  height: 100.5%;
  background: #e1f0ff;
  border-radius: 0 16px 16px 0;
  z-index: 1;
}

.gateway-img img {
  position: relative;
  z-index: 2;
  display: block;
}

.whyExhibitImg::after {
  content: "";
  position: absolute;
  top: clamp(8px, 1.5vw, 16px);
  left: clamp(-1px, 3.5vw, 0px);
  width: 100%;
  height: 100%;
  background: #e1f0ff;
  border-radius: 0 24px 24px 0;
  z-index: 1;
}

.whyExhibitImg img {
  width: 98% !important;
  border-radius: 0 24px 24px 0;
  height: 98% !important;
}

.cms-toolbar-expanded header {
  position: static !important;
  top: auto !important;
}

.cms-toolbar-expanded .heroSubPage,
.cms-toolbar-expanded .homePageBanner,
.cms-toolbar-expanded .visitorResources .container,
.cms-toolbar-expanded .dynamicGallerySec .container,
.cms-toolbar-expanded .contactBanner .container, .cms-toolbar-expanded .contactBanner, .cms-toolbar-expanded #fraudTicker {
  margin-top: 0 !important;
}

.gatewayEvent ul li {
  font-size: 18px;
  line-height: 144%;
  letter-spacing: -0.02em;
  color: var(--white);
  margin-bottom: 20px;
}

.gatewayEvent ul li svg {
  display: inline-block !important;
  fill: #C2C8D561;
  margin-right: 12px;
}

.dynamicGallerySec ul li button {
  border-color: #e1f0ff;
}
.vrSection .vr-card-img {
object-fit: cover;
object-position: top;
}
/* Responsiveness Starts */
@media (min-width: 992px) {

  .testimonial-card .normal-content {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }

  .testimonial-card:hover .hover-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .testimonial-card:hover .normal-content {
    opacity: 1 !important;
  }

  .otm-event-cta {
    flex: 0 0 auto;
    margin-left: 2rem;
  }

  .exiBox {
    position: relative;
    padding-right: 1.5rem;
  }

  .exhiTitle br {
    display: none;
  }

  header {
    li {
      a {
        transition: color 0.3s ease;
      }
    }
  }
}

@media (max-width: 1199.98px) {
  header {
    li {
      .otm-nav-link {
        padding: 8px 0 !important;
        font-size: 20px;
      }
    }
  }

  .modal {
    .modal-dialog {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;

      .modal-content {
        max-width: 100% !important;
        position: relative;
        padding: 0;
        border-radius: 12px;

        .modal-header {
          position: absolute;
          right: 7px;
          z-index: 10;
          top: -40px;
        }

        .modal-body {
          padding: 0;
          border-radius: 12px;
          overflow: hidden;
        }
      }
    }
  }
}

@media (min-width: 1200px) {
  .resourcesSection .row>[class*="col-"]:nth-last-child(-n + 4) {
    padding-bottom: 0 !important;
  }

  .resourcesSection .row {
    --bs-gutter-x: 2.8rem !important;
  }

  .overlayContent {
    max-width: 79%;
  }

  .testiContact {
    margin-top: 1.5rem !important;
    position: relative;
    width: 100%;
    align-items: center;

    div {
      width: 100%;
    }

    p:last-child {
      line-height: 1.2;
    }
  }

  #exiSpeaks.exiSpeaksWhite .col-md-6.col-xl-3:not(:last-child)::before {
    height: 185px !important;
    background: linear-gradient(to bottom, transparent, #c9eaff, transparent);
    width: 2px;
  }

  .exhiTitle br {
    display: none;
  }

  #exiSpeaks .row>.col-md-6.col-xl-3:not(:first-child) {
    padding-left: 1rem;
  }

  .testimonial-track {
    padding-left: 0;
  }

  .no-right-border,
  .testimonial-slide.no-right-border {
    border-right: 0 !important;
  }

  .howWeDrive {
    overflow-x: hidden;
  }

  .testimonial-card .hover-overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  }

  header li:hover .otm-caret-desktop {
    transform: rotate(-180deg);
  }

  header li:hover i:not(.otm-caret-desktop i) {
    transform: rotate(-180deg);
  }

  header li {
    border-bottom: 3px solid transparent;
  }
  header li.selected, header li.ancestor {
    border-color: #FF004D;
  }
  header li:hover {
    border-color: #ffa5b6;
  }

  header li.selected .otm-caret-desktop, header li.selected .otm-caret-desktop i, header li.ancestor > a, header li.ancestor > .otm-nav-link, header li.ancestor .otm-caret-desktop, header li.ancestor .otm-caret-desktop i, header li.selected a, header li.ancestor a  {
    color: var(--dark) !important;
  }
  header li .otm-dropdown-content a {
      border: none !important;
  }

  .otm-nav-dropdown:hover .otm-dropdown-desktop {
    display: block;
  }

  .otm-caret-desktop {
    pointer-events: none;
  }

  .otm-footer {
    margin-left: 20px;
    margin-right: 20px;
  }

  .modal {
    .modal-dialog {
      position: relative;
      width: 60% !important;
      height: 100% !important;

      .modal-content {
        max-width: 100% !important;
        padding: 0;
        border-radius: 20px;
        position: relative;

        .modal-header {
          position: absolute;
          right: 0;
        }
      }
    }
  }

  .visitorResources h3 {
    max-width: 75%;
  }

  .resourcesSection h3 {
    max-width: 100%;
    width: 100% !important;
  }

  .resourcesSection .resourcesCard .vr-card-img {
    height: 315px;
    object-position: top center;
    object-fit: cover;
  }

  .testimonial-card {
    height: auto;

    &::after {
      opacity: 0;
      display: none;
    }

    .video-bg-container img {
      transform: scale(0.15);
      transform-origin: 48px calc(100% - 0px);
      border-radius: 60px;
    }

    .hover-overlay .text-white,
    .hover-overlay .play-btn {
      opacity: 0;
      transition: opacity 0.5s ease;
    }

    &:hover .hover-overlay .text-white,
    &:hover .hover-overlay .play-btn {
      opacity: 1;
      transition-delay: .55s;
    }
  }
}

.otm-nav-toggle {
  display: none;
}

.otm-mobile-menu-item {
  display: none;
}

.otm-nav-link-desktop {
  display: inline-block;
}

.otm-caret-desktop {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  color: inherit;
}


@media (min-width: 1024px) and (max-width: 1199.98px) {
  .howWeDrive {
    overflow-x: hidden;
  }

  .newsletter-card-over {
    padding: 1.6rem 1.6rem;
    margin: 0 2.5rem -13.5rem !important;
.md\:w-\[200px\] {
  width: auto !important;
}
   
    .newsletter-form {
      margin-left: 1rem;

    }
  }

  .testimonial-card {
    border-radius: 12px;
  }

  .testimonialSection {
    div:has(h2) {
      margin-bottom: 1rem;
    }
  }

  #exiSpeaks {
    .exiBox {
      min-height: 240px;
    }

    overflow: hidden;

    h2 {
      margin-bottom: 2.5rem;
    }

    p {
      width: 70%;
      margin: auto;
      text-align: center;
    }

    div.flex {
      margin-left: auto;
      margin-right: auto;
      width: fit-content;
    }
  }

  #exiSpeaks .row>[class*="col-"]:nth-child(n + 3):nth-child(-n + 4) .exiBox {
    min-height: 215px !important;
  }

  #exiSpeaks .col-md-6.col-xl-3:not(:last-child)::before {
    top: 29%;
    right: 2%;
  }

  #exiSpeaks .col-md-6.col-xl-3:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 34%;
    right: 2%;
    transform: translateY(-50%);
    height: 185px;
    width: 1px;
    background: linear-gradient(to bottom, transparent, #ffffff42, transparent);
  }

  #exiSpeaks .col-md-6.col-xl-3:nth-child(-n + 2)::before {
    top: unset;
    right: unset;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, transparent, #ffffff42, transparent);
    bottom: 20%;
  }

  #exiSpeaks.exiSpeaksWhite .col-md-6.col-xl-3:not(:last-child)::before {
    background: linear-gradient(to right, transparent, #66666629, transparent);
  }

  #exiSpeaks.exiSpeaksWhite .col-md-6.col-xl-3:nth-last-child(2)::before {
    background: linear-gradient(to bottom, transparent, #66666629, transparent);
  }

  .video-slider-wrapper {
    .carBtnWrap {
      margin-top: 2.5rem !important;
    }

    max-width: 340px;

    .video-main {
      height: 450px;
    }

    .video-side {
      height: 375px;
      width: 250px;
    }
  }

  .heroSec {
    .heroSecCol {
      padding-top: 0.5rem;
    }

    .bannerStats {
      margin-top: 0 !important;
    }
  }

  #exiSpeaks.exiSpeaksWhite .col-md-6.col-xl-3:nth-child(1)::after {
    background: linear-gradient(to bottom, transparent, #66666629, transparent);
  }

  .transformBusiness .slide-caption {
    left: 25px;
  }

  .combinedGallery .absolute.overflow-hidden {
    overflow: visible !important;
  }

  .successRowRight .flex-wrap.gap-4 {
    gap: 0 !important;
  }

  #exiSpeaks.exiSpeaksWhite {
    padding-bottom: 0 !important;
  }

  #featuredSessionsCarousel h3 {
    font-size: 26px !important;
  }

  .otm-footer-logo img {
    width: 385px;
    height: 150px;
  }

  .hero-stats {
    &>div:first-child {
      font-size: 22px;
    }

    &>div:last-child {
      font-size: 14px;
    }
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  section:has(.exiSpeaksWhite) {
    padding: 5rem 0 !important;
    margin-bottom: 36px;
  }

  #featuredSessionsCarousel {
    & .item {
      min-height: unset;
      padding-top: 0;

      & .seccionWrap {
        aspect-ratio: 16 / 9;
      }
    }

    & .inner {
      bottom: 1rem;

      & div {
        & p {
          font-size: 12px;
          padding: 3.3px 8px;
          height: 20px;
          margin: 0 auto 5px;
        }
      }

      & h3 {
        font-weight: 500 !important;
        font-size: 28px !important;
      }
    }

    .owl-stage-outer {
      min-height: unset !important;
    }
  }

  .gatewayEvent ul li {
    text-align: center;
  }

  .packCard:nth-child(2) {
    box-shadow: none !important;
    border: 1px solid #d5ebff;
  }

  .heroSubPage,
  .participationPackages h2 {
    text-align: center;
  }

  .heroSubPage p {
    margin: auto;
  }

  .homePageBanner .bannerLogo {
    width: 25%;
  }

  .homePageBanner .mainBtn {
    height: 52px;
  }

  .otm-footer .no-padd-left {
    padding-left: 0;
  }

  .otm-events-slide .otm-event-row:last-child {
    padding-bottom: 0;
  }

  .otm-events-slide {
    flex-shrink: unset;
  }

  .resourcesSection .row>[class*="col-"]:nth-last-child(-n + 3) {
    padding-bottom: 0 !important;
  }

  .heroSec {
    video {
      height: 100% !important;
      object-fit: cover;
      width: 100%;
    }
  }

  #visionary-track .vision-card img {
    object-position: center top;
    height: 285px;
  }

  .vr-card-img {
    height: 220px;
  }

  .floorPlanText {
    font-size: 18px;
  }

  #exiSpeaks {
    p {
      text-align: center;
    }

    div.flex {
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
    }
  }

  .participationPackages {
    .accordion-button::after {
      background-size: 20px !important;
    }
  }

  .earlyBirdOffer {
    .offerLabel {
      font-size: 20px !important;
    }

    .offerRate {
      font-size: 22px !important;
    }
  }

  .packageimage img {
    object-position: center;
  }

  #exiSpeaks .row>[class*="col-"]:nth-child(n + 3):nth-child(-n + 4) .exiBox {
    min-height: unset !important;
  }

  .galleryCard {
    height: 270px;

    .imagepreview {
      gap: 22px;
      opacity: 1;

      & a {
        width: 44px !important;
        height: 44px !important;

        & i {
          font-size: 16px;
        }
      }
    }
  }

  .otm-footer {
    margin-left: 12px;
    margin-right: 12px;
  }

}

@media (min-width: 800px) and (max-width: 1199.98px) {
  .whyAttendImg {
    height: 240px !important;
  }

  .resourcesSection .resourcesCard .vr-card-img {
    height: 315px !important;
  }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .mobileGatewayImg {
    height: auto !important;
    width: auto !important;
  }
  .resourcesSection .resourcesCard .vr-card-img {
    height: 345px !important;
  }

  .galleryCard {
    height: 320px !important;
  }

  .heroSubPage {
    text-align: start;

    p {
      margin: 0;
    }
  }

  section.earlyBirdOffer .container>div {
    padding-left: 1px;
  }

  section.earlyBirdOffer .container .earlyCard2 .bg-white {
    padding: 3rem 1rem;
  }

  section.earlyBirdOffer .container .earlyCard2 .price-row:not(:first-child) {
    margin-top: 20px;
  }

  section.earlyBirdOffer .container .float-right {
    margin-top: -3.25rem !important;
  }

  .exiBox {
    min-height: 195px !important;
  }

  .mumbaiGateway .row {
    align-items: stretch !important;

    .gateway-img {
      height: 100%;

      img {
        height: 100%;
      }
    }
  }

  .participationPackages {
    h2 br {
      display: block !important;
    }

    .packName {
      width: 40%;
    }

    .packDesc {
      width: 60%;
    }
  }
}

.otm-dropdown-desktop {
  position: absolute;
  top: 78px;
  left: 0;
  border-radius: 12px;
  padding: 10px 0;
  display: none;
  z-index: 2000;
  width: fit-content;
  a{
font-weight: 400 !important;
font-size: 16px;
letter-spacing: -0.02em;
color: #000;
line-height: 0;
height: 45px;
max-height: 45px;
  }
}

.otm-dropdown-desktop .otm-dropdown-item {
  padding: 24px 32px 24px 12px;
  white-space: nowrap;
  border-radius: 8px;
}
.otm-dropdown-desktop .otm-dropdown-item:last-child {
  border-bottom: 1px solid transparent !important;
}
.otm-dropdown-desktop .otm-dropdown-content{
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  padding: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #f6f6f8;
}

.otm-dropdown-desktop .otm-dropdown-item:hover {
  background: #f6f6f8;
  color: var(--otm-pink);
}

@media (max-width: 576px) {
  .testimonial-card {

    .overlayContent {
      width: 100%;

      div {
        width: 100%;
      }
    }
  }

  .newsletter-input-wrap {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    border-radius: 12px;
    height: 127px;

    input {
      margin: 0 1.2rem 0 0.8rem;
      padding: 0;
      font-size: 14px;
      border-bottom: 1.5px solid #ffffff42;
      border-radius: 0;
    }
  }

  .video-side {
    width: 84%;
    top: 36px;
  }

  .video-side-left {
    left: -2%;
  }

  .video-side-right {
    right: -2%;
  }

  .live-card {
    width: 362px;
    height: 295px;

    live-card-avatar {
      width: 32px;
      height: 32px;

      img {
        width: 18px;
        height: 18px;
      }
    }

    .live-card-name {
      font-size: 17px;
    }

    .live-card-handle {
      font-size: 14px;
    }

    .live-card-platform {
      font-size: 26px;
    }

    .live-card-image {
      margin: 0.5rem 0.8rem 0.2rem 0.8rem;
    }

    .live-card-footer {
      font-size: 11px;
      padding: 0.5rem 1.1rem 0.8rem 1.1rem;

      i {
        font-size: 12px;
      }
    }
  }

  .galleryCard {
    height: 167px;
    border-radius: 10px;

    .imagepreview {
      bottom: 9px;

      .fancy-fullscreen,
      a {
        width: 32px;
        height: 32px;

        i {
          font-size: 15px;
        }
      }
    }

    img {
      border-radius: 10px;
    }
  }
}

.event-recap-btns {
  max-width: 100%;
  overflow-x: auto;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

.event-recap-btns.can-drag {
  cursor: grab;
  user-select: none;
}

.event-recap-btns.active {
  cursor: grabbing;
}

@media (min-width: 768px) {

  .gatewayEvent {
    overflow: visible;
  }

  .testimonial-card {
    padding: 0;
  }

  .otm-footer {
    background: #002446;
    color: #8f8fa6;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-top: 10.5rem;
    position: relative;
    z-index: 1;
    padding-left: 5rem;
  }

  .otm-event-row:hover .otm-event-thumb {
    display: block;
  }

  .otm-event-row:hover .otm-pass-btn {
    background: #ff2960;
    border-color: #ff2960;
    color: var(--white);
    box-shadow: 0 12px 26px rgba(255, 41, 96, 0.45);
  }
}

@media (max-width: 767.98px) {
  section:has(.exiSpeaksWhite) {
    padding: 1.75rem 0 !important;
    margin-bottom: 28px;
  }

  .quote-mark {
    font-size: 7rem;
    height: 58px;
  }

  .gatewayEvent ul li svg {
    margin-right: 7px;
    height: 18px;
    width: 17px !important;
  }

  .gatewayEvent ul li {
    margin-bottom: 10px;
    text-align: center;
  }

  .indianMarket .row .row {
    margin: 0px;
  }

  .whyExhibit .stats-grid-h-line {
    height: 1.9px !important;
  }

  .whyExhibit .stats-grid-v-line {
    width: 1.4px !important;
  }

  .indianMarket p br,
  .whyExhibit p br {
    display: block;
    margin-top: 5px;
  }

  .heroSubPage .mainBtn {
    padding: 16px 28px;
  }

  .homePageBanner .mainBtn {
    height: 50px;
  }

  .mumbaiGateway p br,
  .heroSubPage h1 br,
  .privacyFooter br {
    display: none;
  }

  .video-recap-modal .modal-content {
    border-radius: 15px !important;
    border: none !important;
    background: transparent !important;
  }

  .video-recap-modal .modal-body {
    background: transparent !important;
  }

  .video-recap-modal .modal-body iframe,
  .video-recap-modal .modal-body video {
    aspect-ratio: 16 / 9;
    height: auto !important;
    border-radius: 15px;
  }

  .testimonialSection h2 br,
  #about h2 br {
    display: none;
  }

  .otm-events-slide .otm-event-row:last-child {
    padding-bottom: 0;
  }

  .gateway-img {
    margin: 0 17px;
  }

  .gateway-img img {
    border-radius: 16px;
  }

  .gateway-img::after {
    left: clamp(-8px, 3.5vw, -6px);
    width: 103.5%;
    border-radius: 16px;
  }

  .hero-stats {
    padding-right: 0 !important;

    &:nth-child(n+3)::before {
      content: "";
      position: absolute;
      top: 0;
      left: 1%;
      height: 1.5px;
      width: 98%;
      background: linear-gradient(to right, transparent, #ffffff1a, transparent);
    }

    &:nth-child(odd)::after {
      content: "";
      position: absolute;
      right: 0;
      top: 20%;
      height: 60%;
      width: 1.5px;
      background: linear-gradient(to bottom, transparent, #ffffff1a, transparent);
    }
  }

  .resourcesSection .row>[class*="col-"]:nth-last-child(-n + 2) {
    padding-bottom: 0 !important;
  }

  .participationPackages ul {
    padding-left: 30px;
  }

  .contactDesc br {
    display: none;
  }

  .mainBtn,
  .otm-pass-btn {
    font-size: 14px;
    line-height: 1.42859;
    letter-spacing: -.016em;
    min-width: 30px;
    background: var(--primary);
    color: var(--white);
    border: 1px solid transparent;
    box-sizing: border-box;
  }

  .pill-tabs .nav-link,
  .meetTabs li button {
    font-size: 14px;
    line-height: 1.42859;
    letter-spacing: -.016em;
    min-width: 30px;
    padding: 7px 15px;
    border: 1px solid transparent;
    box-sizing: border-box;
    white-space: nowrap;
    height: auto;
  }

  .otm-pass-btn {
    border-color: var(--primary);
  }

  .otm-event-cta {
    text-align: center;
  }


  .stillQuestions .row .col-md-6:last-child .pattern-overlay {
    background-image: linear-gradient(90deg,
        #040b17 0%,
        #1c0210fc 35%,
        #360c22 65%,
        #3e0e22 100%);
  }

  .combinedGallery .container {
    max-width: 100% !important;
  }

  .gatewayEvent,
  .banner {
    overflow: hidden;
  }

  .vr-card-img {
    height: 185px;
  }

  .resourcesSection .vr-card-img {
    height: 350px;
  }

  .testimonialSection {
    overflow: hidden;
  }

  .feature-card-img {
    height: 190px;
  }


  .banner {
    .container-fluid {
      padding: 0;
    }
  }

  .otm-nav-link {
    -webkit-tap-highlight-color: transparent;
  }

  .otm-nav-link:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  .pill-tabs .nav-link {
    background: rgba(30, 30, 30, 0.06);
  }

  .howWeDrive .slideimpact {
    height: 350px !important;
  }

  .slide-caption {
    left: 20px;
    bottom: 16px;
    font-size: 18px;
  }

  footer {
    .otm-footer-logo img {
      right: unset;
      bottom: 10rem;
      width: 307px;
      height: 112px;
    }

    .footer-heading {
      margin-bottom: 1.2rem;
    }

    .footer-heading,
    .footer-link-list a,
    .footer-link,
    .footer-text {
      font-size: 16px !important;
    }
  }

  .newsletter-footer-wrapper {
    .newsletter-card-over {
      margin: 0 0 -28rem 0;
      padding: 1.5rem 1rem;
      background-image: linear-gradient(to top, #0160b9 0%, #00407b 100%);

      p {
        font-size: 16px;
      }

      h2 {
        font-size: 28px !important;
        line-height: 115% !important;
      }
    }
  }

  .otm-footer {
    border-radius: 10px 10px 0 0;
    background: #002446;
  }

  .faqSection {
    .faq-item {
      button {
        padding: 15px 13px;

        span:nth-child(1) {
          font-size: 18px;
          width: 80%;
          text-align: start;
        }

        .faq-icon {
          height: 16px;
          width: 16px;

          svg:not(:root) {
            width: 11px !important;
            height: 11px !important;
          }
        }
      }

      .faq-panel {
        padding: 13px 0;
        margin: 0 13px 0 13px;

        p {
          width: 100%;
        }
      }
    }
  }

  .testimonial-card {
    border-radius: 10px;

    p:nth-child(1) {
      font-size: 18px;
      margin-bottom: 4px;
    }
  }

  .otm-events-section {
    .otm-event-main {
      align-items: start;
      width: 100%;
      gap: 18px;

      .otm-event-name {
        font-size: 18px;
        margin-bottom: 0;
      }

      .otm-event-meta {
        font-size: 14px;

        i {
          font-size: 16px;
        }
      }
    }

    .count-box {
      min-width: unset;
    }

    .count-number {
      font-size: 18px;
    }

    .count-label {
      font-size: 14px;
      margin-top: 4px;
    }
  }

  .exiBox {
    padding: 18px 0;
  }

  .row>.col-md-6:last-child .exiBox {
    padding-bottom: 0 !important;
  }


  .logo-card {
    padding: 1.75rem 2rem;
    min-width: 150px;
  }

  .whoYouMeetSec {
    .logo-track {
      gap: 10px;
    }

    .logo-card {
      width: 200px;
      height: 115px;
      min-width: unset;

      img {
        max-width: 72px;
        max-height: 70px;
      }
    }
  }

  .impactCard {
    min-width: 100%;
    height: 300px;
  }

  .transformBusiness .impactCard {
    height: 245px;

    img {
      object-position: center top;
    }
  }

  .left-card {
    margin-bottom: 12px;
  }

  .col-span-full:has(#submit_btn) {
    text-align: center;
  }

  .newsletter-btn {
    width: 100%;
    text-align: center;
  }

  .otm-footer {
    margin-top: -30px;
    padding-top: 16.5rem;
  }

  .otm-events-list {
    margin-top: 18px;
  }

  .otm-event-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 0;
  }

  .otm-events-slide {
    flex-shrink: unset;
  }

  .otm-event-thumb {
    display: block;
    width: 100%;
    height: 200px;

    img {
      width: 100%;
      margin: 0 auto;
      border-radius: 8px;
      object-position: top;
    }
  }

  .otm-event-countdown {
    width: 100%;
    justify-content: space-between;
  }

  .otm-event-cta {
    width: 100%;
  }

  .left-card {
    padding: 16px 25px 20px 13px;
    border-radius: 10px;
  }

  .container {
    --bs-gutter-x: 2rem;
  }


  .video-slider-wrapper {
    max-width: 80%;
  }

  .video-main {
    height: 315px;
  }

  .video-side {
    height: 278px !important;
    filter: grayscale(100%) blur(1px);
  }

  .video-play-btn .play-circle {
    width: 50px !important;
    height: 50px !important;
  }

  .video-play-btn i {
    font-size: 22px !important;
  }

  .exhiTitle br {
    display: block;
  }

  #exiSpeaks .col-md-6.col-xl-3:not(:last-child)::before,
  #exhiHighlight .grid .statsBox:not(:last-child)::before {
    top: unset;
    bottom: 0%;
    right: unset;
    height: 1.5px;
    width: 98%;
    background: linear-gradient(to right, transparent, #ffffff1a, transparent);
  }

  #exiSpeaks.exiSpeaksWhite .col-md-6.col-xl-3:not(:last-child)::before {
    background: linear-gradient(to right, transparent, #66666629, transparent);
  }

  #exiSpeaks {
    overflow: hidden;

    .arrowIcon {
      height: 20px;
      width: 20px;

      i {
        font-size: 11px;
      }
    }

    div.flex {
      >span.counter {
        font-size: 50px;
      }
    }

    p {
      font-size: 16px;
    }
  }

  .faqImg img {
    object-position: center top;
  }

  .whyExhibit {
    .btnGlobal {
      font-size: 16px;
    }

    .exhibitStat {
      font-weight: 500;
      font-size: 24px;
    }

    .exhibitText {
      font-size: 14px;
      margin-top: 7px;
    }

    .row .col-6 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .whyExhibitImg {
      border-radius: 16px;

      img {
        height: 245px !important;
        object-position: center top;
        margin: auto;
        border-radius: 16px;
        width: 96% !important;
      }

      &::after {
        border-radius: 16px;
      }
    }
  }

  .participationPackages {
    h2 br {
      display: block !important;
    }
  }

  .earlyBirdOffer {
    .offerLabel {
      font-size: 16px;
    }

    .offerRate {
      font-size: 18px;
    }
  }

  .floorPlanText {
    font-size: 10px;
    white-space: nowrap;
  }

  .sponsorOpp {
    background-image: linear-gradient(90deg,
        #040b17 0%,
        #270a1a 35%,
        #3a0f27 65%,
        #4f0e29 100%) !important;
  }

  .exhibitorShowcase {
    .logo-track {
      gap: 7px;
    }

    .logo-card {
      padding: 0;
      border-radius: 6px;
      width: 145px;
      min-width: unset;
      height: 79px;

      img {
        max-width: 72px;
        max-height: 72px;
      }
    }
  }

  .sponsorOpp h3 {
    max-width: 82% !important;
  }

  #featuredSessionsSection {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
  }

  #featuredSessionsCarousel {
    margin-left: -54px;
    width: calc(100% + 54px);
  }

  #featuredSessionsCarousel .owl-item {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }

  #featuredSessionsCarousel .owl-item.active,
  #featuredSessionsCarousel .owl-item.active+.owl-item {
    opacity: 1;
    pointer-events: auto;
  }

  #featuredSessionsCarousel .item {
    transform: scale(1) !important;
    padding-top: 0;
  }

  #featuredSessionsCarousel .item img {
    height: 240px !important;
    object-fit: cover;
    border-radius: 12px;
  }

  #featuredSessionsCarousel .inner {
    bottom: 12px;
    left: 0;
    right: 0;
  }

  #featuredSessionsCarousel .inner div {
    padding-left: 0;
    display: flex;
    flex-direction: column;
  }

  #featuredSessionsCarousel .inner div h3 {
    font-size: 18px;
    font-weight: 500;
  }

  #featuredSessionsCarousel .inner div p {
    font-weight: 500;
    font-size: 12px;
    height: 20px;
    padding: 2px 8px;
  }

  #featuredSessionsCarousel .inner .play-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    font-size: 0;
    color: transparent;
    margin-right: 0;
  }

  #featuredSessionsCarousel .inner .play-btn i {
    font-size: 18px;
    color: var(--white);
    margin: 0;
  }

  #featuredSessionsSection .carBtnWrap button {
    background: linear-gradient(180deg, #364153 0%, #1a202a 100%);
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.55s ease-in-out;
  }

  .featuredSessions .carBtnWrap {
    margin-top: 1.5rem;
  }

  .contactForm form .mainBtn {
    margin-bottom: 0 !important;
    margin-top: 5px;

  }

  form textarea.fomrTextarea {
    min-height: 118px !important;
  }

  .visitorResources h3 {
    max-width: 80%;
  }

  .visitorResources .col-md-4:not(:last-child) {
    padding-bottom: .8rem;
  }
}

@media (max-width: 1023.98px) {
  .otm-events-window {
    transition: height 0.85s cubic-bezier(0.65, 0, 0.35, 1);
  }

  .otm-events-track {
    align-items: flex-start;
  }

  .testimonial-card {
    border-radius: 10px;

    &::after {
      display: none;
    }
  }

  .otm-nav-left,
  .otm-nav-right {
    display: none;
  }

  .otm-nav-link-desktop,
  .otm-dropdown-desktop,
  .otm-caret-desktop {
    display: none;
  }

  .otm-mobile-menu-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }

  .otm-mobile-menu-item .otm-nav-link {
    padding: 8px 0;
    display: inline-flex;
    align-items: center;
  }

  .otm-mobile-dropdown-toggle {
    background: transparent;
    border: none;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--dark);
  }

  .otm-mobile-menu-item .otm-mobile-dropdown-toggle .caret {
    font-size: 10px;
    transition: transform 0.3s ease;
  }

  .otm-mobile-menu-item .otm-mobile-dropdown-toggle[aria-expanded="true"] .caret {
    transform: rotate(-180deg);
  }

  .otm-mobile-menu-item .otm-dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
    padding: 0 0 8px 24px;
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    float: none;

    li a {
      font-size: 16px;
    }
  }

  .otm-mobile-menu-item .otm-dropdown-item {
    padding: 8px 0;
    background: transparent;
    color: #181820;
  }

  .otm-mobile-menu-item .otm-dropdown-item:hover,
  .otm-mobile-menu-item .otm-dropdown-item:focus {
    background: transparent;
    color: var(--primary);
  }

  .heroSec {
    .container {
      --bs-gutter-x: 0 !important;
    }
  }

  .hero-stats {
    padding: 16px 25px;
    padding-left: 0;

    &>div:first-child {
      font-weight: 500;
      font-size: 24px;
      line-height: 100%;
    }

    &>div:last-child {
      font-size: 14px;
      line-height: 100%;
    }
  }
}

/* Tab Devices Starts */
@media (min-width: 768px) and (max-width: 800px) {
  .newsletter-card-over {
    padding: 3.5rem 2rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {

  .resourcesSection p {
    max-width: 95%;
  }

  .indianMarket,
  .whyExhibit {
    text-align: center;
    margin: auto;
    width: 80%;
  }

  .bannerImage,
  .participationPackages,
  .earlyBirdOffer {
    margin: auto;
    width: 80%;
  }

  .gateway-img::after {
    left: clamp(-10px, 3.5vw, -8px);
    border-radius: 16px;
    width: 102%;
  }

  .gateway-img {
    margin: 0 17px;
  }

  .gateway-img img {
    border-radius: 16px;
  }

  .mumbaiGateway .container-fluid {
    padding: 0 12px !important;
  }

  #exhiHighlight .col-lg-5 .relative {
    margin: 0 12px 12px 12px;
  }

  #visionary-track .vision-card img {
    height: 310px !important;
    object-position: center top;
  }

  .vr-card-img {
    height: 235px;
  }

  .visitorResources .vr-card-img,
  .sessionFormat .vr-card-img {
    height: 215px;
  }

  .resourcesSection .resourcesCard .vr-card-img {
    height: 270px;
  }

  .banner .row {
    --bs-gutter-y: .7rem;
  }

  .bannerImage img {
    height: 440px !important;
  }

  .expertFeatures .feature-card-img {
    height: 182px;
  }

  .exhiHighlightImg {
    max-width: 80%;
  }

  .heroSec {
    .heroSecBtn {
      flex-wrap: unset !important;
    }

    .bannerStats {
      grid-template-columns: repeat(4, 1fr) !important;

      > :nth-child(3)::before {
        left: -4% !important;
      }
    }
  }

  .slide-caption {
    right: 30px;
  }
}

@media (max-width: 991.98px) {
  .packCard:nth-child(2) {
    transform: scale(1.1);
    box-shadow:
      0 15px 33px 0 rgba(0, 0, 0, 0.1),
      0 60px 60px 0 rgba(0, 0, 0, 0.09),
      0 135px 81px 0 rgba(0, 0, 0, 0.05),
      0 240px 96px 0 rgba(0, 0, 0, 0.01),
      0 375px 105px 0 rgba(0, 0, 0, 0);
  }

  .price-row,
  .earlyCard2 .price-row {
    grid-template-columns: 1fr 24px 1fr !important;
    width: 88%;
  }

  .offerLabel {
    font-size: 16px !important;
  }

  .offerRate {
    font-size: 18px !important;
  }

  .btn-toggle i {
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 30px;
    margin-top: 4px;
  }

  .btn-toggle.collapsed i {
    transform: rotate(180deg);
  }

  .participationPackages {
    .accordion-item {
      border: none !important;
      border-bottom: 1px solid #cbcbd1 !important;
      border-radius: 0 !important;
      background: transparent !important;
    }

    .accordion-button {
      transition: padding 0.35s ease;
    }

    .accordion-button:not(.collapsed) {
      color: var(--secondary) !important;
      padding-bottom: 0.4rem !important;
    }

    .accordion-button::after {
      background-size: 16px;
    }
  }

  .otm-navbar {
    background: var(--white);
  }

  .participationPackages ul {
    margin-bottom: 15px;
  }
}

@media (max-width: 360px) {
  .resourcesSection {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .exhiHighlightCard {
    padding: 20px 15px !important;
  }

  .vr-card-img {
    height: 170px;
  }

  .heroSubPage .bannerImage {
    height: 230px;
  }

  footer .otm-footer-logo img {
    max-width: 91%;
  }

  .banner p {
    max-width: 98%;
  }

  .whyExhibit .whyExhibitImg img {
    height: 225px !important;
  }

  .price-row,
  .earlyCard2 .price-row {
    width: 100%;
  }

  .visitorResources h3 {
    max-width: 75%;
  }

  .successRow h3,
  .stillQuestions h3 {
    max-width: 90% !important;
  }

  .stillQuestions p {
    max-width: 100% !important;
  }

  h2 {
    margin-top: 0 !important;
  }

  .gallery-slide .grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }

  .galleryCard {
    height: 300px;

    .gallery-play-btn {
      width: 41px;
      height: 41px;

      i {
        font-size: 17px;
      }
    }

    & .imagepreview {

      & .fancy-fullscreen,
      & a {
        width: 41px;
        height: 41px;

        i {
          font-size: 17px;
        }
      }
    }
  }

  #featuredSessionsCarousel {
    .inner {
      bottom: 14px;
      left: 11px;
      right: 8px;
      flex-wrap: wrap;

      .play-btn {
        width: 36px;
        height: 36px;
      }

      div {
        h3 {
          font-size: 15px;
        }

        p {
          font-size: 14px;
        }
      }
    }
  }

  .contactBanner .container {
    padding: 0;
  }

  .exhiHighlightDesc {
    max-width: 100% !important;
  }

  .exhiHighlightImg {
    height: 220px !important;
  }

  .introducingVisionaries .owl-item .vision-card {
    width: 250px;

    img {
      height: 288px;
      object-fit: cover;
      object-position: center top;
    }
  }

  .bottomInfo {
    font-size: 14px !important;
  }

  .hero-stats {
    &>div:last-child {
      text-align: center;
    }
  }

  .otm-event-meta {
    gap: 20px;
  }
}

@media (min-width: 400px) and (max-width: 767.98px) {
  .galleryCard {
    height: 200px;
  }

  .introducingVisionaries .vision-card .vision-image {
    height: 305px;
  }

  .whyAttend .attendance-card-grid .whyAttendImg {
    height: 200px;
  }

  #packagesAccordion .packageimage {
    height: 255px !important;
  }

  .vr-card-img {
    height: 206px;
    object-fit: cover;
    object-position: center top;
  }

  .resourcesSection .vr-card-img {
    object-fit: unset;
    height: 370px;
  }

  .successImg {
    height: 200px !important;
  }

  .faqSection .faqImg,
  .whyExhibit .whyExhibitImg img {
    height: 265px !important;
  }

  .banner p {
    max-width: 100% !important;
  }

  .packageimage img {
    object-position: center top;
  }

  .feature-card-img {
    height: 225px;
    object-fit: cover;
    object-position: center top;
  }

  .exhiHighlightImg {
    height: 265px !important;
  }

  .transformBusiness .impactCard {
    height: 260px;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  #featuredSessionsCarousel {
    margin-left: -75px;
    width: calc(100% + 75px);
  }
}

@media (min-width: 500px) and (max-width: 575.98px) {
  .introducingVisionaries .vision-card .vision-image {
    height: 345px;
  }

  .mobileGatewayImg {
    height: 555px !important;
  }

  .whyAttend .attendance-card-grid .whyAttendImg,
  .vr-card-img {
    height: 16rem !important;
  }

  .resourcesSection .vr-card-img {
    height: 27rem !important;
  }

  .galleryCard {
    height: 250px;
  }

  #featuredSessionsCarousel .item img {
    height: 282px !important;
  }
}

@media (min-width: 576px) and (max-width: 639.98px) {
  .resourcesSection .vr-card-img {
    height: 315px;
  }

  .gallery-slide .grid {
    padding-right: 1px;
  }

  .galleryCard {
    height: 240px;

    & .imagepreview a,
    & .gallery-play-btn {
      width: 40px !important;
      height: 40px !important;

      & i {
        font-size: 15px !important;
      }
    }
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {

  .newsletter-footer-wrapper .mainBtn {
    margin-bottom: 0;
  }

  .mobileGatewayImg {
    height: 585px !important;
  }

  .whyAttend .attendance-card-grid .whyAttendImg {
    height: 16rem;
  }

  .otm-events-section .row {
    padding: 0 3rem;
  }

  #featuredSessionsCarousel .item img {
    height: 50% !important;
  }

  .earlyBirdLeft {
    text-align: center;
  }
}

@media (min-width: 568px) and (max-width: 767.98px) {
  .vr-card-img {
    height: 160px;
  }

  .participationPackages,
  .earlyBirdOffer {
    width: 80%;
    margin: auto;
  }

  .indianMarket,
  .whyExhibit {
    text-align: center;
    width: 80%;
    margin: auto;
  }

  .whyExhibit .whyExhibitImg img {
    height: 355px !important;
  }

  #packagesAccordion .packageimage {
    height: 285px !important;
  }

  footer {
    .otm-footer-logo img {
      bottom: 9rem;
      right: 6.5%;
    }
  }

  .packCard:nth-child(2) {
    border: 1px solid #d5ebff;
    box-shadow: none;
  }

  .faqImg {
    height: 340px !important;
  }

  .otm-events-section {

    .otm-event-thumb {
      height: 250px;
    }

    .otm-event-cta {
      width: 100%;
    }
  }

  .mainBtn {
    width: fit-content !important;
  }

  .left-card {
    margin-bottom: 0;
  }

  .howWeDrive .slideimpact {
    height: 100% !important;
  }

  #exhibitors .mainBtn {
    padding-left: 30px;
    padding-right: 30px;
  }

  .video-main {
    height: 328px;
  }

  .banner .bannerImage {
    height: 400px;
  }

  .exhiHighlightImg {
    height: 350px !important;
  }

  .packCard:nth-child(2) {
    transform: scale(1.05);
  }

  .introducingVisionaries .container {
    max-width: 100% !important;
  }

  .visitorResources h3 {
    font-size: 18px;
    max-width: 70%;
  }

  .whyExhibit {
    & .whyExhibitImg {
      padding-bottom: 5px;
    }
  }

  .visitorResources p {
    font-size: 16px;
  }

  .resourcesSection p {
    max-width: 95%;
  }

}

@media (min-width: 568px) and (max-width: 639.98px) {
  .transformBusiness .impactCard {
    height: 325px;
  }

  .feature-card-img {
    height: 270px;
  }
}

@media (min-width: 640px) and (max-width: 767.98px) {
  .galleryCard {
    & .imagepreview {
      bottom: 15px;
    }

    & .imagepreview a,
    & .gallery-play-btn {
      width: 38px !important;
      height: 38px !important;

      & i {
        font-size: 15px;
      }

    }
  }

  .introducingVisionaries .vision-card .vision-image {
    height: 285px;
  }

  .mobileGatewayImg {
    width: 85% !important;
  }

  .whyAttend .attendance-card-grid .whyAttendImg {
    height: 12rem;
  }

  .video-main {
    height: 445px;
  }

  .video-side {
    height: 360px !important;
  }

  .whyExhibit .whyExhibitImg img {
    height: 370px !important;
  }

  .visitorResources h3 {
    max-width: 74%;
  }

  .vr-card-img {
    height: 11rem;
  }

}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .testimonialSection h2 br {
    display: block !important;
  }

  .container {
    max-width: 100% !important;
  }

  .pill-tabs .nav-link {
    background: rgba(30, 30, 30, 0.06);
  }

  #exiSpeaks {
    overflow: hidden;
  }

  .otm-footer-logo img {
    right: 1.5%;
    width: 385px;
    height: 150px;
  }

  .otm-footer {
    padding-left: 5px;
  }

  .faqSection .faq-panel p {
    width: 100% !important;
  }

  .otm-event-thumb {
    width: 200px;
    height: 118px;
    display: block;
  }

  .otm-event-main {
    align-items: start;
    gap: 16px;
  }

  #exiSpeaks .col-md-6.col-xl-3:not(:last-child)::before {
    top: 29%;
    right: 1%;
  }

  #exiSpeaks .col-md-6.col-xl-3:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 34%;
    right: 1%;
    transform: translateY(-50%);
    height: 185px;
    width: 1px;
    background: linear-gradient(to bottom, transparent, #ffffff42, transparent);
  }

  #exiSpeaks .col-md-6.col-xl-3:nth-child(-n + 2)::before {
    top: unset;
    right: 16%;
    height: 1px;
    width: 68%;
    background: linear-gradient(to right, transparent, #ffffff42, transparent);
    bottom: 20%;
  }

  .heroSec {
    .container {
      width: 100% !important;
    }

    .row .heroSecCol {
      padding: 0 38px 0 25px !important;
    }

    .hero-stats {
      text-align: center;

      &::before {
        top: unset;
        height: 100%;
        width: 1.5px;
        background: linear-gradient(to bottom,
            transparent,
            #ffffff1a,
            transparent);
        left: -18% !important;
      }

    }
  }

  #exiSpeaks.exiSpeaksWhite .col-md-6.col-xl-3:nth-child(1)::after,
  #exiSpeaks.exiSpeaksWhite .col-md-6.col-xl-3:not(:last-child)::before {
    background: linear-gradient(to bottom, transparent, #66666629, transparent);
  }

  #exiSpeaks.exiSpeaksWhite .col-md-6.col-xl-3:nth-child(-n + 2)::before {
    background: linear-gradient(to right, transparent, #66666629, transparent);
  }

  .transformBusiness {
    .slide-caption {
      left: 25px;
    }

    .impactCard {
      height: 360px;
    }
  }

  #exhiHighlight .col-lg-5 .relative {
    img {
      object-position: top center;
    }
  }

  .visitorResources h3 {
    max-width: 80%;
  }
}

@media (min-width: 992px) and (max-width: 1023.98px) {

  .otm-nav-left,
  .otm-nav-right {
    display: flex !important;
  }

  .otm-mobile-menu-item {
    display: none !important;
  }

  .otm-nav-link-desktop {
    display: inline-block !important;
  }

  .otm-dropdown-desktop {
    position: absolute;
    top: 35px;
    left: -26px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    padding: 10px;
    z-index: 2000;
    width: fit-content;
  }

  .otm-caret-desktop {
    display: inline-flex !important;
  }

  header ul.navbar-nav {
    padding: 0 10px;
    gap: 0;
  }

  .otm-footer {
    margin-left: 8px;
    margin-right: 8px;
  }

  .privacyFooter {
    font-size: 16px;
  }

  .otm-footer-logo img {
    width: 300px;
    height: 105px;
  }

  .newsletter-card-over {
    padding: 3.5rem 1.6rem;

    .col-span-full:has(.mainBtn) {
      margin-left: -4rem;
    }
  }

  .testimonialSection h2 {
    margin-bottom: 1rem;
  }

  .otm-events-section {
    h2 {
      margin-bottom: 1.5rem;
    }

    .contents {
      gap: 1.5rem;
      align-items: center;
    }
  }

  #exiSpeaks {
    h2 {
      margin-bottom: 2.5rem;
    }

    p {
      width: 70%;
      margin: auto;
      text-align: center;
    }

    div.flex {
      margin-left: auto;
      margin-right: auto;
      width: fit-content;
    }
  }

  #about .row {
    align-items: center;

    .carBtnWrap {
      margin-top: 2.5rem !important;
    }
  }

  .video-slider-wrapper {
    max-width: 355px;

    .video-main {
      height: 425px;
    }

    .video-side {
      height: 344px;
      width: 290px;
    }
  }

  .mainBtn {
    width: fit-content !important;
  }

  nav {
    ul {
      gap: 40px;

      li {
        width: auto !important;
      }
    }

    #otmNavbarContent {
      width: fit-content;
    }
  }

  .heroSec {
    .bannerStats {
      &:nth-child(3)::before {
        display: none;
      }
    }
  }

}

@media (max-width: 1199.98px) {
  #packagesAccordion .accordion-body p br{
  display: none;
  }
  .otm-nav-inner {
    padding-block: 15px;
  }

  .galleryCard .imagepreview {
    opacity: 1;
  }

  .otm-caret-desktop {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .vr-card-img {
    height: 195px;
  }

  .heroSubPage .col-lg-6:last-child {
    padding-left: 0;
  }

  .testimonial-slide {
    width: calc((100% - 17px) / 2) !important;
  }

  .impactCard img {
    object-position: center top;
  }

  .otm-dropdown-desktop {
    left: -32px;
  }

  .otm-caret-desktop {
    display: inline-flex !important;
    align-items: center;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 10px 10px 10px 0;
    pointer-events: auto !important;
    position: relative;
    z-index: 9999;
    transition: all 0.55s ease-in-out;
  }

  .otm-nav-dropdown.otm-dropdown-open .otm-dropdown-desktop {
    display: block !important;
  }

  .otm-nav-dropdown.otm-dropdown-open .otm-caret-desktop {
    transform: rotate(-180deg) !important;
    color: var(--primary) !important;
  }

  .otm-nav-dropdown.otm-dropdown-open .otm-nav-link-desktop {
    color: var(--primary) !important;
  }

  .otm-nav-dropdown:hover .otm-dropdown-desktop:not(.otm-dropdown-open *) {
    display: none;
  }

  header li:not(.otm-dropdown-open):hover i {
    transform: none !important;
  }

  .visitorResources h3 {
    width: 80%;
    font-size: 21px;
  }

  .whyExhibit .order-1 {
    padding-right: 1rem !important;
  }

  .visitorResources .bg-white a.flex {
    width: 46px;
    height: 46px;

    i {
      font-size: 22px;
    }
  }

  header li .otm-nav-link {
    font-size: 17px;
  }

}

@media (min-width: 992px) and (max-width: 1279.98px) {
  .mumbaiGateway .row>div:first-child {
    padding-right: 2.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .meetTabs li button {
    padding: 15px 35px;
    font-size: 16px;
    height: 48px;
    white-space: nowrap;
  }

  .heroSubPage h1 br {
    display: none;
  }

  .whyExhibitImg::after {
    border-radius: 24px;
  }

  .whyExhibitImg {
    border-radius: 24px;
    text-align: center;
  }

  .whyExhibitImg img {
    width: 96% !important;
    border-radius: 24px;
    margin: auto;
  }

  #packagesAccordion {
    .accordion-item {
      width: 90%;
      margin: auto;
    }
  }

  .testimonial-viewport {
    width: calc(100% + 14px) !important;
    margin-left: -7px !important;
  }

  .testimonial-track {
    gap: 10px;
    width: 100% !important;
    padding: 0 7px !important;
  }

  .testimonial-slide {
    width: calc((100% - 34px) / 3);
  }

  .bottom-arrows {
    margin-left: -5px;
  }

  .whyExhibitContent h2,
  .whyExhibitContent h2+p,
  .whyExhibitContent h2+p+div {
    text-align: center !important;
  }

  .expertFeatures .mainBtn {
    padding: 9px 19px;
  }
}

@media (min-width: 1200px) {
  .testimonial-viewport {
    width: calc(100% + 14px) !important;
    margin-left: -13px !important;
  }

  .testimonial-track {
    gap: 10px;
    padding: 0 9px !important;
  }

  .testimonial-slide {
    width: calc((100% - 34px) / 3);
  }
}

@media(max-width:1000px) {
  .featuredSessions .item {
    margin: 0;
    transform: scale(.9)
  }
}

@media (width: 1024px) {
  .combinedGallery .absolute {

    img:nth-child(-n + 2),
    img:nth-last-child(-n + 2) {
      display: none;
    }
  }

  .otm-footer {
    padding-left: 2rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1279.98px) {
  .galleryCard {
    height: 290px;
  }

  .original-vision-grid {
    gap: 20px;

    .vision-image {
      height: 225px;
    }
  }

  .combinedGallery .container {
    min-height: 445px;
  }

  .gatewayEvent {
    padding-top: 4rem !important;

    h2 {
      font-size: 50px !important;
    }

    .mobileGatewayImg {
      width: 570px;
      height: 670px;
    }
  }

  .mumbaiGateway .container-fluid {
    padding-right: 12px !important;
  }

  .mumbaiGateway .row>div:last-child {
    width: 50%;
  }

  .newsletter-input-wrap .mainBtn {
    margin-left: -6rem;
  }

  #exiSpeaks .row {
    padding-left: 2rem;
  }

  #about .col-lg-6:nth-child(2) {
    padding-top: 0 !important;
  }

  .video-slider-wrapper {
    max-width: 370px;

    .video-main {
      height: 475px;
    }

    .video-side {
      height: 390px;
      width: 300px;
    }
  }

  .heroSec {
    .heroSecCol {
      padding-top: 0.6rem;
    }

    .bannerStats {
      margin: 0 !important;
    }
  }

  .combinedGallery .absolute.overflow-hidden {
    overflow: visible !important;
  }

  section.earlyBirdOffer .container .grid {
    gap: 15px;
  }

  #visionary-track .vision-card img {
    object-position: center top;
    height: 320px;
  }

  .visitorResources h3 {
    width: 80%;
  }

  .contactBanner p {
    max-width: 80%;
  }

  .bannerButton button,
  .globalBtn {
    padding: 21px 30px;
  }

  .visitorResources .row {
    --bs-gutter-x: 1.2rem;
  }

  .visitorResources .row p {
    max-width: 85%;
  }

  .resourcesSection .resourcesCard p {
    max-width: 100%;
  }

  .earlyBirdOffer {
    & .price-dash::before {
      left: 75%;
    }
  }

  .testimonialSection .carBtn:last-child {
    right: -1rem;
  }

  .testimonialSection .carBtn:first-child {
    left: -1rem;
  }
}

@media (min-width: 1280px) {
  .conference-pillars .conferenceBox {
    padding-bottom: 1.5rem;
  }

}

@media (min-width: 1280px) and (max-width: 1365.98px) {
  .vision-image {
    height: 215px !important;
  }

  .vr-card-img {
    height: 187px;
  }

  .visitorResources p {
    max-width: 85%;
  }

  .resourcesSection .resourcesCard p {
    max-width: 100%;
  }

  .mumbaiGateway h2,
  .mumbaiGateway .row>div .pe-lg-4 {
    padding-right: 0 !important;
  }

  #about .container,
  #about .row>div {
    padding: 0 !important;
  }

  .price-row {
    grid-template-columns: 1fr 2px minmax(197px, 1fr);
  }

  .sponsorOpp p {
    max-width: 95% !important;
  }

  .galleryCard {
    height: 280px;
  }
}

@media (min-width: 1280px) and (max-width: 1399.98px) {
  .earlyBirdOffer {
    & .offerLabel {
      font-size: 18px;
    }

    & .offerRate {
      font-size: 18px;
    }
  }

  .gateway-img::after {
    width: 100.5%;
  }

  .mumbaiGateway .row {
    gap: 3rem;
  }

  .mumbaiGateway .row img {
    width: 98% !important;
  }

  .mumbaiGateway .row .mumbaiGatewayBg {
    width: 100% !important;
  }

  #leadingVideoSlider {
    margin-left: 3rem !important;
    max-width: 378px;

    .video-main {
      height: 485px;
    }

    .video-side {
      height: 394px;
      width: 361px;
    }
  }

  .newsletter-input-wrap .mainBtn {
    margin-left: -6rem;
  }


  .combinedGallery .galleryBox {
    overflow: visible !important;
  }
}

@media (min-width: 1280px) and (max-width: 1366.98px) {
  .participationPackages {
    & .packName {
      width: 43%;
    }
  }

  .whyAttend .group .bg-white {
    padding: 1.2rem !important;
  }

  .exhiHighlightLeft {
    padding: 1.5rem 2rem 1.5rem 1.5rem !important;

    .statGrid p {
      width: 98% !important;
    }
  }

  .gatewayEvent {
    h2 {
      font-size: 48px !important;
    }

    ul li {
      font-size: 16px;
    }

  }

  .earlyBirdOff {
    h2 {
      font-size: 58px !important;
    }

    .earlyBirdLeft {
      padding: 3.5rem !important;

      p {
        font-size: 20px !important;
      }
    }

    .earlyBirdRight {
      padding: 1rem !important;

      .earlyTextTop {
        font-size: 18px !important;
      }

      .earlyTextMid {
        font-size: 54px !important;
      }
    }
  }

  .visitorResources h3 {
    width: 78%;
  }
}

@media (min-width: 1366px) {
  .testiContact {
    p:last-child {
      width: 90%;
    }
  }
}

@media (min-width: 1367px) and (max-width: 1399.98px) {
  #exhiHighlight .statGrid p {
    width: 95% !important;
  }

  .earlyBirdOff .container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .visitorResources h3 {
    width: 75%;
  }
}

@media (min-width: 1367px) and (max-width: 1535.98px) {
  .transformBusiness h2 br {
    display: block !important;
  }

  .combinedGallery .galleryBox {
    overflow: visible !important;
  }
}

@media (min-width: 1400px) and (max-width: 1535.98px) {
  .newsletter-input {
    padding-left: 10px;
  }

  .galleryBox img {
    height: 160px;
    width: 160px;
  }

  .combinedGallery .container {
    min-height: 463px !important;
  }

  .galleryBox img.md\:-ml-\[606px\] {
    margin-left: -606px;
  }

  .galleryBox img.md\:-ml-\[431px\] {
    margin-left: -431px;
  }

  .galleryBox img.md\:-ml-\[257px\] {
    margin-left: -257px;
  }

  .galleryBox img.md\:-ml-\[82px\] {
    margin-left: -82px;
  }

  .galleryBox img.md\:ml-\[93px\] {
    margin-left: 93px;
  }

  .galleryBox img.md\:ml-\[269px\] {
    margin-left: 269px;
  }

  .galleryBox img.md\:ml-\[445px\] {
    margin-left: 445px;
  }

  .galleryBox img.md\:top-\[259px\] {
    top: 259px;
  }

  .galleryBox img.md\:top-\[174px\] {
    top: 174px;
  }

  .earlyBirdOffer .container>div {
    margin: 0 !important;
  }

  .indianMarketText {
    margin-top: 1rem !important;
  }

  .testimonial-track {
    padding-bottom: 1px !important;
  }

  .mumbaiGateway .gateway-img {
    max-width: 100% !important;
  }

  .mumbaiGateway .row {
    gap: 3rem;
  }

  .visitorResources div:has(h3) {
    gap: 0 !important;
  }
}

@media (min-width: 991px) and (max-width: 1535.98px) {
  .combinedGallery {
    overflow: hidden;

    .galleryBox {
      overflow: visible !important;
    }
  }
}

@media (min-width: 1536px) {
  .resourcesSection .row {
    --bs-gutter-x: 3.2rem !important;
  }

  .resourcesSection .resourcesCard .vr-card-img {
    height: 340px;
  }

}

@media (min-width: 1800px) {

  .partner-logo-box {
    height: 145px;

    img {
      max-height: 77px;
    }
  }

  .faqSection div:has(> img) {
    height: 240px;
  }

  .heroSubPage p {
    max-width: 73% !important;
  }

  .heroSubPage .row {
    --bs-gutter-x: 0.8rem;
  }

  .earlyBirdOffer {
    & .price-row {
      grid-template-columns: 1fr 61px minmax(197px, 1.5fr);
    }
  }
}

@media (min-width: 1900px) {
  .newsletter-card-over .row{
    justify-content: space-between;
  }
  .newsletter-card-over .row .col-xl-5 {
    width: 45.66666667%;
  }
  .newsletter-card-over .row .col-xl-7 {
    width: 53.33333333%;
  }
  .otm-dropdown-desktop {
    top: 82px;
  }

  /* Big Styles */
  header {
    .navbar-nav {
      gap: 35px;
    }

    li {
      a {
        font-size: 18px;
      }
    }

    .menuButtons a {
      font-size: 16px;
    }
  }

  .bannerModalBtn,
  .otm-event-desc,
  .otm-event-meta,
  .testimonial-card p:nth-child(2),
  .footer-link-list a,
  .footer-link,
  .footer-text {
    font-size: 18px !important;
  }

  .privacyFooter,
  .scrollToTopBtn {
    font-size: 16px !important;
  }

  .testimonial-card p.testi-content,
  .testimonial-card p:nth-child(1),
  .faqSection .faq-item button span:nth-child(1),
  .newsletter-input,
  .newsletter-input::placeholder,
  .footer-heading {
    font-size: 20px !important;
  }

  .mediaCoverages .mediaCard {
    h3 {
      font-size: 30px;
    }

    p {
      font-size: 18px;
    }

    .mediaEdTitle {
      font-size: 22px;
    }
  }

  .introducingVisionaries {

    h3,
    #load-more-visionaries {
      font-size: 24px;
    }

    p {
      font-size: 18px;
    }
  }

  .resourcesSection .resourcesCard p {
    font-size: 18px !important;
    max-width: 100%;
  }

  #featuredSessionsCarousel {
    & .inner {
      & div {
        & p {
          font-size: 16px;
          padding: 2px 8px;
          height: 26px;
        }

        & h3 {
          font-size: 38px;
        }
      }
    }
  }

  .newsletter-card-over {
    & h2 {
      font-size: 38px !important;
    }

    & p {
      font-size: 20px;
    }

    hr.newsletter-divider+div span {
      font-size: 20px;
    }
  }

  .otm-event-cta .mainBtn {
    line-height: 1.3 !important;
  }

  .mainBtn,
  .event-recap-btns button {
    height: 48px !important;
    font-size: 18px !important;
  }

  .hero-stats {
    &>div:first-child {
      font-size: 28px;
    }

    &>div:last-child {
      font-size: 18px;
    }
  }

  #exiSpeaks {
    & div.flex {
      &>span.counter {
        font-size: 60px;
      }
    }

    & p {
      font-size: 20px;
    }
  }

  .otm-event-name {
    font-size: 24px;
  }

  .indianMarket .border-\[1px\] {
    h5 {
      font-size: 24px;
    }

    p {
      font-size: 18px;
    }
  }

  .whyExhibit {
    & .exhibitStat {
      font-size: 42px;
    }

    & .exhibitText {
      font-size: 22px;
    }
  }

  .participationPackages {
    & .packName {
      font-size: 24px;
    }

    & .packDesc {
      font-size: 18px;
    }
  }

  .earlyBirdOffer {
    h3 {
      font-size: 28px;
    }

    & .offerLabel {
      font-size: 22px;
    }

    & .offerRate {
      font-size: 22px;
    }
  }

  .visitorResources {
    h3 {
      font-size: 26px;
    }

    p {
      font-size: 22px;
    }
  }

  .visitorResources p {
    max-width: 81%;
  }

  .meetTabs li button {
    font-size: 20px;
    height: 55px;
  }

  .logo-card {
    width: 251px;
    height: 142px;

    img {
      max-width: 190px;
      max-height: 80px;
    }
  }

  .exhiHighlight {
    span {
      font-size: 60px;
    }

    p {
      font-size: 20px;
    }
  }
  .gatewayEvent{
padding-top: 7rem !important;
}
  .gatewayEvent ul li {
    font-size: 20px;
  }
.gatewayEvent .container .col-xl-6 {
  width: 65%;
}
  .mobileGatewayImg {
    width: 534px !important;
    height: 646px !important;
  }

  .whyAttend {
    .whyAttendImg {
      height: 245px;
    }

    .whyAttendContent {
      .attendCategory {
        font-size: 14px !important;
      }

      h3 {
        font-size: 24px;
      }

      p,
      a {
        font-size: 18px;
      }
    }

  }

  .whyExhibitImg img {
    width: 98.5% !important;
  }

  .resourcesSection .resourcesCard .vr-card-img {
    height: 435px;
  }

  .heroSubPage .bannerImage {
    width: 96%;
    margin-left: auto;
  }

  .heroSubPage .hero-card-container {
    padding-bottom: 9rem;
    padding-top: 5.5rem;
  }

  #featuredSessionsCarousel .owl-stage-outer {
    min-height: 560px !important;
  }

  #featuredSessionsCarousel {
    & .item {
      & img {
        height: 490px;
      }
    }

    & .active .item {
      & img {
        height: 620px !important;
      }
    }
  }

  .vision-card .vision-image {
    height: 314px;
  }

  .hero-card-container.xl\:pb-\[7rem\] {
    padding-bottom: 10rem !important;
  }

  footer .pt-3.ps-xl-5 {
    padding-left: 6.5rem !important;
  }

  #exiSpeaks p {
    width: 95%;
  }

  .whyAttend p {
    width: 88%;
  }

  .feature-card-img {
    height: 305px;
  }

  #visionary-track .vision-card img {
    object-position: center top;
    height: 475px;
  }

  .exhiHighlightImg img {
    object-position: center top;
  }

  .vr-card-img {
    height: 294px;
  }

  .participationPackages .row {
    align-items: center !important;
  }

  .carBtn {
    height: 38px;
    width: 38px;

    & i {
      font-size: 14px;
    }
  }

  .galleryCard {
    height: 470px;

    button.gallery-play-btn {
      width: 48px !important;
      height: 48px !important;

      & i {
        font-size: 19px;
      }
    }

    & .imagepreview {
      & a {
        width: 54px !important;
        height: 54px !important;

        & i {
          font-size: 19px;
        }
      }
    }
  }
}

.heroSec .row {
  margin-left: 0;
  margin-right: 0;
}

/* TARGETED FIX: Enable mobile menu toggle functionality until 1199px */
@media (max-width: 1199.98px) {
  #impactTabs,
  .meetTabs {
    position: relative;
    z-index: 5;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    -ms-overflow-style: none;
    scrollbar-width: none;

    .nav {
      overflow-x: scroll !important;
    }
  }

  #impactTabs::-webkit-scrollbar,
  .meetTabs::-webkit-scrollbar {
    display: none;
  }

  #impactTabs>.nav-item,
  .meetTabs>.nav-item {
    flex: 0 0 auto !important;
  }

  .otm-nav-left,
  .otm-nav-right,
  .otm-nav-link-desktop,
  .otm-dropdown-desktop,
  .otm-caret-desktop {
    display: none !important;
  }

  .otm-mobile-menu-item {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }

  .otm-mobile-dropdown-toggle {
    display: inline-flex !important;
  }

  .otm-mobile-menu-item .otm-nav-link {
    display: inline-flex !important;
  }

  .otm-mobile-menu-item .otm-dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    padding: 0 0 8px 24px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    float: none !important;
    display: none;
  }

  .otm-mobile-menu-item .otm-dropdown-menu.show {
    display: block !important;
  }

  .otm-mobile-menu-item .otm-dropdown-menu li a {
    font-size: 16px !important;
  }

  .otm-mobile-menu-item .otm-dropdown-item {
    padding: 8px 0 !important;
    background: transparent !important;
    color: #181820 !important;
  }

  .otm-mobile-menu-item .otm-dropdown-item:hover,
  .otm-mobile-menu-item .otm-dropdown-item:focus {
    background: transparent !important;
    color: var(--primary) !important;
  }

  .otm-mobile-menu-item .otm-mobile-dropdown-toggle .caret {
    font-size: 10px !important;
    transition: transform 0.3s ease !important;
  }

  .otm-mobile-menu-item .otm-mobile-dropdown-toggle[aria-expanded="true"] .caret {
    transform: rotate(-180deg) !important;
  }
}
/* CSS Debug */
/* * {
  outline: 1px solid rgba(255, 0, 0, 0.4);
  background: var(--black);
}

* * {
  outline: 1px solid rgba(0, 255, 0, 0.4);
}

* * * {
  outline: 1px solid rgba(0, 0, 255, 0.4);
}

* * * * {
  outline: 1px solid rgba(255, 255, 0, 0.4);
} */