.card-img-top{
  height: 100%;
  width: 65px;
  aspect-ratio: 1 / 1;
}
.container-card-stepper{
  width: 180px;
}
.title-stepper{
  font-size: 13px !important;
  color:#5a6e80 !important;
  height: 65px;
}
.nav-tabs-stepper li .active .container-card .container-card-stepper .title-stepper{
  color:#005dc9 !important;
}
.nav-tabs-stepper{
  border-bottom: unset;
}
.title-stepper p{
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-tabs-stepper li .active .container-card .container-card-stepper .stepper-text {
  color: #2f73d0;
}
.stepper-text{
  font-family: 'Titillium Web';
  color: #5a6e80;
  font-size: medium;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 46px;
} 
.field--name-field-stepper{
  display: flex;
} 
.container-card {
  border-right: 1px solid #ccc;
  padding-right: 10px;
}
.img-card-container{
  height: 65px;
}
.nav-tabs-stepper{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  max-height: 300px;
  padding-right: 10px;
}
.page-container-stepper{
  background: linear-gradient(to bottom, #f9fbfe, #e8eefc);
}
.title-details-stepper{
  color: #395c9b;
}
li.nav-item.border-active-stepper a{
  border-bottom: 1px solid #b1b1b3;
}
li.nav-item.border-active-stepper a.active{
  border-bottom: 3px solid #126ecf;
}


/* Teaser Card base page */
.image-stepper{
  object-fit: cover;
  width: 100%;
  aspect-ratio: 2.2 / 1;
}
.stepper-teaser-container{
  margin: 20px 10px;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.text-teaser-stepper{
  font-size: medium;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-link-stepper {
  text-decoration: none;
  color: inherit;
}
.card-link-stepper:hover{
  text-decoration: none;
  color: unset;
}
.container-teaser-card-body{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-zoom {
	transition: transform 0.3s ease-in-out;
}
.card-zoom:hover {
	transform: scale(1.1);
}
.btn-style-stepper{
    background-color: #003399;
    color: white;
    border-radius: 1.5rem;
    padding: 8px 0px 8px 0px;
    width: 120px;
}
.teaser-title{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #003399;
  height: 51px;
}
.btn-style-stepper:hover {
  color: white;
  background-color: #001a33;;
} */
.intestazione-card-base-page{
  background-color: #174f90;
  color: white;
  margin-bottom: -197px;
  padding-bottom: 226px !important;
}
.scroll-arrow-stepper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: none;
  cursor: pointer;
  z-index: 9;
  fill: #005dc9;
}
.button-stepper-left{
  left: -40px;
}
.button-stepper-right {
  right: -40px;
}

@media (max-width: 1247px) {
  .button-stepper-left {
    display: none;
  }
  .button-stepper-right {
    display: none;
  }
}

@media (max-width: 991px){
  .scroll-arrow-stepper{
    display: none;
  }
} 
.container-details-stepper p{
  font-weight: 500;
}
.text-stepper-introduction{
  font-weight: 500;
} 
.container-position{
  position: relative;
}
#views-bootstrap-page-base-with-stepper-block-1.views-view-grid > .row {
  justify-content: center;
}
.container-position .nav-tabs-stepper{
  scrollbar-color: rgb(41, 92, 144) rgb(238, 247, 255);
  scrollbar-width: thin;
}
.scroll-arrow-stepper .icon{
  height: 40px;
  width: 40px;
}