.transition-paths { background: #f7f5ff; overflow: hidden; position: relative; }
.transition-paths::before { background: rgba(40, 20, 131, .05); border-radius: 50%; content: ''; height: 360px; left: -180px; position: absolute; top: 60px; width: 360px; }
.transition-paths-heading { margin: 0 auto 46px; max-width: 720px; }
.transition-paths-heading h2 { color: #281483; font-size: 36px; font-weight: 700; letter-spacing: -.02em; margin: 8px 0 14px; }
.transition-paths-heading > p:last-child { color: #5d5a6c; font-size: 17px; line-height: 1.7; }
.transition-paths .transition-paths-eyebrow { color: #6d51e8; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .09em; margin: 0; text-transform: uppercase; }
.transition-paths-row { display: flex; flex-wrap: wrap; }
.transition-paths-row > div { display: flex; }
.transition-path-card { border-radius: 16px; box-shadow: 0 16px 45px rgba(40, 20, 131, .11); display: flex; flex: 1; flex-direction: column; min-height: 390px; padding: 42px; position: relative; transition: transform .2s ease, box-shadow .2s ease; width: 100%; }
.transition-path-card:hover { box-shadow: 0 22px 54px rgba(40, 20, 131, .16); transform: translateY(-4px); }
.transition-path-card-participant { background: #fff; border: 1px solid rgba(40, 20, 131, .1); }
.transition-path-card-organizer { background: linear-gradient(135deg, #281483 0%, #6d51e8 100%); color: #fff; }
.transition-path-icon { align-items: center; background: #efeaff; border-radius: 12px; color: #6d51e8; display: flex; font-size: 24px; height: 54px; justify-content: center; margin-bottom: 24px; width: 54px; }
.transition-path-card-organizer .transition-path-icon { background: rgba(255, 255, 255, .14); color: #ffd84c; }
.transition-path-label { color: #6d51e8; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .08em; margin: 0 0 8px; text-transform: uppercase; }
.transition-path-card-organizer .transition-path-label { color: #ffd84c; }
.transition-path-card h3 { color: #281483; font-size: 28px; font-weight: 700; margin: 0 0 16px; }
.transition-path-card-organizer h3 { color: #fff; }
.transition-path-description { color: #5d5a6c; flex: 1; font-size: 16px; line-height: 1.7; margin-bottom: 28px; }
.transition-path-card-organizer .transition-path-description { color: rgba(255, 255, 255, .86); }
.transition-path-button.btn { border-radius: 5px; font-weight: 600; margin: 0; padding: 10px 22px; text-transform: none; }
.transition-path-button-participant { align-self: flex-start; background: #281483; border: 2px solid #281483; color: #fff; }
.transition-path-button-participant:hover, .transition-path-button-participant:focus { background: #6d51e8; border-color: #6d51e8; color: #fff; }
.transition-path-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 18px; }
.transition-path-button-organizer { background: #ffd84c; border: 2px solid #ffd84c; color: #281483; }
.transition-path-button-organizer:hover, .transition-path-button-organizer:focus { background: #fff; border-color: #fff; color: #281483; }
.transition-path-login { border-bottom: 1px solid rgba(255, 255, 255, .55); color: #fff; font-weight: 600; line-height: 1.35; }
.transition-path-login:hover, .transition-path-login:focus { border-color: #ffd84c; color: #ffd84c; }
.contact-field-label { color: #2c3e50; display: block; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.contact-field-label span { color: #6d51e8; }
@media (min-width: 768px) and (max-width: 1050px) {
  .navbar-header { float: none; }
  .navbar-toggle { display: block; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-collapse.collapse.in { display: block !important; max-height: calc(100vh - 70px) !important; overflow-y: auto !important; }
  .navbar-nav.navbar-right { float: none !important; margin: 7.5px -15px; }
  .navbar-nav > li { float: none; }
  .navbar-nav > li > a { padding-bottom: 10px; padding-top: 10px; }
}
@media (max-width: 767px) {
  .transition-paths { padding: 70px 0; }
  .transition-paths-heading { margin-bottom: 32px; }
  .transition-paths-heading h2 { font-size: 30px; }
  .transition-paths-row { display: block; }
  .transition-paths-row > div { display: block; }
  .transition-path-card { min-height: 0; padding: 30px 24px; }
  .transition-paths-row > div + div { margin-top: 24px; }
  .transition-path-actions { align-items: stretch; flex-direction: column; }
  .transition-path-button.btn, .transition-path-button-participant { align-self: stretch; text-align: center; width: 100%; }
  .transition-path-login { align-self: center; }
}