.box-sezione-col {
  padding-top: 12px;
  padding-bottom: 12px;
}


.call-to-action .box-sezione-col {
  padding-left:0px;
  padding-right: 0px;
  padding-top:0px;
  padding-bottom: 0px;
}

.box-consumatore-img-col-12{
  width: 50% !important;
  height: 100% !important;
}

.box-consumatore-img{
  width: 100% !important;
  height: 50% !important;
}

.icon.icona-freccia-strumenti-consumatore{
  width: 30px;
  height: 115px;
  fill: #0059B3;
}

.icona-freccia-bluesvg{
  color: #0059B3;
}
.box-di-sezione {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: rgba(59, 116, 185, 2%);
  transition-property: all;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
}

.box-di-sezione.bg-dark {
  background-color: #07519B !important;
  transition-property: all;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
}

.call-to-action .box-di-sezione {
  background-color: #D7E3F1;
}

/* .call-to-action .box-di-sezione:hover {
  background-color: #C3D5EA;
} */



.box-di-sezione .card {
  background-color: transparent;
}

.box-di-sezione.card-wrapper {
  padding-bottom: 0px;
  min-height: 448px;
}


.box-di-sezione h3 {
  font-weight: 500;
}

.box-sezione-col.col-lg-3 h3 {
  font-size: 1.4rem;
}

.box-sezione-col.col-lg-4 h3 {
  font-size: 1.6rem;
}


figcaption h2{
    letter-spacing: normal;
    font-size: 1.777rem;
    line-height: 1.25;
    font-weight: 500;
}

.box-sezione-col.col-lg-3 .box-di-sezione figure figcaption {
  padding-right: 30px;
}
.box-sezione-col.col-lg-4 .box-di-sezione figure figcaption {
  padding-right: 30px;
}



.box-di-sezione figure .figwrapper {
  background-color: rgba(59, 116, 185, 0%);
  transition-property: all;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
  color: #000000;
}

/* ALTERNATIVA HOVER CARD */
.box-di-sezione figure:hover .figwrapper {
  transition: all .3s;
  /* box-shadow: 1px 1px 4px 1px #AAAAAA; */
  background-color: unset;
}

.box-di-sezione.bg-dark figure .figwrapper {
  background-color: rgba(0, 0, 0, 0%);
  transition-property: all;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -o-transition-property: all;
  -o-transition-duration: 0.5s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
  color: #000000;
}

/* /* .box-di-sezione.bg-dark figure:hover .figwrapper {
  background-color: rgba(0, 0, 0, 2%);
} */



.box-di-sezione figure:hover .figwrapper img {
  mix-blend-mode: multiply;
}





.clickable-card img {
  transform-origin: center;
  transition: transform 0.4s ease-in-out;
}


.box-di-sezione figure {
  position: relative;
  height: 100%;
  min-height: 400px;
  border-radius: 0px;
  margin-bottom: 0px;
}

.box-di-sezione figure:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1;
}

.box-di-sezione figure .figwrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0px;
}

.call-to-action .box-di-sezione figure .figwrapper {
display: flex;
justify-content: center;
}


.call-to-action .box-di-sezione figure {
  min-height: 250px;
}

.call-to-action .box-di-sezione figcaption {
  text-align: center;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.box-di-sezione.bg-dark figure figcaption {
  color: #ffffff;
}

.box-di-sezione.bg-dark figure figcaption h3 {
  color: #ffffff;
}

.box-di-sezione.bg-dark figure figcaption a {
  color: #ffffff;
}

.box-di-sezione figure figcaption {
  max-width: 365px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.call-to-action .box-di-sezione figure figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  max-width: 365px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

a .seconda-fascia-consumatore:hover{
  text-decoration: none !important;
}

.box-di-sezione figure img {
  width: 15%;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}



@media (max-width: 767px) {
  .box-di-sezione figure figcaption {
      top: 30px;
      left: 30px;
      bottom: 30px;
      max-width: 365px;
  }
}
.box-di-sezione.card-wrapper.clickable-card.bg-dark .card.card-big.no-after figure .figwrapper .container .col-12.d-flex.flex-column.mt-2 h3.title-card-box-consumatore,
.box-di-sezione.card-wrapper.clickable-card.bg-dark .card.card-big.no-after figure .figwrapper .container .col-12.d-flex.flex-column.mt-2 p,
  .box-di-sezione.card-wrapper.clickable-card.bg-dark .card.card-big.no-after figure .figwrapper .container .col-12.d-flex.flex-column.mt-2{
  color: white;
}
h3.title-card-box-consumatore{
  text-align: left;
  font: normal normal bold 29px/32px Zilla Slab;
  letter-spacing: 0px;
  color: #474747;
  opacity: 1;
  /* margin-right: 2rem;
  margin-left: 2rem; */
}

figure.bg-white{
  background-color: white;
}

figure a{
  z-index: 1000 ;
  position: sticky;
}

.box-di-sezione.card-wrapper.clickable-card.bg-dark a{
  color: white;
  text-decoration: none;
}

.card.seconda-fascia-div{
  border: 1px solid #D9D9D9;
}

.div-seconda-fascia{
  align-items: center;
  background-color: #fbfbfb;
  text-align: -webkit-center;
  height: 100%; 
}

.div-seconda-fascia-bonus{
  align-items: center;
  background-color: #EBF0F7;
  text-align: -webkit-center;
  height: 90%; 
}

.div-seconda-fascia-testo{
  margin-left: 10%;
}

.titolo-fascia-consumatore {
  font-family: 'Zilla Slab';
  color: #000000 !important;
  text-decoration: none;
  font-size: 29px;
}


.sottotitolo-fascia-consumatore{
  font-weight: bold;
  color: #0059B3;
  text-decoration: none;
  font-size: 24px;
}

.sottotitolo-fascia-consumatore-margine{
  font-weight: bold;
  color: #0059B3;
  text-decoration: none;
  font-size: 20px;
  margin-top: 34px !important;
}

.icon.icona-freccia-strumenti{
  width: 60px;
  height: 115px;
  fill: #0059B3;
}

.icon.icona-freccia-informzaioni{
  width: 50px;
  height: 90px;
  fill: #0059B3;
}

.testo-accedi{
  font-size: 16px;
}

.img-seconda-fascia{
  width: 70%;
  height: 75%;
  margin-top: 9% !important;
}

.img-informazioni-settore{
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

.img-informazioni-informazionisettore{
  width: 70%;
  height: 75% !important;
}

.border-guide-strumenti{
  border-bottom: 1px solid #D9D9D9;
  margin-top: 30px;
}

.guide-strumenti-margin{
  margin-left: 20px;
}

.testo-fascia-portali{
  color: black !important;
  font-family: 'Roboto', sans-serif !important;
}

.box-di-portali:hover{
  transition: 0.8s;
  box-shadow: 0px 4px 9px #88888B;
}

.titolo-fascia-consumatore-strumenti{
  font-size: 35px;
  font-family: 'zilla slab';
  color: black;
  padding-right: 50px;
}

.seconda-fascia-consumatore{
  text-decoration: none !important;
}

.seconda-fascia-consumatore:hover{
  text-decoration: none !important;
}

.seconda-fascia-consumatore::selection{
  text-decoration: none !important;
}

.sfondo-bluearera{
  background-color: #0059B3 !important;
}

@media (max-width: 991px) { 

  .div-seconda-fascia-testo{
    margin-left: 15px;
  }
 }

 /* devices (desktops, 767 and down) */
@media (max-width: 424px) { 

  .img-seconda-fascia{
    width: 80%;
    margin: 10%;
  }

  .titolo-fascia-consumatore{
    font-size: 40px;
  }
}

@media (max-width: 992px) { 
  .boxconsumatore.d-flex.col-12{
    display: flex;
    flex-direction: column;
  }
  .box-consumatore-img-col-12{
    width: 100% !important;
    height: 100% !important;
  }
}

.link-card-box-consumatore a{
  text-align: left;
  font: normal normal bold 16px/19px Roboto;
  letter-spacing: 0px;
  color: #0059B3;
  text-transform: uppercase;
  opacity: 1;
  margin-right: 2rem;
  margin-left: 2rem;
  text-decoration: none;
}
.link-card-box-consumatore a:hover{
  text-decoration: none;
}
.text-box-consumatore{
  margin-right: 2rem;
  margin-left: 2rem;
}

.fascia-conusmatore-resp{
  padding: 48px;
}

@media (min-width: 594px) and (max-width: 991px) {

  .fascia-conusmatore-resp{
    padding: 140px !important;
  }

}

@media (max-width: 593px) {
  .fascia-conusmatore-resp{
    padding: 40px !important;
  }
}

.card-box-consumatore-figcaption{
  min-height: 224px;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.layout-scuro-hp:hover{
  color: initial;
}


.text-consumatore{
  font-size: 1rem !important;
  font-weight: 400;
  color: #474747;
}

@media(max-width:334px){
  .text-consumatore{
    font-size: 0.8rem !important;
    font-weight: 400;
    color: #474747;
  }
}

.rowLink-container-titololink{
  text-align: left;
  font: normal normal normal 21px/31px Roboto;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
.rowLink-container-titololink-hr{
  color: white;
}
.icon.icon-white-rowLink{
  fill: white;
}
.card-box-consumatore-figcaption-dark{
  min-height: 224px;
  justify-content: space-evenly;
  padding-top: 1rem;
  padding-bottom: 1rem;
}







