/* ==========================================================================
   Gopang IT Solution — Inner pages (loads after premium.css)
   Minimal · white · one accent — consistent with the homepage system
   ========================================================================== */

/* --------------------------------------------------------------------------
   Page banner (shared inner hero) — light, editorial, minimal
   -------------------------------------------------------------------------- */
.page-banner-wrap {
  align-items: center;
  background: var(--gis-bg-subtle) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--gis-border);
  min-height: auto;
  overflow: hidden;
  padding: 80px 0 64px;
  position: relative;
}
.page-banner-wrap::before { content: none; }
.page-banner-wrap::after {
  background-image: radial-gradient(rgba(11, 13, 18, 0.05) 1px, transparent 1px);
  background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(ellipse 70% 80% at 80% 30%, #000 0%, transparent 78%);
  mask-image: radial-gradient(ellipse 70% 80% at 80% 30%, #000 0%, transparent 78%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 0;
}
.page-banner-wrap .container { position: relative; z-index: 1; }
/* Override style.css's `.text-white h1..h6 {color:#fff !important}` on light banner */
.page-banner-wrap .page-heading h1,
.page-banner-wrap .text-white h1,
.page-banner-wrap h1 {
  color: var(--gis-ink) !important;
  font-size: clamp(2.2rem, 4.6vw, 3.1rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.08;
  margin-bottom: 14px;
  text-transform: capitalize;
}
.page-banner-wrap .text-white p,
.page-banner-wrap .page-heading p { color: var(--gis-text) !important; }
.page-banner-wrap .breadcrumb {
  background: #fff;
  border: 1px solid var(--gis-border);
  border-radius: 999px;
  display: inline-flex;
  margin: 14px 0 0;
  padding: 8px 16px;
}
.page-banner-wrap .breadcrumb .breadcrumb-item,
.page-banner-wrap .breadcrumb .breadcrumb-item + .breadcrumb-item,
.page-banner-wrap .breadcrumb .breadcrumb-item::before,
.page-banner-wrap .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: var(--gis-muted) !important; font-weight: 500; }
.page-banner-wrap .breadcrumb .breadcrumb-item a { color: var(--gis-accent) !important; font-weight: 600; }
.page-banner-wrap .breadcrumb .breadcrumb-item.active { color: var(--gis-ink) !important; }

/* --------------------------------------------------------------------------
   Section rhythm + titles (align with premium.css)
   -------------------------------------------------------------------------- */
.section-padding { padding: 100px 0; }
.section-title { margin-bottom: 42px; }
.section-title > span,
.section-title span {
  color: var(--gis-accent);
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.section-title > span::before { display: none; }
.section-title h2 {
  color: var(--gis-ink);
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.14;
}
.section-title p { color: var(--gis-text); font-size: 1.05rem; line-height: 1.72; }

/* --------------------------------------------------------------------------
   Surfaces — flat white, neutral hairlines
   -------------------------------------------------------------------------- */
.about-wrapper,
.best-services-wrapper,
.work-process-wrapper,
.team-experts-wrapper,
.project-carousel-wrapper,
.portfolio-grid-wrapper,
.portfolio-grid-filter-wrapper,
.our-pricing-plan-wrapper,
.faq-wrapper,
.testimonial-carousel-wrapper,
.compare-table-wrapper,
.faq-section,
.cta-banner-wrapper { background: #fff; }

.about-wrapper .about-images-video-popup {
  background: #fff;
  border: 1px solid var(--gis-border);
  border-radius: var(--gis-r);
  box-shadow: var(--gis-shadow);
  overflow: hidden;
  padding: 10px;
}
.about-wrapper .about-images-video-popup img { border-radius: 10px; }

.info-icon-item,
.single-service-left-icon,
.single-service-top-icon,
.single-pricing-plan,
.accordion-item,
.single-digit-count,
.client-review-card,
.single-work-process {
  background: #fff;
  border: 1px solid var(--gis-border);
  border-radius: var(--gis-r);
  box-shadow: none;
}

.info-icon-item {
  min-height: 210px;
  padding: 26px;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
.info-icon-item:hover,
.single-service-left-icon:hover,
.single-service-top-icon:hover,
.single-pricing-plan:hover {
  border-color: var(--gis-border-strong);
  box-shadow: var(--gis-shadow);
  transform: translateY(-4px);
}

.info-icon-item img,
.single-service-left-icon .icon,
.single-service-top-icon .icon {
  align-items: center;
  background: var(--gis-accent-soft);
  border-radius: 12px;
  display: inline-flex;
  justify-content: center;
}

.single-service-left-icon,
.single-service-top-icon {
  height: calc(100% - 30px);
  margin-top: 30px;
  padding: 30px;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
.single-service-left-icon .icon,
.single-service-top-icon .icon { height: 60px; margin-bottom: 20px; width: 60px; }
.single-service-left-icon h4,
.single-service-top-icon h4 { font-size: 1.3rem; line-height: 1.3; }
.single-service-left-icon p,
.single-service-top-icon p,
.info-icon-item p { color: var(--gis-text); line-height: 1.7; }

/* Feature band — solid dark (no gradient), white text */
.best-services-wrapper.bg-cover {
  background-image: none !important;
  background: var(--gis-dark) !important;
  position: relative;
}
.best-services-wrapper.bg-cover .section-title h2,
.best-services-wrapper.bg-cover .section-title span,
.best-services-wrapper.bg-cover .single-service-top-icon h4 a { color: #fff; }
.best-services-wrapper.bg-cover .single-service-top-icon {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
.best-services-wrapper.bg-cover .single-service-top-icon .icon { background: rgba(255, 255, 255, 0.08); }
.best-services-wrapper.bg-cover .single-service-top-icon p { color: rgba(255, 255, 255, 0.72); }

.work-process-wrapper .single-work-process { padding: 28px; }

/* Portfolio / project cards */
.single-project-card {
  border-radius: var(--gis-r);
  box-shadow: none;
  border: 1px solid var(--gis-border);
  min-height: 380px;
  overflow: hidden;
}
.single-project-card::before {
  background: linear-gradient(to top, rgba(11, 13, 18, 0.9) 0%, rgba(11, 13, 18, 0.12) 60%, transparent 100%);
}
.single-project-card .content { padding: 28px; }
.single-project-card .content h3 { font-size: 1.4rem; }

/* Carousel arrows */
.case-study-carousel-arrow > div,
.project-carousel-nav-prev,
.project-carousel-nav-next {
  align-items: center;
  background: #fff;
  border: 1px solid var(--gis-border-strong);
  border-radius: 10px;
  color: var(--gis-ink);
  display: inline-flex;
  height: 48px;
  justify-content: center;
  width: 48px;
  transition: border-color 0.18s ease, color 0.18s ease;
}
.case-study-carousel-arrow > div:hover,
.project-carousel-nav-prev:hover,
.project-carousel-nav-next:hover { border-color: var(--gis-accent); color: var(--gis-accent); }

/* Stats band — solid dark */
.funfact-box-wrapper {
  background-image: none !important;
  background: var(--gis-dark) !important;
}
.single-digit-count {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: var(--gis-r);
  padding: 30px;
}

/* Team cards */
.single-team-member {
  border-radius: var(--gis-r);
  box-shadow: none;
  border: 1px solid var(--gis-border);
  min-height: 380px;
  overflow: hidden;
}
.single-team-member::before {
  background: linear-gradient(to top, rgba(11, 13, 18, 0.92) 0%, rgba(11, 13, 18, 0.1) 62%, transparent 100%);
}
.single-team-member .member-info { padding: 24px; }
.single-team-member .member-info h4 { font-size: 1.3rem; }
.single-team-member .social-links a {
  align-items: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 9px;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
  transition: background 0.18s ease;
}
.single-team-member .social-links a:hover { background: var(--gis-accent); border-color: var(--gis-accent); }

/* Pricing */
.single-pricing-plan { overflow: hidden; padding: 34px 30px; }
.single-pricing-plan.active,
.single-pricing-plan.featured,
.single-pricing-plan.plan-2 {
  border-color: var(--gis-accent);
  box-shadow: var(--gis-shadow);
  position: relative;
}
.single-pricing-plan .package-name,
.single-pricing-plan h3,
.single-pricing-plan .price { color: var(--gis-ink); }
.plan-service-list li,
.single-pricing-plan li { color: var(--gis-text); line-height: 1.65; }

/* Compare table */
.compare-table-wrapper table,
.compare-table-wrapper .table,
.table {
  background: #fff;
  border: 1px solid var(--gis-border);
  border-radius: var(--gis-r);
  box-shadow: none;
  overflow: hidden;
}

/* FAQ */
.faq-wrapper { background: var(--gis-bg-subtle) !important; }
.faq-wrapper .faq-img {
  background: #fff;
  border: 1px solid var(--gis-border);
  border-radius: var(--gis-r);
  box-shadow: var(--gis-shadow);
  padding: 20px;
}
.faq-wrapper .faq-img img { border-radius: 10px; }
.accordion-item { margin-bottom: 12px; overflow: hidden; }
.accordion-button { color: var(--gis-ink); font-weight: 700; min-height: 60px; }
.accordion-button:not(.collapsed) { background: var(--gis-accent-soft) !important; color: var(--gis-accent) !important; box-shadow: none; }
.accordion-button:focus { box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.12); }
.accordion-body { color: var(--gis-text); line-height: 1.72; }

/* Testimonials */
.testimonial-carousel-wrapper { background: var(--gis-bg-subtle); }
.client-review-card { padding: 28px; }

/* CTA band — light framed (matches homepage) */
.cta-banner-box {
  background: var(--gis-bg-subtle) !important;
  background-image: none !important;
  border: 1px solid var(--gis-border);
  border-radius: var(--gis-r-lg);
  overflow: hidden;
  position: relative;
}
.cta-banner-box::before { display: none !important; }
.cta-banner-box h2,
.cta-banner-box .section-title h2 { color: var(--gis-ink) !important; }
.cta-banner-box .section-title span { color: var(--gis-accent); }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .page-banner-wrap { padding: 64px 0 52px; }
  .section-padding { padding: 76px 0; }
}
@media (max-width: 575px) {
  .single-project-card,
  .single-team-member { min-height: 320px; }
}