/* =========================================================
   GLOBAL INTERIOR DESIGN - Custom Design System
   Built on Bootstrap grid + Swiper + AOS + Font Awesome
   ========================================================= */

:root{
  /* Brand palette - drawn from the Global Interior Design logo (gold + charcoal/black,
     with a steel-blue secondary used sparingly). Primary brand colour is a warm,
     antique gold used for buttons, active states and emphasis; near-black/charcoal
     is used for headings and dark sections, matching the logo's black backdrop. */
  --pk-navy:        #201C12;   /* deep charcoal - headings, wordmark */
  --pk-navy-dark:   #9C7A2E;   /* primary gold - topbar / primary buttons / brand emphasis */
  --pk-blue:        #9C7A2E;   /* primary gold - links / active state */
  --pk-blue-dark:   #7A5F22;   /* darker gold - hover state */
  --pk-cyan:        #C9A227;   /* secondary gold accent - highlights, transitions */
  --pk-cyan-light:  #FBF3DF;   /* light gold tint - soft accent backgrounds */
  --pk-gold:        #C9A227;   /* accent gold - used sparingly */
  --pk-steel-blue:  #3E6FA0;   /* secondary accent from the logo wordmark, used sparingly */

  --pk-ink:         #201C12;
  --pk-body:        #58564F;
  --pk-muted:       #86837A;
  --pk-bg-soft:     #F8F6F1;
  --pk-bg-navy:     #14120D;   /* near-black section background */
  --pk-border:      #E9E4D8;
  --pk-white:       #FFFFFF;

  --pk-radius:      10px;
  --pk-radius-sm:   6px;
  --pk-shadow:      0 12px 34px rgba(51,51,51,0.10);
  --pk-shadow-sm:   0 4px 14px rgba(51,51,51,0.08);

  --pk-font-head:   'Poppins', sans-serif;
  --pk-font-body:   'Poppins', sans-serif;
}

html{scroll-behavior:smooth;}
@media(max-width:767px){
  .container{padding-left:20px !important; padding-right:20px !important;}
}
body{
  font-family:var(--pk-font-body);
  color:var(--pk-body);
  font-size:16px;
  line-height:1.7;
  background:var(--pk-white);
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--pk-font-head);
  color:var(--pk-navy);
  font-weight:700;
  line-height:1.25;
  margin:0 0 .6em;
}
h2, h3, h4, h5{text-transform:uppercase; letter-spacing:.01em;}
a{color:var(--pk-blue); text-decoration:none; transition:.25s ease;}
a:hover{color:var(--pk-cyan);}
img{max-width:100%; height:auto; display:block;}
.section-pad{padding:96px 0;}
.section-pad-sm{padding:60px 0;}
@media(max-width:991px){ .section-pad{padding:64px 0;} .section-pad-sm{padding:44px 0;} }
.bg-soft{background:var(--pk-bg-soft);}
.bg-navy{background:var(--pk-bg-navy); color:#EFE3C4;}
.bg-navy h1,.bg-navy h2,.bg-navy h3,.bg-navy h4{color:#fff;}
.text-cyan{color:var(--pk-cyan) !important;}
.text-muted-pk{color:var(--pk-muted);}

/* ---------- Eyebrow / Section heading ---------- */
.eyebrow{
  display:block;
  font-family:var(--pk-font-body); font-weight:600; font-size:14.5px;
  letter-spacing:.02em; text-transform:none;
  color:var(--pk-blue); background:none;
  padding:0; border-radius:0; margin-bottom:14px;
}
.bg-navy .eyebrow{color:#E8C97A;}
.section-title{max-width:720px;}
.section-title h2{font-size:clamp(28px,3.2vw,42px);}
.section-title.mx-auto{margin-left:auto; margin-right:auto; text-align:center;}

/* ---------- Buttons ---------- */
.btn-pk{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--pk-font-head); font-weight:600; font-size:15px;
  padding:14px 30px; border-radius:99px; border:2px solid transparent;
  transition:transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
  white-space:nowrap; cursor:pointer;
}
.btn-pk:hover{transform:scale(.96);}
.btn-pk:active{transform:scale(.92);}
.btn-pk-primary{background:var(--pk-blue); color:#fff;}
.btn-pk-primary:hover{background:var(--pk-blue-dark); color:#fff;}
.btn-pk-outline{border-color:rgba(255,255,255,.55); color:#fff; background:transparent;}
.btn-pk-outline:hover{background:#fff; color:var(--pk-navy); border-color:#fff;}
.btn-pk-outline-blue{border-color:var(--pk-blue); color:var(--pk-blue); background:transparent;}
.btn-pk-outline-blue:hover{background:var(--pk-blue); color:#fff;}
.btn-pk-gold{background:#fff; color:var(--pk-navy-dark);}
.btn-pk-gold:hover{background:var(--pk-cyan); color:#fff;}
.btn-pk-sm{padding:10px 22px; font-size:14px;}

/* =========================================================
   HEADER / NAVIGATION
   ========================================================= */
.pk-topbar-thin{
  background:var(--pk-navy-dark); font-size:15px; padding:10px 0;
}
.pk-topbar-thin a{color:#fff;}
.pk-topbar-thin a:hover{color:var(--pk-gold);}
.pk-topbar-links{display:inline-flex; align-items:center; gap:16px; font-weight:400; font-size:15px; margin-right:0;}
.pk-topbar-links a{opacity:.95; font-weight:400;}
.pk-topbar-links span{color:#C9C2C2; opacity:1;}
.pk-topbar-thin .pk-social{display:inline-flex; align-items:center; gap:22px;}
.pk-topbar-thin .pk-social a{
  display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:16px;
}
.pk-topbar-thin .pk-social a:hover{color:var(--pk-gold);}
.pk-topbar-mobile{padding:8px 0; font-size:14px;}
.pk-topbar-mobile .pk-social a{font-size:15px;}

.pk-header{
  background:#fff; position:relative; z-index:1002;
}
.pk-header-row{display:flex; align-items:center; justify-content:space-between; gap:18px; padding-top:10px; padding-bottom:10px;}
.pk-logo{display:flex; align-items:center; flex:0 0 auto;}
.pk-logo img{height:108px; width:auto; max-width:340px; object-fit:contain;}

.pk-header-contact{align-items:center; gap:34px; flex:1 1 auto; justify-content:center;}
.pk-header-contact-item{display:flex; align-items:center; gap:12px;}
.pk-header-contact-ic{
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  width:38px; height:38px; border-radius:50%; border:2px solid var(--pk-blue); color:var(--pk-blue); font-size:15px;
}
.pk-header-contact-item a{display:block; color:var(--pk-navy); font-weight:400; font-size:15px; line-height:1.4;}
.pk-header-contact-item a:hover{color:var(--pk-blue);}
.pk-header-contact-sub{color:var(--pk-blue) !important; font-weight:400 !important; font-size:13px !important;}

.pk-header-actions{display:flex; align-items:center; gap:14px; flex:0 0 auto;}
.btn-pk-header{
  background:var(--pk-gold); color:var(--pk-navy); border-radius:8px; padding:9px 20px; font-size:14px; font-weight:700;
}
.btn-pk-header:hover{background:#b5860f; color:#fff;}
.pk-menu-toggle{
  display:none; flex-direction:column; gap:5px; background:none; border:none; padding:8px;
}
.pk-menu-toggle span{width:26px; height:2.5px; background:var(--pk-navy); border-radius:2px;}

/* Nav band: white/page background section with a centered, boxed (rounded)
   colored menu - not a full-width band, per the reference screenshot */
.pk-navband{
  background:#fff; position:sticky; top:0; z-index:1001; padding:14px 0 0;
}
.pk-navband .container{display:flex; justify-content:flex-start;}
.pk-nav{display:flex; align-items:center; gap:4px; list-style:none; margin:0; padding:0; position:relative;}
@media(min-width:1200px){
  .pk-nav{
    background:var(--pk-navy-dark); border-radius:14px; padding:6px 14px;
    box-shadow:0 10px 26px rgba(51,51,51,0.16); width:96%; justify-content:flex-start; gap:10px;
  }
}
.pk-nav > li{position:relative; display:flex; align-items:center;}
.pk-nav > li > a{
  display:flex; align-items:center; gap:5px; padding:15px 18px; font-family:var(--pk-font-head); font-weight:600;
  font-size:15.5px; color:#fff; border-radius:10px; position:relative;
}
.pk-nav > li > a:hover{background:none;}
.pk-nav > li.active > a{background:none;}
.pk-nav > li.active > .pk-dropdown-toggle{color:#fff;}
.pk-dropdown-toggle{
  background:none; border:none; padding:6px; margin-left:-8px; color:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:11px; pointer-events:none;
}
.pk-dropdown-toggle i{transition:transform .2s ease;}
/* Sliding hover indicator - follows the cursor across top-level nav items (desktop only) */
.pk-nav-indicator{
  position:absolute; bottom:0; left:0; height:3px; background:#fff;
  border-radius:0; opacity:0; transition:left .28s ease, width .28s ease, opacity .2s ease; pointer-events:none;
}
.pk-nav-indicator.show{opacity:1;}
.pk-dropdown{
  position:absolute; top:calc(100% + 0px); left:0; min-width:260px; max-width:300px; background:#fff;
  border-radius:0 0 12px 12px; box-shadow:var(--pk-shadow); padding:8px; opacity:0; visibility:hidden;
  transform:translateY(8px); transition:.2s ease; list-style:none;
  max-height:calc(100vh - 160px); overflow-y:auto;
}
.pk-nav > li:hover > .pk-dropdown{opacity:1; visibility:visible; transform:translateY(0);}
.pk-dropdown li a{display:block; padding:9px 14px; border-radius:8px; color:var(--pk-navy); font-size:14px; font-weight:500; line-height:1.35;}
.pk-dropdown li a:hover{background:var(--pk-cyan-light); color:var(--pk-blue);}

@media(max-width:1199px){
  .pk-nav{position:fixed; top:0; right:-320px; height:100vh; width:300px; max-width:88vw; background:#fff;
    flex-direction:column; align-items:stretch; padding:90px 20px 30px; box-shadow:-10px 0 30px rgba(0,0,0,.12);
    transition:.3s ease; overflow-y:auto; z-index:1001;}
  .pk-nav.open{right:0;}
  .pk-nav > li{justify-content:space-between; border-bottom:1px solid var(--pk-border);}
  .pk-nav > li > a{padding:14px 12px; flex:1; color:var(--pk-navy);}
  .pk-nav > li > a:hover, .pk-nav > li.active > a{background:none; color:var(--pk-blue);}
  .pk-nav-indicator{display:none;}
  .pk-dropdown-toggle{
    pointer-events:auto; width:46px; height:46px; margin-left:0; font-size:15px; border-radius:8px; color:var(--pk-navy);
  }
  .pk-dropdown-toggle:active{background:var(--pk-bg-soft);}
  .pk-nav > li.open .pk-dropdown-toggle i{transform:rotate(180deg);}
  .pk-dropdown{position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; display:none; padding-left:10px; width:100%;}
  .pk-nav > li.open .pk-dropdown{display:block;}
  .pk-nav > li{flex-wrap:wrap;}
  .pk-menu-toggle{display:flex;}
  .pk-nav-backdrop{display:none; position:fixed; inset:0; background:rgba(6,20,45,.5); z-index:1000;}
  .pk-nav-backdrop.open{display:block;}
  .pk-header-actions .btn-pk{display:none;}
  .pk-logo img{height:72px; max-width:220px;}
}
.pk-nav-close{display:none;}
@media(max-width:1199px){
  .pk-nav-close{display:flex; align-items:center; justify-content:center; width:38px;height:38px; border-radius:50%;
    background:var(--pk-bg-soft); border:none; position:absolute; top:20px; right:20px; font-size:18px; color:var(--pk-navy);}
  .pk-nav .pk-nav-mobile-cta{display:block; margin-top:20px;}
}
.pk-nav-mobile-cta{display:none;}

/* =========================================================
   HERO SLIDER
   ========================================================= */
.pk-hero{position:relative; overflow:hidden; background:#fff;}
.pk-hero .swiper-slide, .pk-hero-static{
  min-height:640px; display:flex; align-items:center;
  position:relative; background:#fff; overflow:hidden;
}
@media(max-width:767px){ .pk-hero .swiper-slide, .pk-hero-static{min-height:560px;} }

.pk-hero-photo{
  position:absolute; top:0; right:0; height:100%; width:68%;
  background-size:cover; background-position:center;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 3%, rgba(0,0,0,.3) 12%, rgba(0,0,0,.6) 24%, rgba(0,0,0,.88) 36%, #000 50%);
  mask-image:linear-gradient(90deg, transparent 0%, transparent 3%, rgba(0,0,0,.3) 12%, rgba(0,0,0,.6) 24%, rgba(0,0,0,.88) 36%, #000 50%);
}
@media(max-width:991px){ .pk-hero-photo{width:100%; opacity:.55; -webkit-mask-image:none; mask-image:none;} }

.pk-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg, #d5d4d4 0%, rgba(255,255,255,.4) 20%, rgba(255,255,255,.05) 32%, rgba(255,255,255,0) 42%);
}
@media(max-width:991px){
  .pk-hero-overlay{background:linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.8) 100%);}
}

.pk-hero-shape{position:absolute; border-radius:50%; opacity:.5; pointer-events:none;}
.pk-hero-content{position:relative; z-index:2; padding:60px 0;}
.pk-hero-eyebrow{
  display:block; font-family:var(--pk-font-body); font-weight:600; font-size:14.5px;
  color:var(--pk-blue); margin-bottom:16px;
}
.pk-hero-content h1, .pk-hero-content h2{
  color:#0d0d0d; font-size:clamp(32px,4.2vw,50px); font-weight:800; max-width:760px; margin-bottom:20px;
  text-transform:none;
}
.pk-hero-content p{color:var(--pk-body); font-size:17.5px; max-width:640px; margin-bottom:14px;}
.pk-hero-content .pk-hero-tagline{
  color:var(--pk-blue); font-weight:600; font-size:15px; margin-bottom:28px; display:block;
}
.pk-hero-btns{display:flex; gap:16px; flex-wrap:wrap;}
.pk-hero-btns .btn-pk{width:auto; flex:0 0 auto;}
.pk-hero .swiper-button-next,.pk-hero .swiper-button-prev{
  width:48px; height:48px; background:#fff; border-radius:50%; color:var(--pk-navy-dark);
  box-shadow:0 6px 20px rgba(51,51,51,.14);
}
.pk-hero .swiper-button-next:after,.pk-hero .swiper-button-prev:after{font-size:15px;}
.pk-hero .swiper-button-next:hover,.pk-hero .swiper-button-prev:hover{background:var(--pk-navy-dark); color:#fff;}
.pk-hero .swiper-pagination-bullet{background:var(--pk-navy-dark); opacity:.25; width:9px; height:9px;}
.pk-hero .swiper-pagination-bullet-active{opacity:1; background:var(--pk-navy-dark); width:26px; border-radius:5px;}
.pk-hero .swiper-pagination{bottom:22px !important;}
@media(max-width:767px){
  .pk-hero .swiper-button-next, .pk-hero .swiper-button-prev{display:none;}
}

/* Scroll-down indicator */
.pk-hero-scroll{
  position:absolute; left:26px; bottom:80px; z-index:5;
  display:flex; flex-direction:column; align-items:center; gap:10px; cursor:pointer;
  color:var(--pk-navy); opacity:.75; transition:.2s ease;
}
.pk-hero-scroll:hover{opacity:1;}
.pk-hero-scroll span{
  writing-mode:vertical-rl; transform:rotate(180deg); font-size:12.5px; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase;
}
.pk-hero-scroll i{font-size:12px; animation:pkScrollBounce 1.8s ease-in-out infinite;}
@keyframes pkScrollBounce{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(6px);}
}
@media(max-width:575px){ .pk-hero-scroll{display:none;} }

/* Page banner (inner pages) */
.pk-page-banner{
  background:linear-gradient(120deg, var(--pk-navy-dark), var(--pk-blue-dark));
  padding:90px 0 56px; position:relative; overflow:hidden;
}
.pk-page-banner::after{
  content:""; position:absolute; right:-80px; top:-120px; width:340px; height:340px; border-radius:50%;
  background:radial-gradient(circle, rgba(201,162,39,.28), transparent 70%);
}
.pk-page-banner h1{color:#fff; font-size:clamp(28px,3.6vw,44px); margin-bottom:14px;}
.pk-breadcrumb{list-style:none; display:flex; gap:8px; padding:0; margin:0; color:#E7CE93; font-size:14.5px;}
.pk-breadcrumb a{color:#E7CE93;}
.pk-breadcrumb a:hover{color:#fff;}
.pk-breadcrumb li:not(:last-child)::after{content:"/"; margin-left:8px; color:#B79A55;}
.pk-breadcrumb li:last-child{color:#fff;}

/* =========================================================
   CARDS / COMPONENTS
   ========================================================= */
.pk-card{
  background:#fff; border:1px solid var(--pk-border); border-radius:var(--pk-radius);
  padding:34px 28px; height:100%; transition:.25s ease; box-shadow:var(--pk-shadow-sm);
}
.pk-card:hover{transform:translateY(-6px); box-shadow:var(--pk-shadow); border-color:transparent;}
.pk-card-icon{
  width:56px; height:56px; border-radius:50%; background:var(--pk-navy-dark); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:20px;
  box-shadow:0 6px 14px rgba(0,0,0,.16);
}
.pk-card h3, .pk-card h4{font-size:20px; margin-bottom:10px;}
.pk-card p{margin-bottom:0; font-size:15px; color:var(--pk-body);}
.pk-card .pk-card-link{display:inline-flex; align-items:center; gap:6px; margin-top:16px; font-weight:600; font-size:14.5px;}

.pk-value-card{text-align:center; padding:28px 18px;}
.pk-value-card .letter{
  width:56px; height:56px; border-radius:50%; background:var(--pk-navy); color:#fff; font-family:var(--pk-font-head);
  font-weight:700; font-size:22px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px;
}

/* Stat / counter */
.pk-stat{text-align:center; padding:20px 10px;}
.pk-stat .num{font-family:var(--pk-font-head); font-weight:800; font-size:clamp(30px,3.4vw,44px); color:#fff;}
.pk-stat .label{color:#E9CE8E; font-size:14.5px; margin-top:6px;}

/* Why choose */
.pk-check-list{list-style:none; padding:0; margin:0;}
.pk-check-list li{display:flex; gap:14px; margin-bottom:20px; align-items:flex-start;}
.pk-check-list li .ic{
  flex:0 0 22px; width:22px; height:22px; background:none; color:var(--pk-blue);
  display:flex; align-items:center; justify-content:center; font-size:17px; margin-top:2px;
  box-shadow:none;
}
.pk-check-list li h5{margin-bottom:4px; font-size:16.5px;}
.pk-check-list li p{margin:0; font-size:14.5px;}

/* Product detail block (savings/loans) */
.pk-product{
  border:1px solid var(--pk-border); border-radius:16px; overflow:hidden; margin-bottom:28px;
  box-shadow:var(--pk-shadow-sm); background:#fff; transition:transform .25s ease, box-shadow .25s ease;
}
.pk-product:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(51,51,51,.14);}
.pk-product-head{
  background:var(--pk-bg-soft); padding:22px 28px; display:flex; align-items:center;
  gap:16px; flex-wrap:wrap; border-bottom:1px solid var(--pk-border);
}
.pk-product-head .ic{
  flex:0 0 46px; width:46px; height:46px; border-radius:50%; background:var(--pk-navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:18px; box-shadow:0 6px 14px rgba(0,0,0,.14);
}
.pk-product-head .head-text{flex:1 1 auto; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; min-width:0;}
.pk-product-head h3{margin:0; font-size:20px;}
.pk-product-tag{
  background:var(--pk-blue); color:#fff; font-size:12.5px; font-weight:700; padding:6px 14px; border-radius:99px;
  text-transform:uppercase; letter-spacing:.05em;
}
.pk-product-tag.tag-short{background:var(--pk-cyan);}
.pk-product-tag.tag-long{background:var(--pk-navy);}
.pk-product-body{padding:26px 28px;}
.pk-product-body p.desc{font-size:15.5px; color:var(--pk-body); margin-bottom:18px;}
.pk-feat-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px;}
.pk-feat{background:var(--pk-bg-soft); border-radius:10px; padding:14px 16px; transition:.2s ease;}
.pk-feat:hover{background:var(--pk-cyan-light);}
.pk-feat .k{font-size:12.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--pk-muted); font-weight:600;}
.pk-feat .v{font-family:var(--pk-font-head); font-weight:700; color:var(--pk-navy); font-size:16px; margin-top:2px;}
.pk-feat.highlight{background:var(--pk-navy);}
.pk-feat.highlight:hover{background:var(--pk-blue-dark);}
.pk-feat.highlight .k{color:#E7CE93;}
.pk-feat.highlight .v{color:#fff;}
.pk-content-required{
  display:inline-block; background:#FFF4E0; color:#8A5A00; border:1px dashed #E0A93A; border-radius:8px;
  padding:3px 10px; font-size:12.5px; font-weight:700;
}

/* =========================================================
   LOAN PRODUCTS - editorial layout (tabs + clean typographic list)
   ========================================================= */
.pk-loan-intro{max-width:760px; margin:0 auto 44px; text-align:center;}
.pk-loan-intro p{font-size:16px; color:var(--pk-body); margin:0;}

.pk-loan-tabs{
  display:flex; justify-content:center; gap:8px; margin-bottom:40px; border-bottom:1px solid var(--pk-border);
}
.pk-loan-tab-btn{
  background:none; border:none; padding:14px 28px; font-family:var(--pk-font-head); font-weight:600; font-size:15px;
  color:var(--pk-muted); cursor:pointer; position:relative; top:1px; border-bottom:2px solid transparent; transition:.2s ease;
}
.pk-loan-tab-btn:hover{color:var(--pk-navy);}
.pk-loan-tab-btn.active{color:var(--pk-blue); border-bottom-color:var(--pk-blue);}
@media(max-width:575px){ .pk-loan-tab-btn{padding:12px 16px; font-size:13.5px;} }

.pk-loan-panel{display:none;}
.pk-loan-panel.active{display:block;}

.pk-loan-entry{
  display:flex; gap:36px; background:#fff; border:1px solid var(--pk-border); border-left:4px solid var(--pk-blue);
  border-radius:10px; box-shadow:0 2px 8px rgba(51,51,51,.05); padding:28px 32px; margin-bottom:20px; flex-wrap:wrap;
}
.pk-loan-entry:last-child{margin-bottom:0;}

.pk-loan-left{flex:0 0 260px; width:260px;}
.pk-loan-icon-circle{
  width:52px; height:52px; border-radius:50%; background:var(--pk-cyan-light); color:var(--pk-blue);
  display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:14px;
}
.pk-loan-left h3{font-size:17px; margin-bottom:8px; color:var(--pk-navy);}
.pk-loan-desc{font-size:13.5px; color:var(--pk-body); margin:0 0 18px; line-height:1.55;}
.pk-loan-viewlink{display:inline-flex; align-items:center; gap:8px;}

.pk-loan-right{
  flex:1 1 280px; min-width:240px; padding-left:32px; border-left:1px solid var(--pk-border); display:flex;
  flex-direction:column; justify-content:center;
}
.pk-loan-ticks .tick-row{display:flex; align-items:flex-start; gap:10px; margin-bottom:12px; font-size:13.5px; color:var(--pk-body); line-height:1.5;}
.pk-loan-ticks .tick-row:last-child{margin-bottom:0;}
.pk-loan-ticks .tick-row i{color:var(--pk-blue); font-size:12px; margin-top:3px; flex:0 0 auto;}

.pk-loan-extra{font-size:12px; color:var(--pk-muted); margin:12px 0 0; font-style:italic;}

@media(max-width:767px){
  .pk-loan-entry{flex-direction:column; gap:20px; padding:24px;}
  .pk-loan-left{flex:1 1 auto; width:100%;}
  .pk-loan-right{border-left:none; border-top:1px solid var(--pk-border); padding-left:0; padding-top:18px;}
}
@media(max-width:575px){ .pk-loan-entry{padding:20px;} }

/* Loan comparison table */
.table-pk{width:100%; border-collapse:separate; border-spacing:0; font-size:14.5px;}
.table-pk thead th{
  background:var(--pk-navy); color:#fff; font-family:var(--pk-font-head); font-weight:600; padding:16px 18px; text-align:left;
}
.table-pk thead th:first-child{border-radius:12px 0 0 0;}
.table-pk thead th:last-child{border-radius:0 12px 0 0;}
.table-pk tbody td{padding:15px 18px; border-bottom:1px solid var(--pk-border); background:#fff;}
.table-pk tbody td:first-child{font-weight:700; color:var(--pk-navy);}
.table-pk tbody tr:nth-child(even) td{background:var(--pk-bg-soft);}
.table-pk tbody tr:hover td{background:var(--pk-cyan-light);}
.table-pk tbody tr:last-child td:first-child{border-radius:0 0 0 12px;}
.table-pk tbody tr:last-child td:last-child{border-radius:0 0 12px 0;}
.table-pk-wrap{overflow-x:auto; border-radius:12px; box-shadow:var(--pk-shadow-sm); border:1px solid var(--pk-border);}

/* Membership steps - vertical connected timeline, matching reference */
.pk-step-list{position:relative;}
.pk-step{display:flex; gap:20px; margin-bottom:34px; position:relative;}
.pk-step:last-child{margin-bottom:0;}
.pk-step::before{
  content:""; position:absolute; left:23px; top:52px; bottom:-34px; width:1px; background:var(--pk-border);
}
.pk-step:last-child::before{display:none;}
.pk-step .num{
  flex:0 0 46px; width:46px; height:46px; border-radius:50%; background:#fff; color:var(--pk-blue);
  display:flex; align-items:center; justify-content:center; font-family:var(--pk-font-head); font-weight:700;
  box-shadow:0 6px 16px rgba(51,51,51,.14); position:relative; z-index:1; font-size:16px;
}
.pk-step h4{margin-bottom:6px; font-size:18px;}
.pk-step p{margin-bottom:0; font-size:15px;}

/* Leadership */
.pk-leader-card{
  background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 8px rgba(51,51,51,.06);
  border:1px solid var(--pk-border); height:100%; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pk-leader-card:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(51,51,51,.12); border-color:transparent;}

/* Initials avatar - used on the Team page until real photos are supplied */
.pk-team-avatar{
  aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--pk-navy-dark), var(--pk-cyan));
  color:#fff; font-family:var(--pk-font-head); font-weight:800; font-size:34px; letter-spacing:.02em;
}
.pk-leader-photo{aspect-ratio:1/1; overflow:hidden; background:var(--pk-bg-soft); position:relative;}
.pk-leader-photo img{width:100%; height:100%; object-fit:cover; object-position:top center; transition:transform .4s ease;}
.pk-leader-card:hover .pk-leader-photo img{transform:scale(1.05);}
.pk-leader-info{padding:14px 16px 16px;}
.pk-leader-info h4{font-size:14px; margin-bottom:2px; color:var(--pk-navy);}
.pk-leader-info .role{
  display:block; color:var(--pk-blue); font-weight:600; font-size:11.5px; margin-bottom:8px;
}
.pk-leader-info .bio{font-size:12.8px; line-height:1.6; color:var(--pk-body); max-height:0; overflow:hidden; transition:max-height .35s ease; margin:0;}
.pk-leader-card.open .bio{max-height:600px; margin-top:8px;}
.pk-leader-toggle{
  border:none; background:none; color:var(--pk-blue); font-weight:600; font-size:12px;
  padding:0; display:inline-flex; align-items:center; gap:5px; margin-top:2px;
}
.pk-leader-toggle:hover{color:var(--pk-cyan);}
.pk-leader-toggle i{transition:.25s; font-size:9px;}
.pk-leader-card.open .pk-leader-toggle i{transform:rotate(180deg);}

/* Featured leader (CEO): horizontal layout, photo left, bio always visible right */
.pk-leader-featured{
  display:flex; flex-wrap:wrap; background:#fff; border-radius:12px; overflow:hidden;
  box-shadow:0 2px 8px rgba(51,51,51,.06); border:1px solid var(--pk-border); max-width:760px; margin:0 auto;
}
.pk-leader-featured-photo{flex:0 0 240px; max-width:100%; aspect-ratio:1/1; overflow:hidden; background:var(--pk-bg-soft);}
.pk-leader-featured-photo img{width:100%; height:100%; object-fit:cover; object-position:top center;}
.pk-leader-featured-info{flex:1 1 280px; padding:26px 30px; display:flex; flex-direction:column; justify-content:center;}
.pk-leader-featured-info h3{font-size:19px; margin-bottom:4px;}
.pk-leader-featured-info .role{
  display:block; color:var(--pk-blue); font-weight:600; font-size:12.5px; margin-bottom:12px;
}
.pk-leader-featured-info p{font-size:13.8px; line-height:1.7; color:var(--pk-body); margin:0;}
@media(max-width:575px){
  .pk-leader-featured-photo{flex:0 0 100%; aspect-ratio:16/10;}
}

/* Leader card grid - fixed card width everywhere so photos are always the
   same size, regardless of how many people are in a given committee. */
.pk-leader-grid{display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin-bottom:8px;}
.pk-leader-card-wrap{flex:0 0 200px; width:200px;}
@media(max-width:575px){ .pk-leader-card-wrap{flex:0 0 44%; width:44%;} }

/* Credit Committee + Education Committee side by side, with a divider */
.pk-committee-pair{display:flex; gap:36px; align-items:flex-start; justify-content:center; flex-wrap:wrap;}
.pk-committee-group{flex:0 1 auto;}
.pk-committee-divider{width:1px; align-self:stretch; background:var(--pk-border); min-height:220px; margin-top:44px;}
@media(max-width:767px){
  .pk-committee-pair{flex-direction:column; align-items:center; gap:40px;}
  .pk-committee-divider{display:none;}
}

/* Committee section grouping - simple heading with short underline, matching reference */
.pk-committee-heading{text-align:center; margin-bottom:22px;}
.pk-committee-heading span{
  display:inline-block; font-family:var(--pk-font-head); font-weight:700; font-size:18px; letter-spacing:.03em;
  text-transform:uppercase; color:var(--pk-navy); padding-bottom:8px; border-bottom:2px solid var(--pk-blue);
}
.pk-leadership-subtitle{text-align:center; color:var(--pk-muted); font-size:14.5px; margin-top:-14px; margin-bottom:36px;}

/* Downloads */
.pk-download-card{
  display:flex; align-items:center; gap:18px; background:#fff; border:1px solid var(--pk-border); border-radius:var(--pk-radius);
  padding:22px 24px; box-shadow:var(--pk-shadow-sm); transition:.2s;
}
.pk-download-card:hover{box-shadow:var(--pk-shadow); transform:translateY(-3px);}
.pk-download-card .ic{
  flex:0 0 54px; width:54px; height:54px; border-radius:50%; background:var(--pk-navy-dark); color:#fff; font-size:22px;
  display:flex; align-items:center; justify-content:center; box-shadow:0 6px 14px rgba(0,0,0,.16);
}
.pk-download-card .info{flex:1; min-width:0;}
.pk-download-card h4{font-size:16px; margin-bottom:3px;}
.pk-download-card .meta{font-size:13px; color:var(--pk-muted);}
.pk-download-card .dl-btn{
  flex:0 0 auto; width:42px; height:42px; border-radius:50%; background:var(--pk-cyan-light); color:var(--pk-blue);
  display:flex; align-items:center; justify-content:center; font-size:16px;
}
.pk-download-card:hover .dl-btn{background:var(--pk-blue); color:#fff;}

/* FAQ accordion */
.pk-accordion .item{border:1px solid var(--pk-border); border-radius:12px; margin-bottom:14px; overflow:hidden;}
.pk-accordion .q{
  display:flex; align-items:center; justify-content:space-between; padding:18px 22px; cursor:pointer;
  font-family:var(--pk-font-head); font-weight:600; font-size:15.5px; color:var(--pk-navy); background:#fff;
}
.pk-accordion .item.open .q{background:var(--pk-cyan-light); color:var(--pk-blue);}
.pk-accordion .q i{transition:.25s; color:var(--pk-blue);}
.pk-accordion .item.open .q i{transform:rotate(45deg);}
.pk-accordion .a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.pk-accordion .a-inner{padding:0 22px 20px; font-size:14.8px;}
.pk-accordion .item.open .a{max-height:400px;}

/* CTA band */
.pk-cta{
  background:linear-gradient(120deg, var(--pk-navy-dark), var(--pk-blue-dark) 60%, var(--pk-blue));
  border-radius:24px; padding:56px 48px; position:relative; overflow:hidden;
}
.pk-cta::before{content:""; position:absolute; left:-60px; bottom:-90px; width:260px; height:260px; border-radius:50%;
  background:radial-gradient(circle, rgba(201,162,39,.35), transparent 70%);}
.pk-cta h2{color:#fff; margin-bottom:10px;}
.pk-cta p{color:#E9D9B0; margin-bottom:0;}
.pk-cta .eyebrow{color:#fff;}
@media(max-width:767px){ .pk-cta{padding:40px 26px; text-align:center;} }

/* Loan calculator */
.pk-calc{background:#fff; border:1px solid var(--pk-border); border-radius:18px; padding:36px; box-shadow:0 16px 40px rgba(51,51,51,.1);}
.pk-calc-header{display:flex; align-items:center; gap:14px; margin-bottom:26px; padding-bottom:22px; border-bottom:1px solid var(--pk-border);}
.pk-calc-header .ic{
  flex:0 0 48px; width:48px; height:48px; border-radius:50%; background:var(--pk-navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:20px;
}
.pk-calc-header h4{margin:0; font-size:18px;}
.pk-calc-header p{margin:0; font-size:13px; color:var(--pk-muted);}
.pk-calc label{font-family:var(--pk-font-head); font-weight:600; font-size:13.5px; color:var(--pk-navy); margin-bottom:6px; display:block;}
.pk-calc .form-control, .pk-form .form-control, .pk-form select.form-control{
  border:1.5px solid var(--pk-border); border-radius:10px; padding:12px 14px; font-size:15px; margin-bottom:18px;
  transition:.2s ease;
}
.pk-calc .form-control:focus, .pk-form .form-control:focus{border-color:var(--pk-blue); box-shadow:0 0 0 3px rgba(10,92,199,.12);}
.pk-calc .form-control:disabled{background:var(--pk-bg-soft); color:var(--pk-muted); cursor:not-allowed;}
.pk-calc-months-group{display:none;}
.pk-calc-months-group.show{display:block;}
.pk-calc-result{background:var(--pk-bg-soft); border-radius:14px; padding:26px; margin-top:8px;}
.pk-calc-result .hero-figure{text-align:center; padding-bottom:20px; margin-bottom:18px; border-bottom:1px solid var(--pk-border);}
.pk-calc-result .hero-figure .label{font-size:12.5px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--pk-muted);}
.pk-calc-result .hero-figure .amount{font-family:var(--pk-font-head); font-weight:800; font-size:32px; color:var(--pk-navy); margin-top:4px;}
.pk-calc-result .row-line{display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px dashed var(--pk-border); font-size:14.5px;}
.pk-calc-result .row-line:last-child{border-bottom:none;}
.pk-calc-result .row-line strong{color:var(--pk-navy);}
.pk-calc-note{font-size:12.5px; color:var(--pk-muted); margin-top:14px; line-height:1.6;}

/* Contact */
.pk-contact-card{display:flex; gap:16px; padding:22px; background:#fff; border:none; border-radius:var(--pk-radius); box-shadow:var(--pk-shadow-sm); margin-bottom:18px;}
.pk-contact-card .ic{flex:0 0 48px; width:48px; height:48px; border-radius:50%; background:var(--pk-navy-dark); color:#fff; display:flex; align-items:center; justify-content:center; font-size:19px; box-shadow:0 6px 14px rgba(0,0,0,.16);}
.pk-contact-card h5{margin-bottom:4px; font-size:15.5px;}
.pk-contact-card p{margin:0; font-size:14.5px;}
.pk-map-frame{border-radius:var(--pk-radius); overflow:hidden; box-shadow:var(--pk-shadow-sm); border:1px solid var(--pk-border);}

/* WhatsApp float button + number picker */
.pk-whatsapp-wrap{position:fixed; right:22px; bottom:22px; z-index:998;}
.pk-whatsapp-float{
  position:relative; width:58px; height:58px; border-radius:50%; border:none;
  background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px;
  box-shadow:0 8px 22px rgba(37,211,102,.45); transition:.2s; cursor:pointer;
}
.pk-whatsapp-float:hover{transform:scale(1.08); color:#fff;}
.pk-whatsapp-menu{
  position:absolute; right:0; bottom:72px; width:230px; background:#fff; border-radius:14px;
  box-shadow:var(--pk-shadow); padding:10px; opacity:0; visibility:hidden; transform:translateY(10px);
  transition:.2s ease; display:flex; flex-direction:column; gap:2px;
}
.pk-whatsapp-menu.open{opacity:1; visibility:visible; transform:translateY(0);}
.pk-whatsapp-menu-title{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--pk-muted); padding:6px 10px 4px;}
.pk-whatsapp-menu a{
  display:flex; align-items:center; gap:10px; padding:10px; border-radius:10px; color:var(--pk-navy); font-size:14.5px; font-weight:600;
}
.pk-whatsapp-menu a:hover{background:var(--pk-bg-soft); color:var(--pk-navy);}
.pk-whatsapp-menu a i{color:#25D366; font-size:18px;}

/* Back to top */
.pk-to-top{
  position:fixed; right:22px; bottom:92px; width:44px; height:44px; border-radius:50%; background:var(--pk-navy);
  color:#fff; display:flex; align-items:center; justify-content:center; z-index:998; opacity:0; visibility:hidden;
  transition:.25s;
}
.pk-to-top.show{opacity:1; visibility:visible;}
.pk-to-top:hover{background:var(--pk-blue); color:#fff;}

/* =========================================================
   PHOTO-OVERLAY SECTION (dark image background, light content)
   ========================================================= */
.pk-overlay-section{
  position:relative; background-size:cover; background-position:center; overflow:hidden;
}
.pk-overlay-section::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(115deg, rgba(26,26,26,.94) 0%, rgba(51,51,51,.9) 45%, rgba(175,20,51,.75) 100%);
}
.pk-overlay-section .container{position:relative; z-index:2;}
.pk-overlay-section .eyebrow{color:#E8C97A;}
.pk-overlay-section h2, .pk-overlay-section p{color:#fff;}
.pk-overlay-section p strong{color:#fff;}
.pk-overlay-section .pk-feat{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);}
.pk-overlay-section .pk-feat span:not(.badge-soft){color:#fff !important;}
.pk-overlay-section .badge-soft{background:rgba(255,255,255,.16); color:#fff;}

/* =========================================================
   OFFCANVAS QUICK INFO PANEL (desktop + mobile)
   ========================================================= */
.pk-offcanvas-btn{
  display:flex; align-items:center; justify-content:center; width:auto; height:auto;
  background:none; border:none; padding:8px; color:var(--pk-navy); cursor:pointer; box-shadow:none;
}
.pk-offcanvas-btn:hover{opacity:.7;}
.pk-offcanvas-backdrop{
  display:none; position:fixed; inset:0; background:rgba(6,20,45,.55); z-index:1100; opacity:0; transition:opacity .25s ease;
}
.pk-offcanvas-backdrop.open{display:block; opacity:1;}
.pk-offcanvas{
  position:fixed; top:0; right:-420px; width:400px; max-width:88vw; height:100vh; background:#fff;
  z-index:1101; padding:36px 32px; overflow-y:auto; transition:right .3s ease; box-shadow:-14px 0 40px rgba(0,0,0,.2);
}
.pk-offcanvas.open{right:0;}
.pk-offcanvas-close{
  position:absolute; top:26px; right:26px; width:42px; height:42px; border-radius:12px; border:none;
  background:var(--pk-navy); color:#fff; font-size:16px; display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:.2s ease;
}
.pk-offcanvas-close:hover{background:var(--pk-blue);}
.pk-offcanvas-logo img{height:64px; margin-bottom:24px; box-shadow:none; filter:none;}
.pk-offcanvas-blurb{color:var(--pk-body); font-size:14.5px; line-height:1.7; margin-bottom:30px;}
.pk-offcanvas-heading{font-size:17px; margin-bottom:18px;}
.pk-offcanvas-contact{list-style:none; padding:0; margin:0 0 28px;}
.pk-offcanvas-contact li{display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; font-size:14.5px; color:var(--pk-body);}
.pk-offcanvas-contact li i{
  flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:var(--pk-navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:13px; margin-top:1px;
}
.pk-offcanvas-contact li a{color:var(--pk-body);}
.pk-offcanvas-contact li a:hover{color:var(--pk-blue);}
.pk-offcanvas-social{display:flex; gap:10px;}
.pk-offcanvas-social a{
  display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%;
  background:var(--pk-navy); color:#fff;
}
.pk-offcanvas-social a:hover{background:var(--pk-blue);}
@media(max-width:420px){ .pk-offcanvas{padding:30px 22px;} }

/* =========================================================
   PARTNERS - sliding logo strip
   ========================================================= */
.pk-partners{overflow:hidden; position:relative; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}

/* Text-placeholder partner badge (used until approved partner logos are supplied) */
.pk-partner-badge{
  display:flex; align-items:center; justify-content:center; text-align:center;
  height:92px; padding:12px 14px; background:#fff; border:1px solid var(--pk-border);
  border-radius:var(--pk-radius-sm); font-family:var(--pk-font-head); font-weight:700;
  font-size:14.5px; color:var(--pk-navy); transition:.2s ease;
}
.pk-partner-badge:hover{border-color:var(--pk-blue); color:var(--pk-blue); transform:translateY(-2px); box-shadow:var(--pk-shadow-sm);}
.pk-partner-badge-logo img{max-height:44px; max-width:100%; object-fit:contain;}
.pk-partners-track{display:flex; align-items:center; gap:64px; width:max-content; animation:pkPartnersScroll 26s linear infinite;}
.pk-partners:hover .pk-partners-track{animation-play-state:paused;}
.pk-partners-track img{height:80px; width:auto; max-width:220px; object-fit:contain; filter:grayscale(100%); opacity:.7; transition:filter .25s ease, opacity .25s ease;}
.pk-partners-track img:hover{filter:grayscale(0%); opacity:1;}
@keyframes pkPartnersScroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
@media(max-width:575px){ .pk-partners-track img{height:56px;} }

/* =========================================================
   ABOUT SECTION (photo badge overlay + 2-col checkmarks)
   ========================================================= */
.pk-about-photo-wrap{position:relative;}
.pk-about-photo-wrap img{width:100%; height:auto; border-radius:var(--pk-radius); box-shadow:var(--pk-shadow); display:block;}
.pk-about-badge{
  position:absolute; left:24px; bottom:24px; background:var(--pk-navy-dark); border-radius:10px;
  padding:18px 22px; display:flex; align-items:center; gap:14px; max-width:78%;
  box-shadow:0 10px 26px rgba(0,0,0,.25);
}
.pk-about-badge .ic{
  flex:0 0 40px; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.12);
  color:var(--pk-cyan); display:flex; align-items:center; justify-content:center; font-size:17px;
}
.pk-about-badge span{color:#fff; font-weight:700; font-size:14.5px; line-height:1.35;}
.pk-eyebrow-icon{
  display:inline-flex; align-items:center; gap:8px; color:var(--pk-blue); font-weight:600; font-size:14.5px;
  margin-bottom:14px;
}
.pk-eyebrow-icon i{font-size:15px;}
.pk-about-checks{display:grid; grid-template-columns:1fr 1fr; gap:16px 20px; margin:24px 0 8px;}
.pk-about-checks .check-item{display:flex; align-items:center; gap:12px;}
.pk-about-checks .check-item .ic{
  flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:var(--pk-navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:13px;
}
.pk-about-checks .check-item span{font-weight:700; color:var(--pk-navy); font-size:14.5px;}
.btn-pk-pill{background:transparent; color:var(--pk-blue); border:2px solid var(--pk-blue); border-radius:99px;}
.btn-pk-pill:hover{background:var(--pk-blue); color:#fff;}
@media(max-width:575px){
  .pk-about-badge{max-width:90%; left:16px; bottom:16px; padding:14px 18px;}
  .pk-about-checks{grid-template-columns:1fr;}
}

/* =========================================================
   SIMPLE PRODUCT CARDS (bordered, one featured, icon + read more)
   ========================================================= */
.pk-scard{
  background:#fff; border:1px solid var(--pk-border); border-radius:4px; padding:36px 32px;
  height:100%; transition:.2s ease;
}
.pk-scard:hover{box-shadow:var(--pk-shadow-sm); transform:translateY(-3px);}
.pk-scard.featured{background:var(--pk-navy); border-color:var(--pk-navy);}
.pk-scard .icon{font-size:34px; color:var(--pk-blue); margin-bottom:22px; line-height:1;}
.pk-scard.featured .icon{color:#fff;}
.pk-scard h3, .pk-scard h4{font-size:19px; margin-bottom:12px;}
.pk-scard.featured h3, .pk-scard.featured h4{color:#fff;}
.pk-scard p{font-size:14.5px; color:var(--pk-body); margin-bottom:22px;}
.pk-scard.featured p{color:rgba(255,255,255,.85);}
.pk-scard .read-more{
  display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700;
  text-transform:uppercase; letter-spacing:.05em; color:var(--pk-blue); transition:gap .2s ease;
}
.pk-scard .read-more:hover{gap:12px; color:var(--pk-cyan);}
.pk-scard.featured .read-more{color:#fff;}
.pk-scard.featured .read-more:hover{color:var(--pk-cyan-light);}

/* =========================================================
   QUICK-ACTION BAND (full-width, sits in its own section below the hero)
   ========================================================= */
.pk-qa-bar{
  display:flex; flex-wrap:wrap; width:100%;
}
.pk-qa-card{
  flex:1 1 25%; background:var(--pk-navy); padding:34px 28px; text-align:center;
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  min-width:220px; text-decoration:none; cursor:pointer;
  transition:background-color .25s ease, transform .2s ease;
}
.pk-qa-card:nth-child(even){background:var(--pk-cyan);}
.pk-qa-card:hover{transform:translateY(-3px); box-shadow:0 14px 30px rgba(0,0,0,.18);}
.pk-qa-card .ic{
  width:60px; height:60px; border-radius:50%; background:#fff;
  display:flex; align-items:center; justify-content:center; margin:0 auto 16px; flex:0 0 auto;
  transition:transform .25s ease;
}
.pk-qa-card:hover .ic{transform:scale(1.08);}
.pk-qa-card .ic img{width:30px; height:30px;}
.pk-qa-card h4{font-size:17px; margin:0 0 8px; line-height:1.35; color:#fff; text-transform:uppercase; letter-spacing:.03em;}
.pk-qa-card p{font-size:13.5px; margin:0; color:rgba(255,255,255,.85); max-width:240px;}
@media(max-width:767px){
  .pk-qa-card{flex:1 1 50%; padding:26px 18px;}
}

/* =========================================================
   ABOUT + CALLBACK REQUEST SECTION
   ========================================================= */
.pk-callback-card{
  background:#fff; border-radius:var(--pk-radius); box-shadow:var(--pk-shadow); border:1px solid var(--pk-border);
  padding:36px 34px;
}
.pk-callback-card .kicker{color:var(--pk-blue); font-weight:600; font-size:13.5px; display:block; margin-bottom:6px;}
.pk-callback-card h3{font-size:24px; margin-bottom:24px;}
.pk-callback-card .form-control{
  border:1.5px solid var(--pk-border); border-radius:10px; padding:13px 16px; font-size:15px; margin-bottom:16px;
  background:var(--pk-bg-soft);
}
.pk-callback-card .form-control:focus{border-color:var(--pk-blue); box-shadow:0 0 0 3px rgba(10,92,199,.1); background:#fff;}
.pk-callback-card select.form-control{color:var(--pk-navy);}
.pk-callback-check{display:flex; align-items:flex-start; gap:10px; font-size:13.5px; color:var(--pk-muted); margin-bottom:20px;}
.pk-callback-check input{margin-top:3px;}

/* =========================================================
   FOOTER
   ========================================================= */
.pk-footer{background:#000000; color:#fff; padding-top:70px;}
.pk-footer h5{color:#fff; font-size:16px; margin-bottom:14px; position:relative; padding-bottom:14px;}
.pk-footer h5::after{
  content:""; position:absolute; left:0; bottom:0; width:26px; height:2px; background:#fff;
  box-shadow:32px 0 0 #fff;
}
.pk-footer p{color:#fff; font-size:14.5px;}
.pk-footer .logo img{height:48px; margin-bottom:16px;}
.pk-footer-logo-card{
  display:inline-block; background:#fff; border-radius:14px; padding:16px 22px; margin-bottom:20px;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.pk-footer-logo-card img{margin-bottom:0 !important;}
.pk-footer ul{list-style:none; padding:0; margin:0;}
.pk-footer ul li{margin-bottom:11px;}
.pk-footer ul li a{color:#fff; font-size:14.5px; display:inline-flex; align-items:center; gap:8px; transition:transform .2s ease, color .2s ease; transform-origin:left center;}
.pk-footer ul li a::before{content:"\f061"; font-family:"Font Awesome 6 Pro"; font-weight:900; font-size:11px; color:#fff;}
.pk-footer ul li a:hover{color:var(--pk-cyan); transform:scale(.94);}
.pk-footer .social a{
  display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%;
  background:var(--pk-cyan); color:#fff; margin-right:8px;
}
.pk-footer .social a:hover{background:var(--pk-cyan); color:var(--pk-navy-dark);}
.pk-footer-bottom{
  margin-top:50px; padding:16px 0; font-size:13.5px; font-weight:400; color:#fff;
  background:var(--pk-navy-dark); border-top:1px solid rgba(255,255,255,.18);
}
.pk-footer-bottom p{font-weight:400;}
.pk-footer-bottom a{color:#fff; font-weight:400;}
.pk-footer-bottom a:hover{color:#fff; opacity:.8;}
@media(max-width:767px){
  .pk-footer-bottom{font-size:12px; text-align:center;}
  .pk-footer-bottom .container{justify-content:center !important;}
  .pk-footer-bottom p{width:100%;}
}
.pk-footer-contact-item{display:flex; gap:12px; margin-bottom:14px; font-size:14.5px; color:#fff;}
.pk-footer-contact-item a{color:#fff;}
.pk-footer-contact-item a:hover{color:var(--pk-cyan);}
.pk-footer-contact-item i{color:#fff; margin-top:3px;}

/* Misc utility */
.pk-fade-up{opacity:0; transform:translateY(24px); transition:.6s ease;}
.pk-fade-up.in{opacity:1; transform:none;}
.badge-soft{background:var(--pk-cyan-light); color:var(--pk-blue); padding:5px 12px; border-radius:99px; font-size:12.5px; font-weight:700;}
.pk-divider{height:1px; background:var(--pk-border); margin:40px 0;}

/* =========================================================
   PORTFOLIO / GALLERY
   ========================================================= */
.pk-gallery-item{
  position:relative; display:block; overflow:hidden; border-radius:12px; cursor:pointer;
  box-shadow:var(--pk-shadow-sm); aspect-ratio:4/3.2;
}
.pk-gallery-item img{width:100%; height:100%; object-fit:cover; transition:transform .35s ease;}
.pk-gallery-item::after{
  content:"\f00e"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff;
  background:rgba(20,18,13,0); opacity:0; transition:.25s ease;
}
.pk-gallery-item:hover img{transform:scale(1.08);}
.pk-gallery-item:hover::after{opacity:1; background:rgba(20,18,13,.38);}

.pk-portfolio-filters{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:40px;}
.pk-filter-btn{
  font-family:var(--pk-font-head); font-weight:600; font-size:14px; padding:10px 20px;
  border-radius:99px; border:1.5px solid var(--pk-border); background:#fff; color:var(--pk-body);
  cursor:pointer; transition:.2s ease;
}
.pk-filter-btn:hover{border-color:var(--pk-blue); color:var(--pk-blue);}
.pk-filter-btn.active{background:var(--pk-navy-dark); border-color:var(--pk-navy-dark); color:#fff;}

.pk-lightbox{
  position:fixed; inset:0; z-index:1200; background:rgba(14,12,9,.94);
  display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden;
  transition:opacity .25s ease; padding:24px;
}
.pk-lightbox.open{opacity:1; visibility:visible;}
.pk-lightbox-inner{position:relative; max-width:min(90vw, 1100px); max-height:88vh; text-align:center;}
.pk-lightbox-inner img{max-width:100%; max-height:78vh; width:auto; margin:0 auto; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5);}
.pk-lightbox-caption{color:#fff; margin-top:16px; font-size:14.5px; opacity:.85;}
.pk-lightbox-close{
  position:absolute; top:-46px; right:0; background:none; border:none; color:#fff; font-size:28px; cursor:pointer;
}
.pk-lightbox-nav{
  position:fixed; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.12); border:none; color:#fff;
  width:52px; height:52px; border-radius:50%; font-size:20px; cursor:pointer; transition:.2s ease;
}
.pk-lightbox-nav:hover{background:var(--pk-cyan); color:#14120D;}
.pk-lightbox-prev{left:24px;}
.pk-lightbox-next{right:24px;}
@media(max-width:767px){
  .pk-lightbox-nav{width:42px; height:42px; font-size:16px;}
  .pk-lightbox-prev{left:8px;} .pk-lightbox-next{right:8px;}
  .pk-lightbox-close{top:-40px;}
}