/* Stili specifici per la pagina R&D */



.description-box {
  border: 2px solid var(--color-blu);
  padding: clamp(24px, 8vw, 72px) clamp(16px, 5vw, 40px);
  margin: 0 auto;
  max-width: 1260px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10%;
}

.background-rd {
  background: url('/wp-content/themes/ioblue_custom/assets/images/bg-r&d.png') no-repeat center center;
  background-size: cover;
  min-height: 434px;
  aspect-ratio: 1920 / 834;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;


}

@media(max-width: 768px) {
  .background-rd {
   margin-top: 10%;
   margin-bottom: 10%;
   background-image: none;
  }
}

.description-text {
    font-family: 'tenso', Arial, sans-serif !important;
  font-weight: var(--font-weight-light);
  font-size: clamp(15px, 2vw, 33px);
  line-height: 1.05;
  text-align: center;
  color: var(--color-blu);
}

.description-text p {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

.description-text strong {
  font-weight: 500;
}

@media (max-width: 1024px) {
  .description-box {
    max-width: 80vw !important;
  }
}

@media (max-width: 768px) {
  .background-rd {
    min-height: 260px;
    aspect-ratio: unset;
  }
  
  .description-box {
    max-width: 94vw !important;
   margin-left: 0% !important;
	  margin-right: 0% !important;
    margin-top: 0.01em;
    margin-bottom: 0.01em;
  }
  .description-text {
    font-size: 12px !important;
    line-height: 1.05 !important;
	  min-width: 400px !important;
  }
  .description-text p {
    
  }
} 