p{
    font-family: Poppins, sans-serif;
}
.why-quality-container {
padding-inline: 50px;
}

.challenge-icon {
display: flex;
flex-direction: column;
align-items: center;
}
.card {
margin-bottom: 3rem;
border: none;
border-radius: 0;
font-size: 1.6rem;
gap: 40px;
}

.challenge-icon img {
width: 140px;
}
.process-img {
display: flex;
justify-content: center;

}
.process-img img {
max-width: 92%;
}

ul.side-list li img {
width: 93px;
padding: 10px;
border: none ;
 border-radius: 0px;
}
ul.side-list li {
display: flex
;
align-items: center;
gap: 10px;
}
h2{
font-size: 4rem;
}

.why-quality-container a{
font-size: 1.6rem;;
}

ul.side-list li .side-list-text p {
font-weight: 400;
font-size: 16px;
color: var(--bs-body-color);
}

/* Animation setup */
@keyframes fadeUp {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

.challenge-card {
animation: fadeUp 0.8s ease forwards;
opacity: 0;
}

/* Staggered animation delays for better effect */
.challenge-card:nth-child(1) {
animation-delay: 0.2s;
}
.challenge-card:nth-child(2) {
animation-delay: 0.4s;
}
.challenge-card:nth-child(3) {
animation-delay: 0.6s;
}

/* Fix card content alignment in 'Quality Starts at the Source' section */
.why-quality .row .card {
height: 90%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}

.challenge-icon {
flex-shrink: 0;
}

.card p {
margin-top: auto;
}


@media (max-width: 767.98px){
ul.side-list li {
display: flex
;
align-items: center;
gap: 10px;
flex-direction: column;
justify-content: center;
}

ul.side-list li .side-list-text {
display: flex
;
flex-direction: column;
gap: 6px;
text-align: center;
}
.why-quality-container {
padding-inline: 25px;
}
}