/*.bg-cb-hero{
    background-image: url(../img/hero-bg-2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/


/*.bg-cb-benchmonitor{
     background-image: url(../img/hero-bg-benchmonitor-2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/

/*.bg-cb-ento{
     background-image: url(../img/hero-img-ento.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/

/*.bg-cb-chi-siamo{
     background-image: url(../img/hero-chi-siamo-3.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/


/*.bg-cb-5{
     background-image: url(../img/hero-bg-7.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/

  .bg-arancio{
    background-color: var(--color-primary-600)!important;
  }

.cb-hero-align{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.icona-cb{
    width: 100px;
}

.bg-grey{
    background-color: #57676f;
}


.bg-grey-03{
    background-color: #b5bdc3;
}


.bg-grey-02{
    background-color: #d2d9de;
}

.bg-grey-01{
    background-color: #eff3f7;
}

.bm-logo-w{
    width: 300px;
    margin-bottom: 30px;
}

.bg-orange{
    background-color: var(--color-primary-600);
    color: var(--color-white);
}


.logo-mobile-nav{
    width: 150px;
}

.bg-sfondo-webinar{
    background-image: url(../img/Webinar-controlla-bolletta.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-sfondo-ar{
     background-image: url(../img/area-riservata-controlla-bolletta.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

p{
    font-size: 1.1rem;
}

.size-img{
    width: 150%;
}

.badge-numero {
   display: flex;
   align-items: center;
   width: fit-content;
   color: var(--color-accent);
       border-radius: 3.40282e38px;
           padding: 5px;
  }

  .badge-numero-gray {
   display: flex;
   align-items: center;
   width: fit-content;
   color: #000;
       border-radius: 3.40282e38px;
           padding: 5px;
  }

  .badge-numero-green {
   display: flex;
   align-items: center;
   width: fit-content;
   color: var(--color-accent);
       border-radius: 3.40282e38px;
           padding: 5px;
  }

  .logo-footer{
    width: 200px;
  }

  /*.hero-h-cb{
    height: 920px;
    margin-top: 100px;
  }*/


  .hero-h-2-cb{
 /*height: 700px;*/
    margin-top: 100px;
  }
 
  .header-custom{
   opacity: 1;
   filter: blur(0px);
    transform: translate(-50%, 0%);
    translate: none;
    transition: 0.5s ease-in-out;
    padding-inline: 10%;
    background-color: var(--color-white);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;  
    margin-inline: auto;
    z-index: 50;
    left: 50%;
    position: fixed;
    top:0;
  }


.mt-100-cb{
    margin-top: 100px;
}

.margin-y{
    margin: 20px 20px!important;

}

.d-flex-cb{
    display:flex!important;
    justify-content: space-between;
}

.d-flex-center-cb{
    display: flex;
    justify-content: center;
 }

.numero-cb{
    font-size: 50px;
}

.badge-font{
    font-size: 1.1em!important;
}

 .container-w-cb{
    /*max-width: 1800px!important;*/
    max-width: 1290px!important;
 }

 .numero-arancio{
    color: var(--color-primary-600);
    background-color: var(--color-white);
    border:solid 2px var(--color-primary-600);
 }

 .text-arancio-bm{
    color: var(--color-primary-600);
    align-self: center;
    font-size: 18px;
    font-weight: 700;
 }

 .n-cerchio-bm{
    width: 300px;
    height: 100%;
    align-self: center;
 }


 .align-content-center-cb{
    align-content: center!important;
 }

 .align-self-center-cb{
    align-self: start!important;
 }


 .h-webinar-cb{
    min-height: 500px;
 }

 .border-cb{
    border: solid 1px #00000033;
 }


 .btn-programma{
    font-weight: 700;
    color:var(--color-primary-600)
    
 }

 .cont-pa-dettagli {
  /*width: 250px;*/
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.cont-pa-dettagli .pa-dettagli {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-tagline-2)!important;
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.cont-pa-dettagli .pa-dettagli:before {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--spacing) * .5);
  content: var(--tw-content);
  left: calc(var(--spacing) * 0);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 1.5);
  content: var(--tw-content);
  content: var(--tw-content);
  height: calc(var(--spacing) * 2);
  content: var(--tw-content);
  width: calc(var(--spacing) * 2);
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 3.40282e38px;
  display: inline-block;
  position: relative;
}

.cont-pa-dettagli .pa-dettagli:where(.dark, .dark *) {
  color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
}

.cont-pa-dettagli .pa-dettagli:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
}

.details-body a:not(.nolinkstyle){
    text-decoration: underline!important;
    font-weight: 700;
}


  @media only screen and (max-width: 991px){
    .bg-cb-hero{
    background-image: url(../img/hero-mobile.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-h-cb{
    height: 600px;
    margin-top: 100px;
}

.header-custom{
     top: 0;
     border-radius: 0;
     padding: 5px 10px;
     display: flex!important;
     
}

.financial-management-platform-header-scroll {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
  top: 0!important;
}


.bm-logo-w{
    width: 300px;
    margin-bottom: 80px;
    margin: 0 auto;
}
  }