﻿/* ============================================
   SMALL PHONE STYLES (max-width: 480px)
   UHRS IT Services — Gold & Black Brand
   ============================================ */

.container { padding: 0 12px; }

/* Typography */
h1 { font-size: 1.7rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.15rem; }

/* Hero */
.hero-section { min-height: 65vh; }
.hero-content { padding: 80px 12px 40px; }
.hero-title { font-size: 1.7rem; }
.hero-stats { gap: 14px; }
.hero-stat-number { font-size: 1.6rem; }

/* Ratings */
.ratings-wrapper { gap: 10px; }
.rating-card { padding: 14px 10px; flex: 1 1 calc(50% - 10px); }

/* Services */
.services-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.service-card { padding: 18px 10px; }
.service-icon { font-size: 1.6rem; }
.service-title { font-size: 0.78rem; }

/* Stats */
.stats-grid { grid-template-columns: 1fr 1fr; }
.stat-box .stat-number { font-size: 1.8rem; }

/* Industries */
.industries-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }

/* Platforms */
.platforms-icons { gap: 8px; }
.platform-icon { min-width: 70px; padding: 8px 10px; font-size: 0.78rem; }

/* Testimonials */
.testimonial-featured { padding: 24px 16px; }
.testimonial-highlight { font-size: 0.95rem; }

/* Footer */
.footer-row { grid-template-columns: 1fr 1fr; gap: 24px; }
.footer-serve-grid { grid-template-columns: 1fr 1fr; }

/* Buttons */
.btn { padding: 12px 22px; font-size: 13px; }
.hero-btn { padding: 14px 28px; }

/* Section */
.section { padding: 40px 0; }
.section-title { font-size: 1.3rem; }

/* === INNER PAGE — SERVICE — SMALL (≤480px) === */
.inner-hero { padding: 60px 0 30px; }

/* Industry page */
.ip-solutions-grid { grid-template-columns: 1fr; }

/* Contact page */
.ct-form-panel { padding: 22px 16px; }
.inner-page-title { font-size: 1.5rem; }
.ip-features-grid { grid-template-columns: 1fr; }
.ip-process-grid { grid-template-columns: 1fr; }
.ip-process-step { padding: 0 0 8px; }
.ip-stats-grid { grid-template-columns: repeat(2, 1fr); }
.ip-stat-number { font-size: 1.8rem; }
.ip-faq-q { font-size: 0.9rem; padding: 14px 0; }
.ip-cta-inner { gap: 16px; }

