.quality-intro-section {
  padding: 110px 0 170px;
}

.quality-intro-box {
    background-image: var(--quality-intro-bg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 16px;
    overflow: hidden;
    
}

.quality-intro-layout {
    display: grid;
          color: #fff;
           margin: 6vw;
}


.quality-intro-title {
    font-size: var(--f48);
    font-weight: 600;

    max-width: 600px;
}


.quality-intro-content {
  max-width:650px;
 margin-top: 50px;
 margin-bottom: 80px;
}

.quality-intro-content p {
    margin: 0;
}

.quality-intro-data ul{
    display: flex;
    gap: 5vw;
}

.quality-intro-data li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
}

.quality-intro-data li h2 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    font-family: 'DIN';
}

.quality-intro-data li p {
    font-size: var(--f16);
}