/* ==================== QUALIDADE BL1 ==================== */
#qualidade-bl1.qualidade-bl1-bg { position: relative; padding: 0; }

#qualidade-bl1.qualidade-bl1-bg img { width: 100%; height: auto; display: block; }

#qualidade-bl1 .qualidade-bl1 { position: absolute; top: 0; left: 0; right: 0; height: 100%; display: flex; align-items: center; }

#qualidade-bl1 .qualidade-bl1-content { width: 100%; }

#qualidade-bl1 .qualidade-bl1-content .col-12 { display: flex; flex-direction: column; align-items: flex-start; padding-left: 100px; margin-right: auto; max-width: 700px; }

#qualidade-bl1 .qualidade-bl1-content h1 { color: #fff; font-size: 48px; font-weight: 400; margin-bottom: 20px; line-height: 1.2; text-align: left; width: 100%; }

#qualidade-bl1 .qualidade-bl1-content p { color: #fff; font-size: 18px; line-height: 1.8; margin: 0; text-align: left; width: 100%; font-weight: 200; }

#qualidade-bl1 .off-767 { display: block!important; }
#qualidade-bl1 .on-767 { display: none!important; }

/* ==================== QUALIDADE BL2 ==================== */
#qualidade-bl2.qualidade-bl2-bg { background-color: #fff; padding: 80px 0; }

#qualidade-bl2 .qualidade-bl2-content { display: flex; align-items: center; }

#qualidade-bl2 .qualidade-bl2-content img { width: 100%; height: auto; display: block; border-radius: 8px; }

#qualidade-bl2 .qualidade-bl2-text { padding-left: 40px; }

#qualidade-bl2 .qualidade-bl2-text h1 { color: #47698B; font-size: 36px; font-weight: bold; margin-bottom: 20px; line-height: 1.2; }

#qualidade-bl2 .qualidade-bl2-text p { color: #47698b; font-size: 18px; line-height: 1.8; margin: 0; }

/* ==================== QUALIDADE BL3 ==================== */
#qualidade-bl3.qualidade-bl3-bg { background-color: #fff; padding: 80px 0; }

#qualidade-bl3 .qualidade-bl3-items { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5%; }

#qualidade-bl3 .qualidade-bl3-items .col-12 { flex: 1; }

#qualidade-bl3 .qualidade-item { display: flex; align-items: center; gap: 15px; }

#qualidade-bl3 .qualidade-item img { width: 60px; height: 60px; object-fit: contain; flex-shrink: 0; }

#qualidade-bl3 .qualidade-item p { color: #47698b; font-size: 16px; line-height: 1.6; margin: 0; text-align: left; }

#qualidade-bl3 .qualidade-btn-container { display: flex; justify-content: center; margin-top: 15%; }

#qualidade-bl3 .qualidade-btn { background-color: #47698B; color: #fff; padding: 15px 40px; font-size: 14px; font-weight: bold; text-decoration: none; border: none; border-radius: 0; display: inline-block; transition: background-color 0.3s ease; }

#qualidade-bl3 .qualidade-btn:hover { background-color: #365279; color: #fff; }

/* ==================== RESPONSIVO ==================== */

/* 1799.5px */
@media (max-width: 1799.5px) {
  #qualidade-bl1 .qualidade-bl1-content h1 { font-size: 46px; }
  #qualidade-bl1 .qualidade-bl1-content p { font-size: 17px; }
  #qualidade-bl1 .qualidade-bl1-content .col-12 { max-width: 680px; padding-left: 90px; }
  #qualidade-bl2 { padding: 80px 0 40px 0; }
  #qualidade-bl2 .qualidade-bl2-text h1 { font-size: 34px; }
  #qualidade-bl2 .qualidade-bl2-text p { font-size: 17px; }
  #qualidade-bl3 { padding: 40px 0; }
  #qualidade-bl3 .qualidade-btn-container { margin-top: 40px; }
}

/* 1599.5px */
@media (max-width: 1599.5px) {
  #qualidade-bl1 .qualidade-bl1-content h1 { font-size: 44px; }
  #qualidade-bl1 .qualidade-bl1-content p { font-size: 17px; }
  #qualidade-bl1 .qualidade-bl1-content .col-12 { max-width: 660px; padding-left: 80px; }
  #qualidade-bl2 { padding: 80px 0 40px 0; }
  #qualidade-bl2 .qualidade-bl2-text h1 { font-size: 32px; }
  #qualidade-bl2 .qualidade-bl2-text p { font-size: 16px; }
  #qualidade-bl3 { padding: 40px 0; }
  #qualidade-bl3 .qualidade-btn-container { margin-top: 40px; }
}

/* 1399.5px */
@media (max-width: 1399.5px) {
  #qualidade-bl1 .qualidade-bl1-content h1 { font-size: 42px; }
  #qualidade-bl1 .qualidade-bl1-content p { font-size: 16px; }
  #qualidade-bl1 .qualidade-bl1-content .col-12 { max-width: 640px; padding-left: 70px; }
  #qualidade-bl2 { padding: 80px 0 40px 0; }
  #qualidade-bl2 .qualidade-bl2-text h1 { font-size: 30px; }
  #qualidade-bl2 .qualidade-bl2-text p { font-size: 16px; }
  #qualidade-bl2 .qualidade-bl2-text { padding-left: 30px; }
  #qualidade-bl3 { padding: 40px 0; }
  #qualidade-bl3 .qualidade-btn-container { margin-top: 40px; }
}

/* 1199.5px */
@media (max-width: 1199.5px) {
  #qualidade-bl1 .qualidade-bl1-content h1 { font-size: 40px; }
  #qualidade-bl1 .qualidade-bl1-content p { font-size: 16px; line-height: 1.7; }
  #qualidade-bl1 .qualidade-bl1-content .col-12 { max-width: 620px; padding-left: 60px; }
  #qualidade-bl2 { padding: 60px 0 35px 0; }
  #qualidade-bl2 .qualidade-bl2-text h1 { font-size: 28px; }
  #qualidade-bl2 .qualidade-bl2-text p { font-size: 15px; }
  #qualidade-bl2 .qualidade-bl2-text { padding-left: 25px; }
  #qualidade-bl3 { padding: 35px 0; }
  #qualidade-bl3 .qualidade-item img { width: 55px; height: 55px; }
  #qualidade-bl3 .qualidade-item p { font-size: 15px; }
  #qualidade-bl3 .qualidade-btn-container { margin-top: 35px; }
}

/* 991.5px */
@media (max-width: 991.5px) {
  #qualidade-bl1 .qualidade-bl1-content h1 { font-size: 38px; }
  #qualidade-bl1 .qualidade-bl1-content p { font-size: 15px; }
  #qualidade-bl1 .qualidade-bl1-content .col-12 { max-width: 600px; padding-left: 50px; }
  #qualidade-bl2 { padding: 50px 0 30px 0; }
  #qualidade-bl2 .qualidade-bl2-content { flex-direction: column; }
  #qualidade-bl2 .qualidade-bl2-text { padding-left: 0; padding-top: 30px; text-align: center; }
  #qualidade-bl2 .qualidade-bl2-text h1 { font-size: 26px; }
  #qualidade-bl2 .qualidade-bl2-text p { font-size: 14px; }
  #qualidade-bl3 { padding: 30px 0; }
  #qualidade-bl3 .qualidade-bl3-items { flex-direction: column; gap: 30px; }
  #qualidade-bl3 .qualidade-item img { width: 50px; height: 50px; }
  #qualidade-bl3 .qualidade-item p { font-size: 14px; }
  #qualidade-bl3 .qualidade-btn-container { margin-top: 35px; }
}

/* 767.5px */
@media (max-width: 767.5px) {
  #qualidade-bl1 .qualidade-bl1-content .col-12 { align-items: center; padding-left: 20px; padding-right: 20px; margin-right: 0; max-width: 100%; }
  #qualidade-bl1 .qualidade-bl1-content h1 { font-size: 36px; text-align: center; padding-top: 160%; }
  #qualidade-bl1 .qualidade-bl1-content p { text-align: center; }
  #qualidade-bl1 .off-767 { display: none!important; }
  #qualidade-bl1 .on-767 { display: block!important; }
  #qualidade-bl2 { padding: 40px 0 25px 0; }
  #qualidade-bl2 .qualidade-bl2-content { flex-direction: column; }
  #qualidade-bl2 .qualidade-bl2-text { padding-left: 0; padding-top: 30px; text-align: center; }
  #qualidade-bl2 .qualidade-bl2-text h1 { font-size: 28px; }
  #qualidade-bl2 .qualidade-bl2-text p { font-size: 15px; }
  #qualidade-bl3 { padding: 25px 0; }
  #qualidade-bl3 .qualidade-bl3-items { flex-direction: column; gap: 30px; align-items: center; }
  #qualidade-bl3 .qualidade-item { justify-content: center; }
  #qualidade-bl3 .qualidade-item img { width: 50px; height: 50px; }
  #qualidade-bl3 .qualidade-item p { font-size: 14px; text-align: center; }
  #qualidade-bl3 .qualidade-btn-container { margin-top: 30px; }
}

/* 575.5px */
@media (max-width: 575.5px) {
  #qualidade-bl1 .qualidade-bl1-content h1 { font-size: 32px; margin-bottom: 15px; }
  #qualidade-bl1 .qualidade-bl1-content p { font-size: 14px; line-height: 1.6; }
  #qualidade-bl1 .qualidade-bl1-content .col-12 { padding-left: 15px; padding-right: 15px; }
  #qualidade-bl2 { padding: 35px 0 22px 0; }
  #qualidade-bl2 .qualidade-bl2-text h1 { font-size: 26px; margin-bottom: 15px; padding-top: 178%; }
  #qualidade-bl2 .qualidade-bl2-text p { font-size: 14px; line-height: 1.6; }
  #qualidade-bl3 { padding: 22px 0; }
  #qualidade-bl3 .qualidade-bl3-items { gap: 25px; }
  #qualidade-bl3 .qualidade-item { gap: 12px; }
  #qualidade-bl3 .qualidade-item img { width: 45px; height: 45px; }
  #qualidade-bl3 .qualidade-item p { font-size: 12px; }
  #qualidade-bl3 .qualidade-btn-container { margin-top: 28px; }
  #qualidade-bl3 .qualidade-btn { padding: 12px 30px; font-size: 16px; }
}

/* 400px */
@media (max-width: 400px) {
  #qualidade-bl1 .qualidade-bl1-content h1 { font-size: 28px; margin-bottom: 12px; padding-top: 188%;}
  #qualidade-bl1 .qualidade-bl1-content p { font-size: 13px; line-height: 1.5; }
  #qualidade-bl1 .qualidade-bl1-content .col-12 { padding-left: 12px; padding-right: 12px; }
  #qualidade-bl2 { padding: 30px 0 18px 0; }
  #qualidade-bl2 .qualidade-bl2-text h1 { font-size: 24px; margin-bottom: 12px; }
  #qualidade-bl2 .qualidade-bl2-text p { font-size: 13px; line-height: 1.5; }
  #qualidade-bl3 { padding: 18px 0; }
  #qualidade-bl3 .qualidade-bl3-items { gap: 20px; }
  #qualidade-bl3 .qualidade-item { gap: 10px; }
  #qualidade-bl3 .qualidade-item img { width: 40px; height: 40px; }
  #qualidade-bl3 .qualidade-item p { font-size: 11px; }
  #qualidade-bl3 .qualidade-btn-container { margin-top: 25px; }
  #qualidade-bl3 .qualidade-btn { padding: 10px 25px; font-size: 14px; }
}
