/* 2027 expected statistics: Flatsome content, site-specific presentation. */
.ce-expected {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 48px 0 52px !important;
  background: #fff;
  border-bottom: 0;
  color: #22334d;
  font-family: var(--veas-font, 'Barlow', Arial, sans-serif);
}

.ce-expected > .section-bg {
  background: #fff !important;
  pointer-events: none;
}

.ce-expected::before {
  content: none;
  display: none;
}

.ce-expected > .section-content { position: relative; z-index: 1; }

.ce-expected .ce-expected__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 40fr) minmax(0, 30fr) minmax(0, 30fr);
  grid-template-areas:
    'intro exhibitors visitors'
    'intro countries meetings';
  grid-template-rows: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px 20px;
  width: min(1500px, calc(100% - 64px));
  max-width: none;
  margin: 0 auto !important;
}

.ce-expected .ce-expected__layout > .col {
  width: auto;
  max-width: none;
  min-width: 0;
  flex-basis: auto;
  padding: 0 !important;
}

.ce-expected .ce-expected__intro { grid-area: intro; margin-right: 8px; }
.ce-expected .ce-expected__intro > .col-inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 308px;
  height: 100%;
  padding: clamp(26px, 2.2vw, 36px) clamp(26px, 2.4vw, 40px);
  border: 2px solid transparent;
  border-radius: 16px;
  background:
    linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .92)) padding-box,
    linear-gradient(135deg, rgba(89, 184, 194, .42), rgba(213, 79, 146, .3)) border-box;
  box-shadow: 0 16px 38px rgba(30, 57, 94, .07);
}

/* The decorative background is a replaceable native UX Builder Image. */
.ce-expected .ce-expected__card-background.img {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
}

.ce-expected .ce-expected__card-background .img-inner {
  width: 100%;
  height: 100%;
}

.ce-expected .ce-expected__card-background img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
}

.ce-expected .ce-expected__intro > .col-inner > :not(.ce-expected__card-background) {
  position: relative;
  z-index: 1;
}

#main .ce-expected .ce-expected__eyebrow {
  margin: 0 0 4px;
  color: #62728a;
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.3;
}

#main .ce-expected .ce-expected__title {
  margin: 0 0 18px;
  color: #21314c;
  font-size: clamp(32px, 2.65vw, 46px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.05;
}

.ce-expected .ce-expected__title::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 14px;
  border-radius: 4px;
  background: var(--veas-accent, #ed4c9e);
}

#main .ce-expected .ce-expected__date {
  position: relative;
  min-height: 46px;
  margin: 0 0 16px;
  padding-left: 58px;
  color: #25364f;
  line-height: 1.2;
}

.ce-expected .ce-expected__date::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 42px;
  height: 42px;
  background: #263953;
  -webkit-mask: url('fontawesome-pro-5.15.3-web/svgs/light/calendar-alt.svg') center / contain no-repeat;
  mask: url('fontawesome-pro-5.15.3-web/svgs/light/calendar-alt.svg') center / contain no-repeat;
}

.ce-expected .ce-expected__date strong,
.ce-expected .ce-expected__date span { display: block; }

.ce-expected .ce-expected__date strong {
  font-size: clamp(22px, 1.55vw, 27px);
  font-weight: 700;
  white-space: nowrap;
}

.ce-expected .ce-expected__date span {
  margin-top: 3px;
  color: #66758a;
  font-size: clamp(14px, 1vw, 17px);
  font-weight: 500;
}

#main .ce-expected .ce-expected__cta.button {
  min-width: 176px;
  margin: 0;
  padding: 5px 20px;
  border: 0;
  border-radius: 99px;
  background: linear-gradient(110deg, var(--veas-accent, #df4b96), var(--veas-accent, #f252a5));
  box-shadow: 0 8px 18px rgba(213, 79, 146, .16);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: none;
  transition: box-shadow .2s ease, filter .2s ease;
}

#main .ce-expected .ce-expected__cta.button:hover,
#main .ce-expected .ce-expected__cta.button:focus-visible {
  background: linear-gradient(110deg, var(--veas-accent, #df4b96), var(--veas-accent, #f252a5));
  box-shadow: 0 15px 28px rgba(213, 79, 146, .27);
  filter: saturate(1.1);
}

#main .ce-expected .ce-expected__cta.button:focus-visible { outline: 3px solid var(--veas-secondary, #59b8c2); outline-offset: 3px; }
.ce-expected .ce-expected__cta .icon-angle-right { margin-left: 11px; }

.ce-expected .ce-expected__metric {
  --ce-expected-card-color: #fff8fc;
  --ce-expected-card-border: #f0e1ea;
  --ce-expected-icon-background: linear-gradient(140deg, #e44797, #f14fa2);
  position: relative;
  width: auto;
  max-width: none;
  min-width: 0;
  min-height: 146px;
  padding: 0 !important;
  border: 1px solid var(--ce-expected-card-border);
  border-radius: 16px;
  background: var(--ce-expected-card-color);
  box-shadow: 0 8px 24px rgba(30, 57, 94, .055);
}

.ce-expected .ce-expected__metric > .col-inner {
  display: flex;
  flex-direction: column;
  min-height: 146px;
  height: 100%;
  align-items: flex-start;
  justify-content: center;
  padding: 20px 18px 20px 112px;
}

.ce-expected .ce-expected__metric--exhibitors { grid-area: exhibitors; }
.ce-expected .ce-expected__metric--visitors { grid-area: visitors; }
.ce-expected .ce-expected__metric--countries { grid-area: countries; }
.ce-expected .ce-expected__metric--meetings { grid-area: meetings; }

.ce-expected .ce-expected__metric--visitors,
.ce-expected .ce-expected__metric--countries {
  --ce-expected-card-color: #f4fbfc;
  --ce-expected-card-border: #dfeff2;
  --ce-expected-icon-background: linear-gradient(140deg, #36afbf, #55c5cc);
}

.ce-expected .ce-expected__metric::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 1;
  width: 72px;
  height: 72px;
  transform: translateY(-50%);
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--ce-expected-icon-background);
  box-shadow: 0 8px 18px rgba(30, 57, 94, .09);
  pointer-events: none;
}

.ce-expected .ce-expected__metric::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 38px;
  z-index: 2;
  width: 36px;
  height: 36px;
  transform: translateY(-50%);
  background: #fff;
  -webkit-mask: var(--ce-expected-icon) center / contain no-repeat;
  mask: var(--ce-expected-icon) center / contain no-repeat;
  pointer-events: none;
}

.ce-expected__metric--exhibitors { --ce-expected-icon: url('fontawesome-pro-5.15.3-web/svgs/light/store.svg'); }
.ce-expected__metric--visitors { --ce-expected-icon: url('fontawesome-pro-5.15.3-web/svgs/light/users.svg'); }
.ce-expected__metric--countries { --ce-expected-icon: url('fontawesome-pro-5.15.3-web/svgs/light/globe-asia.svg'); }
.ce-expected__metric--meetings { --ce-expected-icon: url('fontawesome-pro-5.15.3-web/svgs/light/handshake.svg'); }

#main .ce-expected .ce-expected__value {
  margin: 0 0 5px;
  color: #1e304b;
  font-size: clamp(34px, 2.45vw, 44px);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1;
}

#main .ce-expected .ce-expected__label {
  margin: 0;
  color: #52637b;
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 700;
  letter-spacing: .045em;
  line-height: 1.35;
  text-transform: uppercase;
}

@media (max-width: 1240px) {
  .ce-expected .ce-expected__layout {
    grid-template-columns: minmax(0, 42fr) minmax(0, 29fr) minmax(0, 29fr);
  }
  .ce-expected .ce-expected__metric > .col-inner { padding-left: 100px; }
  .ce-expected .ce-expected__metric::before { width: 66px; height: 66px; left: 18px; }
  .ce-expected .ce-expected__metric::after { width: 32px; height: 32px; left: 35px; }
}

@media (max-width: 900px) {
  .ce-expected { padding: 42px 0 46px !important; }
  .ce-expected .ce-expected__layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: 'intro intro' 'exhibitors visitors' 'countries meetings';
    grid-template-rows: auto;
    gap: 16px;
    width: calc(100% - 50px);
  }
  .ce-expected .ce-expected__intro { margin: 0; }
  .ce-expected .ce-expected__intro > .col-inner { min-height: 0; }
  .ce-expected .ce-expected__metric > .col-inner { min-height: 140px; }
  .ce-expected .ce-expected__metric { min-height: 140px; }
}

@media (max-width: 600px) {
  .ce-expected { padding: 32px 0 36px !important; }
  .ce-expected .ce-expected__layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'intro' 'exhibitors' 'visitors' 'countries' 'meetings';
    gap: 12px;
    width: calc(100% - 28px);
  }
  .ce-expected .ce-expected__intro { margin-bottom: 0; }
  .ce-expected .ce-expected__intro > .col-inner { padding: 23px 20px 25px; }
  #main .ce-expected .ce-expected__eyebrow { font-size: 13px; }
  #main .ce-expected .ce-expected__title { margin-bottom: 17px; font-size: clamp(30px, 8vw, 38px); }
  .ce-expected .ce-expected__title::after { margin-top: 13px; }
  #main .ce-expected .ce-expected__date { padding-left: 56px; }
  .ce-expected .ce-expected__date::before { width: 42px; height: 42px; }
  .ce-expected .ce-expected__date strong { font-size: clamp(18px, 5vw, 23px); }
  .ce-expected .ce-expected__date span { font-size: 14px; }
  #main .ce-expected .ce-expected__cta.button { width: auto; min-width: 0; padding: 7px 18px; font-size: 16px; }
  .ce-expected .ce-expected__cta .icon-angle-right { display: none; }
  .ce-expected .ce-expected__metric,
  .ce-expected .ce-expected__metric > .col-inner { min-height: 114px; }
  /* Leave text clear of the existing floating contact buttons on mobile. */
  .ce-expected .ce-expected__metric > .col-inner { padding: 18px 56px 18px 104px; }
  .ce-expected .ce-expected__metric::before { left: 18px; width: 66px; height: 66px; }
  .ce-expected .ce-expected__metric::after { left: 35px; width: 32px; height: 32px; }
  #main .ce-expected .ce-expected__value { font-size: 34px; }
  #main .ce-expected .ce-expected__label { font-size: 14px; }
}