/*
 * 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; }
.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)
════════════════════════════════════ */
.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; }
.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: dark navy gradient, indigo accent */
#nfc { background: linear-gradient(135deg, #0a2e38 0%, #13576e 60%, #0e4258 100%) !important; }
#nfc h2.pbmit-title { color: #fff !important; }
#nfc .pbmit-subtitle { color: #74c2d9 !important; }
#nfc .pbmit-heading-desc { color: #b8e0ee !important; }

/* ════════════════════════════════════
   NFC SECTION CARDS
════════════════════════════════════ */
#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;
}
#nfc .gp-nfc-card:hover {
  background: rgba(255,255,255,0.13);
  transform: translateX(4px);
}
#nfc .gp-nfc-card h4 {
  color: #74c2d9;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}
#nfc .gp-nfc-card p {
  color: #b8e0ee;
  font-size: 14px;
  margin: 0;
  line-height: 1.55;
}
#nfc .pbmit-btn {
  background: #13576e !important;
  border-color: #13576e !important;
}
#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; }
.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; }
}