.sec, .space {padding: 70px 0;}
.bg-gray {background: #f5f8ff;}
.container {max-width: 1200px;margin: 0 auto;padding: 0 15px;}
h1 {font-size: 42px;color: #0066ff;text-align: center;margin-bottom: 20px;font-weight: 800;}
h2 {font-size: 32px;color: #0f172a;margin-bottom: 18px;font-weight: 800;line-height: 1.3;}
h4 {font-size: 21px;color: #0066ff;margin-bottom: 12px;font-weight: 700;}
p {font-size: 16px;line-height: 1.8;color: #334155;margin-bottom: 16px;}
b, strong {color: #0066ff;}
.text-center {text-align: center;}
.mt-4 {margin-top: 24px;}
.mb-4 {margin-bottom: 24px;}
.services-box {background: #fff;padding: 28px 22px;border-radius: 18px;height: 100%;box-shadow: 0 10px 30px rgba(0, 102, 255, 0.08);border-top: 5px solid #0066ff;transition: 0.3s ease;}
.services-box: hover {transform: translateY(-6px);}
.number-loc {padding: 0;margin: 22px 0 0;list-style: none;}
.number-loc li {background: #fff;padding: 15px 18px;margin-bottom: 12px;border-radius: 12px;border-left: 4px solid #0066ff;font-size: 16px;line-height: 1.7;color: #334155;box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);}
.bg-gray .number-loc li {background: #ffffff;}
.two-line {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;}
.two-line li {margin-bottom: 0;}
.sec-6 {background: #0066ff;padding: 32px;border-radius: 20px;color: #fff;height: 100%;}
.sec-6 h2, .sec-6 p, .sec-6 li {color: #fff;}
.sec-6 .number-loc li {background: rgba(255, 255, 255, 0.12);border-left: 4px solid #ffdd33;box-shadow: none;}
.heroSec {padding: 100px 0;}
@media (max-width: 991px) {h1 {font-size: 34px;}
h2 {font-size: 28px;}
.two-line {grid-template-columns: 1fr;}
}
@media (max-width: 576px) {.sec, .space {padding: 45px 0;}
h1 {font-size: 30px;}
h2 {font-size: 25px;}
.services-box, .sec-6 {padding: 24px 18px;}
.heroSec {padding:50px 0;}
}