html {
  scroll-behavior: smooth !important;
}

p, h6, li{
  font-size: 16px;
  line-height: 26px;
  font-weight: 100;
  color: var(--cargo-gray4);
}

ul > li {
  list-style-type: ' - ';
}

strong {
  font-weight: bold;
}

blockquote {
  border: 1px solid var(--cargo-main);
  border-radius: 5px;
  padding: 20px 30px;
  background-color: var(--cargo-gray2);
}

blockquote,blockquote > p {
  color: var(--cargo-main);
  text-align: center;
  line-height: 2;
}

blockquote > p {
  margin: 0;
}

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

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

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

.guida-section > div > div {
  display: flex;
}

.title-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.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;
}

.card {
  border: none;
}
.card-header.guida-nav {
  background: #fff;
  border: none;
  margin-top: 0;
  border-top: 1px solid var(--cargo-gray4);
  border-radius: 0;
}

.guida-nav > .btn-link {
  font-size: 1.2rem;
  padding: 1rem;
  border-radius: 0;
  transition: all .3s ease;
}

.btn-link.active{
  background: #fff;
  color: var(--cargo-main);
  font-weight: 800;
  border-top: 1px solid var(--cargo-gray4);
  text-decoration: none;
}

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

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

.nav-link.sub-cat{
  border-left: 1px solid var(--cargo-gray3) !important;
  border-radius: 0;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background: #fff;
}

.home-btn h4{
  color: white;
}

.nav-pills .show>.nav-link{
  color: var(--cargo-gray4);
  font-size: 1.2rem;
  transition: all .3s ease;
}

.collapse-arrow:after {
  content: "\f107";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: var(--cargo-main);
}

.collapsed .collapse-arrow:after {
  content: "\f105";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: var(--cargo-main);
}
.back-top:after  {
  content: "\f106";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 1.8rem;
}
.banner-background h2,.banner-background h3 {
  color: white;
}


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

.padding-banner{
  padding: 11rem;
}
.padding-banner-mob{
  padding: 1rem;
}
.padding-header{
  padding: 7rem;
}
.banner{
  display: flex;
  align-items: center;
}

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

.btn-link, .btn-link:hover{
  text-decoration: none;
  text-align: left;
  white-space: normal;
}

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


#guideSearch,#guideSearch:focus {
  border: solid 1px black;
  flex-grow: 1;
  min-height: 4rem;
  border-radius: 3px 0 0 3px;
}
#guideSearch:focus{
  box-shadow: none;
  outline: none;
}

#search-results-input,
#search-input {
  border-radius: 3px 0 0 3px;
}

#search-lens-button,
.go-to-link {
  background-color: var(--cargo-accent);
  border: none;
  color: white;
  font-size: 1.5em;
  height: auto;
  z-index: 0;
  transition: opacity .3s ease;
}

#search-lens-button {
  border-radius: 0 3px 3px 0;
}

.go-to-link {
  border-radius: 3px;
}

#btn-clean-search {
  position: absolute;
  right: .25rem;
  top: .25rem;
  border: none;
  background-color: transparent;
  font-weight: 900;
  font-size: 1.25rem;
  color: var(--cargo-gray4);
  transition: opacity .3s ease;
}

.go-to-link {
  margin: 1rem;
  padding: .75rem;
  font-size: 1.25rem;
  font-weigth: 500;
}

#search-lens-button:hover,
#btn-clean-search:hover,
.go-to-link:hover {
  opacity: .5;
}

.result-item {
  padding: 1.5rem 0 1rem 0;
  border-bottom: 1px solid var(--cargo-gray2);
}

.result-item:first-child {
  padding-top: 0;
}

.result-item:last-child {
  border: none;
}

#guida-breadcrumbs {
  font-size: .925rem;
  padding: 0 0 1.5rem 1rem;
}

.breadcrumbs-arrow {
  padding: 0 .5rem;
}

ul.styled-blockquote-list {
  border: 1px solid black;
  padding: 1.5rem 2rem 1.5rem 2.5rem;
}

ul.styled-blockquote-list li {
  list-style-type: disc;
}

.tab-content p:has(img:not(.old-wp-img)) {
  text-align: center;
  padding: 2.5rem 0;
}

.tab-content img:not(.old-wp-img) {
  max-width: 850px;
  height: auto;
  border-radius: 1.5rem;
  box-shadow: 1.5rem -1.25rem var(--cargo-gray1), 1.5rem 1.25rem 50px rgb(0, 0, 0, .25);
}

/* SMARTPHONES) */
@media only screen and (max-width: 991px) {
  .mobile-use-cases{
    display: flex !important;
    flex-direction: column;
  }
  .desktop-use-cases{
    display: none !important;
  }
  .padding-row {
    padding: 4rem;
  }
  .home-btn{
    white-space: normal;
  }
}
@media only screen and (min-width: 992px){
  .mobile-use-cases{
    display: none !important;
  }
  .desktop-use-cases{
    display: flex !important;
  }
  .desktop-use-cases-inline-flex{
    display: inline-flex !important;
  }
  .desktop-use-cases-block{
    display: block !important;
  }
  .padding-row {
    padding: 4rem 14rem;
  }
}
@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;
  }
  .solution-intro-row img {
    margin: 1.5rem auto;
  }
}