.funzionalita-section h6 > a {
  font-weight: 900;
  font-size: 1rem;
  color: var(--cargo-accent);
}

.funzionalita-section h4 {
  color: var(--cargo-accent);
  font-weight: 900;
}

.funzionalita-section h6 > span {
  font-weight: 500;
  font-size: 2em;
  color: var(--cargo-main-dark);
}

.funzionalita-section > div > div {
  display: flex;
  /*justify-content: space-between;*/
}

.onlyactive {
  display: none;
}

.onlydisactive {
  display: block;
}

.active .onlyactive {
  display: block;
}

.active .onlydisactive {
  display: none;
}

:not(.collapsed) .onlyactive-mob {
  display: flex;
}

.collapsed .onlyactive-mob {
  display: none;
}

:not(.collapsed) .onlydisactive-mob {
  display: none;
}

.collapsed .onlydisactive-mob {
  display: flex;
}

.onlydisactive > .cp-icon::before,
.onlydisactive-mob > .cp-icon::before {
  color: var(--cargo-gray4);
}

.onlyactive > .cp-icon::before,
.onlyactive-mob > .cp-icon::before {
  color: var(--cargo-accent);
}

.onlyactive > .cp-icon,
.onlydisactive > .cp-icon {
  font-size: 40px;
}

.onlyactive-mob > .cp-icon,
.onlydisactive-mob > .cp-icon {
  font-size: 50px;
}

.onlyactive > img,
.onlydisactive > img {
  width: 42px;
}

img.onlyactive-mob,
img.onlydisactive-mob,
.onlyactive-mob > img,
.onlydisactive-mob > img {
  width: 51px !important;
}

.h9 a, a:hover{
  color: var(--cargo-main-dark);
  text-decoration: underline;
}

.h9 span{
  font-size: 2em;
}

.banner-background h2,.banner-background h3 {
  color: white;
}

.banner-background.desktop-use-cases {
  background-image: url("/img/funzionalita/banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-background.mobile-use-cases {
  background-image: url("/img/funzionalita/banner-mob.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.prova-banner-background.desktop-use-cases {
  background-image: url("/img/funzionalita/prova_background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.prova-banner-background.mobile-use-cases {
  background-image: url("/img/funzionalita/prova_background-mob.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mobile-use-cases .padding-banner-prova {
  padding: 5rem 2rem 11rem 4rem;
}

.padding-banner-prova {
  padding: 8rem 10rem;
}

.padding-banner{
  padding: 11rem;
}
.padding-banner-mob{
  padding: 1rem;
}

.banner{
  display: flex;
  align-items: center;
}
.funzionalita-card span {
  font-weight: 900;
  font-size: 1.3em
}
.funzionalita-card .h9 a, a:hover {
  color: var(--cargo-gray4);
  font-weight: 700;
  text-decoration: underline;
}

.solution-usecases > .nav-link h6{
  color: var(--cargo-gray4);
  font-size: 1.2rem;
}

.solution-usecases > .nav-link.active h6 {
  color: var(--cargo-main);
  font-weight: 800;
}

.banner img {
  max-width: 70px;
  max-height: 70px;
}

.checklist-point-container {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  margin: .25rem;
}

.checklist-point-container span {
  margin: 0 15px;
}

/* SMARTPHONES) */
@media only screen and (min-width: 480px) and (max-width: 991px) {
  .mobile-use-cases{
    display: flex;
  }
  .desktop-use-cases{
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-banner{
    padding: 5rem;
  }
}

@media screen and  (min-width: 992px) {
  .card-parent{
    margin-left: 5rem;
  }
}
@media screen and (max-width: 576px){
  .use-cases-accordion .card-header{
    padding: 0;
  }

  .mobile-use-cases h3 {
    font-size: 16px;
  }

  .mobile-use-cases .white-lens {
    width: 50px;
    height: 50px;
    margin-right: 5px;
  }

  .mobile-use-cases picture {
    width: 50px;
    height: 50px;
    margin-right: 5px;
  }
}


  .mobile-use-cases img {
    margin-right: 0;
}

.btn-link, .btn-link:hover{
  text-decoration: none;
}


.border-bottom-title-mob::before {
  content: '';
  display: block;
  border-top: 2px solid;
  width: 30px;
  margin-top: .5rem;
}