#floating-icon a.bg-orange { background: var(--uni-purple) !important; }
#topbar{
    background: var(--uni-blue);
}

/* ── Hero ── */
#page-hero {
    background: linear-gradient(140deg, #5C0D74 0%, rgba(45,10,120,.96) 100%);
    padding: 145px 0 80px;
    position: relative;
    overflow: hidden;
}
#page-hero::before {
    content: '';
    position: absolute; inset: 0;
    background: url('../../images/exhibitor-slider/pexels-streetwindy-4058668.jpg') center/cover no-repeat;
    opacity: .12;
}
#page-hero .inner { position: relative; z-index: 1; }

/* ── Intro section ── */
#section-intro { padding: 80px 0 40px; background: #f9f7fe; }
.intro-badge { display: inline-block; background: rgba(142,69,245,.12); color: var(--uni-purple); font-weight: 700; font-size: .82rem; letter-spacing: .12em; text-transform: uppercase; padding: 5px 16px; border-radius: 20px; margin-bottom: 16px; }
.intro-title { font-size: clamp(1.8rem,3.5vw,2.8rem); font-weight: 900; color: #0d0028; font-family: var(--font-main); margin-bottom: 18px; line-height: 1.2; }
.intro-desc { font-size: 1.06rem; color: #555; line-height: 1.85; max-width: 680px; }

/* ── Choice cards ── */
#section-cards { padding: 48px 0 96px; background: #f9f7fe; }
.choice-card-body {
  background: #ECE6FB;      
  padding: 40px 32px 44px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;       
  overflow: hidden;
  border-radius: var(--radius-card);
  margin-bottom: 20px;
}
.choice-card--blue {
  background: #E7F0FE;
}

.choice-card--blue .choice-card-icon {
  background: rgba(47,111,235,.12);
  color: var(--uni-blue);
}

.choice-card--blue .choice-card-title {
  color: var(--uni-blue);
}

.choice-card--blue .choice-links li a:hover {
  color: var(--uni-blue);
}

.choice-card--blue .choice-card-btn {
  background: var(--uni-blue);
}

.choice-card-scene {
  position: absolute;
  bottom: 58px;            
  left: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
  z-index: 0;                
}

.choice-card-icon,
.choice-card-title,
.choice-links,
.choice-card-btn {
  position: relative;
  z-index: 1;                
}

.choice-card-icon {
  width: 72px; height: 72px;
  border-radius: 50%;
  background: rgba(142,69,245,.12);
  color: var(--uni-purple);
  font-size: 1.8rem;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 22px;
}

.choice-card-title {
  font-size: 1.55rem;
  font-weight: 900;
  color: var(--uni-purple); 
  font-family: var(--font-main);
  margin-bottom: 14px;
}

.choice-links {
  list-style: none; padding: 0; margin: 0 0 28px;
  display: flex; flex-direction: column; gap: 8px;
  align-items: center;
}

.choice-links li a {
  color: #4a4870;             
  font-size: .97rem;
  text-decoration: none;
  display: flex; align-items: center; gap: 8px;
  transition: color .2s;
}
.choice-links li a:hover { color: var(--uni-purple); }
.choice-links li a i { font-size: .78rem; opacity: .6; }

.choice-card-btn {
  display: inline-flex;
  align-items: center; justify-content: center;
  gap: 8px;
  width: 40%;
  background: var(--uni-purple); 
  color: #fff !important;          
  font-weight: 800;
  font-size: 1rem;
  padding: 14px 24px;
  border-radius: 10px;
  text-decoration: none !important;
  cursor: pointer;
  transition: opacity .2s;
  margin-top: auto;
  font-family: var(--font-main);
}
.choice-card-btn:hover { opacity: .88; }

/* ── Responsive ── */
@media (max-width: 991px) {
    #page-hero { padding: 110px 0 56px; }
}

@media (max-width: 767px) {
    #page-hero { padding: 90px 0 48px !important; }
    #section-intro { padding: 56px 0 28px; }
    #section-cards { padding: 28px 0 64px; }
    .choice-card-body { padding: 28px 22px 32px; }
    .choice-card-title { font-size: 1.3rem; }
    .intro-title { font-size: 1.8rem; }
    .intro-desc { font-size: 1rem; }
    .choice-row [class*="col-"] { margin-bottom: 20px; }
}

@media (max-width: 480px) {
    #page-hero { padding: 80px 0 36px !important; }
    #section-intro { padding: 40px 0 20px; }
    #section-cards { padding: 20px 0 48px; }
    .choice-card-body { padding: 22px 18px 26px; }
}