/*
 * Graphic Park Technologies – Custom Overrides
 * Color Palette: Dark-to-Light teal/ocean gradient
 *   Dark:    #0a2e38  (deep teal-black)
 *   Mid:     #13576e  (primary teal)
 *   Bright:  #2f91b3  (mid teal-blue)
 *   Light:   #d2eef5  (pale teal)
 *   Bg soft: #f0f8fb  (near-white teal tint)
 * ~98% black-free. Header = transparent.
 */

/* ════════════════════════════════════
   CSS CUSTOM PROPERTIES
════════════════════════════════════ */
:root {
  --gp-dark:    #0a2e38;
  --gp-mid:     #13576e;
  --gp-accent:  #13576e;
  --gp-bright:  #2f91b3;
  --gp-light:   #d2eef5;
  --gp-soft-bg: #f0f8fb;
  --gp-text:    #1a3a44;
  --gp-muted:   #5a8294;
  /* override the theme global color token */
  --pbmit-global-color: #13576e;
  --pbmit-global-color-rgb: 19, 87, 110;
}

/* ════════════════════════════════════
   GLOBAL COLOR TOKEN OVERRIDES
════════════════════════════════════ */
.pbmit-globalcolor,
.pbmit-global-color { color: #13576e !important; }

.pbmit-bg-color-global           { background-color: #13576e !important; }
.pbmit-bg-color-blackish,
footer.pbmit-bg-color-blackish,
.development-agency-service.pbmit-bg-color-blackish,
.development-agency-tween-effect.pbmit-bg-color-blackish,
.reel-video-wrapper.pbmit-bg-color-blackish { background-color: #0a2e38 !important; }
.pbmit-bg-color-light             { background-color: #f0f8fb !important; }

/* ════════════════════════════════════
   TRANSPARENT HEADER
════════════════════════════════════ */
.header-style-1 .pbmit-header-overlay { 
  /* background: transparent !important;  */
  background: rgba(255, 255, 255, 0.4);
}
.header-style-1 .site-header-menu     { background: transparent !important; }

/* Scrolled state — add a subtle dark background once user scrolls */
.header-style-1.header-scrolled .pbmit-header-overlay,
.header-style-1.header-scrolled .site-header-menu {
  background: rgba(26, 26, 46, 0.92) !important;
  backdrop-filter: blur(10px);
  transition: background 0.35s ease;
}

/* Logo */
.header-style-1 .logo-img { max-height: 48px; width: auto; }

/* Nav links — white on transparent header */
.header-style-1 .navigation ul > li > a { color: #fff; letter-spacing: 0.02em; }
.header-style-1 .navigation ul > li > a:hover,
.header-style-1 .navigation ul > li.active > a { color: #74c2d9; }

/* Dropdown */
.header-style-1 .navigation ul ul {
  background: #0a2e38;
  border-top: 2px solid #13576e;
}
.header-style-1 .navigation ul ul li a { color: #b8e0ee; }
.header-style-1 .navigation ul ul li a:hover { color: #74c2d9; }

/* Hamburger + search icons */
.header-style-1 .pbmit-header-search-btn a { color: #fff; }
.header-style-1 .pbmit-nav-menu-toggle path { fill: #fff; }

/* Floating sidebar */
.floting-bar-wrap { background-color: #0a2e38; border-left: 3px solid #13576e; }
.floting-bar-widget-area h4 { color: #74c2d9; }
.floting-bar-widget-area span,
.floting-bar-widget-area a { color: #b8e0ee; }
.floting-bar-close-icon rect,
.pbmit-floting-close-icon rect { fill: #fff; }

/* Scroll-triggered header JS hook — add via custom scripts.js or inline */
/* (the class .header-scrolled is toggled by the existing scripts.js scroll handler) */

/* ════════════════════════════════════
   BUTTONS & LINKS
════════════════════════════════════ */
.pbmit-btn,
.pbmit-global-txt-global-bg,
.pbmit-white-txt-global-bg {
  background-color: #13576e !important;
  border-color: #13576e !important;
  color: #fff !important;
}
.pbmit-btn:hover,
.pbmit-global-txt-global-bg:hover,
.pbmit-white-txt-global-bg:hover {
  background-color: #0e4258 !important;
  border-color: #0e4258 !important;
}
.pbmit-outline-btn,
.pbmit-button {
  border-color: #13576e !important;
  color: #13576e !important;
}
.pbmit-outline-btn:hover,
.pbmit-button:hover {
  background-color: #13576e !important;
  color: #fff !important;
}
.pbmit-black-global-txt {
  background: transparent !important;
  border: 2px solid #0a2e38 !important;
  color: #0a2e38 !important;
}
.pbmit-black-global-txt:hover {
  background: #0a2e38 !important;
  color: #fff !important;
}
/* Arrow / icon accent */
.pbmit-base-icon-bottom-right,
.pbmit-right-arrow { color: #13576e !important; }

/* Progress bars */
.progress-bar { background-color: #13576e !important; }

/* Scroll-to-top */
.pbmit-progress-wrap { background-color: #13576e !important; }
.pbmit-progress-circle path { stroke: #13576e !important; }

/* ════════════════════════════════════
   MARQUEE SECTION 1 (development-agency dark)
════════════════════════════════════ */

/* style.css applies margin-top:-180px to overlap a full-height slider.
   In this CI3 layout the slider sits inside <header>, so we reset it. */
.development-agency-marquee {
  /* margin-top: 0 !important;
  z-index: 1 !important; */
}

.development-agency-marquee .pbmit-element-title::before { color: #13576e; }

/* ════════════════════════════════════
   STATIC BOX (modern-agency 01/02/03)
════════════════════════════════════ */
.modern-agency-staticbox .pbminfotech-static-box-number { color: #13576e; }
.modern-agency-staticbox .pbmit-static-box-style-2.pbmit-active .pbmit-bg-imgbox::after {
  background: rgba(92, 107, 192, 0.75);
}

/* ════════════════════════════════════
   ABOUT STATS (development-agency)
════════════════════════════════════ */
.development-agency-about1 .pbmit-fid-inner { color: #13576e; }
.development-agency-about1 .pbmit-icon-wrapper i { color: #13576e; }
.development-agency-about1 .pbmit-about-column { border-right-color: rgba(92,107,192,0.2); }
.pbmit-custom-heading a.pbmt-hover-text .hover-effect { color: #13576e; }

/* ════════════════════════════════════
   DARK SERVICE SECTION (development-agency)
════════════════════════════════════ */
.development-agency-service .pbmit-service-style-2 { border-bottom-color: rgba(92,107,192,0.25); }
.development-agency-service .pbmit-service-style-2:hover { border-bottom-color: #13576e; }
.development-agency-service .pbmit-service-title a { color: #d2eef5; }
.development-agency-service .pbmit-service-title a:hover { color: #74c2d9; }
.development-agency-service .pbminfotech-box-number { color: rgba(92,107,192,0.4); }
.development-agency-service .pbmit-service-content p { color: #5a8294; }
.development-agency-service .pbmit-service-btn i { color: #2f91b3; }

/* ════════════════════════════════════
   PORTFOLIO (development-agency global-bg)
════════════════════════════════════ */
.development-agency-portfolio { background-color: #13576e !important; }
.development-agency-portfolio .pbmit-title { color: #fff; }
.development-agency-portfolio .pbmit-title span { color: rgba(255,255,255,0.45); }
.development-agency-portfolio .pbmit-port-cat a { color: rgba(255,255,255,0.75); }
.development-agency-portfolio .pbminfotech-box-content { background: rgba(26,26,46,0.7); }

/* ════════════════════════════════════
   ABOUT (modern-agency)
════════════════════════════════════ */
.modern-agency-about1 .pbmit-spinner-box-style-9 { border-color: #13576e; }
.modern-agency-about1 .pbmit-ihbox-icon i { color: #13576e; }
.modern-agency-about1 .pbmit-spinner-box-style-9 svg text { fill: #13576e; }

/* ════════════════════════════════════
   MARQUEE STYLE 14 (modern-agency)
════════════════════════════════════ */
.modern-agency-marquee .pbmit-element-title {
  -webkit-text-stroke-color: #13576e;
  color: transparent;
}
.modern-agency-marquee .pbmit-element-title:hover { color: #13576e; }

/* ════════════════════════════════════
   CORE FEATURES (modern-agency-service)
════════════════════════════════════ */
.modern-agency-service .pbmit-service-style-8 { border-bottom-color: #d2eef5; }
.modern-agency-service .pbmit-service-style-8:hover { border-bottom-color: #13576e; }
.modern-agency-service .pbminfotech-box-number { color: #13576e; }
.modern-agency-service .pbmit-service-icon-wrapper i { color: #13576e; }

/* ════════════════════════════════════
   PROJECT HOVER SLIDER (modern-digital-agency)
════════════════════════════════════ */
.modern-digital-agency-portfolio.pbmit-bg-color-light { background: #f0f8fb !important; }
.modern-digital-agency-portfolio .pbmit-title-data-hover a:hover { color: #13576e; }
.modern-digital-agency-portfolio .pbmit-base-icon-bottom-right { color: #13576e; }
.modern-digital-agency-portfolio .pbminfotech-box-number { color: #13576e; }

/* ════════════════════════════════════
   PROCESS (split-slide)
════════════════════════════════════ */
.development-agency-split-slide .pbmit-split-slide-number p { color: #13576e; }
.development-agency-split-slide .pbmit-ihbox-icon i { color: #13576e; }
.development-agency-split-slide .pbmit-split-slide-box { border-left: 3px solid transparent; transition: border-color 0.3s; }
.development-agency-split-slide .pbmit-split-slide-box:hover { border-left-color: #13576e; }

/* ════════════════════════════════════
   STATS (fid style 5 & 6)
════════════════════════════════════ */
.pbminfotech-ele-fid-style-5 .pbmit-fid-inner,
.pbminfotech-ele-fid-style-6 .pbmit-fid-inner { color: #13576e; }
.pbminfotech-ele-fid-style-5 .pbmit-fid-title,
.pbminfotech-ele-fid-style-6 .pbmit-fid-title { color: #1a3a44; }

/* ════════════════════════════════════
   ABOUT 2 (modern-digital-agency with progress)
════════════════════════════════════ */
.modern-digital-agency-about2 .pbmit-spinner-box-style-7 { border-color: #13576e; }
.modern-digital-agency-about2 .pbmit-ihbox-icon i { color: #13576e; }
.modern-digital-agency-about2 svg text { fill: #13576e; }

/* ════════════════════════════════════
   TEAM (modern-agency style 5)
════════════════════════════════════ */
.modern-agency-team .pbmit-team-style-5 { border-bottom-color: rgba(92,107,192,0.15); }
.modern-agency-team .pbmit-team-title a { color: #0a2e38; }
.modern-agency-team .pbmit-team-title a:hover,
.modern-agency-team .pbmit-team-title-repeat a { color: #13576e; }
.modern-agency-team .pbminfotech-box-team-position { color: #13576e; }

/* ════════════════════════════════════
   TESTIMONIALS (modern-agency)
════════════════════════════════════ */
.modern-agency-testimonial .pbmit-base-icon-pointed-star.pbmit-active { color: #2f91b3; }
.modern-agency-testimonial .pbminfotech-testimonial-detail { color: #13576e; }
.modern-agency-testimonial .pbminfotech-box-title a { color: #0a2e38; }

/* ════════════════════════════════════
   CLIENTS (modern-digital-agency style 3)
════════════════════════════════════ */
.modern-digital-agency-client .pbmit-title span { color: #13576e; }
.pbmit-client-style-3 .pbmit-border-wrapper { border-color: rgba(92,107,192,0.12); }

/* ════════════════════════════════════
   BLOG (development-agency)
════════════════════════════════════ */
.development-agency-blog .pbmit-meta-category a {
  background-color: #13576e;
  color: #fff;
  padding: 2px 10px;
  border-radius: 3px;
}
.development-agency-blog .pbmit-meta-date a,
.development-agency-blog .pbmit-post-author { color: #5a8294; }
.development-agency-blog .pbmit-post-title a { color: #0a2e38; }
.development-agency-blog .pbmit-post-title a:hover { color: #13576e; }

/* ════════════════════════════════════
   CTA TWEEN (development-agency dark)
════════════════════════════════════ */
.development-agency-tween-effect .pbmit-element-title { color: #d2eef5; }
.development-agency-tween-effect .arrow-icon i { color: #2f91b3; }
.development-agency-tween-effect .arrow-icon { border-color: #2f91b3; }
.development-agency-tween-effect .arrow-icon:hover i { color: #fff; }
.development-agency-tween-effect .arrow-icon:hover { background: #13576e; border-color: #13576e; }

/* ════════════════════════════════════
   ERP AWARD BOX (web-design-solution style)
════════════════════════════════════ */
.gp-erp-awardbox { background-color: #13576e !important; }
/* override global bg color on this section */
.gp-erp-awardbox.web-design-sol-awardbox { background-color: #13576e !important; }
/* panel titles */
.gp-erp-awardbox .pbminfotech-image-title h4 { color: #fff; font-size: 22px; }
/* award item rows */
.gp-erp-awardbox .pbmit-award-box-wraper { border-bottom-color: rgba(255,255,255,0.15); }
.gp-erp-awardbox .pbmit-award-title h4 { color: #fff; }
.gp-erp-awardbox .pbmit-award-box-desc p { color: rgba(255,255,255,0.75); }
.gp-erp-awardbox .pbmit-award-price p {
  color: #fff;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
/* hover states */
.gp-erp-awardbox .pbmit-award-box-wraper:hover .pbmit-award-title h4 { color: #d2eef5; }
.gp-erp-awardbox .pbmit-award-box-wraper:hover .pbmit-award-price p {
  background: rgba(255,255,255,0.25);
}
/* responsive image title overlay */
.gp-erp-awardbox .pbmit-award-responsive-image .pbmit-award-item-image::after {
  background: rgba(92,107,192,0.6);
}

/* ════════════════════════════════════
   WHATSAPP SECTION (web-agency about2 style)
════════════════════════════════════ */
.gp-whatsapp-section { background: #f0f8fb; padding-top: 100px;}
.gp-whatsapp-section .pbmit-subtitle { color: #13576e; }
.gp-whatsapp-section .pbmit-title { color: #0a2e38; }
.gp-whatsapp-section .pbmit-globalcolor { color: #13576e !important; }
/* ihbox-style-12 icon boxes */
.gp-whatsapp-section .pbmit-ihbox-style-12 {
  padding: 18px 0;
  border-bottom: 1px solid rgba(92,107,192,0.15);
}
.gp-whatsapp-section .pbmit-ihbox-style-12:last-child { border-bottom: none; }
.gp-whatsapp-section .pbmit-ihbox-style-12 .pbmit-icon-wrapper i {
  color: #13576e;
  font-size: 28px;
}
.gp-whatsapp-section .pbmit-ihbox-style-12 .pbmit-element-title {
  color: #0a2e38;
  font-size: 19px;
  margin-bottom: 6px;
}
.gp-whatsapp-section .pbmit-ihbox-style-12 .pbmit-heading-desc { color: #1a3a44; }
/* spinner on image */
.gp-whatsapp-section .pbmit-spinner-box-style-7 { border-color: #13576e; }
.gp-whatsapp-section .pbmit-spinner-box-style-7 .pbmit-ihbox-icon i { color: #13576e; }
.gp-whatsapp-section .pbmit-spinner-box-style-7 svg text { fill: #13576e; }

/* NFC section on homepage (index.php) — dark teal gradient */
.gp-homepage #nfc { background: linear-gradient(135deg, #0a2e38 0%, #13576e 60%, #0e4258 100%) !important; }
.gp-homepage #nfc h2.pbmit-title { color: #fff !important; }
.gp-homepage #nfc .pbmit-subtitle { color: #74c2d9 !important; }
.gp-homepage #nfc .pbmit-heading-desc { color: #b8e0ee !important; }

/* NFC section cards (homepage only) */
.gp-homepage #nfc .gp-nfc-card {
  padding: 20px;
  background: rgba(255,255,255,0.07);
  border-radius: 8px;
  border-left: 3px solid #2f91b3;
  transition: background 0.3s, transform 0.3s;
}
.gp-homepage #nfc .gp-nfc-card:hover {
  background: rgba(255,255,255,0.13);
  transform: translateX(4px);
}
.gp-homepage #nfc .gp-nfc-card h4 {
  color: #74c2d9;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}
.gp-homepage #nfc .gp-nfc-card p {
  color: #b8e0ee;
  font-size: 14px;
  margin: 0;
  line-height: 1.55;
}
.gp-homepage #nfc .pbmit-btn {
  background: #13576e !important;
  border-color: #13576e !important;
}
.gp-homepage #nfc .pbmit-btn:hover {
  background: #0e4258 !important;
  border-color: #0e4258 !important;
}

/* ════════════════════════════════════
   FOOTER
════════════════════════════════════ */
footer.footer-style-1               { background-color: #0a2e38 !important; }
.pbmit-footer-big-area               {
  background-color: #141428 !important;
  border-bottom: 1px solid rgba(92,107,192,0.25);
}
.pbmit-footer-big-area h3            { color: #d2eef5; }
.pbmit-footer-big-area h3 span       { color: #2f91b3; }
.pbmit-footer-newsletter input {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(92,107,192,0.35);
  color: #d2eef5;
  border-radius: 4px;
  padding: 10px 16px;
}
.pbmit-footer-newsletter input::placeholder { color: #5a8294; }
.pbmit-footer-newsletter .pbmit-btn {
  background-color: #13576e !important;
  border-color: #13576e !important;
}
.pbmit-footer-newsletter .pbmit-btn:hover {
  background-color: #0e4258 !important;
}
.widget-title                        { color: #74c2d9 !important; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; }
.pbmit-footer-widget-area .menu-usefull-links-container ul li a { color: #5a8294; }
.pbmit-footer-widget-area .menu-usefull-links-container ul li a:hover { color: #74c2d9; }
.pbmit-contact-widget-line           { color: #5a8294; font-size: 14px; }
.pbmit-contact-widget-line a         { color: #5a8294; }
.pbmit-contact-widget-line a:hover   { color: #74c2d9; }
.pbmit-footer-copyright-text-area    { color: #5a8294; text-align: center; font-size: 13px; }
.pbmit-footer-copyright-text-area a  { color: #2f91b3; }
.pbmit-footer-copyright-text-area a:hover { color: #74c2d9; }
/* Social icons */
.pbmit-footer-social-area .pbmit-social-links .pbmit-social-li a span {
  background: rgba(92,107,192,0.12);
  border: 1px solid rgba(92,107,192,0.3);
}
.pbmit-footer-social-area .pbmit-social-links .pbmit-social-li a:hover span {
  background: #13576e;
  border-color: #13576e;
}
/* Footer divider line */
.pbmit-footer-text-area {
  border-top: 1px solid rgba(92,107,192,0.2);
}

/* ════════════════════════════════════
   SEARCH OVERLAY
════════════════════════════════════ */
.pbmit-search-overlay { background: rgba(26,26,46,0.97); }
.pbmit-search-overlay .pbmit-search-close rect { fill: #74c2d9; }
.pbmit-site-searchform input { border-bottom-color: #13576e; color: #d2eef5; }
.pbmit-site-searchform button i { color: #2f91b3; }

/* ════════════════════════════════════
   SCROLL TO TOP
════════════════════════════════════ */
.pbmit-progress-wrap               { background-color: #13576e !important; }
.pbmit-progress-circle path        { stroke: #13576e !important; }

/* ════════════════════════════════════
   SECTION HEADING GLOBAL COLORS
════════════════════════════════════ */
.pbmit-subtitle                    { color: #13576e; }
.pbmit-title                       { color: #0a2e38; }
.pbmit-heading-desc                { color: #1a3a44; }
/* On dark sections, headings stay light */
.pbmit-bg-color-blackish .pbmit-title,
.pbmit-bg-color-blackish h2,
.pbmit-bg-color-blackish h3,
.pbmit-bg-color-blackish h4        { color: #d2eef5; }
.pbmit-bg-color-blackish .pbmit-subtitle { color: #74c2d9; }
.pbmit-bg-color-blackish .pbmit-heading-desc { color: #5a8294; }
/* Global-color background (indigo) keeps white text */
.pbmit-bg-color-global .pbmit-title,
.pbmit-bg-color-global h2,
.pbmit-bg-color-global h3          { color: #fff; }
.pbmit-bg-color-global .pbmit-subtitle { color: rgba(255,255,255,0.8); }

/* ════════════════════════════════════
   MARQUEE STYLE 3 (dark bg)
════════════════════════════════════ */
.marketing-marquee                 { background-color: #0a2e38; }
.marketing-marquee .pbmit-element-title { color: rgba(232,234,246,0.08); -webkit-text-stroke: 1px rgba(165,180,252,0.35); }
.marketing-marquee .pbmit-element-title:hover { color: #d2eef5; -webkit-text-stroke-color: transparent; }

/* ════════════════════════════════════
   ihbox-style-13 (ERP / general cards)
════════════════════════════════════ */
.pbmit-ihbox-style-13              {
  background: #f0f8fb;
  border-radius: 8px;
  padding: 24px;
  border-top: 3px solid #13576e;
  transition: box-shadow 0.3s, transform 0.3s;
}
.pbmit-ihbox-style-13:hover        {
  box-shadow: 0 8px 32px rgba(92,107,192,0.15);
  transform: translateY(-3px);
}
.pbmit-ihbox-style-13 .pbmit-element-title { color: #0a2e38; font-size: 18px; margin-bottom: 8px; }
.pbmit-ihbox-style-13 .pbmit-heading-desc  { color: #1a3a44; font-size: 14px; }
.pbmit-ihbox-style-13 .pbmit-ihbox-icon-wrapper { color: #13576e; }

/* ihbox-style-12 (WhatsApp icon list) */
.pbmit-ihbox-style-12              { padding: 16px 0; border-bottom: 1px solid rgba(92,107,192,0.12); }
.pbmit-ihbox-style-12:last-child   { border-bottom: none; }
.pbmit-ihbox-style-12 .pbmit-icon-wrapper i { color: #13576e; font-size: 26px; min-width: 40px; }
.pbmit-ihbox-style-12 .pbmit-element-title  { color: #0a2e38; font-size: 17px; margin-bottom: 4px; }
.pbmit-ihbox-style-12 .pbmit-heading-desc   { color: #1a3a44; font-size: 14px; line-height: 1.6; }
.pbmit-ihbox-style-12 .pbmit-ihbox-headingicon { gap: 16px; }

/* ════════════════════════════════════
   TRANSPARENT HEADER — SCROLLED STATE
   (JS hook: add .header-scrolled on scroll > 80px)
════════════════════════════════════ */
.site-header { transition: background 0.3s ease; z-index: 200!important;}
.header-style-1.sticky-on { background: rgba(26,26,46,0.95) !important; backdrop-filter: blur(12px); }
/* The theme uses .sticky-on class when header becomes sticky */

/* ════════════════════════════════════
   RESPONSIVE
════════════════════════════════════ */
@media (max-width: 1199px) {
  .header-style-1 .logo-img { max-height: 40px; }
}
@media (max-width: 991px) {
  .gp-erp-awardbox .pbmit-contentbox { padding: 30px 20px; }
  .gp-whatsapp-section .pbmit-ihbox-style-12 .pbmit-icon-wrapper i { font-size: 22px; }
}
@media (max-width: 767px) {
  .header-style-1 .logo-img            { max-height: 36px; }
  .gp-whatsapp-section                  { background: #f0f8fb; }
  #nfc .gp-nfc-card                     { margin-bottom: 12px; }
  .development-agency-tween-effect .pbmit-element-title { font-size: 36px; }
  .development-agency-marquee           { margin-top: 0 !important; }
}

/* ════════════════════════════════════
   DIGITAL EXPERTISE – ICON IN BOX-NUMBER
   Replaces plain numbers with service icons
════════════════════════════════════ */
/* Kill the slash — content: '' overrides content: '/' with max specificity */
.development-agency-service .pbmit-bg-color-blackish .pbmit-service-style-2 .pbminfotech-box-number::after,
.development-agency-service .pbmit-service-style-2 .pbminfotech-box-number::after,
.pbmit-bg-color-blackish .pbmit-service-style-2 .pbminfotech-box-number::after {
  content: '' !important;
  display: none !important;
  position: static !important;
}
/* The number cell becomes a flex container to hold the icon */
.development-agency-service .pbminfotech-box-number {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
  position: relative;
}
/* Circular icon wrapper */
.development-agency-service .pbminfotech-box-number .pbmit-service-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  /* background: rgba(47, 145, 179, 0.12); */
  border: 0px solid rgba(255, 255, 255, 0.35);
  flex-shrink: 0;
  transition: background 0.3s, border-color 0.3s;
}
/* Icon size */
.development-agency-service .pbminfotech-box-number .pbmit-service-icon-wrapper i {
  font-size: 38px !important;
  color: #fff !important;
  line-height: 1;
  transition: color 0.3s;
}
/* Hover state */
.development-agency-service .pbmit-service-style-2:hover .pbminfotech-box-number .pbmit-service-icon-wrapper {
  background: rgba(47, 145, 179, 0.22);
  border-color: #2f91b3;
}
.development-agency-service .pbmit-service-style-2:hover .pbminfotech-box-number .pbmit-service-icon-wrapper i {
  color: #74c2d9 !important;
}
/* Responsive adjustments */
@media (max-width: 767px) {
  .development-agency-service .pbminfotech-box-number .pbmit-service-icon-wrapper {
    width: 44px;
    height: 44px;
  }
  .development-agency-service .pbminfotech-box-number .pbmit-service-icon-wrapper i {
    font-size: 28px !important;
  }
}

/* ════════════════════════════════════
   WHY CHOOSE US – RIGHT COLUMN LIST
════════════════════════════════════ */

/* Shrink the h2 description */
.modern-agency-about1 .col-md-6 .pbmit-title {
  font-size: 28px !important;
  line-height: 1.4 !important;
}

.gp-why-list-inline {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px 0;
  margin-top: 28px;
}
.gp-why-item-inline {
  display: flex;
  align-items: center;
  gap: 14px;
}
.gp-why-item-inline i {
  font-size: 28px;
  color: #13576e;
  flex-shrink: 0;
  line-height: 1;
  border: solid 1px #13576e;
  padding: 5px;
}
.gp-why-item-inline span {
  font-size: 24px;
  font-weight: 600;
  color: #0a2e38;
  line-height: 1.2;
}
.gp-why-item-inline:hover i { color: #2f91b3; }
.gp-why-item-inline:hover span { color: #13576e; }

@media (max-width: 575px) {
  .gp-why-list-inline { grid-template-columns: 1fr; }
  .modern-agency-about1 .col-md-6 .pbmit-title { font-size: 18px !important; }
  .gp-why-item-inline span { font-size: 22px; }
  .gp-why-item-inline i { font-size: 22px; }
}

/* ════════════════════════════════════
   CLIENT LOGO INFINITE TICKER
════════════════════════════════════ */

/* Section spacing */
.gp-clients-section { overflow: hidden; }
.gp-clients-section .pbmit-heading-subheading { margin-bottom: 40px; }

/* Outer mask — clips overflow & adds fade edges */
.gp-logo-ticker-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 24px 0 36px;
}
/* Fade left & right edges */
.gp-logo-ticker-wrap::before,
.gp-logo-ticker-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.gp-logo-ticker-wrap::before {
  left: 0;
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.gp-logo-ticker-wrap::after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, transparent 100%);
}

/* Inner flex container — two duplicate tracks side by side */
.gp-logo-ticker {
  display: flex;
  width: max-content;
  animation: gp-ticker-scroll 28s linear infinite;
}

/* Hover: slow down — never stops */
.gp-logo-ticker-wrap:hover .gp-logo-ticker {
  animation-duration: 90s;
}

/* Each track = one full set of logos */
.gp-logo-track {
  display: flex;
  align-items: center;
  gap: 0;
}

/* Individual logo slot */
.gp-logo-item {
  flex-shrink: 0;
  width: 220px;
  padding: 10px 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* ── Default state: full colour, full opacity, clearly visible ── */
.gp-logo-item .pbmit-client-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
  padding: 10px 14px;
  transition: transform 0.35s cubic-bezier(.34,1.56,.64,1),
              box-shadow 0.35s ease,
              background 0.35s ease;
}
.gp-logo-item .pbmit-featured-wrapper img {
  max-height: 80px;
  max-width: 160px;
  width: auto;
  object-fit: contain;
  /* No greyscale — logos shown clearly at full colour */
  filter: none;
  opacity: 1;
  transition: opacity 0.3s ease, transform 0.35s ease;
  display: block;
}

/* Colour hover image — hidden by default */
.gp-logo-item .pbmit-client-hover-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.85);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.35s cubic-bezier(.34,1.56,.64,1);
  pointer-events: none;
}
.gp-logo-item .pbmit-client-hover-img img {
  max-height: 80px;
  max-width: 160px;
  width: auto;
  object-fit: contain;
  display: block;
}

/* ── Hover: lift + glow card + swap to colour version ── */
.gp-logo-item:hover .pbmit-client-wrapper {
  transform: translateY(-6px) scale(1.06);
  background: #f0f8fb;
  box-shadow: 0 8px 28px rgba(19, 87, 110, 0.18),
              0 0 0 2px #13576e;
}
/* Hide the default image, show the global/colour version */
.gp-logo-item:hover .pbmit-featured-wrapper img {
  opacity: 0;
  transform: scale(0.85);
}
.gp-logo-item:hover .pbmit-client-hover-img {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Thin separator between items */
.gp-logo-item::after {
  content: '';
  position: absolute;
  right: 0;
  height: 40px;
  width: 1px;
  background: rgba(19, 87, 110, 0.1);
}
.gp-logo-track:last-child .gp-logo-item:last-child::after { display: none; }

/* ── Keyframe ── */
@keyframes gp-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Dark bg variant */
.pbmit-bg-color-blackish .gp-logo-ticker-wrap::before {
  background: linear-gradient(to right, #0a2e38 0%, transparent 100%);
}
.pbmit-bg-color-blackish .gp-logo-ticker-wrap::after {
  background: linear-gradient(to left, #0a2e38 0%, transparent 100%);
}

@media (max-width: 767px) {
  .gp-logo-item { width: 160px; padding: 8px 20px; }
  .gp-logo-item .pbmit-featured-wrapper img,
  .gp-logo-item .pbmit-client-hover-img img { max-height: 56px; max-width: 110px; }
  .gp-logo-ticker-wrap::before,
  .gp-logo-ticker-wrap::after { width: 50px; }
}

/* ════════════════════════════════════
   ERP AWARD BOX — PANEL ENHANCEMENTS
════════════════════════════════════ */
/* Icon inside award title */
.gp-erp-awardbox .pbmit-award-title h4 i {
  font-size: 16px;
  margin-right: 8px;
  color: rgba(255,255,255,0.7);
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.gp-erp-awardbox .pbmit-award-box-wraper:hover .pbmit-award-title h4 i {
  color: #d2eef5;
}

/* Footer CTA button at bottom of each panel */
.pbmit-award-footer-btn {
  padding: 20px 30px 28px;
}
.pbmit-award-footer-btn .pbmit-btn {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 10px 26px;
  border-radius: 4px;
  background-color: #13576e !important;
  border-color: #13576e !important;
  color: #fff !important;
  transition: background 0.25s, transform 0.2s;
  text-decoration: none;
}
.pbmit-award-footer-btn .pbmit-btn:hover {
  background-color: #2f91b3 !important;
  border-color: #2f91b3 !important;
  transform: translateY(-2px);
}

/* ════════════════════════════════════
   FOOTER — ASSOCIATION / MEMBER LOGOS
════════════════════════════════════ */
.gp-footer-assoc-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 14px;
  flex-direction: column;
}
.gp-assoc-divider {
  color: rgba(255,255,255,0.25);
  font-size: 28px;
  font-weight: 200;
  line-height: 1;
  user-select: none;
}
.gp-assoc-logo {
  max-height: 180px;
  max-width: 150px;
  width: auto;
  object-fit: contain;
  /* filter: brightness(0) invert(0.7);
  opacity: 0.8;
  transition: filter 0.3s, opacity 0.3s, transform 0.3s; */
  display: block;
}
.gp-footer-assoc-logos a:hover .gp-assoc-logo {
  /* filter: brightness(0) invert(1);
  opacity: 1;
  transform: scale(1.08); */
  opacity: 1;
}

/* ════════════════════════════════════
   NEWS & ARTICLES — BLOG CARDS
════════════════════════════════════ */
.gp-blog-section { background: #f0f8fb; }

/* See All button spacing */
.gp-blog-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.gp-blog-all-btn i { font-size: 13px; }

/* ── Card ── */
.gp-blog-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(19,87,110,0.07);
  transition: transform 0.32s ease, box-shadow 0.32s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.gp-blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(19,87,110,0.14);
}

/* ── Image wrap ── */
.gp-blog-img-wrap {
  position: relative;
  overflow: hidden;
  height: 220px;
}
.gp-blog-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}
.gp-blog-card:hover .gp-blog-img-wrap img {
  transform: scale(1.06);
}

/* Category badge */
.gp-blog-cat {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #13576e;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 20px;
  z-index: 2;
}

/* ── Body ── */
.gp-blog-body {
  padding: 24px 26px 28px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Meta line */
.gp-blog-meta {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.gp-blog-date,
.gp-blog-author {
  font-size: 12px;
  color: #5a8294;
  display: flex;
  align-items: center;
  gap: 5px;
}
.gp-blog-date i,
.gp-blog-author i {
  font-size: 13px;
  color: #13576e;
}

/* Title */
.gp-blog-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 12px;
  color: #0a2e38;
}
.gp-blog-title a { color: inherit; text-decoration: none; }
.gp-blog-title a:hover { color: #13576e; }

/* Excerpt */
.gp-blog-excerpt {
  font-size: 14px;
  color: #5a8294;
  line-height: 1.65;
  margin: 0 0 20px;
  flex: 1;
}

/* Read More */
.gp-blog-read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #13576e;
  text-decoration: none;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: gap 0.25s, color 0.25s;
  margin-top: auto;
}
.gp-blog-read-more i { font-size: 12px; transition: transform 0.25s; }
.gp-blog-read-more:hover { color: #2f91b3; gap: 10px; }
.gp-blog-read-more:hover i { transform: rotate(45deg) translate(2px,-2px); }

/* Responsive */
@media (max-width: 767px) {
  .gp-blog-img-wrap { height: 180px; }
  .gp-blog-title { font-size: 16px; }
}

/* ════════════════════════════════════
   ERP & WEB SOLUTIONS — HOVER SLIDER
════════════════════════════════════ */
.gp-erp-portfolio {
  background-color: #0a2e38 !important;
}

/* Section heading — centered */
.gp-erp-portfolio .pbmit-heading-subheading { text-align: center !important; }
.gp-erp-portfolio .pbmit-subtitle { color: #74c2d9 !important; text-align: center; }
.gp-erp-portfolio .pbmit-title    { color: #fff !important; text-align: center; }

/* ── List item links — override blackish default ── */
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li a,
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li h3 a,
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li a span:not(.pbminfotech-box-number) {
  color: rgba(210, 238, 245, 0.75) !important;
  -webkit-text-fill-color: rgba(210, 238, 245, 0.75) !important;
}
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li:hover a,
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li:hover a span:not(.pbminfotech-box-number) {
  color: #74c2d9 !important;
  -webkit-text-fill-color: #74c2d9 !important;
}

/* ── Icon replacing number ── */
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li .pbminfotech-box-number {
  color: rgba(116, 194, 217, 0.6) !important;
  font-size: 0 !important; /* hide any residual text */
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  flex-shrink: 0;
}
/* Kill the slash tick line */
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li .pbminfotech-box-number::after {
  display: none !important;
  content: '' !important;
}
/* Icon inside the number span */
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li .pbminfotech-box-number i {
  font-size: 26px !important;
  color: rgba(116, 194, 217, 0.6) !important;
  line-height: 1;
  transition: color 0.3s, transform 0.3s;
}
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li:hover .pbminfotech-box-number i {
  color: #74c2d9 !important;
  transform: scale(1.15);
}

/* ── Arrow icon ── */
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li .pbmit-svg-btn i {
  color: #74c2d9 !important;
  -webkit-text-stroke-color: #74c2d9 !important;
}

/* ── Row separators between items ── */
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-nav li {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── Description box ── */
.gp-erp-portfolio .pbmit-element-portfolio-style-9 .swiper-hover-slide-desc {
  background: #13576e !important;
}
.gp-erp-portfolio .pbmit-desc p {
  color: #d2eef5 !important;
  font-size: 14px;
  line-height: 1.65;
}

/* ── Image slides ── */
.gp-erp-portfolio .pbmit-featured-wrapper img {
  border-radius: 10px;
  object-fit: cover;
  height: 420px;
  width: 100%;
}

/* ════════════════════════════════════
   INNER PAGE TITLE BAR / HERO
════════════════════════════════════ */
.pbmit-title-bar-wrapper {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0px;
  overflow: hidden;
  max-height: 350px;
  padding-top: 40px !important;
}
/* Dark overlay */
.pbmit-title-bar-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
    rgba(10,46,56,0.82) 0%,
    rgba(19,87,110,0.70) 100%);
  z-index: 1;
}
.pbmit-title-bar-content {
  position: relative;
  z-index: 2;
}
.pbmit-tbar-title {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 18px;
  line-height: 1.1;
}
/* Breadcrumb */
.pbmit-breadcrumb-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 14px;
}
.pbmit-breadcrumb-inner span a {
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  transition: color 0.2s;
}
.pbmit-breadcrumb-inner span a:hover { color: #74c2d9; }
.pbmit-breadcrumb-inner .post-root  { color: #74c2d9; font-weight: 600; }
.pbmit-breadcrumb-inner .sep i      { color: rgba(255,255,255,0.4); font-size: 6px; vertical-align: middle; }

@media (max-width: 767px) {
  .pbmit-title-bar-wrapper { padding: 100px 0 50px; }
  .pbmit-tbar-title { font-size: 32px; }
}

/* ════════════════════════════════════
   NFC section on what-we-do.php
   Light background — override any dark rules
════════════════════════════════════ */
.gp-service-block#nfc {
  background: #f0f8fb !important;
}
.gp-service-block#nfc .gp-svc-title {
  color: #0a2e38 !important;
}
.gp-service-block#nfc .gp-svc-desc {
  color: #1a3a44 !important;
}
.gp-service-block#nfc .gp-svc-points li {
  color: #1a3a44 !important;
}
.gp-service-block#nfc .gp-svc-points li i {
  color: #13576e !important;
}
.gp-service-block#nfc .gp-svc-number {
  color: rgba(19,87,110,0.06) !important;
}
.gp-service-block#nfc .gp-svc-tag {
  background: rgba(19,87,110,0.08) !important;
  color: #13576e !important;
}
.gp-service-block#nfc .gp-svc-icon-circle i {
  color: #13576e !important;
}
.gp-service-block#nfc .gp-svc-cta {
  background: #13576e !important;
  color: #fff !important;
}
.gp-service-block#nfc .gp-svc-cta:hover {
  background: #2f91b3 !important;
}