.sky { background: #d9f0fa; color: #123d59; }
.cctv-icon div { position: absolute; top: 10px; width: 53px; height: 26px; border-radius: 14px; background: #2d91c7; transform: rotate(-16deg); }
.cctv-icon div::after { content: ""; position: absolute; right: -12px; top: 5px; border-left: 17px solid #5ec0e6; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.cctv-icon i { position: absolute; left: 17px; top: 34px; width: 27px; height: 17px; border-left: 5px solid #1b718f; border-bottom: 5px solid #1b718f; transform: skew(-25deg); }
.airtel-section { padding: 0 0 102px; background: #fff; }
.airtel-card { min-height: 244px; padding: 42px 50px; display: grid; grid-template-columns: 180px 1fr auto; gap: 40px; align-items: center; background: #f4f8fb; border-left: 5px solid #df1e2e; }
.airtel-mark { display: flex; align-items: center; }
.airtel-mark img { display: block; width: 138px; height: 90px; object-fit: contain; object-position: center; }
.airtel-copy .eyebrow { color: #df1e2e; margin-bottom: 10px; }
.airtel-copy h2 { margin: 0; color: #173d56; font: 700 31px/1.1 Manrope, sans-serif; letter-spacing: -.045em; }
.airtel-copy h2 em { color: #df1e2e; font-style: normal; }
.airtel-copy p:not(.eyebrow) { max-width: 600px; margin: 13px 0 0; color: #607582; font-size: 14px; line-height: 1.6; }
.airtel-button { white-space: nowrap; background: #df1e2e; }
@media (min-width: 801px) { .product-grid { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 800px) { .airtel-section { padding-bottom: 66px; } .airtel-card { grid-template-columns: 1fr; gap: 20px; padding: 35px; } .airtel-button { justify-self: start; } }
@media (max-width: 520px) { .airtel-card { padding: 30px 23px; } .airtel-copy h2 { font-size: 28px; } }