/* -----------------------------
Fonts
------------------------------*/

body {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    overflow-x: hidden;
}

.heading {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

/* -----------------------------
Navbar
------------------------------*/

nav {
    transition: .35s;
}

nav.scrolled {
    background: #fff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
}

/* -----------------------------
Slides
------------------------------*/

.slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .9s ease;
}

.slide.active {
    opacity: 1;
    z-index: 2;
}

/* Dark Overlay */

.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
}

/* -----------------------------
Zoom Animation
------------------------------*/

.slide img {

    animation: zoom 10s linear infinite;
}

@keyframes zoom {

    0% {

        transform: scale(1);

    }

    100% {

        transform: scale(1.08);

    }

}

/* -----------------------------
Text Animation
------------------------------*/

.slide.active h1 {

    animation: textUp 1s ease;

}

.slide.active button {

    animation: textUp 1.2s ease;

}

@keyframes textUp {

    0% {

        opacity: 0;

        transform: translateY(40px);

    }

    100% {

        opacity: 1;

        transform: translateY(0);

    }

}

/* -----------------------------
Buttons
------------------------------*/

.red-btn {

    background: #BE3032;

    color: #fff;

    transition: .35s;

}

.red-btn:hover {

    background: #9b2325;

    transform: translateY(-3px);

}

.white-btn {

    background: #fff;

    transition: .35s;

}

.white-btn:hover {

    background: #BE3032;

    color: #fff;

    transform: translateY(-3px);

}

/* -----------------------------
Arrows
------------------------------*/

.arrow {

    width: 70px;

    height: 70px;

    border-radius: 999px;

    background: #fff;

    font-size: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .35s;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .15);

}

.arrow:hover {

    background: #BE3032;

    color: white;

    transform: scale(1.08);

}

/* -----------------------------
Dots
------------------------------*/

.dot {

    cursor: default;

    transition: .35s;

}

.dot:hover {

    transform: scale(1.4);

}

/* -----------------------------
Responsive
------------------------------*/

@media(max-width:768px) {

    .heading {

        font-size: 44px;

        line-height: 1.2;

    }

    .arrow {

        width: 50px;

        height: 50px;

        font-size: 22px;

    }

}

@media(max-width:500px) {

    .heading {

        font-size: 34px;

    }

}

.industry-slider {

    display: flex;

    width: max-content;

    animation: scroll 30s linear infinite;

}

.industry-slider:hover {

    animation-play-state: paused;

}

.card {

    width: 350px;

    background: white;

    padding: 40px;

    border-radius: 20px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

    transition: .35s;

}

.card:hover {

    transform: translateY(-10px);

}

.card h3 {

    font-size: 30px;

    margin-top: 20px;

    color: #243647;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

}

.card p {

    margin-top: 15px;

    line-height: 1.8;

    color: #666;

}

.card a {

    display: inline-block;

    margin-top: 25px;

    color: #BE3032;

    font-weight: 600;

}

.icon {

    font-size: 50px;

}

@keyframes scroll {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(-50%);

    }

}

.slider {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.slide-track {

    display: flex;

    gap: 30px;

    width: max-content;

    animation: scroll 35s linear infinite;

}

.slider:hover .slide-track {

    animation-play-state: paused;

}

.industry-card {

    width: 360px;

    flex-shrink: 0;

    background: #fff;

    border-radius: 24px;

    overflow: hidden;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

    transition: .35s;

}

.industry-card:hover {

    transform: translateY(-10px);

}

.industry-card img {

    width: 100%;

    height: 220px;

    object-fit: cover;

    transition: .5s;

}

.industry-card:hover img {

    transform: scale(1.08);

}

.content {

    padding: 30px;

}

.content h3 {

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: 34px;

    color: #243647;

    margin-bottom: 15px;

}

.content p {

    color: #666;

    line-height: 1.8;

    font-size: 16px;

}

@keyframes scroll {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(calc(-390px * 5));

    }

}

/* Responsive */

@media(max-width:768px) {

    .industry-card {

        width: 300px;

    }

    .content h3 {

        font-size: 28px;

    }

}

.slider-wrapper {

    overflow: hidden;
    cursor: grab;

}

.slider {

    display: flex;
    gap: 30px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

}

.slider::-webkit-scrollbar {

    display: none;

}

.industry-card {

    flex: 0 0 360px;

}


.circle {

    width: 70px;
    height: 70px;

    border-radius: 999px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin: auto;

    color: white;

    font-weight: bold;

    font-size: 22px;

    margin-bottom: 25px;

    box-shadow: 0 15px 30px rgba(0, 0, 0, .15);

    transition: .35s;

}

.text-center {

    transition: .35s;

    cursor: default;

}

.text-center:hover {

    transform: translateY(-8px);

}

.text-center:hover .circle {

    transform: scale(1.15);

    background: #BE3032;

}

.text-center h3 {

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: 28px;

    color: #243647;

    margin-bottom: 5px;

}

.text-center p {
/* color: #ffffff; */
    color: #243647;
    font-size: 15px;

}

.circle {

    width: 60px;
    height: 60px;

    border-radius: 9999px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: auto;

    color: white;

    font-size: 18px;
    font-weight: bold;

    margin-bottom: 18px;

    transition: .35s;

    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);

}

@media(min-width:1024px) {

    .circle {

        width: 72px;
        height: 72px;

        font-size: 22px;

    }

}


.process-section{

/* padding:120px 0; */
    padding-top: 55px;

background:#fafafa;

}

.container{

max-width:100% !important; 

margin:auto;

position:relative;

/* height:900px; */
height: 798px;

}

/* Background */

.road-bg{

position:absolute;

width:100%;

left:0;

top:0;

opacity:.95;
height: 100% !important;

}

/* Card */

.process-card{

position:absolute;

/* width:310px; */
    width: 352px;

background:#fff;

/* padding:35px; */
padding: 22px;

border-radius:22px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

transition:.35s;

cursor:default;

}

.process-card:hover{

transform:translateY(-10px);

box-shadow:0 35px 80px rgba(0,0,0,.15);

}

.step-number{

width:55px;

height:55px;

border-radius:50%;

background:#BE3032;

display:flex;

align-items:center;

justify-content:center;

color:white;

font-weight:bold;

margin-bottom:20px;

}

.step-title{

letter-spacing:4px;

font-size:12px;

font-weight:700;

color:#BE3032;

}

.process-card h3{

font-family: "Inter", "Segoe UI", Arial, sans-serif;

font-size:34px;

margin:18px 0;

color:#243647;

line-height:1.15;

}

.process-card p{

line-height:1.8;

color:#666;

}



.discover{

      /* top: -16%;
    right: 7%; */

        top: -13%;
    right: 4%;
}

.identify{

left: 17%;
    /* top: 19%; */
        top: 14%;

}

.assess{

     bottom: 17%;
    right: 7%;  

}

.deliver{

    /* bottom: -7%;
    left: 7%; */
    bottom: 2%;
    left: 4%;

}

@media(max-width:992px){

.container{

height:auto;

}

.road-bg{

display:none;

}

.process-card{

position:relative;

width:100%;

left:auto;

right:auto;

top:auto;

bottom:auto;

margin-bottom:30px;

}

}




.process-header{

/* max-width:900px; */

margin:auto;

margin-bottom:80px;

text-align:center;

}

.sub-title{

letter-spacing:4px;

font-size:13px;

font-weight:600;

color:#BE3032;

text-transform:uppercase;

}

.process-header h2{

font-family: "Inter", "Segoe UI", Arial, sans-serif;

/* font-size:64px; */

line-height:1.1;

color:#243647;

margin:20px 0;

}

.process-header h2 span{

/* display:block; */

color:#BE3032;

}

.description{

max-width:700px;

margin:auto;

font-size:18px;

line-height:1.8;

color:#666;

}


.business-card{

width:220px;

background:white;

padding:28px;

border-radius:22px;

text-align:center;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

}

.business-card:hover{

transform:translateY(-10px);

}

.business-card h3{

margin-top:20px;

font-size:16px;

font-weight:700;

color:#243647;

}

.business-card p{

margin-top:18px;

font-size:14px;

line-height:1.7;

color:#666;

}

.icon-circle{

width:72px;

height:72px;

border-radius:50%;

background:#F8F3EB;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

margin:auto;

}

.featured{

/* background:#243647; */

transform:scale(1.08);

}

.featured h3{

/* color:#C89B45; */

}

.featured p{

/* color:white; */

}

.featured .icon-circle{

background:rgba(255,255,255,.1);

}

.flow-arrow{

font-size:36px;

color:#C89B45;
/* color: #be3032; */
}

@media(max-width:1024px){

.flow-arrow{

display:none;

}

.business-card{

width:100%;

max-width:350px;

}

.featured{

transform:none;

}

}



.icon-circle{

width:78px;
height:78px;

border-radius:50%;

background:#fff;

border:2px solid #c89b45;

display:flex;

align-items:center;
justify-content:center;

margin:auto;

transition:.35s;

}

.icon-circle i{

font-size:34px;

    color: #c89b45;

transition:.35s;

}


.value-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    transition:.35s;

    border:1px solid #ececec;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

}

.value-card:hover{

    transform:translateY(-8px);

    /* border-color:#c49843; */
  border-color:#be3032;

    /* box-shadow:0 20px 50px rgba(190,48,50,.12);
     */
    box-shadow: 0 20px 50px #be303221;
}

.icon-box{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#FFF6EC;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:22px;

}

.value-card h3{

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    color:#243647;

    font-size:28px;

    margin-bottom:15px;

}

.value-card p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}   



.icon-box{

    width:72px;
    height:72px;

    border-radius:50%;

    background:#FFF7ED;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:22px;

    transition:.35s;

}

.icon-box i{

    font-size:30px;

    /* color:#c49843; */
color: #be3032;
    transition:.35s;

}





/* ===========================
   PARAKKH LENS
=========================== */

/* .parakkh-lens{
    padding:100px 0;
    background:#fff;
}

.parakkh-lens .container{
    width:min(1280px,90%);
    margin:auto;
} */
.parakkh-lens{
    padding:100px 0;
    background:#fff;
    overflow:hidden;
}

.parakkh-lens .container{
    max-width:1280px;
    width:90%;
    margin:auto;
}

/* ===========================
   HEADING
=========================== */

.section-heading{
    max-width:850px;
    margin:auto;
    text-align:center;
}

.section-tag{

    display:inline-block;

    color:#B83235;

    font-size:14px;

    letter-spacing:5px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:20px;

}

.section-heading h2{

    /* font-size:48px; */

    line-height:1.2;

    color:#213644;

    margin-bottom:25px;

    /* font-weight:300; */

}

.section-heading p{

    color:#6B7280;

    font-size:18px;

    line-height:1.8;

}

/* ===========================
   GRID
=========================== */

.cards-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

    margin-top:70px;

}

.cards-grid-bottom{

    width:68%;

    margin:35px auto 0;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}

/* ===========================
   FLIP CARD
=========================== */

.flip-card{

    height:420px;

    perspective:1500px;

}

.flip-card-inner{

    position:relative;

    width:100%;

    height:100%;

    transition:transform .8s cubic-bezier(.4,.2,.2,1);

    transform-style:preserve-3d;

}

.flip-card:hover .flip-card-inner{

    transform:rotateY(180deg);

}

/* ===========================
   FRONT / BACK
=========================== */

.flip-card-front,
.flip-card-back{

    position:absolute;

    width:100%;

    height:100%;

    left:0;
    top:0;

    border-radius:22px;

    overflow:hidden;

    padding:45px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    backface-visibility:hidden;

    -webkit-backface-visibility:hidden;

}

.flip-card-front{

    background:#fff;

    border:1px solid #ECECEC;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

}

.flip-card-back{

    background:#B83235;

    color:#fff;

    transform:rotateY(180deg);

    box-shadow:0 20px 50px rgba(184,50,53,.25);

}

/* ===========================
   ICON
=========================== */

.icon-box{

    width:74px;

    height:74px;

    border-radius:50%;

    background:#B83235;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    color:#fff;

}

.icon-box svg{

    width:34px;

    height:34px;

}

/* ===========================
   FRONT CONTENT
=========================== */

.flip-card-front span{

    color:#B83235;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:13px;

    font-weight:700;

}

.flip-card-front h3{

    margin:18px 0;

    font-size:28px;

    color:#213644;

    text-align:center;

}

.flip-card-front p{

    text-align:center;

    line-height:1.8;

    color:#6B7280;

}

/* ===========================
   BACK CONTENT
=========================== */

.flip-card-back h3{

    font-size:28px;

    margin-bottom:30px;

    text-align:center;

}

.flip-card-back ul{

    width:100%;

    list-style:none;

}

.flip-card-back li{

    padding:12px 0;

    border-bottom:1px solid rgba(255,255,255,.18);

    font-size:16px;

}

.flip-card-back li:last-child{

    border:none;

}

/* ===========================
   FOOTER
=========================== */

.section-footer{

    text-align:center;

    margin-top:80px;

}

.section-footer p{

    font-size:18px;

    color:#6B7280;

}

.section-footer::before{

    content:"";

    display:block;

    width:90px;

    height:2px;

    background:#B83235;

    margin:0 auto 30px;

}

/* ===========================
   HOVER EFFECT
=========================== */

.flip-card:hover{

    transform:translateY(-8px);

    transition:.4s;

}

.flip-card-front::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:4px;

    background:#B83235;

    transition:.5s;

}

.flip-card:hover .flip-card-front::before{

    width:100%;

}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:991px){

.cards-grid{

grid-template-columns:repeat(2,1fr);

}

.cards-grid-bottom{

width:100%;

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.section-heading h2{

font-size:36px;

}

.cards-grid{

grid-template-columns:1fr;

}

.cards-grid-bottom{

grid-template-columns:1fr;

}

.flip-card{

height:380px;

}

}


.flip-card-back {
    background: #ffffff;
    color: #243647;

    transform: rotateY(180deg);

    padding: 38px 40px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    text-align: left;

    position: relative;
    overflow: hidden;

    border: 1px solid rgba(36, 54, 71, 0.08);

    box-shadow:
        0 18px 45px rgba(36, 54, 71, 0.07);

    /* Keep the card elegant during flip */
    backface-visibility: hidden;
}


/* =========================================
   PREMIUM RED ACCENT
========================================= */

.flip-card-back::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 3px;
    height: 100%;

    background: #B83235;
}


/* =========================================
   SUBTLE BACKGROUND DETAIL
========================================= */

.flip-card-back::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -90px;
    bottom: -90px;

    border-radius: 50%;

    border: 1px solid rgba(184, 50, 53, 0.08);

    pointer-events: none;
}


/* =========================================
   HEADING
========================================= */

.flip-card-back h3 {
    position: relative;
    z-index: 2;

    color: #243647;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: 25px;
    line-height: 1.25;
    font-weight: 600;

    margin: 0 0 26px;
}


/* Small line under heading */

.flip-card-back h3::after {
    content: "";

    display: block;

    width: 32px;
    height: 2px;

    background: #B83235;

    margin-top: 14px;
}


/* =========================================
   LIST
========================================= */

.flip-card-back ul {
    position: relative;
    z-index: 2;

    list-style: none;

    padding: 0;
    margin: 0;

    display: flex;
    flex-direction: column;

    gap: 13px;
}


/* =========================================
   LIST ITEM
========================================= */

.flip-card-back li {
    position: relative;

    padding-left: 20px;

    color: #66717A;

    font-size: 15px;
    line-height: 1.55;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


/* Red bullet */

.flip-card-back li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 9px;

    width: 5px;
    height: 5px;

    background: #B83235;

    border-radius: 50%;
}


/* Slight interaction */

.flip-card:hover .flip-card-back li {
    color: #4F5B64;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 768px) {

    .flip-card-back {
        padding: 30px;
    }

    .flip-card-back h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .flip-card-back li {
        font-size: 14px;
        gap: 10px;
    }

}

.flip-card-back li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 19px;
    width: 10px;
    height: 10px;
    background: #B83235;
    border-radius: 50%;
}



/* =========================================================
   PARAKKH PROCESS
   STANDALONE CSS
========================================================= */

.pk-process-section {

    --process-navy: #243647;
    --process-red: #BE3032;
    --process-text: #5B6870;
    --process-muted: #8D969B;
    --process-border: #DDE2E4;
    --process-light: #F7F8F8;

    width: 100%;
    background: #ffffff;
    color: var(--process-navy);

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.pk-process-container {

    width: min(1080px, 90%);
    margin: 0 auto;
  padding: 40px 0 120px;

}


/* =========================================================
   INTRO
========================================================= */

.pk-process-intro {

    max-width: 820px;
    margin: 0 auto 100px;
    text-align: center;

}


.pk-process-eyebrow {

    display: block;
    margin-bottom: 25px;

    color: var(--process-red);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3.5px;

}


.pk-process-intro h2 {

    margin: 0 0 30px;

    font-size: clamp(46px, 5.5vw, 70px);
    line-height: 1;
    letter-spacing: -3px;
    /* font-weight: 500; */

}


.pk-process-intro h2 span {

    display: block;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: 1.08em;
    font-weight: 600;
    /* font-style: italic; */

    color: var(--process-red);

}


.pk-process-intro > p {

    max-width: 720px;
    margin: 0 auto;

    font-size: 17px;
    line-height: 1.85;

    color: var(--process-text);

}


/* =========================================================
   ACCORDION
========================================================= */

.pk-process-accordion {

    width: 100%;

    border-top: 1px solid var(--process-border);

}


.pk-process-item {

    border-bottom: 1px solid var(--process-border);

}


/* =========================================================
   TRIGGER
========================================================= */

.pk-process-trigger {

    width: 100%;
    min-height: 105px;

    padding: 0;

    border: 0;
    outline: none;

    background: transparent;

    display: flex;
    align-items: center;
    justify-content: space-between;

    color: var(--process-navy);

    cursor: pointer;

    text-align: left;

}


.pk-process-trigger-left {

    display: flex;
    align-items: center;

    gap: 35px;

}


.pk-process-number {

    width: 35px;

    color: var(--process-red);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;

}


.pk-process-title {

    font-size: 25px;
    font-weight: 500;
    letter-spacing: -.5px;

}


.pk-process-icon {

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--process-border);
    border-radius: 50%;

    color: var(--process-navy);

    font-size: 22px;
    font-weight: 300;
    line-height: 1;

    transition:
        transform .35s ease,
        color .35s ease,
        border-color .35s ease;

}


/* OPEN ICON */

.pk-process-active .pk-process-icon {

    transform: rotate(45deg);

    color: var(--process-red);

    border-color: var(--process-red);

}


/* =========================================================
   PANEL
========================================================= */

.pk-process-panel {

    display: grid;

    grid-template-rows: 0fr;

    transition:
        grid-template-rows .55s cubic-bezier(.22,1,.36,1);

}


.pk-process-active .pk-process-panel {

    grid-template-rows: 1fr;

}


.pk-process-panel-inner {

    min-height: 0;

    overflow: hidden;

    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 70px;

    padding: 0;

    opacity: 0;

    transform: translateY(-15px);

    transition:
        opacity .3s ease,
        transform .45s ease,
        padding .45s ease;

}


.pk-process-active .pk-process-panel-inner {

    padding: 20px 70px 70px;

    opacity: 1;

    transform: translateY(0);

}


/* =========================================================
   STATEMENT
========================================================= */

.pk-process-statement {

    grid-column: 1;

}


.pk-process-statement > span {

    display: block;

    margin-bottom: 20px;

    color: var(--process-red);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;

}


.pk-process-statement h3 {

    max-width: 500px;

    margin: 0;

    font-size: clamp(34px, 4vw, 48px);

    line-height: 1.1;

    letter-spacing: -1.5px;

    font-weight: 500;

    color: var(--process-navy);

}


/* =========================================================
   DESCRIPTION
========================================================= */

.pk-process-description {

    grid-column: 2;

    padding-top: 28px;

}


.pk-process-description p {

    margin: 0 0 24px;

    font-size: 16px;
    line-height: 1.9;

    color: var(--process-text);

}


.pk-process-description p:last-of-type {

    margin-bottom: 0;

}


/* =========================================================
   SUPPORTING ELEMENTS
========================================================= */

.pk-process-support {

    grid-column: 1 / -1;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    margin-top: 60px;

    border-top: 1px solid var(--process-border);

}


.pk-process-support-item {

    display: grid;

    grid-template-columns: 30px 1fr;

    gap: 15px;

    padding: 30px 30px 5px 0;

    border-right: 1px solid var(--process-border);

}


.pk-process-support-item:not(:first-child) {

    padding-left: 30px;

}


.pk-process-support-item:last-child {

    border-right: 0;

}


.pk-process-support-item > span {

    color: var(--process-red);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;

}


.pk-process-support-item h4 {

    margin: 0 0 10px;

    font-size: 14px;
    font-weight: 600;

    color: var(--process-navy);

}


.pk-process-support-item p {

    margin: 0;

    font-size: 13px;
    line-height: 1.7;

    color: var(--process-text);

}


/* =========================================================
   ASSESSMENT POINTS
========================================================= */

.pk-process-assessment-points {

    grid-column: 1 / -1;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    margin-top: 50px;

    border-top: 1px solid var(--process-border);

}


.pk-process-assessment-points > div {

    display: grid;

    grid-template-columns: 30px 1fr;

    gap: 15px;

    padding: 28px 30px 0 0;

    border-right: 1px solid var(--process-border);

}


.pk-process-assessment-points > div:not(:first-child) {

    padding-left: 30px;

}


.pk-process-assessment-points > div:last-child {

    border-right: 0;

}


.pk-process-assessment-points > div > span {

    color: var(--process-red);

    font-size: 9px;
    font-weight: 700;

}


.pk-process-assessment-points h4 {

    margin: 0 0 10px;

    font-size: 14px;
    font-weight: 600;

}


.pk-process-assessment-points p {

    margin: 0;

    font-size: 13px;
    line-height: 1.7;

    color: var(--process-text);

}


/* =========================================================
   ASSESSMENT LINK
========================================================= */

.pk-process-link {

    display: inline-flex;

    align-items: center;

    gap: 15px;

    margin-top: 25px;

    padding-bottom: 7px;

    border-bottom: 1px solid var(--process-red);

    color: var(--process-navy);

    font-size: 12px;
    font-weight: 600;

    text-decoration: none;

}


.pk-process-link span {

    color: var(--process-red);

    font-size: 18px;

    transition: transform .25s ease;

}


.pk-process-link:hover span {

    transform: translateX(5px);

}


/* =========================================================
   DELIVER
========================================================= */

.pk-process-deliver-support {

    grid-template-columns: repeat(2, 1fr);

}


/* =========================================================
   CTA
========================================================= */

.pk-process-cta {

    width: 100%;

    background: var(--process-navy);

    color: #ffffff;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

}


.pk-process-cta-inner {

    width: min(1000px, 90%);

    margin: 0 auto;

    padding: 115px 0;

    text-align: center;

}


.pk-process-cta-eyebrow {

    display: block;

    margin-bottom: 25px;

    color: #D9A0A1;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3.5px;

}


.pk-process-cta h2 {

    margin: 0 0 25px;

    font-size: clamp(48px, 6vw, 78px);

    line-height: .98;

    letter-spacing: -3px;

    font-weight: 500;

}


.pk-process-cta h2 span {

    display: block;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-style: italic;

    font-weight: 600;

    color: #E7A5A6;

}


.pk-process-cta p {

    max-width: 520px;

    margin: 0 auto 35px;

    font-size: 16px;
    line-height: 1.8;

    color: rgba(255,255,255,.7);

}


.pk-process-cta-button {

    display: inline-flex;

    align-items: center;

    gap: 18px;

    padding: 15px 0;

    border-bottom: 1px solid rgba(255,255,255,.7);

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

}


.pk-process-cta-button span {

    font-size: 20px;

    transition: transform .25s ease;

}


.pk-process-cta-button:hover span {

    transform: translateX(6px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 800px) {

    .pk-process-container {

        width: 88%;

        padding: 90px 0;

    }


    .pk-process-intro {

        margin-bottom: 70px;

    }


    .pk-process-intro h2 {

        font-size: 46px;

        letter-spacing: -2px;

    }


    .pk-process-trigger {

        min-height: 85px;

    }


    .pk-process-trigger-left {

        gap: 20px;

    }


    .pk-process-title {

        font-size: 21px;

    }


    .pk-process-panel-inner,
    .pk-process-active .pk-process-panel-inner {

        grid-template-columns: 1fr;

        gap: 0;

        padding-left: 55px;

        padding-right: 0;

    }


    .pk-process-statement,
    .pk-process-description {

        grid-column: auto;

    }


    .pk-process-description {

        padding-top: 30px;

    }


    .pk-process-support,
    .pk-process-assessment-points {

        grid-template-columns: 1fr;

        margin-top: 40px;

    }


    .pk-process-support-item,
    .pk-process-support-item:not(:first-child),
    .pk-process-assessment-points > div,
    .pk-process-assessment-points > div:not(:first-child) {

        padding: 25px 0;

        border-right: 0;

        border-bottom: 1px solid var(--process-border);

    }


    .pk-process-support-item:last-child,
    .pk-process-assessment-points > div:last-child {

        border-bottom: 0;

    }


    .pk-process-deliver-support {

        grid-template-columns: 1fr;

    }


    .pk-process-cta-inner {

        padding: 85px 0;

    }


    .pk-process-cta h2 {

        font-size: 50px;

        letter-spacing: -2px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 500px) {

    .pk-process-intro h2 {

        font-size: 40px;

    }


    .pk-process-intro > p {

        font-size: 16px;

    }


    .pk-process-trigger-left {

        gap: 14px;

    }


    .pk-process-number {

        width: 25px;

    }


    .pk-process-title {

        font-size: 19px;

    }


    .pk-process-icon {

        width: 32px;
        height: 32px;

        font-size: 18px;

    }


    .pk-process-panel-inner,
    .pk-process-active .pk-process-panel-inner {

        padding-left: 40px;

    }


    .pk-process-statement h3 {

        font-size: 34px;

    }


    .pk-process-cta h2 {

        font-size: 42px;

    }

}


.pk-process-body {

    background-image: url("imgs/process-bg.png");

    background-repeat: no-repeat;

    background-position: right top;

    background-size: 55% auto;

    background-attachment: scroll;

    background-color: #ffffff;
}

/* =========================================
   ACTIVE NAVIGATION
========================================= */

.pk-nav-active {

    color: #BE3032 !important;

    position: relative;

}


/* Underline */

.pk-nav-active::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: -10px;

    height: 2px;

    background: #BE3032;

}

   /* =========================
       ASSESSMENT SECTION
    ========================= */
/* 
    .assessment-section {
        background: #f8f6f1;
        padding: 110px 0 100px;
        color: #24364a;
    } */

    .assessment-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background: #f8f6f1;
    padding: 110px 0 100px;
    color: #24364a;
}

/* Subtle background image */
.assessment-section::before {
    content: "";
    position: absolute;
    z-index: -2;

    top: 0;
    right: -4%;
    bottom: 0;

    width: 48%;

    background-image:
        linear-gradient(
            90deg,
            #f8f6f1 0%,
            rgba(248,246,241,0.82) 18%,
            rgba(248,246,241,0.42) 55%,
            rgba(248,246,241,0.16) 100%
        ),
        url("./imgs/assesment.png");

    background-size: cover;
    background-position: center;

    opacity: 0.20;
    filter: saturate(0.55) contrast(0.9);

    pointer-events: none;
}

/* Soft red atmospheric glow */
.assessment-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(189,48,50,0.07) 0,
            rgba(189,48,50,0) 28%
        ),
        linear-gradient(
            180deg,
            rgba(248,246,241,0.05),
            rgba(248,246,241,0.38)
        );

    pointer-events: none;
}
    .assessment-container {
        width: min(1180px, calc(100% - 80px));
        margin: 0 auto;
    }


    /* =========================
       HEADER
    ========================= */

    .assessment-header {
        max-width: 820px;
        margin-bottom: 65px;
    }

    .assessment-eyebrow {
        margin-bottom: 18px;

        font-size: 12px;
        font-weight: 700;
        letter-spacing: 4px;

        /* color: #bd3032; */
    }

    .assessment-header h2 {
        margin: 0 0 24px;

        font-family: "Inter", "Segoe UI", Arial, sans-serif;
        font-size: clamp(42px, 5vw, 64px);
        
        font-weight: 600;
        line-height: 1.05;

        color: #24364a;
    }

    .assessment-header h2 span {
        color: #bd3032;
    }

    .assessment-header > p {
        max-width: 720px;
        margin: 0;

        font-size: 16px;
        line-height: 1.8;

        color: #536273;
    }


    /* =========================
       FRAMEWORK LIST
    ========================= */

    .assessment-list {
        border-top: 1px solid rgba(36, 54, 74, 0.18);
    }

    .assessment-item {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 35px;

        padding: 42px 0;

        border-bottom: 1px solid rgba(36, 54, 74, 0.18);
    }


    /* Number */

    .assessment-number {
        font-family: "Inter", "Segoe UI", Arial, sans-serif;

        font-size: 46px;
        line-height: 1;

        color: #c89b3c;
    }


    /* Content */

    .assessment-content h3 {
        margin: 0 0 28px;

        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;

        color: #24364a;
    }


    /* Two information columns */

    .assessment-details {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 70px;
    }

    .assessment-details > div {
        position: relative;
        padding-left: 18px;
    }

    .assessment-details > div::before {
        content: "";

        position: absolute;
        left: 0;
        top: 4px;

        width: 2px;
        height: calc(100% - 8px);

        background: #c89b3c;
    }

    .detail-label {
        display: block;
        margin-bottom: 9px;

        font-size: 10px;
        font-weight: 700;
        letter-spacing: 2px;

        color: #bd3032;
    }

    .assessment-details p {
        margin: 0;

        max-width: 460px;

        font-size: 16px;
        line-height: 1.75;

        color: #536273;
    }


    /* =========================
       CTA
    ========================= */

    .assessment-cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 50px;

        margin-top: 80px;
        padding: 55px 60px;

        background: #24364a;
    }

    .cta-copy {
        max-width: 690px;
    }

    .cta-copy h3 {
        margin: 0 0 15px;

        font-family: "Inter", "Segoe UI", Arial, sans-serif;
        font-size: 34px;
        font-weight: 400;
        line-height: 1.2;

        color: #ffffff;
    }

    .cta-copy h3 span {
        color: #d3ad59;
    }

    .cta-copy p {
        max-width: 650px;

        margin: 0;

        font-size: 14px;
        line-height: 1.7;

        color: rgba(255,255,255,0.72);
    }


    /* CTA Button */

    .assessment-button {
        flex-shrink: 0;

        display: inline-flex;
        align-items: center;
        gap: 18px;

        padding: 16px 22px;

        background: #bd3032;
        color: #ffffff;

        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;

        text-decoration: none;

        transition: all 0.25s ease;
    }

    .assessment-button span {
        font-size: 18px;
        line-height: 1;
    }

    .assessment-button:hover {
        background: #a92729;
        transform: translateY(-2px);
    }


    /* =========================
       TABLET
    ========================= */

    @media (max-width: 900px) {

        .assessment-container {
            width: min(100% - 50px, 760px);
        }

        .assessment-item {
            grid-template-columns: 80px 1fr;
            gap: 25px;
        }

        .assessment-details {
            gap: 35px;
        }

        .assessment-cta {
            align-items: flex-start;
            flex-direction: column;
        }

    }


    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 600px) {

        .assessment-section {
            padding: 75px 0;
        }

        .assessment-container {
            width: calc(100% - 36px);
        }

        .assessment-header {
            margin-bottom: 45px;
        }

        .assessment-header h2 {
            font-size: 40px;
        }

        .assessment-item {
            display: block;
            padding: 35px 0;
        }

        .assessment-number {
            margin-bottom: 20px;
            font-size: 36px;
        }

        .assessment-content h3 {
            margin-bottom: 22px;
        }

        .assessment-details {
            grid-template-columns: 1fr;
            gap: 25px;
        }

        .assessment-cta {
            margin-top: 55px;
            padding: 35px 28px;
        }

        .cta-copy h3 {
            font-size: 29px;
        }

        .assessment-button {
            width: 100%;
            justify-content: center;
        }

    }
    .pk-whatsapp {
    position: fixed;
    right: 26px;
    bottom: 26px;

    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #25D366;

    border-radius: 50%;

    z-index: 99999;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);

    transition: transform 0.25s ease,
                box-shadow 0.25s ease;
}

.pk-whatsapp-icon {
    width: 32px;
    height: 32px;

    display: block;
}

.pk-whatsapp:hover {
    transform: translateY(-3px);

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

@media (max-width: 768px) {

    .pk-whatsapp {
        width: 54px;
        height: 54px;

        right: 18px;
        bottom: 18px;
    }

    .pk-whatsapp-icon {
        width: 29px;
        height: 29px;
    }
}


/* =========================================
   ACTIVE NAVIGATION
========================================= */

nav ul li a {
    position: relative;
    display: inline-block;
}


/* Active text */

nav ul li a.active-nav {
    color: #BE3032 !important;
}


/* Active underline */

nav ul li a.active-nav::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: -10px;

    height: 2px;

    background: #BE3032;

}

/* =========================================================
   PARAKKH HERO
========================================================= */

.pk-hero {

    position: relative;

    width: 100%;

    height: 100vh;

    min-height: 650px;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #243647;

}


/* Background */

.pk-hero-bg {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

}


/* Overlay */

.pk-hero-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(20, 31, 41, .78) 0%,
            rgba(20, 31, 41, .55) 45%,
            rgba(20, 31, 41, .35) 100%
        );

}


/* Content */

.pk-hero-content {

    position: relative;

    z-index: 2;

    width: min(1000px, calc(100% - 40px));

    text-align: center;

    color: #fff;

}


/* Eyebrow */

.pk-hero-eyebrow {

    display: inline-block;

    margin-bottom: 25px;

    color: #fff;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .35em;

}


/* Heading */

.pk-hero-title {

    min-height: 180px;

    margin: 0 auto;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: clamp(55px, 7vw, 92px);

    font-weight: 600;

    line-height: .92;

    letter-spacing: -.035em;

}


/* Typing cursor */

.pk-typing-cursor {

    display: inline-block;

    width: 2px;

    height: .85em;

    margin-left: 7px;

    vertical-align: -5px;

    background: #BE3032;

    animation: pkCursorBlink .8s infinite;

}


@keyframes pkCursorBlink {

    0%,
    45% {
        opacity: 1;
    }

    46%,
    100% {
        opacity: 0;
    }

}


/* Subtitle */

.pk-hero-subtitle {

    max-width: 650px;

    margin: 28px auto 0;

    color: rgba(255,255,255,.88);

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: 15px;

    font-weight: 300;

    line-height: 1.7;

}


/* Button */

.pk-hero-button {

    display: inline-flex;

    align-items: center;

    gap: 16px;

    margin-top: 38px;

    padding: 15px 26px;

    background: #BE3032;

    color: #fff;

    text-decoration: none;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .12em;

    transition: background .25s ease,
                transform .25s ease;

}


.pk-hero-button span {

    font-size: 18px;

}


.pk-hero-button:hover {

    background: #a9282b;

    transform: translateY(-2px);

}


/* Bottom information */

.pk-hero-bottom {

    position: absolute;

    z-index: 3;

    left: 40px;

    right: 40px;

    bottom: 28px;

    display: flex;

    justify-content: space-between;

    padding-top: 14px;

    border-top: 1px solid rgba(255,255,255,.30);

    color: rgba(255,255,255,.70);

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: .22em;

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .pk-hero {

        min-height: 620px;

    }


    .pk-hero-content {

        width: calc(100% - 35px);

    }


    .pk-hero-title {

        min-height: 145px;

        font-size: 50px;

        line-height: .94;

    }


    .pk-hero-subtitle {

        font-size: 12px;

        margin-top: 20px;

    }


    .pk-hero-button {

        margin-top: 28px;

        padding: 13px 20px;

    }


    .pk-hero-bottom {

        left: 20px;

        right: 20px;

        bottom: 20px;

    }


    .pk-hero-bottom span:last-child {

        display: none;

    }

}



/* =====================================================
   TYPING STATEMENTS
===================================================== */

.pk-decision-typing {

    max-width: 950px;

    margin: 100px auto 0;

    text-align: center;

}


.pk-typing-line {

    margin: 0;

    min-height: 1.4em;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: clamp(32px, 4vw, 56px);

    line-height: 1.15;

    font-weight: 500;

    color: #243647;

    letter-spacing: -0.02em;

}


.pk-typing-line:nth-child(2) {

    margin-top: 28px;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: clamp(18px, 2vw, 25px);

    font-weight: 400;

    line-height: 1.5;

    color: #526273;

}


.pk-typing-line:nth-child(3) {

    margin-top: 28px;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: clamp(28px, 3.2vw, 46px);

    font-weight: 600;

    color: #BE3032;

}


/* Mobile */

@media (max-width: 600px) {

    .pk-decision-typing {

        margin-top: 70px;

        padding: 0 20px;

    }

    .pk-typing-line {

        font-size: 34px;

    }

    .pk-typing-line:nth-child(2) {

        font-size: 17px;

    }

    .pk-typing-line:nth-child(3) {

        font-size: 30px;

    }

}



/* =========================================================
   PARAKKH — TYPING STATEMENTS
========================================================= */

.pk-decision-typing {

    max-width: 950px;

    margin: 100px auto 0;

    padding-bottom: 20px;

    text-align: center;

}


.pk-typing-line {

    margin: 0;

    min-height: 1.35em;

}


/* First line */

.pk-typing-primary {

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: clamp(34px, 4vw, 56px);

    line-height: 1.1;

    font-weight: 600;

    color: #243647;

    letter-spacing: -0.02em;

}


/* Second line */

.pk-typing-secondary {

    margin-top: 25px;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: clamp(17px, 2vw, 24px);

    line-height: 1.5;

    font-weight: 400;

    color: #596067;

}


/* Final line */

.pk-typing-final {

    margin-top: 25px;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;

    font-size: clamp(29px, 3.3vw, 46px);

    line-height: 1.15;

    font-weight: 600;

    color: #BE3032;

}


/* Mobile */

@media (max-width: 600px) {

    .pk-decision-typing {

        margin-top: 70px;

        padding: 0 18px 10px;

    }


    .pk-typing-primary {

        font-size: 34px;

    }


    .pk-typing-secondary {

        margin-top: 20px;

        font-size: 16px;

    }


    .pk-typing-final {

        margin-top: 20px;

        font-size: 30px;

    }

}

/* =========================================
   INSIGHTS — ACTIVE NAVIGATION
========================================= */

nav ul li a.insights-nav-active {
    position: relative;
    color: #BE3032 !important;
}

nav ul li a.insights-nav-active::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: -10px;

    height: 2px;

    background: #BE3032;

    transform: scaleX(1);
}