﻿/* ============================================
   TABLET STYLES (max-width: 1024px)
   UHRS IT Services — Gold & Black Brand
   ============================================ */

.container { padding: 0 20px; }

/* Grid Utilities */
.col_3 { width: 50%; }
.col_6 { width: 100%; }
.hidden-tablet { display: none !important; }
.menu-toggle { display: flex !important; }
.main-nav { display: none !important; }
.mega-menu, .industry-mega { display: none !important; }
.dropdown-menu { display: none !important; }

/* Sections */
.section    { padding: 60px 0; }
.section-sm { padding: 40px 0; }
.section-lg { padding: 80px 0; }

/* ============================================
   HEADER TABLET
   ============================================ */
.top_menu_bar .justify_end ul { gap: 14px; }
.flag_and_phone { font-size: 12px; }

/* ============================================
   HERO TABLET
   ============================================ */
.hero-content { padding: 100px 20px 60px; max-width: 680px; }
.hero-stats { gap: 28px; }
.hero-stat-number { font-size: 2rem; }

/* ============================================
   RATINGS TABLET
   ============================================ */
.ratings-wrapper { gap: 16px; }
.rating-card { padding: 20px 18px; min-width: 120px; }

/* ============================================
   COMPANY OVERVIEW TABLET
   ============================================ */
.overview-grid { grid-template-columns: 1fr; gap: 44px; }

/* ============================================
   WHY CHOOSE TABLET
   ============================================ */
.why-choose-wrapper { grid-template-columns: 1fr; gap: 50px; }
.why-choose-image { order: -1; }
.team-image { max-height: 350px; object-fit: cover; }

/* ============================================
   STATS TABLET
   ============================================ */
.lets-connect-sidebar-btn { display: none; }

/* ============================================
   SERVICES TABLET
   ============================================ */
.services-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }

/* ============================================
   PLATFORMS TABLET
   ============================================ */
.showcase-layout { grid-template-columns: 1fr 1fr; }
.showcase-image-panel { display: none; }
.showcase-tabs { grid-template-columns: repeat(3, 1fr); }
.showcase-content { padding: 36px 32px; }
.industries-grid { gap: 16px; }
.industry-card { flex: 0 0 calc(33.333% - 14px); }

/* ============================================
   TESTIMONIALS TABLET
   ============================================ */
.testimonial-featured { grid-template-columns: 1fr; gap: 40px; padding: 40px 30px; }
.testimonial-company-badge { position: static; margin-top: 16px; display: inline-block; }

/* ============================================
   BLOGS & FAQS TABLET
   ============================================ */
.blogs-faqs-wrapper { grid-template-columns: 1fr; gap: 50px; }

/* ============================================
   FOOTER TABLET
   ============================================ */
.footer-row { grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer-col-last { grid-column: 1 / -1; }
.footer-logo-area { flex-direction: column; align-items: flex-start; }
.footer-contact-info { align-items: flex-start; }


/* === INNER PAGE — SERVICE — TABLET (≤1024px) === */
.inner-hero { padding: 80px 0 44px; }

/* Industry page */
.ip-challenges-grid { grid-template-columns: repeat(2, 1fr); }
.ip-solutions-grid { grid-template-columns: repeat(2, 1fr); }
.ip-intro-grid { grid-template-columns: 1fr; gap: 36px; }
.ip-intro-visual { display: none; }
.ip-features-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
.ip-process-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
.ip-process-grid::before { display: none; }
.ip-process-step { padding: 0 10px 10px; }
.ip-stats-grid { grid-template-columns: repeat(2, 1fr); }
.ip-stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
.ip-stat-item:nth-child(even) { border-right: none; }
.ip-stat-item:last-child { border-bottom: none; }
.ip-faq-layout { grid-template-columns: 1fr; gap: 32px; }
.ip-faq-header { position: static; }
.ip-cta-inner { flex-direction: column; align-items: flex-start; gap: 24px; }

/* === INNER PAGE — ABOUT / WORK / CONTACT — TABLET (≤1024px) === */
.ab-testimonials-grid { grid-template-columns: repeat(2, 1fr); }
.ab-team-grid { grid-template-columns: repeat(3, 1fr); }
.ab-job-card { flex-direction: column; align-items: flex-start; }
.wk-cases-grid { grid-template-columns: repeat(2, 1fr); }
.wk-portfolio-grid { grid-template-columns: repeat(2, 1fr); }
.wk-blog-grid { grid-template-columns: repeat(2, 1fr); }
.ct-contact-grid { grid-template-columns: 1fr; gap: 40px; }
.ct-info-panel { order: 2; }
.ct-form-panel { order: 1; }
