.inail-box-dashboard {
  background: white !important;
  overflow: hidden !important;
  border-radius: 8px;
  border: 1px solid #d4d7d9;
  padding: 24px 24px 16px;
}

.inail-box-body .inail-card-title {
  margin: 16px 0;
  color: #002e5f;
}

/* .inail-box-body button.inail-button-link {
  padding: 0 !important;
} */

.inail-box-label {
  color: #54595d;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.inail-box-description {
  color: #002e5f;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px !important;
  margin-bottom: 16px !important;
}

.inail-box {
  display: flex;
  gap: 16px;
}

@media (max-width: 991px) {
  .inail-box {
    flex-direction: column;
  }
}

.inail-box-dashboard .inail-button {
  margin: 24px 0 0 !important;
  padding: 8px 16px !important;
}


@media (max-width: 769px) {
  .inail-box-dashboard .inail-button {
    margin-top: 10px !important;
  }
}

/* Contenitore del carousel */
.inail-carousel-container {
  position: relative !important;
}

/* --- FRECCE DEL CAROUSEL --- */

/* Stesso comportamento per destra e sinistra */
.inail-carousel-container  .carousel-control.left,
.inail-carousel-container  .carousel-control.right {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(calc(-50% - 24px)) !important;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  border: none !important;
  color: #333 !important;
  font-size: 2rem !important;
  text-decoration: none !important;
  pointer-events: all !important;
  z-index: 10 !important;
  transition: color 0.2s ease !important;
}

/* Freccia sinistra */
.inail-carousel-container  .carousel-control.left {
  left: -45px !important;
}

/* Freccia destra */
.inail-carousel-container  .carousel-control.right {
  right: -60px !important;
}

/* Hover e focus */
.inail-carousel-container  .carousel-control.left:hover,
.inail-carousel-container  .carousel-control.right:hover,
.inail-carousel-container  .carousel-control.left:focus,
.inail-carousel-container  .carousel-control.right:focus {
  color: #000 !important;
  outline: none !important;
}

.inail-carousel-container .carousel-indicators{
  padding: 0 !important;
}


/* --- RESPONSIVE --- */
@media (max-width: 767px) {
  .inail-carousel-container  .carousel-control.left,
  .inail-carousel-container  .carousel-control.right {
    width: 40px !important;
    height: 40px !important;
    font-size: 1.5rem !important;
  }


  .inail-carousel-container  .carousel-control.right {
  right: -45px !important;
}
}
