/* ==========================================================
BNI CONFERENZA 2021 — V2 CONNECT SAFE
No grid / no CSS variables / no inset / no complex flex layout
========================================================== */

.bni21-page,
.bni21-page * {
  box-sizing: border-box !important;
}

.bni21-page {
  width: 100% !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  color: #292727 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  background: #ffffff !important;
}

.bni21-page img {
  max-width: 100% !important;
  height: auto !important;
}

.clearfix:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/* HERO */
.bni21-hero {
  width: 100% !important;
  overflow: hidden !important;
  background: #202020 !important;
}

.bni21-hero-copy {
  float: left !important;
  width: 47% !important;
  min-height: 400px !important;
  padding: 72px 54px !important;
  background: #202020 !important;
}

.bni21-kicker {
  margin-bottom: 22px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
}

.bni21-kicker:after {
  content: "" !important;
  display: block !important;
  width: 46px !important;
  height: 3px !important;
  margin-top: 13px !important;
  background: #cf2030 !important;
}

.bni21-hero h1 {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 56px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: none !important;
  text-align: left !important;
}

.bni21-hero p {
  margin: 0 !important;
  color: #f1f1f1 !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
}

.bni21-hero-image {
  float: left !important;
  width: 53% !important;
  height: 400px !important;
  overflow: hidden !important;
  background: #eeeeee !important;
}

.bni21-hero-image img {
  display: block !important;
  width: 100% !important;
  height: 400px !important;
  object-fit: cover !important;
}

/* GENERICO */
.bni21-section {
  width: 100% !important;
  padding: 52px 46px !important;
}

.bni21-half {
  float: left !important;
  width: 48% !important;
}

.bni21-video-side {
  float: right !important;
}

.bni21-quote {
  margin-bottom: -8px !important;
  color: #cf2030 !important;
  font-family: Georgia, serif !important;
  font-size: 64px !important;
  line-height: 1 !important;
}

.bni21-story h2 {
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: #cf2030 !important;
  font-size: 25px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.bni21-story p {
  margin: 0 !important;
  color: #4b4b4b !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.bni21-story p strong {
  color: #cf2030 !important;
}

.bni21-video {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 56.25% !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: #000000 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
}

.bni21-video iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.bni21-caption {
  margin-top: 9px !important;
  color: #666666 !important;
  font-size: 12px !important;
}

/* TITOLI */
.bni21-section-title {
  max-width: 760px !important;
  margin: 0 auto 30px !important;
  text-align: center !important;
}

.bni21-eyebrow {
  margin-bottom: 10px !important;
  color: #cf2030 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 1.3px !important;
}

.bni21-section-title h2,
.bni21-guides-copy h2 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #242424 !important;
  font-size: 32px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

.bni21-section-title p,
.bni21-guides-copy p {
  color: #555555 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* CAROUSEL */
.bni21-gallery {
  background: #fafafa !important;
}

.bni21-carousel {
  position: relative !important;
  padding: 0 38px !important;
}

.bni21-car-viewport {
  width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.bni21-car-track {
  display: inline-block !important;
  white-space: nowrap !important;
}

.bni21-card {
  display: inline-block !important;
  vertical-align: top !important;
  width: 250px !important;
  margin: 0 8px 10px !important;
  white-space: normal !important;
  text-align: center !important;
}

.bni21-card img {
  display: block !important;
  width: 250px !important;
  height: 300px !important;
  object-fit: cover !important;
  border-radius: 9px !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.09) !important;
}

.bni21-card-label {
  min-height: 42px !important;
  padding: 10px 5px 0 !important;
  color: #333333 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.bni21-car-btn {
  position: absolute !important;
  top: 126px !important;
  z-index: 5 !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #cf2030 !important;
  font-size: 28px !important;
  line-height: 34px !important;
  cursor: pointer !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.08) !important;
}

.bni21-prev { left: 0 !important; }
.bni21-next { right: 0 !important; }

/* INFO CARDS */
.bni21-info-card {
  float: left !important;
  width: 48.5% !important;
  min-height: 315px !important;
  padding: 28px 30px !important;
  border: 1px solid #ebebeb !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.05) !important;
}

.bni21-info-card-right {
  float: right !important;
}

.bni21-info-icon {
  margin-bottom: 12px !important;
  color: #cf2030 !important;
  font-size: 34px !important;
}

.bni21-info-card h3 {
  margin: 0 0 14px !important;
  color: #252525 !important;
  font-size: 23px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.bni21-info-card p {
  margin: 0 0 12px !important;
  color: #4e4e4e !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* GUIDE */
.bni21-guides {
  background: #fafafa !important;
}

.bni21-guides-copy {
  float: left !important;
  width: 45% !important;
  padding: 28px 28px 28px 0 !important;
}

.bni21-guide-item {
  float: left !important;
  width: 25% !important;
  margin-left: 2.5% !important;
}

.bni21-guide-item a {
  display: block !important;
  overflow: hidden !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.06) !important;
}

.bni21-guide-item img {
  display: block !important;
  width: 100% !important;
  height: 315px !important;
  object-fit: cover !important;
}

.bni21-guide-item span {
  display: block !important;
  padding: 12px 8px !important;
  color: #cf2030 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

/* CHIUSURA */
.bni21-closing {
  width: 100% !important;
  padding: 38px 46px !important;
  background: #fff5f6 !important;
}

.bni21-closing-icon {
  float: left !important;
  width: 7% !important;
  color: #cf2030 !important;
  font-size: 48px !important;
}

.bni21-closing-copy {
  float: left !important;
  width: 68% !important;
}

.bni21-closing-copy h2 {
  margin: 0 0 12px !important;
  color: #292929 !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.bni21-closing-copy h2 strong {
  color: #cf2030 !important;
}

.bni21-closing-copy p {
  margin: 0 !important;
  color: #4c4c4c !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.bni21-partner {
  float: right !important;
  width: 23% !important;
  padding-top: 32px !important;
  color: #cf2030 !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-align: right !important;
}

.bni21-partner span {
  color: #aaaaaa !important;
  padding: 0 8px !important;
}

.bni21-footer {
  padding: 17px 20px !important;
  background: #cf2030 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* TABLET */
@media only screen and (max-width: 900px) {
  .bni21-hero-copy,
  .bni21-hero-image {
    float: none !important;
    width: 100% !important;
  }

  .bni21-hero-copy {
    min-height: 0 !important;
    padding: 52px 36px !important;
  }

  .bni21-hero-image {
    height: 320px !important;
  }

  .bni21-hero-image img {
    height: 320px !important;
  }

  .bni21-half {
    float: none !important;
    width: 100% !important;
    margin-bottom: 30px !important;
  }

  .bni21-info-card,
  .bni21-info-card-right {
    float: none !important;
    width: 100% !important;
    min-height: 0 !important;
    margin-bottom: 20px !important;
  }

  .bni21-guides-copy {
    float: none !important;
    width: 100% !important;
    padding: 0 0 28px !important;
  }

  .bni21-guide-item {
    width: 47% !important;
    margin: 0 1.5% !important;
  }

  .bni21-closing-icon,
  .bni21-closing-copy,
  .bni21-partner {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
  }

  .bni21-partner {
    padding-top: 22px !important;
  }
}

/* MOBILE */
@media only screen and (max-width: 600px) {
  .bni21-section {
    padding: 36px 17px !important;
  }

  .bni21-hero-copy {
    padding: 45px 22px !important;
  }

  .bni21-hero h1 {
    font-size: 42px !important;
  }

  .bni21-hero-image,
  .bni21-hero-image img {
    height: 250px !important;
  }

  .bni21-story h2 {
    font-size: 22px !important;
  }

  .bni21-carousel {
    padding: 0 27px !important;
  }

  .bni21-card {
    width: 82vw !important;
    max-width: 310px !important;
  }

  .bni21-card img {
    width: 100% !important;
    height: 330px !important;
  }

  .bni21-car-btn {
    top: 145px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 24px !important;
  }

  .bni21-guide-item {
    float: none !important;
    width: 100% !important;
    margin: 0 0 18px !important;
  }

  .bni21-guide-item img {
    height: auto !important;
  }

  .bni21-closing {
    padding: 34px 20px !important;
  }

  .bni21-closing-icon {
    font-size: 42px !important;
  }
}


/* ==========================================================
BNI CONFERENZA 2021 — V3 CORREZIONI
Hero BNI + Airmeet / meno linee / card allineate
========================================================== */

/* 1. Elimina le linee decorative/pseudo-elementi ereditati dal CMS */
.bni21-page h1:before,
.bni21-page h1:after,
.bni21-page h2:before,
.bni21-page h2:after,
.bni21-page h3:before,
.bni21-page h3:after,
.bni21-page .bni21-kicker:before,
.bni21-page .bni21-kicker:after,
.bni21-page .bni21-eyebrow:before,
.bni21-page .bni21-eyebrow:after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

.bni21-page h1,
.bni21-page h2,
.bni21-page h3 {
  border: 0 !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* elimina eventuali linee create da elementi del tema vicino ai titoli */
.bni21-page .lineCenter,
.bni21-page .line,
.bni21-page .red-line {
  display: none !important;
}

/* 2. Hero: immagine BNI + Airmeet più leggibile e non tagliata */
.bni21-hero-image {
  background: #f4f4f4 !important;
}

.bni21-hero-image img {
  object-fit: contain !important;
  object-position: center center !important;
  background: #f4f4f4 !important;
  padding: 18px !important;
}

/* 3. Più pulizia nei blocchi titolo */
.bni21-section-title h2,
.bni21-guides-copy h2,
.bni21-closing-copy h2,
.bni21-story h2,
.bni21-info-card h3 {
  border-bottom: 0 !important;
  text-decoration: none !important;
}

/* 4. Card Membri/Ospiti e Director/Ambassador perfettamente allineate */
@media only screen and (min-width: 901px) {
  .bni21-info-card,
  .bni21-info-card-right {
    height: 360px !important;
    min-height: 360px !important;
  }
}

/* 5. Riduce un po' il rumore rosso: il rosso resta su icone e parole chiave */
.bni21-story h2 {
  color: #292727 !important;
}

.bni21-story h2 strong {
  color: #cf2030 !important;
}

.bni21-closing-copy h2 {
  color: #292727 !important;
}

.bni21-closing-copy h2 strong {
  color: #cf2030 !important;
}

/* MOBILE/TABLET: nessuna altezza forzata sulle card */
@media only screen and (max-width: 900px) {
  .bni21-info-card,
  .bni21-info-card-right {
    height: auto !important;
    min-height: 0 !important;
  }

  .bni21-hero-image img {
    padding: 10px !important;
  }
}


/* ==========================================================
BNI CONFERENZA 2021 — V4
CAROSELLO COLLAUDATO + RIQUADRI AMPLIATI
========================================================== */

/* CAROSELLO: classi compatibili con bni-perugia-carousel.js */
.bni21-page .bni-pg-social-shell {
  position: relative !important;
  width: 100% !important;
  padding: 0 42px 28px !important;
}

.bni21-page .bni-pg-carousel-viewport {
  width: 100% !important;
  overflow: hidden !important;
}

.bni21-page .bni-pg-carousel-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  width: max-content !important;
  transition: transform .45s ease !important;
  will-change: transform !important;
}

.bni21-page .bni-pg-social-card {
  display: block !important;
  flex: 0 0 250px !important;
  width: 250px !important;
  margin: 0 !important;
  vertical-align: top !important;
  white-space: normal !important;
}

.bni21-page .bni-pg-social-card img {
  display: block !important;
  width: 250px !important;
  height: 300px !important;
  object-fit: cover !important;
  border-radius: 9px !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.09) !important;
}

.bni21-page .bni-pg-carousel-arrow {
  position: absolute !important;
  top: 135px !important;
  z-index: 20 !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #cf2030 !important;
  font-size: 30px !important;
  line-height: 35px !important;
  cursor: pointer !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.09) !important;
}

.bni21-page .bni-pg-carousel-prev {
  left: 0 !important;
}

.bni21-page .bni-pg-carousel-next {
  right: 0 !important;
}

.bni21-page .bni-pg-carousel-dots {
  width: 100% !important;
  margin-top: 15px !important;
  text-align: center !important;
}

.bni21-page .bni-pg-carousel-dots button,
.bni21-page .bni-pg-carousel-dots span {
  display: inline-block !important;
  width: 9px !important;
  height: 9px !important;
  margin: 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #d8d8d8 !important;
}

.bni21-page .bni-pg-carousel-dots .active,
.bni21-page .bni-pg-carousel-dots .is-active {
  background: #cf2030 !important;
}

/* RIQUADRI: più grandi e realmente uniformi */
@media only screen and (min-width: 901px) {
  .bni21-page .bni21-info-card,
  .bni21-page .bni21-info-card-right {
    width: 49% !important;
    height: 420px !important;
    min-height: 420px !important;
    padding: 34px 34px !important;
  }

  .bni21-page .bni21-info-card-right {
    width: 49% !important;
  }

  .bni21-page .bni21-info-card h3 {
    margin-bottom: 22px !important;
  }

  .bni21-page .bni21-info-card p {
    margin-bottom: 18px !important;
    line-height: 1.62 !important;
  }
}

/* TABLET */
@media only screen and (max-width: 900px) {
  .bni21-page .bni-pg-social-card {
    flex-basis: 240px !important;
    width: 240px !important;
  }

  .bni21-page .bni-pg-social-card img {
    width: 240px !important;
    height: 290px !important;
  }

  .bni21-page .bni21-info-card,
  .bni21-page .bni21-info-card-right {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* MOBILE */
@media only screen and (max-width: 600px) {
  .bni21-page .bni-pg-social-shell {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .bni21-page .bni-pg-social-card {
    flex-basis: 78vw !important;
    width: 78vw !important;
    max-width: 300px !important;
  }

  .bni21-page .bni-pg-social-card img {
    width: 100% !important;
    height: 330px !important;
  }

  .bni21-page .bni-pg-carousel-arrow {
    top: 145px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 25px !important;
  }
}


/* ==========================================================
BNI CONFERENZA 2021 — V5
LOGHI BNI × AIRMEET NEL BLOCCO FINALE
========================================================== */

.bni21-page .bni21-partner-logos {
  float: right !important;
  width: 27% !important;
  padding-top: 18px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.bni21-page .bni21-partner-logo {
  display: inline-block !important;
  vertical-align: middle !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.bni21-page .bni21-partner-bni {
  width: 82px !important;
}

.bni21-page .bni21-partner-airmeet {
  width: 145px !important;
}

.bni21-page .bni21-partner-x {
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 0 14px !important;
  color: #aaaaaa !important;
  font-size: 27px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

/* compensa leggermente la colonna testo per i loghi */
@media only screen and (min-width: 901px) {
  .bni21-page .bni21-closing-copy {
    width: 64% !important;
  }

  .bni21-page .bni21-closing-icon {
    width: 7% !important;
  }
}

@media only screen and (max-width: 900px) {
  .bni21-page .bni21-partner-logos {
    float: none !important;
    width: 100% !important;
    padding-top: 24px !important;
    text-align: center !important;
  }

  .bni21-page .bni21-partner-bni {
    width: 76px !important;
  }

  .bni21-page .bni21-partner-airmeet {
    width: 132px !important;
  }
}

@media only screen and (max-width: 600px) {
  .bni21-page .bni21-partner-bni {
    width: 68px !important;
  }

  .bni21-page .bni21-partner-airmeet {
    width: 118px !important;
  }

  .bni21-page .bni21-partner-x {
    padding: 0 10px !important;
    font-size: 23px !important;
  }
}



/* ==========================================================
   BNI CONFERENZA 2021 — V6
   FONT PIÙ GRANDI + LOGO BNI IN HERO
   Base V5 preservata
   ========================================================== */

/* LOGO HERO */
.bni21-page .bni21-hero-brand{
  display:block !important;
  margin:0 0 28px !important;
}

.bni21-page .bni21-hero-brand img{
  display:block !important;
  width:112px !important;
  height:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* HERO */
.bni21-page .bni21-kicker{
  font-size:16px !important;
  line-height:1.25 !important;
  letter-spacing:1.6px !important;
}

.bni21-page .bni21-hero h1{
  font-size:62px !important;
  line-height:1.02 !important;
}

.bni21-page .bni21-hero p{
  font-size:20px !important;
  line-height:1.55 !important;
}

/* TESTIMONIANZA */
.bni21-page .bni21-story h2{
  font-size:29px !important;
  line-height:1.38 !important;
}

.bni21-page .bni21-story p{
  font-size:18px !important;
  line-height:1.62 !important;
}

.bni21-page .bni21-caption{
  font-size:14px !important;
}

/* TITOLI SEZIONE */
.bni21-page .bni21-eyebrow{
  font-size:15px !important;
  letter-spacing:1.5px !important;
}

.bni21-page .bni21-section-title h2,
.bni21-page .bni21-guides-copy h2{
  font-size:37px !important;
  line-height:1.15 !important;
}

.bni21-page .bni21-section-title p,
.bni21-page .bni21-guides-copy p{
  font-size:17px !important;
  line-height:1.62 !important;
}

/* CAROSELLO */
.bni21-page .bni21-card-label{
  font-size:15px !important;
  line-height:1.35 !important;
}

/* CARD INFORMATIVE */
.bni21-page .bni21-info-icon{
  font-size:39px !important;
}

.bni21-page .bni21-info-card h3{
  font-size:26px !important;
}

.bni21-page .bni21-info-card p{
  font-size:17px !important;
  line-height:1.62 !important;
}

/* GUIDE */
.bni21-page .bni21-guide-item span{
  padding:14px 9px !important;
  font-size:14px !important;
  line-height:1.3 !important;
}

/* CHIUSURA */
.bni21-page .bni21-closing-copy h2{
  font-size:29px !important;
  line-height:1.3 !important;
}

.bni21-page .bni21-closing-copy p{
  font-size:16px !important;
  line-height:1.62 !important;
}

.bni21-page .bni21-footer{
  font-size:14px !important;
  line-height:1.45 !important;
}

/* DESKTOP: un po' più respiro per i testi maggiorati */
@media only screen and (min-width:901px){
  .bni21-page .bni21-hero-copy{
    min-height:430px !important;
    padding:52px 54px 48px !important;
  }

  .bni21-page .bni21-hero-image{
    height:430px !important;
  }

  .bni21-page .bni21-hero-image img{
    height:430px !important;
  }

  .bni21-page .bni21-info-card,
  .bni21-page .bni21-info-card-right{
    height:445px !important;
    min-height:445px !important;
  }
}

/* TABLET */
@media only screen and (max-width:900px){
  .bni21-page .bni21-hero-brand img{
    width:104px !important;
  }

  .bni21-page .bni21-hero h1{
    font-size:54px !important;
  }

  .bni21-page .bni21-hero p{
    font-size:19px !important;
  }

  .bni21-page .bni21-story h2{
    font-size:27px !important;
  }
}

/* MOBILE */
@media only screen and (max-width:600px){
  .bni21-page .bni21-hero-brand{
    margin-bottom:22px !important;
  }

  .bni21-page .bni21-hero-brand img{
    width:90px !important;
  }

  .bni21-page .bni21-kicker{
    font-size:12px !important;
    letter-spacing:1.2px !important;
  }

  .bni21-page .bni21-hero h1{
    font-size:45px !important;
    line-height:1.03 !important;
  }

  .bni21-page .bni21-hero p{
    font-size:17px !important;
  }

  .bni21-page .bni21-story h2{
    font-size:24px !important;
  }

  .bni21-page .bni21-story p{
    font-size:16px !important;
  }

  .bni21-page .bni21-eyebrow{
    font-size:12px !important;
  }

  .bni21-page .bni21-section-title h2,
  .bni21-page .bni21-guides-copy h2{
    font-size:30px !important;
  }

  .bni21-page .bni21-section-title p,
  .bni21-page .bni21-guides-copy p{
    font-size:16px !important;
  }

  .bni21-page .bni21-info-card h3{
    font-size:23px !important;
  }

  .bni21-page .bni21-info-card p{
    font-size:16px !important;
  }

  .bni21-page .bni21-closing-copy h2{
    font-size:25px !important;
  }

  .bni21-page .bni21-closing-copy p{
    font-size:15px !important;
  }

  .bni21-page .bni21-footer{
    font-size:12px !important;
  }
}



/* ==========================================================
   BNI CONFERENZA 2021 — V7 EDITORIAL EVENT
   Mood: 70% Time of BNI / 30% Incontri@moci
   ========================================================== */

.bni21-page{
  max-width:1400px !important;
  overflow:hidden !important;
}

/* HERO CINEMATOGRAFICA */
.bni21-page .bni21-v7-hero{
  position:relative !important;
  min-height:610px !important;
  overflow:hidden !important;
  background:#090909 !important;
  isolation:isolate !important;
}

.bni21-page .bni21-v7-hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.86) 39%,rgba(0,0,0,.54) 66%,rgba(0,0,0,.72) 100%),
    radial-gradient(circle at 82% 25%,rgba(207,32,48,.26),transparent 35%),
    #090909 !important;
}

.bni21-page .bni21-v7-hero:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:-150px !important;
  bottom:-210px !important;
  width:520px !important;
  height:520px !important;
  z-index:1 !important;
  border:58px solid rgba(207,32,48,.28) !important;
  transform:rotate(36deg) !important;
}

.bni21-page .bni21-v7-hero .bni21-hero-copy{
  position:relative !important;
  z-index:3 !important;
  float:left !important;
  width:51% !important;
  min-height:610px !important;
  padding:62px 34px 54px 72px !important;
  background:transparent !important;
}

.bni21-page .bni21-v7-hero .bni21-hero-brand{
  margin:0 0 32px !important;
}

.bni21-page .bni21-v7-hero .bni21-hero-brand img{
  width:126px !important;
  filter:brightness(0) invert(1) !important;
}

.bni21-page .bni21-v7-hero .bni21-kicker{
  margin-bottom:24px !important;
  color:#e3e3e3 !important;
  font-size:14px !important;
  letter-spacing:2.2px !important;
}

.bni21-page .bni21-v7-hero h1{
  max-width:690px !important;
  margin:0 0 25px !important;
  color:#fff !important;
  font-size:68px !important;
  line-height:.95 !important;
  letter-spacing:-2.2px !important;
  font-weight:900 !important;
}

.bni21-page .bni21-v7-hero h1 span{
  color:#cf2030 !important;
}

.bni21-page .bni21-v7-hero p{
  max-width:600px !important;
  margin:0 !important;
  color:#f2f2f2 !important;
  font-size:20px !important;
  line-height:1.58 !important;
}

.bni21-page .bni21-v7-meta{
  margin-top:34px !important;
  padding-top:21px !important;
  border-top:1px solid rgba(255,255,255,.22) !important;
}

.bni21-page .bni21-v7-meta span{
  display:inline-block !important;
  margin:0 19px 8px 0 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
  letter-spacing:1.2px !important;
}

/* COLLAGE EVENTO */
.bni21-page .bni21-v7-collage{
  position:relative !important;
  z-index:2 !important;
  float:right !important;
  width:49% !important;
  height:610px !important;
  overflow:visible !important;
  background:transparent !important;
}

.bni21-page .bni21-v7-shot{
  position:absolute !important;
  overflow:hidden !important;
  background:#161616 !important;
  border:7px solid rgba(255,255,255,.94) !important;
  box-shadow:0 25px 55px rgba(0,0,0,.48) !important;
}

.bni21-page .bni21-v7-shot img{
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  object-fit:cover !important;
  background:#111 !important;
}

.bni21-page .bni21-v7-shot-main{
  top:72px !important;
  right:54px !important;
  width:430px !important;
  height:385px !important;
  transform:rotate(2deg) !important;
}

.bni21-page .bni21-v7-shot-two{
  left:10px !important;
  bottom:62px !important;
  width:250px !important;
  height:178px !important;
  transform:rotate(-5deg) !important;
}

.bni21-page .bni21-v7-shot-three{
  right:25px !important;
  bottom:32px !important;
  width:245px !important;
  height:170px !important;
  transform:rotate(5deg) !important;
}

.bni21-page .bni21-v7-year{
  position:absolute !important;
  right:12px !important;
  top:8px !important;
  z-index:-1 !important;
  color:rgba(255,255,255,.07) !important;
  font-size:150px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

/* 4 PILASTRI */
.bni21-page .bni21-v7-pillars{
  width:100% !important;
  padding:0 46px !important;
  background:#fff !important;
  border-bottom:1px solid #ededed !important;
}

.bni21-page .bni21-v7-pillars > div{
  float:left !important;
  width:25% !important;
  min-height:118px !important;
  padding:31px 24px 26px !important;
  border-right:1px solid #e6e6e6 !important;
}

.bni21-page .bni21-v7-pillars > div:last-child{
  border-right:0 !important;
}

.bni21-page .bni21-v7-pillars strong{
  display:block !important;
  margin-bottom:6px !important;
  color:#cf2030 !important;
  font-size:17px !important;
  letter-spacing:.8px !important;
}

.bni21-page .bni21-v7-pillars span{
  display:block !important;
  color:#565656 !important;
  font-size:15px !important;
}

/* TESTIMONIANZA EDITORIALE */
.bni21-page .bni21-v7-story-section{
  padding-top:74px !important;
  padding-bottom:74px !important;
  background:#fff !important;
}

.bni21-page .bni21-v7-story-section .bni21-story{
  width:45% !important;
  padding:10px 42px 0 6px !important;
}

.bni21-page .bni21-v7-story-section .bni21-video-side{
  width:52% !important;
}

.bni21-page .bni21-v7-story-section .bni21-quote{
  font-size:94px !important;
  margin-bottom:-26px !important;
  opacity:.9 !important;
}

.bni21-page .bni21-v7-story-section .bni21-story h2{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:31px !important;
  line-height:1.42 !important;
  font-weight:400 !important;
  color:#202020 !important;
}

.bni21-page .bni21-v7-story-section .bni21-video{
  border-radius:0 !important;
  border:8px solid #f4f4f4 !important;
  box-shadow:0 20px 42px rgba(0,0,0,.13) !important;
}

/* ARCHIVIO PIÙ EDITORIALE */
.bni21-page .bni21-v7-gallery{
  padding-top:70px !important;
  padding-bottom:66px !important;
  background:#f4f4f4 !important;
  border-top:1px solid #ececec !important;
  border-bottom:1px solid #e9e9e9 !important;
}

.bni21-page .bni21-v7-gallery .bni21-section-title{
  max-width:880px !important;
  margin-bottom:42px !important;
}

.bni21-page .bni21-v7-gallery .bni21-section-title h2{
  font-size:43px !important;
}

.bni21-page .bni21-v7-gallery .bni-pg-social-card img{
  border-radius:0 !important;
  border:6px solid #fff !important;
  box-shadow:0 14px 28px rgba(0,0,0,.12) !important;
}

/* CARD PUBBLICI */
.bni21-page .bni21-info-card{
  border-top:5px solid #cf2030 !important;
  border-radius:0 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.07) !important;
}

.bni21-page .bni21-info-icon{
  width:58px !important;
  height:58px !important;
  margin-bottom:21px !important;
  border:1px solid #e8aeb4 !important;
  border-radius:50% !important;
  background:#fff7f8 !important;
  line-height:54px !important;
  text-align:center !important;
}

/* GUIDE */
.bni21-page .bni21-guides{
  padding-top:70px !important;
  padding-bottom:70px !important;
  background:#111 !important;
}

.bni21-page .bni21-guides .bni21-eyebrow{
  color:#cf2030 !important;
}

.bni21-page .bni21-guides-copy h2,
.bni21-page .bni21-guides-copy p{
  color:#fff !important;
}

.bni21-page .bni21-guides-copy p{
  color:#d5d5d5 !important;
}

.bni21-page .bni21-guide-item a{
  border:1px solid #333 !important;
  border-radius:0 !important;
  background:#1a1a1a !important;
  box-shadow:0 16px 30px rgba(0,0,0,.28) !important;
}

.bni21-page .bni21-guide-item span{
  background:#fff !important;
}

/* CHIUSURA BNI × AIRMEET */
.bni21-page .bni21-v7-closing{
  position:relative !important;
  padding:56px 54px !important;
  overflow:hidden !important;
  background:#cf2030 !important;
}

.bni21-page .bni21-v7-closing:after{
  content:"2021" !important;
  position:absolute !important;
  right:-20px !important;
  bottom:-45px !important;
  color:rgba(117,0,12,.22) !important;
  font-size:190px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.bni21-page .bni21-v7-closing .bni21-closing-icon{
  position:relative !important;
  z-index:2 !important;
  color:#fff !important;
}

.bni21-page .bni21-v7-closing .bni21-closing-copy{
  position:relative !important;
  z-index:2 !important;
}

.bni21-page .bni21-v7-closing .bni21-closing-copy h2,
.bni21-page .bni21-v7-closing .bni21-closing-copy h2 strong,
.bni21-page .bni21-v7-closing .bni21-closing-copy p{
  color:#fff !important;
}

.bni21-page .bni21-v7-closing .bni21-partner-logos{
  position:relative !important;
  z-index:2 !important;
  padding:22px 20px !important;
  background:#fff !important;
  text-align:center !important;
}

.bni21-page .bni21-v7-closing .bni21-partner-x{
  color:#777 !important;
}

/* RESPONSIVE */
@media only screen and (max-width:1100px){
  .bni21-page .bni21-v7-hero .bni21-hero-copy{
    width:54% !important;
    padding-left:46px !important;
  }
  .bni21-page .bni21-v7-collage{
    width:46% !important;
  }
  .bni21-page .bni21-v7-hero h1{
    font-size:57px !important;
  }
  .bni21-page .bni21-v7-shot-main{
    right:25px !important;
    width:360px !important;
  }
}

@media only screen and (max-width:900px){
  .bni21-page .bni21-v7-hero{
    min-height:0 !important;
  }

  .bni21-page .bni21-v7-hero .bni21-hero-copy,
  .bni21-page .bni21-v7-collage{
    float:none !important;
    width:100% !important;
  }

  .bni21-page .bni21-v7-hero .bni21-hero-copy{
    min-height:0 !important;
    padding:52px 38px 46px !important;
  }

  .bni21-page .bni21-v7-collage{
    height:500px !important;
  }

  .bni21-page .bni21-v7-shot-main{
    top:35px !important;
    right:7% !important;
    width:60% !important;
    height:330px !important;
  }

  .bni21-page .bni21-v7-shot-two{
    left:8% !important;
    bottom:45px !important;
    width:36% !important;
  }

  .bni21-page .bni21-v7-shot-three{
    right:9% !important;
    bottom:25px !important;
    width:34% !important;
  }

  .bni21-page .bni21-v7-pillars{
    padding:0 22px !important;
  }

  .bni21-page .bni21-v7-pillars > div{
    width:50% !important;
    border-bottom:1px solid #e6e6e6 !important;
  }

  .bni21-page .bni21-v7-story-section .bni21-story,
  .bni21-page .bni21-v7-story-section .bni21-video-side{
    float:none !important;
    width:100% !important;
    padding-right:0 !important;
  }
}

@media only screen and (max-width:600px){
  .bni21-page .bni21-v7-hero .bni21-hero-copy{
    padding:42px 22px 38px !important;
  }

  .bni21-page .bni21-v7-hero .bni21-hero-brand img{
    width:100px !important;
  }

  .bni21-page .bni21-v7-hero h1{
    font-size:43px !important;
    letter-spacing:-1.2px !important;
  }

  .bni21-page .bni21-v7-hero p{
    font-size:17px !important;
  }

  .bni21-page .bni21-v7-meta span{
    display:block !important;
    margin-right:0 !important;
  }

  .bni21-page .bni21-v7-collage{
    height:390px !important;
  }

  .bni21-page .bni21-v7-shot-main{
    top:26px !important;
    right:7% !important;
    width:74% !important;
    height:260px !important;
  }

  .bni21-page .bni21-v7-shot-two{
    left:5% !important;
    bottom:32px !important;
    width:42% !important;
    height:125px !important;
  }

  .bni21-page .bni21-v7-shot-three{
    right:5% !important;
    bottom:18px !important;
    width:41% !important;
    height:118px !important;
  }

  .bni21-page .bni21-v7-year{
    font-size:95px !important;
  }

  .bni21-page .bni21-v7-pillars{
    padding:0 !important;
  }

  .bni21-page .bni21-v7-pillars > div{
    width:100% !important;
    min-height:0 !important;
    padding:20px 24px !important;
    border-right:0 !important;
  }

  .bni21-page .bni21-v7-story-section{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }

  .bni21-page .bni21-v7-story-section .bni21-story h2{
    font-size:25px !important;
  }

  .bni21-page .bni21-v7-gallery .bni21-section-title h2{
    font-size:32px !important;
  }

  .bni21-page .bni21-v7-closing{
    padding:42px 22px !important;
  }

  .bni21-page .bni21-v7-closing:after{
    font-size:115px !important;
  }
}



/* ==========================================================
   BNI CONFERENZA 2021 — V8 POSTER EVENT
   Più impatto, icone, video protagonista, archivio dark
   ========================================================== */

/* HERO: ulteriore enfasi tipografica */
.bni21-page .bni21-v7-hero h1{
  font-size:74px !important;
  line-height:.93 !important;
  letter-spacing:-2.8px !important;
}

.bni21-page .bni21-v7-hero p{
  max-width:630px !important;
  font-size:22px !important;
  line-height:1.55 !important;
}

.bni21-page .bni21-v7-meta span{
  font-size:12px !important;
}

/* ================================
   4 PILASTRI CON ICONE
   ================================ */
.bni21-page .bni21-v8-pillars{
  padding:0 30px !important;
  box-shadow:0 7px 22px rgba(0,0,0,.035) !important;
}

.bni21-page .bni21-v8-pillars > div{
  min-height:165px !important;
  padding:25px 20px 22px !important;
  text-align:center !important;
}

.bni21-page .bni21-v8-pillar-icon{
  position:relative !important;
  display:block !important;
  width:58px !important;
  height:58px !important;
  margin:0 auto 14px !important;
  color:#cf2030 !important;
}

.bni21-page .bni21-v8-pillars strong{
  font-size:20px !important;
  letter-spacing:.5px !important;
}

.bni21-page .bni21-v8-pillar-copy{
  margin-top:8px !important;
  font-size:16px !important;
}

/* CONNESSIONI — 3 nodi */
.bni21-page .bni21-v8-icon-connections:before,
.bni21-page .bni21-v8-icon-connections:after,
.bni21-page .bni21-v8-icon-relations:before,
.bni21-page .bni21-v8-icon-relations:after,
.bni21-page .bni21-v8-icon-vision:before,
.bni21-page .bni21-v8-icon-vision:after,
.bni21-page .bni21-v8-icon-growth:before,
.bni21-page .bni21-v8-icon-growth:after{
  content:"" !important;
  position:absolute !important;
  display:block !important;
  box-sizing:border-box !important;
}

.bni21-page .bni21-v8-icon-connections:before{
  left:24px !important;
  top:3px !important;
  width:12px !important;
  height:12px !important;
  border:2px solid #cf2030 !important;
  border-radius:50% !important;
  box-shadow:-18px 29px 0 -2px #fff, -18px 29px 0 0 #cf2030,
              18px 29px 0 -2px #fff, 18px 29px 0 0 #cf2030 !important;
}
.bni21-page .bni21-v8-icon-connections:after{
  left:10px !important;
  top:17px !important;
  width:39px !important;
  height:26px !important;
  border-left:2px solid #cf2030 !important;
  border-right:2px solid #cf2030 !important;
  border-bottom:2px solid #cf2030 !important;
}

/* RELAZIONI — stretta di mano stilizzata */
.bni21-page .bni21-v8-icon-relations:before{
  left:8px !important;
  top:17px !important;
  width:42px !important;
  height:22px !important;
  border:3px solid #cf2030 !important;
  border-radius:5px !important;
  transform:rotate(-8deg) !important;
}
.bni21-page .bni21-v8-icon-relations:after{
  left:17px !important;
  top:20px !important;
  width:25px !important;
  height:18px !important;
  border-top:3px solid #cf2030 !important;
  border-bottom:3px solid #cf2030 !important;
  transform:rotate(38deg) !important;
}

/* VISIONE — occhio */
.bni21-page .bni21-v8-icon-vision:before{
  left:8px !important;
  top:15px !important;
  width:43px !important;
  height:28px !important;
  border:3px solid #cf2030 !important;
  border-radius:55% 0 55% 0 / 55% 0 55% 0 !important;
  transform:rotate(45deg) !important;
}
.bni21-page .bni21-v8-icon-vision:after{
  left:23px !important;
  top:23px !important;
  width:13px !important;
  height:13px !important;
  border:3px solid #cf2030 !important;
  border-radius:50% !important;
  background:#fff !important;
}

/* CRESCITA — grafico */
.bni21-page .bni21-v8-icon-growth:before{
  left:8px !important;
  top:13px !important;
  width:42px !important;
  height:34px !important;
  border-left:3px solid #cf2030 !important;
  border-bottom:3px solid #cf2030 !important;
}
.bni21-page .bni21-v8-icon-growth:after{
  left:16px !important;
  top:12px !important;
  width:31px !important;
  height:23px !important;
  border-top:4px solid #cf2030 !important;
  border-right:4px solid #cf2030 !important;
  transform:skewY(-32deg) rotate(-4deg) !important;
}

/* ================================
   TESTIMONIANZA + VIDEO HERO
   ================================ */
.bni21-page .bni21-v8-story-section{
  margin:16px !important;
  width:auto !important;
  padding:28px 28px 30px !important;
  border-radius:12px !important;
  background:#f7f7f7 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.06) !important;
}

.bni21-page .bni21-v8-story-section .bni21-story{
  width:39% !important;
  padding:10px 38px 0 4px !important;
}

.bni21-page .bni21-v8-story-section .bni21-video-side{
  width:59% !important;
}

.bni21-page .bni21-v8-story-section .bni21-quote{
  margin-bottom:-20px !important;
  font-size:100px !important;
}

.bni21-page .bni21-v8-story-section .bni21-story h2{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:31px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}

.bni21-page .bni21-v8-story-section .bni21-story p{
  font-size:17px !important;
  line-height:1.55 !important;
}

.bni21-page .bni21-v8-story-section .bni21-video{
  padding-bottom:56.25% !important;
  border:4px solid #cf2030 !important;
  border-radius:12px !important;
  background:#090909 !important;
  box-shadow:
    0 0 0 9px #111,
    0 18px 36px rgba(0,0,0,.24),
    0 0 28px rgba(207,32,48,.20) !important;
}

.bni21-page .bni21-v8-story-section .bni21-caption{
  margin-top:18px !important;
  color:#333 !important;
  font-size:16px !important;
}

.bni21-page .bni21-v8-story-section .bni21-caption:after{
  content:" · CONNESSIONI PER CRESCERE 2021" !important;
  color:#cf2030 !important;
  font-weight:800 !important;
}

/* ================================
   ARCHIVIO DARK
   ================================ */
.bni21-page .bni21-v8-gallery{
  margin:0 16px 16px !important;
  width:auto !important;
  padding:46px 34px 42px !important;
  border:0 !important;
  border-radius:10px !important;
  background:
    radial-gradient(circle at 50% -20%,rgba(207,32,48,.18),transparent 36%),
    #171717 !important;
}

.bni21-page .bni21-v8-gallery .bni21-eyebrow{
  color:#cf2030 !important;
}

.bni21-page .bni21-v8-gallery .bni21-section-title h2{
  color:#fff !important;
  font-size:42px !important;
}

.bni21-page .bni21-v8-gallery .bni21-section-title p{
  color:#d8d8d8 !important;
  font-size:17px !important;
}

.bni21-page .bni21-v8-gallery .bni21-card-label{
  min-height:54px !important;
  padding:12px 8px !important;
  background:#fff !important;
  color:#151515 !important;
  font-size:14px !important;
}

.bni21-page .bni21-v8-gallery .bni-pg-social-card{
  background:#fff !important;
  border-radius:7px !important;
  overflow:hidden !important;
  box-shadow:0 12px 26px rgba(0,0,0,.28) !important;
}

.bni21-page .bni21-v8-gallery .bni-pg-social-card img{
  border:0 !important;
  box-shadow:none !important;
}

/* ================================
   CARD PUBBLICI: icone più forti
   ================================ */
.bni21-page .bni21-info-card{
  padding:34px 36px !important;
}

.bni21-page .bni21-info-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:68px !important;
  height:68px !important;
  background:#cf2030 !important;
  border:0 !important;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

.bni21-page .bni21-v8-info-people{
  letter-spacing:-7px !important;
  padding-right:8px !important;
}

.bni21-page .bni21-v8-info-star{
  font-size:35px !important;
}

.bni21-page .bni21-info-card h3{
  font-size:28px !important;
}

.bni21-page .bni21-info-card p{
  font-size:17px !important;
  line-height:1.62 !important;
}

/* GUIDE: più simili al bozzetto */
.bni21-page .bni21-guides{
  margin:0 16px !important;
  width:auto !important;
  padding:42px 34px !important;
  border-radius:10px 10px 0 0 !important;
}

.bni21-page .bni21-guides-copy h2{
  font-size:36px !important;
}

.bni21-page .bni21-guide-item span{
  font-size:15px !important;
}

/* Footer/closing più compatto e potente */
.bni21-page .bni21-v7-closing{
  padding-top:42px !important;
  padding-bottom:42px !important;
}

.bni21-page .bni21-footer{
  font-size:15px !important;
}

/* TABLET */
@media only screen and (max-width:900px){
  .bni21-page .bni21-v7-hero h1{
    font-size:59px !important;
  }

  .bni21-page .bni21-v8-story-section .bni21-story,
  .bni21-page .bni21-v8-story-section .bni21-video-side{
    float:none !important;
    width:100% !important;
  }

  .bni21-page .bni21-v8-story-section .bni21-story{
    padding-right:0 !important;
    margin-bottom:34px !important;
  }
}

/* MOBILE */
@media only screen and (max-width:600px){
  .bni21-page .bni21-v7-hero h1{
    font-size:46px !important;
  }

  .bni21-page .bni21-v8-pillars > div{
    min-height:0 !important;
    padding:22px 18px !important;
  }

  .bni21-page .bni21-v8-pillar-icon{
    width:50px !important;
    height:50px !important;
    transform:scale(.88) !important;
    margin-bottom:9px !important;
  }

  .bni21-page .bni21-v8-pillars strong{
    font-size:18px !important;
  }

  .bni21-page .bni21-v8-story-section{
    margin:10px !important;
    padding:24px 18px !important;
  }

  .bni21-page .bni21-v8-story-section .bni21-story h2{
    font-size:25px !important;
  }

  .bni21-page .bni21-v8-story-section .bni21-video{
    border-width:3px !important;
    box-shadow:
      0 0 0 5px #111,
      0 12px 24px rgba(0,0,0,.22) !important;
  }

  .bni21-page .bni21-v8-gallery{
    margin:0 10px 10px !important;
    padding:35px 18px 30px !important;
  }

  .bni21-page .bni21-v8-gallery .bni21-section-title h2{
    font-size:31px !important;
  }

  .bni21-page .bni21-guides{
    margin:0 10px !important;
    padding:34px 18px !important;
  }
}



/* ==========================================================
   BNI CONFERENZA 2021 — V9
   PILASTRI PREMIUM: badge circolari, icone pulite, titoli più grandi
   ========================================================== */

.bni21-page .bni21-v9-pillars{
  padding:0 34px !important;
  background:#ffffff !important;
  border-top:1px solid #f0f0f0 !important;
  border-bottom:1px solid #e9e9e9 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.035) !important;
}

.bni21-page .bni21-v9-pillars > div{
  position:relative !important;
  min-height:235px !important;
  padding:30px 24px 28px !important;
  text-align:center !important;
  border-right:1px solid #e7e7e7 !important;
}

.bni21-page .bni21-v9-pillars > div:last-child{
  border-right:0 !important;
}

/* BADGE CIRCOLARE */
.bni21-page .bni21-v9-pillars .bni21-v8-pillar-icon{
  position:relative !important;
  display:block !important;
  width:112px !important;
  height:112px !important;
  margin:0 auto 22px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 35% 28%,#ffffff 0%,#fefefe 52%,#f4f4f4 100%) !important;
  border:1px solid #ededed !important;
  box-shadow:
    0 13px 28px rgba(0,0,0,.11),
    inset 0 -3px 0 #cf2030 !important;
}

/* arco rosso inferiore */
.bni21-page .bni21-v9-pillars .bni21-v8-pillar-icon:after{
  content:"" !important;
  position:absolute !important;
  left:9px !important;
  right:9px !important;
  bottom:-5px !important;
  height:10px !important;
  border-bottom:5px solid #cf2030 !important;
  border-radius:0 0 70px 70px !important;
  background:transparent !important;
}

/* Titoli */
.bni21-page .bni21-v9-pillars strong{
  display:block !important;
  margin:0 !important;
  color:#cf2030 !important;
  font-size:25px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
}

/* trattino sotto titolo */
.bni21-page .bni21-v9-pillars strong:after{
  content:"" !important;
  display:block !important;
  width:38px !important;
  height:4px !important;
  margin:15px auto 13px !important;
  background:#cf2030 !important;
}

/* sottotitoli */
.bni21-page .bni21-v9-pillars .bni21-v8-pillar-copy{
  display:block !important;
  margin:0 !important;
  color:#545454 !important;
  font-size:18px !important;
  line-height:1.3 !important;
}

/* ==========================================================
   ICONA 1 — CONNESSIONI
   tre persone/nodi collegati
   ========================================================== */

.bni21-page .bni21-v9-pillars .bni21-v8-icon-connections:before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:22px !important;
  width:16px !important;
  height:16px !important;
  margin-left:-8px !important;
  border:3px solid #cf2030 !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:
    -28px 42px 0 -3px #fff,
    -28px 42px 0 0 #cf2030,
     28px 42px 0 -3px #fff,
     28px 42px 0 0 #cf2030 !important;
}

.bni21-page .bni21-v9-pillars .bni21-v8-icon-connections:after{
  content:"" !important;
  position:absolute !important;
  left:27px !important;
  top:38px !important;
  width:58px !important;
  height:39px !important;
  border-left:3px solid #cf2030 !important;
  border-right:3px solid #cf2030 !important;
  border-bottom:3px solid #cf2030 !important;
  border-radius:0 0 34px 34px !important;
}

/* ==========================================================
   ICONA 2 — RELAZIONI
   due fumetti sovrapposti
   ========================================================== */

.bni21-page .bni21-v9-pillars .bni21-v8-icon-relations:before{
  content:"" !important;
  position:absolute !important;
  left:25px !important;
  top:27px !important;
  width:46px !important;
  height:34px !important;
  border:4px solid #cf2030 !important;
  border-radius:9px !important;
  background:#fff !important;
  transform:none !important;
}

.bni21-page .bni21-v9-pillars .bni21-v8-icon-relations:after{
  content:"•••" !important;
  position:absolute !important;
  right:19px !important;
  bottom:24px !important;
  width:47px !important;
  height:35px !important;
  padding-top:1px !important;
  border:4px solid #cf2030 !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#cf2030 !important;
  font-size:19px !important;
  line-height:24px !important;
  letter-spacing:3px !important;
  font-weight:900 !important;
  text-align:center !important;
  transform:none !important;
}

/* codine fumetti */
.bni21-page .bni21-v9-pillars .bni21-v8-icon-relations{
  overflow:visible !important;
}

/* ==========================================================
   ICONA 3 — VISIONE
   occhio più pulito e simmetrico
   ========================================================== */

.bni21-page .bni21-v9-pillars .bni21-v8-icon-vision:before{
  content:"" !important;
  position:absolute !important;
  left:24px !important;
  top:35px !important;
  width:64px !important;
  height:40px !important;
  border:4px solid #cf2030 !important;
  border-radius:65% 0 65% 0 / 65% 0 65% 0 !important;
  transform:rotate(45deg) !important;
  background:#fff !important;
}

.bni21-page .bni21-v9-pillars .bni21-v8-icon-vision:after{
  content:"" !important;
  position:absolute !important;
  left:45px !important;
  top:45px !important;
  width:22px !important;
  height:22px !important;
  border:4px solid #cf2030 !important;
  border-radius:50% !important;
  background:#fff !important;
  transform:none !important;
}

/* ==========================================================
   ICONA 4 — CRESCITA
   barre + freccia
   ========================================================== */

.bni21-page .bni21-v9-pillars .bni21-v8-icon-growth:before{
  content:"" !important;
  position:absolute !important;
  left:26px !important;
  bottom:25px !important;
  width:16px !important;
  height:24px !important;
  border:3px solid #cf2030 !important;
  background:#fff !important;
  box-shadow:
    21px -11px 0 -3px #fff,
    21px -11px 0 0 #cf2030,
    42px -27px 0 -3px #fff,
    42px -27px 0 0 #cf2030 !important;
}

.bni21-page .bni21-v9-pillars .bni21-v8-icon-growth:after{
  content:"" !important;
  position:absolute !important;
  left:31px !important;
  top:27px !important;
  width:57px !important;
  height:34px !important;
  border-top:4px solid #cf2030 !important;
  border-right:4px solid #cf2030 !important;
  transform:skewY(-34deg) rotate(-6deg) !important;
}

/* HOVER discreto */
@media (hover:hover) and (pointer:fine){
  .bni21-page .bni21-v9-pillars > div{
    transition:background .25s ease !important;
  }

  .bni21-page .bni21-v9-pillars > div:hover{
    background:#fcfcfc !important;
  }

  .bni21-page .bni21-v9-pillars .bni21-v8-pillar-icon{
    transition:transform .28s ease, box-shadow .28s ease !important;
  }

  .bni21-page .bni21-v9-pillars > div:hover .bni21-v8-pillar-icon{
    transform:translateY(-6px) !important;
    box-shadow:
      0 18px 34px rgba(0,0,0,.14),
      inset 0 -3px 0 #cf2030 !important;
  }
}

/* TABLET */
@media only screen and (max-width:900px){
  .bni21-page .bni21-v9-pillars > div{
    width:50% !important;
    min-height:220px !important;
  }
}

/* MOBILE */
@media only screen and (max-width:600px){
  .bni21-page .bni21-v9-pillars{
    padding:0 !important;
  }

  .bni21-page .bni21-v9-pillars > div{
    width:100% !important;
    min-height:0 !important;
    padding:25px 18px 27px !important;
    border-right:0 !important;
    border-bottom:1px solid #e7e7e7 !important;
  }

  .bni21-page .bni21-v9-pillars .bni21-v8-pillar-icon{
    width:94px !important;
    height:94px !important;
    transform:scale(.9) !important;
    margin-bottom:14px !important;
  }

  .bni21-page .bni21-v9-pillars strong{
    font-size:22px !important;
  }

  .bni21-page .bni21-v9-pillars .bni21-v8-pillar-copy{
    font-size:16px !important;
  }
}


/* ==========================================================
   BNI CONFERENZA 2021 — V10BIS RECEPTION HERO
   Base V9 preservata.
   - Reception 2021 protagonista
   - Responsive sicuro
   - Video Omar centrato/crop migliorato
   ========================================================== */

/* HERO */
.bni21-page .bni21-v7-hero{
  min-height:610px !important;
  background:#080808 !important;
}

.bni21-page .bni21-v7-hero-bg{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.99) 0%,
      rgba(0,0,0,.96) 30%,
      rgba(0,0,0,.82) 42%,
      rgba(0,0,0,.20) 61%,
      rgba(0,0,0,.03) 100%),
    #080808 !important;
}

.bni21-page .bni21-v7-hero:after{
  right:-185px !important;
  bottom:-255px !important;
  width:560px !important;
  height:560px !important;
  border-width:52px !important;
  border-color:rgba(207,32,48,.20) !important;
}

.bni21-page .bni21-v7-hero .bni21-hero-copy{
  position:relative !important;
  z-index:4 !important;
  width:39% !important;
  min-height:610px !important;
  padding:58px 28px 48px 62px !important;
  background:linear-gradient(90deg,#080808 0%,#080808 82%,rgba(8,8,8,.88) 100%) !important;
}

.bni21-page .bni21-v7-hero .bni21-hero-brand{
  margin-bottom:26px !important;
}

.bni21-page .bni21-v7-hero .bni21-hero-brand img{
  width:120px !important;
}

.bni21-page .bni21-v7-hero .bni21-kicker{
  margin-bottom:22px !important;
  font-size:13px !important;
  letter-spacing:2px !important;
}

.bni21-page .bni21-v7-hero h1{
  max-width:520px !important;
  margin-bottom:25px !important;
  font-size:60px !important;
  line-height:.95 !important;
  letter-spacing:-2px !important;
}

.bni21-page .bni21-v7-hero p{
  max-width:510px !important;
  font-size:18px !important;
  line-height:1.56 !important;
}

.bni21-page .bni21-v7-meta{
  margin-top:30px !important;
  padding-top:19px !important;
}

/* RECEPTION */
.bni21-page .bni21-v10b-reception{
  position:relative !important;
  z-index:2 !important;
  float:right !important;
  width:61% !important;
  height:610px !important;
  overflow:hidden !important;
  background:#090909 !important;
}

.bni21-page .bni21-v10b-reception-frame{
  position:absolute !important;
  inset:0 !important;
  overflow:hidden !important;
  background:#090909 !important;
}

.bni21-page .bni21-v10b-reception-frame:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  z-index:2 !important;
  width:14% !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(8,8,8,.94),rgba(8,8,8,.32),transparent) !important;
}

.bni21-page .bni21-v10b-reception-frame:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  box-shadow:inset 0 0 55px rgba(0,0,0,.20) !important;
}

.bni21-page .bni21-v10b-reception-frame img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:#090909 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.008) !important;
}

.bni21-page .bni21-v10b-year{
  position:absolute !important;
  right:18px !important;
  top:7px !important;
  z-index:3 !important;
  color:rgba(255,255,255,.045) !important;
  font-size:132px !important;
  line-height:1 !important;
  font-weight:900 !important;
  pointer-events:none !important;
}

/* ==========================================================
   VIDEO OMAR — centratura visuale
   La sorgente video ha bande proprie: aumentiamo leggermente
   il player dentro la cornice e lo centriamo, così la cover
   risulta più piena senza spostarsi a sinistra/destra.
   ========================================================== */
.bni21-page .bni21-v8-story-section .bni21-video{
  position:relative !important;
  overflow:hidden !important;
}

.bni21-page .bni21-v8-story-section .bni21-video iframe{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:100% !important;
  height:100% !important;
  transform:translate(-50%,-50%) scale(1.12) !important;
  transform-origin:center center !important;
}

/* TABLET */
@media only screen and (max-width:1100px){
  .bni21-page .bni21-v7-hero .bni21-hero-copy{
    width:43% !important;
    padding-left:40px !important;
  }

  .bni21-page .bni21-v10b-reception{
    width:57% !important;
  }

  .bni21-page .bni21-v7-hero h1{
    font-size:52px !important;
  }
}

@media only screen and (max-width:900px){
  .bni21-page .bni21-v7-hero{
    min-height:0 !important;
  }

  .bni21-page .bni21-v7-hero .bni21-hero-copy,
  .bni21-page .bni21-v10b-reception{
    float:none !important;
    width:100% !important;
  }

  .bni21-page .bni21-v7-hero .bni21-hero-copy{
    min-height:0 !important;
    padding:50px 38px 42px !important;
    background:#080808 !important;
  }

  .bni21-page .bni21-v10b-reception{
    height:auto !important;
    min-height:0 !important;
  }

  .bni21-page .bni21-v10b-reception-frame{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
  }

  .bni21-page .bni21-v10b-reception-frame:before{
    display:none !important;
  }

  .bni21-page .bni21-v10b-reception-frame img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    transform:none !important;
  }

  .bni21-page .bni21-v10b-year{
    font-size:96px !important;
  }

  .bni21-page .bni21-v8-story-section .bni21-video iframe{
    transform:translate(-50%,-50%) scale(1.08) !important;
  }
}

/* MOBILE */
@media only screen and (max-width:600px){
  .bni21-page .bni21-v7-hero .bni21-hero-copy{
    padding:40px 22px 34px !important;
  }

  .bni21-page .bni21-v7-hero .bni21-hero-brand img{
    width:96px !important;
  }

  .bni21-page .bni21-v7-hero .bni21-kicker{
    font-size:11px !important;
    letter-spacing:1.3px !important;
  }

  .bni21-page .bni21-v7-hero h1{
    font-size:41px !important;
    line-height:.98 !important;
    letter-spacing:-1.1px !important;
  }

  .bni21-page .bni21-v7-hero p{
    font-size:16px !important;
  }

  .bni21-page .bni21-v7-meta span{
    display:block !important;
    margin:0 0 7px !important;
  }

  .bni21-page .bni21-v10b-year{
    right:8px !important;
    top:4px !important;
    font-size:68px !important;
  }

  .bni21-page .bni21-v8-story-section .bni21-video iframe{
    transform:translate(-50%,-50%) scale(1.06) !important;
  }
}


/* ==========================================================
   BNI CONFERENZA 2021 — V10TER FINAL
   Backend image ufficiale BNI + rifinitura video Omar.
   ========================================================== */

/* Reception: immagine backend ufficiale, niente ritagli aggressivi */
.bni21-page .bni21-v10b-reception{
  background:#090909 !important;
}

.bni21-page .bni21-v10b-reception-frame{
  background:#090909 !important;
}

.bni21-page .bni21-v10b-reception-frame img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

/* Raccordo morbido testo > immagine */
.bni21-page .bni21-v10b-reception-frame:before{
  width:16% !important;
  background:linear-gradient(
    90deg,
    rgba(8,8,8,.98) 0%,
    rgba(8,8,8,.72) 28%,
    rgba(8,8,8,.28) 62%,
    transparent 100%
  ) !important;
}

/* Video Omar: centratura più naturale e meno fascia nera percepita */
.bni21-page .bni21-v8-story-section .bni21-video{
  background:#000 !important;
  overflow:hidden !important;
}

.bni21-page .bni21-v8-story-section .bni21-video iframe{
  left:50% !important;
  top:50% !important;
  width:100% !important;
  height:100% !important;
  transform:translate(-50%,-50%) scale(1.14) !important;
  transform-origin:center center !important;
}

/* TABLET: mostra la reception completa */
@media only screen and (max-width:900px){
  .bni21-page .bni21-v10b-reception-frame img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .bni21-page .bni21-v10b-reception-frame:before{
    display:none !important;
  }

  .bni21-page .bni21-v8-story-section .bni21-video iframe{
    transform:translate(-50%,-50%) scale(1.10) !important;
  }
}

/* MOBILE */
@media only screen and (max-width:600px){
  .bni21-page .bni21-v10b-reception{
    height:auto !important;
  }

  .bni21-page .bni21-v10b-reception-frame{
    position:relative !important;
    height:auto !important;
  }

  .bni21-page .bni21-v10b-reception-frame img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .bni21-page .bni21-v8-story-section .bni21-video iframe{
    transform:translate(-50%,-50%) scale(1.06) !important;
  }
}


/* ==========================================================
   BNI CONFERENZA 2021 — V10QUATER
   4K Reception + Pillar Icons Premium + Video Omar Framing
   ========================================================== */

/* HERO IMAGE: use the new 4K asset without enlargement beyond its natural ratio */
.bni21-page .bni21-v10b-reception-frame img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto !important;
  transform:none !important;
}

/* ==========================================================
   PILASTRI — nuove icone premium
   ========================================================== */
.bni21-page .bni21-v10q-pillar-icon{
  display:block !important;
  width:72px !important;
  height:72px !important;
  margin:0 auto 17px !important;
  border-radius:50% !important;
  background-color:#cf2030 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:42px 42px !important;
  box-shadow:0 9px 23px rgba(207,32,48,.18) !important;
  border:0 !important;
}

.bni21-page .bni21-v10q-pillar-icon:before,
.bni21-page .bni21-v10q-pillar-icon:after{
  display:none !important;
  content:none !important;
}

/* Connessioni: network nodes */
.bni21-page .bni21-v10q-icon-connections{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='14' r='6'/%3E%3Ccircle cx='15' cy='45' r='6'/%3E%3Ccircle cx='49' cy='45' r='6'/%3E%3Cpath d='M29 20L18 39M35 20l11 19M21 45h22'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Relazioni: chat bubbles */
.bni21-page .bni21-v10q-icon-relations{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14h31a7 7 0 017 7v12a7 7 0 01-7 7H24l-10 8v-8h-4a7 7 0 01-7-7V21a7 7 0 017-7z'/%3E%3Cpath d='M24 24h24a7 7 0 017 7v9a7 7 0 01-7 7h-5v7l-9-7'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Visione: eye */
.bni21-page .bni21-v10q-icon-vision{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 32s10-15 27-15 27 15 27 15-10 15-27 15S5 32 5 32z'/%3E%3Ccircle cx='32' cy='32' r='8'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Crescita: ascending chart */
.bni21-page .bni21-v10q-icon-growth{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 52h44M14 52V39h9v13M28 52V30h9v22M42 52V20h9v32'/%3E%3Cpath d='M12 30l12-10 10 4 17-14M43 10h8v8'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Keep the V9 pillar typography but reduce the oversized circles inherited from older icon CSS */
.bni21-page .bni21-v9-pillars > div{
  padding-top:24px !important;
}

/* ==========================================================
   VIDEO OMAR — true centered crop
   ========================================================== */
.bni21-page .bni21-v10q-video{
  position:relative !important;
  width:100% !important;
  height:0 !important;
  padding-bottom:56.25% !important;
  overflow:hidden !important;
  background:#000 !important;
}

.bni21-page .bni21-v10q-video iframe{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:116% !important;
  height:116% !important;
  transform:translate(-50%,-50%) !important;
  transform-origin:center center !important;
  border:0 !important;
}

/* Desktop: nudge the crop slightly downward to center the subject rather than the black band */
@media only screen and (min-width:901px){
  .bni21-page .bni21-v10q-video iframe{
    top:53% !important;
  }
}

/* Tablet/mobile: less crop, preserve content */
@media only screen and (max-width:900px){
  .bni21-page .bni21-v10q-pillar-icon{
    width:66px !important;
    height:66px !important;
    background-size:38px 38px !important;
  }

  .bni21-page .bni21-v10q-video iframe{
    width:108% !important;
    height:108% !important;
    top:51% !important;
  }
}

@media only screen and (max-width:600px){
  .bni21-page .bni21-v10q-pillar-icon{
    width:60px !important;
    height:60px !important;
    margin-bottom:13px !important;
    background-size:34px 34px !important;
  }

  .bni21-page .bni21-v10q-video iframe{
    width:104% !important;
    height:104% !important;
    top:50% !important;
  }
}


/* ==========================================================
   BNI CONFERENZA 2021 — V10QUATER BIS
   FIX: hover nuove icone + crop YouTube più evidente
   ========================================================== */

/* HOVER RIPRISTINATO SULLE NUOVE ICONE */
.bni21-page .bni21-v9-pillars .bni21-v10q-pillar-icon{
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    background-color .28s ease !important;
}

@media (hover:hover) and (pointer:fine){

  .bni21-page .bni21-v9-pillars > div{
    transition:
      background .25s ease,
      box-shadow .25s ease !important;
  }

  .bni21-page .bni21-v9-pillars > div:hover{
    background:#fff8f9 !important;
  }

  .bni21-page .bni21-v9-pillars > div:hover .bni21-v10q-pillar-icon{
    transform:translateY(-8px) scale(1.06) !important;
    background-color:#b71927 !important;
    box-shadow:
      0 18px 34px rgba(207,32,48,.28),
      0 5px 12px rgba(0,0,0,.10) !important;
  }

  .bni21-page .bni21-v9-pillars > div:hover strong{
    color:#b71927 !important;
  }
}

/* ==========================================================
   VIDEO OMAR — CROP PIÙ DECISO E DAVVERO VISIBILE
   Il poster YouTube contiene letterboxing proprio.
   Ingrandiamo il player interno per ridurre le bande nere.
   ========================================================== */
.bni21-page .bni21-v10q-video{
  position:relative !important;
  overflow:hidden !important;
  background:#000 !important;
}

.bni21-page .bni21-v10q-video iframe{
  position:absolute !important;
  left:50% !important;
  top:52% !important;
  width:130% !important;
  height:130% !important;
  transform:translate(-50%,-50%) !important;
  transform-origin:center center !important;
  max-width:none !important;
  border:0 !important;
}

/* Tablet: crop intermedio */
@media only screen and (max-width:900px){
  .bni21-page .bni21-v10q-video iframe{
    top:51% !important;
    width:118% !important;
    height:118% !important;
  }
}

/* Mobile: crop più conservativo */
@media only screen and (max-width:600px){
  .bni21-page .bni21-v10q-video iframe{
    top:50% !important;
    width:110% !important;
    height:110% !important;
  }
}