.svg-color-invert:hover{
    filter: invert(0%) sepia(82%) saturate(7500%) hue-rotate(22deg) brightness(111%) contrast(103%);
}
/* .btn.btn-light:hover {
    color: var(--bs-white);
    background: var(--bs-primary);
    filter: invert(23%) sepia(94%) saturate(2182%) hue-rotate(201deg) brightness(91%) contrast(99%);
} */

.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
  }

  /* BTN - vari */  
.btn-contact {
    background-color: var(--bs-white) !important;
    border: 2px solid var(--bs-dark) !important;
    color: var(--bs-dark) !important;    
    font-family: "Poppins", serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

.btn.btn-primary:hover {
    background: var(--bs-dark) !important;
    color: var(--bs-white) !important;
}
/* Titoli sezioni */
.section-title .text-primary{
  color:#000 !important;
}
.box-section-title{
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); */
  box-shadow:  0 5px 10px -10px rgba(0, 0, 0, 0.5) !important;
}

/* Ancore Home Page */
.anchor {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
    }
/* Footer */
.footer {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.footer .fs-small, .breadcrumb .fs-small{
    font-size: small !important;
}

/*** Single Page Hero Header Start About ***/
.bg-header-about {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/page/banner-img-about.jpg);
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
/*** Single Page Hero Header End ***/

/*** Call to action bg ***/
.bg-banner-calltoaction {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/page/banner-img-calltoaction.jpg);
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
/*** Call to action bg End ***/

/*** Projects Start ***/
.projects .nav-item {
  box-shadow: 0 0 30px rgba(0, 0, 0, .09);
}

.projects-item .projects-content {
  box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.projects .nav-item a.active {
  background: var(--bs-primary);
}

.projects .nav-item a span {
  color: var(--bs-dark);
}

.projects .nav-item a.active span {
  color: var(--bs-white);
}

.projects .nav-item a.active .projects-icon {
  background: var(--bs-white) !important;
  padding: 2px !important;
}

.projects .nav-item a.active .projects-icon span {
  color: var(--bs-primary);
  padding: 2px !important;
}
/*** Projects End ***/


/*** HP Partner  Start ***/
.hpPartner-carousel .owl-stage-outer {
  margin-right: -1px;
}

.hpPartner .hpPartner-item {
  position: relative;
}

.hpPartner-carousel .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hpPartner-carousel .owl-dots .owl-dot {
  width: 20px;
  height:20px;
  margin: 30px 10px 0 10px;
  background: var(--bs-white);
  transition: 0.5s;  
  border-radius: 50%;
}

@media (max-width: 991px) {
  .hpPartner-carousel .owl-dots .owl-dot {
      margin: 0 10px 0 10px;
  }
}

.hpPartner-carousel .owl-dots .owl-dot.active {
  width: 20px;
  height: 20px;
  background: var(--bs-primary);
  transition: 0.5s;
  border-radius: 50%;
}

.hpPartner-carousel .owl-dots .owl-dot span {
  position: relative;
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%, -50%);
  margin-right: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hpPartner-carousel .owl-dots .owl-dot.active span::after {
  background: var(--bs-white);
}

.hpPartner-carousel .owl-dots .owl-dot span::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--bs-primary);
  transition: 0.5s;  
  border-radius: 50%;
}
/*** HP Partner End ***/