/* About CSS */

@media (max-width: 720px) {
.about-container { max-width: 100% !important; padding: 0 4vw; }
.about-container h2 { font-size: 6vw !important; }
.about-container p { font-size: 3.5vw !important; }
.value-card { max-width: 100% !important; margin-bottom: 6vw; }
.values-section { flex-direction: column; padding-bottom: 12vw !important; }
.card-header h3 { font-size: 5vw !important; }
.value-card p { font-size: 4vw !important; }
}

/* About Content Section */
.about-content-section {
padding: 3vw 6vw 2vw 6vw;
background-color: #f9f9f9;
}

.about-container {
max-width: 60%;
margin: 0 auto;
text-align: center;
}

.about-container h2 {
font-size: 2.5vw;
color: var(--brand-blue);
margin: 0 0 2vw 0;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.1vw;
}

.about-container h2 span {
color: var(--brand-green);
}

.about-container p {
font-size: 1.1vw;
color: #475569;
line-height: 1.8;
margin-bottom: 1.5vw;
text-align: justify;
}

/* Quality Policy Section */
.quality-policy-section {
display: flex;
align-items: center;
background-color: #f9f9f9;
padding: 6vw 6vw;
gap: 5vw;
}

.qp-image-wrapper {
flex: 1;
max-width: 45%;
}

.qp-image-wrapper img {
width: 100%;
height: auto;
display: block;
}

.qp-content-wrapper {
flex: 1;
color: #475569;
}

.qp-content-wrapper h2 {
font-size: 2.8vw;
color: var(--brand-blue);
margin: 0 0 1.5vw 0;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 0.1vw;
}

.qp-content-wrapper p {
font-size: 1.1vw;
color: #475569;
line-height: 1.8;
margin-bottom: 1.5vw;
}

.qp-content-wrapper .qp-highlight {
font-weight: 700;
color: var(--brand-blue);
margin-top: 1.5vw;
}

.qp-list {
list-style: none;
padding: 0;
margin: 0;
}

.qp-list li {
position: relative;
font-size: 1.1vw;
color: #475569;
line-height: 1.6;
margin-bottom: 1vw;
padding-left: 2.5vw;
}

.qp-list li::before {
content: '';
position: absolute;
left: 0;
top: 0.4vw;
width: 0.8vw;
height: 0.8vw;
background-color: var(--brand-green);
}

@media (max-width: 1020px) {
.qp-content-wrapper h2 { font-size: 4vw; }
.qp-content-wrapper p, .qp-list li { font-size: 1.6vw; }
}

@media (max-width: 720px) {
.quality-policy-section { flex-direction: column; }
.qp-image-wrapper { max-width: 100%; margin-bottom: 4vw; }
.qp-content-wrapper h2 { font-size: 6vw; }
.qp-content-wrapper p, .qp-list li { font-size: 3.5vw; }
.qp-list li { padding-left: 6vw; }
.qp-list li::before { top: 1vw; width: 2.5vw; height: 2.5vw; }
}