/*
Theme Name: PhishFort
Author: PhishFort
Author URI: https://www.phishfort.com/
Description: PhishFort is on our wordpress based theme that is highly optimized.
Text Domain: PhishFort
*/

:root {
    --bs-font-sans-serif: 'Inter', sans-serif;
    --bs-body-font-size: 1.6rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #000;
    --bs-body-bg: #FFF;
    --bs-link-color-rgb: 0,36,156;
    --bs-link-hover-color-rgb: rgb(25, 96, 226);
    --bs-heading-color: var(--bs-body-color);
    --bs-primary: var(--pf-blue);
    --bs-primary-rgb: 55, 109, 246;

    --pf-font-size-p1: 1.8rem;
    --pf-font-size-p2: 1.6rem;
    
    --pf-black: #001042;
    --pf-soft-gray: #F4F4F4;
    --pf-blue: #0B47E0;
    --pf-blue-purple: #ACBEF6;
    --pf-blue-gray: #6B7790;
    --pf-blue-gray-light: #8C9FD0;
    --pf-blue-lightest: #f6f9ff;
    --pf-violet: #9747FF;

    /* Core colors */
    --pf-blue-bright: #4B7BF5;
    --pf-blue-hover: #3B6BE5;
    --pf-dark: #1a1a1a;
    --pf-dark-bg: #2a2a2a;
    --pf-gray-bg: #f5f5f5;
    --pf-gray-hover: #F3F4F6;
    --pf-gray-border: #E5E7EB;
    --pf-gray-light: #EEE;
    --pf-placeholder: #9E9EA9;
    --pf-green: #198754;
    --pf-red: #dc3545;
    --pf-primary: #0B47E0;
    --pf-royal-blue: #1960e2;
    --pf-gray-dark: #585858;

    /* Main gradient */
    --pf-gradient: linear-gradient(90deg, #6484EE 0%, #3A5AC4 100%);

    /* Hero gradient colors */
    --pf-gradient-purple-deep: #1D0090;
    --pf-gradient-purple: #6A11CB;
    --pf-gradient-blue-bright: #2575FC;
    --pf-gradient-blue: #2772FB;
    --pf-gradient-navy: #2836BD;
    --pf-gradient-orange: #FC6416;
    --pf-gradient-sky: #6698FE;
    --pf-gradient-teal: #05A193;
    --pf-gradient-plum: #753F93;
    --pf-gradient-pink: #F51F4A;
    --pf-gradient-indigo: #4151AC;
    --pf-gradient-orchid: #B959D2;
    --pf-gradient-magenta: #7C4B91;
    --pf-gradient-coral: #F6254F;
    --pf-gradient-royal: #0F64C1;
    --pf-gradient-mint: #C6FCC5;

    /* Testimonial gradient colors */
    --pf-gradient-magenta-deep: #AB00AE;
    --pf-gradient-cyan: #3EA8E4;
    --pf-gradient-midnight: #131955;
    --pf-gradient-tangerine: #F98142;
    --pf-gradient-slate-blue: #515BC5;
    --pf-gradient-seafoam: #C4F4D2;
    --pf-gradient-ocean: #2978CF;
    --pf-gradient-grape: #7E4F91;
    --pf-gradient-rose: #F62851;
    --pf-gradient-violet: #4354AE;
    --pf-gradient-berry: #812999;

    /* Product card gradient colors */
    --pf-gradient-indigo-card: #3B5BDB;
    --pf-gradient-purple-card: #7048E8;
    --pf-gradient-lavender: #9B6BFA;

    /* Mission/feature gradient colors */
    --pf-gradient-mint-light: #E9FBEE;
    --pf-gradient-sky-light: #e8f4f6;
    --pf-gradient-blue-light: #e5eef9;

    --wpadminbar-height: 0px;
    --pf-header-height: 7.2rem;

    --pf-spacer-16: 1.6rem;
    --pf-spacer-32: 2rem;
    --pf-spacer-80: 4rem;
    --pf-spacer-112: 5.6rem;

    --pf-secondary: #292828;

    --swiper-navigation-size: 4.8rem;
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-color: none;

    --pf-spacer-24: 2.4rem;
    --pf-spacer-40: 2.6rem;
    --pf-spacer-48: 3rem;
    --pf-spacer-64: 3.2rem;

}

@media (min-width: 768px) {
    :root {
        --pf-font-size-p1: 2rem;
        --pf-font-size-p2: 1.8rem;

        --pf-spacer-80: 6rem;
        --pf-spacer-32: 2.4rem;
        --pf-spacer-112: 8.4rem;

        --pf-spacer-40: 3rem;
        --pf-spacer-48: 4rem;
        --pf-spacer-64: 4.4rem;
        
    }
}

@media (min-width: 1600px) {
    :root {
        --pf-spacer-32: 3.2rem;
        --pf-spacer-80: 8rem;
        --pf-spacer-112: 11.2rem;

        --pf-spacer-40: 4rem;
        --pf-spacer-48: 4.8rem;
        --pf-spacer-64: 6.4rem;
    }
}


@media (prefers-reduced-motion:no-preference) {
    :root{scroll-behavior: auto}
}

.no-script-msg { font-size: 12px; font-family: Arial, verdana, Helvetica, sans-serif; background:#FFFFCC url(gfx/icon-noScript.gif) no-repeat 5px 10px; width: auto; padding: 0.625em 0.625em 0.625em 1.5em; margin: 0.5em; border: 1px solid #CD3D18; font-weight: bold; height: auto; font-size: 11px; color:#000000; line-height: 1.5em; clear: both; }
input[type="text"], input[type="email"], input[type="password"],input[type="number"], input[type="tel"], input[type="button"],input[type="reset"],input[type="submit"], button { -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; font-weight: 400; -webkit-appearance: none; appearance: none; }
html { font-size: 10px; height: 100%; }
body,html { position: relative; }
body { min-width: 320px; min-height: 100%; overflow-x: clip; }
html.nav-expanded body { overflow: clip; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }
input[type=number] { -moz-appearance: none; -moz-appearance: textfield; appearance: none; margin: 0; }

a { cursor: pointer; transition: color 0.15s linear; text-decoration: none; outline: none; }
a:hover:not(.btn) { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--bs-white); box-shadow: 0 0 0 2px var(--bs-black); outline-offset: 2px; }
:focus-visible:not(.btn):not(.swiper-pagination-bullet):not(.form-control):not(.btn-close):not(.pf-pp-nav-btn) { border-radius: 0.3rem; }
  
/*btn*/
.btn-spacer {display: flex;flex-wrap: wrap; margin: 0.8rem -0.8rem 0 -0.8rem; }
.btn-spacer > .btn { margin: 1.6rem 0.8rem 0 0.8rem;}

 
[class*="pf-icon-"] { font-size: 1em; width: 1em; max-width: 1em; flex: 0 0 1em; display: block; position: relative; }
[class*="pf-icon-"]::before { content: ""; display: block; padding-top: 100%; position: relative; width: 100%; z-index: 1; }
[class*="pf-icon-"] svg,
[class*="pf-icon-"] img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
  
.skip-to-main-content-link { position: absolute; top: 1.6rem; left: 1rem; z-index: 100000; }


/* ratio settings */
.ratio img,
.ratio video,
.ratio iframe { display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; object-fit: cover; }
.ratio.contain img,
.ratio.contain video {object-fit: contain;}
.ratio.static { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ratio.static::before { display: none; }
.ratio.static img { position: static; width: auto; height: auto; max-width: 100%; max-height: 100%; }


/*Buttons*/
.btn { 
    --bs-btn-font-size: 1.6rem;
    --bs-btn-line-height: 1.5;
    --bs-btn-padding-y: 1.15rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-border-radius: 0.4rem;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-shadow: none;
    --bs-btn-font-weight: 400;
    --bs-btn-font-family: 'Inter', sans-serif;
    display: inline-flex; align-items: center; justify-content: center;
}

.btn.btn-sm { --bs-btn-font-size: 1.4rem; --bs-btn-padding-y: 0.8rem; --bs-btn-padding-x: 1.6rem; }

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-primary), var(--bs-black) 10%);
    --bs-btn-hover-border-color: color-mix(in sRGB, var(--bs-primary), var(--bs-black) 10%);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-primary), var(--bs-black) 10%);
    --bs-btn-hover-border-color: color-mix(in sRGB, var(--bs-primary), var(--bs-black) 10%);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-black);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-light {
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-white), var(--bs-black) 10%);
    --bs-btn-hover-border-color: color-mix(in sRGB, var(--bs-white), var(--bs-black) 10%);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-white);
}

.btn-outline-light {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-white), var(--bs-black) 10%);
    --bs-btn-hover-border-color: color-mix(in sRGB, var(--bs-white), var(--bs-black) 10%);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-white);
}

.btn-link {
    --bs-btn-padding-x: 0rem;
    --bs-btn-color: var(--pf-primary);
    --bs-btn-hover-color: var(--pf-royal-blue);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--pf-primary);
    --bs-btn-focus-box-shadow: none;
    text-decoration: none;
    text-underline-offset: 0.5rem;
}

.btn-secondary {
    --bs-btn-bg: var(--pf-secondary);
    --bs-btn-border-color: var(--pf-secondary);
    --bs-btn-hover-bg: color-mix(in sRGB, var(--pf-gray-dark), var(--bs-black) 10%);
    --bs-btn-hover-border-color: color-mix(in sRGB, var(--pf-gray-dark), var(--bs-black) 10%);
    --bs-btn-active-bg: var(--pf-secondary);
    --bs-btn-active-border-color: var(--pf-secondary);
    --bs-btn-disabled-bg: var(--pf-secondary);
    --bs-btn-disabled-border-color: var(--pf-secondary);
    --bs-btn-disabled-opacity: 0.2;
}

.btn.btn-link:hover,
.btn.btn-link:focus { text-decoration: underline; text-decoration-thickness: 0.2rem; }

.btn i { font-size: 2.4rem; margin: 0 0.4rem; }
.btn-text { display: flex; align-items: center; margin: 0 0.4rem; }


/*Layout*/
.layout { position: relative; overflow: clip; z-index: 1; padding-top: var(--pf-header-height); }
.pf-section { position: relative; }
.pf-section,
.pf-section-inner {padding-top: calc(var(--pf-spacer-112) * 0.5); padding-bottom: calc(var(--pf-spacer-112) * 0.5);}
.pf-section-inner {position: relative; z-index: 1;}
.pf-section-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; }

/* common typography */
.container,
.container-fluid { --bs-gutter-x: 3.2rem; }
.row { --bs-gutter-x: 3.2rem; }


@media(min-width: 1600px){
    .container { max-width: 144rem; --bs-gutter-x: 12.8rem; }
}

@media(min-width: 1900px){
    .container { max-width: 174.8rem; }
}
  
small,
.small { font-size: 0.8em; line-height: 1.4; display: inline-block; }
  
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5 ,h5, .h6, h6 { margin-block-end: var(--pf-spacer-16); font-weight: 700; margin-block-start: 0; font-style: normal; }
  
h1,
.h1 { font-size: 3.6rem; line-height: 1.2;  }

h2,
.h2 { font-size: 3rem; line-height: 1.2; }

h3,
.h3 { font-size: 2.4rem; line-height: 1.25; }

h4,
.h4 { font-size: 2rem; line-height: 1.3; }

h5,
.h5 { font-size: 1.8rem; line-height: 1.4; }

h6,
.h6 { font-size: 1.6rem; line-height: 1.4; }

@media (min-width: 768px) {
    h1,
    .h1 { font-size: 4.4rem; margin-block-end: 2.4rem; }

    h2,
    .h2 { font-size: 3.8rem; margin-block-end: 2.4rem; }

    h3,
    .h3 { font-size: 3.2rem; margin-block-end: 2rem; }

    h4,
    .h4 { font-size: 2.4rem; }

    h5,
    .h5 { font-size: 2rem; }

    h6,
    .h6 { font-size: 1.8rem; }
}

@media (min-width: 1200px) {
    h1,
    .h1 { font-size: 5rem; }

    h2,
    .h2 { font-size: 4.4rem; }

    h3,
    .h3 { font-size: 3.6rem; }

    h4,
    .h4 { font-size: 2.8rem; }

     h5,
    .h5 { font-size: 2.4rem; }

    h6,
    .h6 { font-size: 2rem; }
}

@media (min-width: 1600px) {
    h1,
    .h1 { font-size: 5.6rem; }

    h2,
    .h2 { font-size: 4.8rem; }

    h3,
    .h3 { font-size: 4rem; }

    h4,
    .h4 { font-size: 3.2rem; }
}
  
.blockquote,
blockquote { margin-bottom: var(--pf-spacer-16); position: relative; font-weight: 400; font-size: var(--pf-font-size-p1); font-style: italic; padding-left: 2.2rem; border-left: 2px solid var(--bs-black);}
.blockquote-footer { margin: auto 0 0 0; padding-top: calc(var(--pf-spacer-80) * 0.5); }
.blockquote-footer::before { display: none; }
blockquote > *, 
.blockquote > *  { margin-bottom: 0; }

p,
figure { margin-bottom: var(--pf-spacer-16); }

.p1 { font-size: var(--pf-font-size-p1);}
.p2 { font-size: var(--pf-font-size-p2);}

.p1 > :last-child,
.p2 > :last-child,
.pf-desc > :last-child { margin-block-end: 0; }


dl { position: relative; margin: 0 0 var(--pf-spacer-16) 3rem; }
dt { margin: 0; position: relative; font-weight: 400; position:relative; }
dd { padding-left: 0; position: relative; margin: 0 0 0.5rem 0; }
dd::before { content: ""; display: block; position: absolute; top: 0.8rem; left: -1.7rem; width: 0.6rem; height: 0.6rem; background-color: var(--pf-dark-bg); border-radius: 50%; }

ul, ol { display: block; margin: 0 0 var(--pf-spacer-16) 0; padding-left: 3rem; list-style: none; }
li { position: relative; margin-bottom: var(--pf-spacer-16); }

ul > li:last-child,
ol > li:last-child,
ul > li > :last-child,
ol > li > :last-child { margin-bottom: 0; }

ul ul,
ul ol,
ol ol,
ol ul { margin: 0; }

ul > li { display: block; list-style: none; }
ul > li::before { content: ""; display: block; position: absolute; top: 0.8rem; left: -1.7rem; width: 0.6rem; height: 0.6rem; background-color: var(--bs-body-color); border-radius: 50%; }

ul > li::marker,
ol > li::marker { font-weight: 700; }

ol[start] { list-style-type: decimal; }
ol[start] > li { display: list-item; list-style: decimal; }
ol[start] > li::before { display: none; }

ul.alpha { list-style-type: lower-alpha;  }
ul.alpha > li { display: list-item; list-style: lower-alpha; }

ul.alpha > li::before { display: none; }

ul.roman { list-style-type: lower-roman;  }
ul.roman > li { display: list-item; list-style: lower-roman; }
ul.roman > li::before { display: none; }

ol { counter-reset: li; }
ol > li { display: block; list-style: none outside none; }
ol > li::before { content: counter(li, decimal)'.'; counter-increment: li; left: -3.9rem; position: absolute; text-align: right; top: 0; width: 2.6rem; color: var(--bs-body-color); font-weight: 700; }

.pf-why-partner .pf-why-ai-row .text-a ul > li { border-bottom: 0.1rem solid var(--pf-royal-blue); padding-bottom: var(--pf-spacer-20); margin-bottom: var(--pf-spacer-20);  }
.pf-why-partner .pf-why-ai-row .text-a ul > li:last-child { margin-bottom: 0; }

/* text-a */
.text-a { display: block; }
.text-a.text-center { align-items: center; margin-inline-start: auto; margin-inline-end: auto; }
.text-a > .p1,
.text-a > .p2,
.text-a > .btn-spacer { margin-bottom: var(--pf-spacer-16); }
.text-a > :first-child { margin-top: 0; }
.text-a > :last-child { margin-bottom: 0 !important; }

/* form css */
::placeholder {color: var(--pf-placeholder);}
.form-group { margin-bottom: 1.2rem; }
.form-control-wrapper { position: relative; }
.form-label { color: var(--pf-midnight); font-size: 1.4rem; margin-bottom: 0.4rem; font-weight: 400; line-height: 1.4; display: block; }
.form-control { --bs-border-radius: 0.8rem; --bs-body-bg: var(--bs-white); --bs-border-color: var(--pf-tealish-blue); height: 4rem; padding: 0.8rem var(--pf-spacer-16); font-size: 1.4rem; line-height: 1.4; box-shadow: none !important; }
.form-control-arrow { width: 1.6rem; height: 1.6rem; font-size: 1.6rem; top: 50%; transform: translateY(-50%); right: 1.1rem; position: absolute; z-index: 1; pointer-events: none; }
.form-control-wrapper.with-icon .form-control { padding-right: 4rem; }
textarea.form-control { height: 8.4rem; resize: none; scrollbar-width: thin; }
.form-control:focus { border-color: var(--pf-primary); }
.invalid-feedback { font-size: 1.2rem; }
.valid-feedback { font-size: 1.2rem; }

/* header */
#wpadminbar { position: fixed; }
.pf-header { position: fixed; top: var(--wpadminbar-height); left: 0; z-index: 10; width: 100%; min-width: 32rem; background-color: var(--bs-white); border-bottom: 1px solid var(--pf-gray-border); }
.pf-header-row {display: flex; align-items: center; height: var(--pf-header-height);}
.pf-header-l {display: flex; align-items: center; margin-right: 1rem; }
.pf-header-m {width: 1%; flex: 1 1 auto; }
.pf-header-nav {display: flex; margin: 0; padding: 0;}
.pf-header-nav > li {padding: 0; margin: 0; position: static;}
.pf-header-nav > li::before {display: none;}
.pf-header-nav > li > a {font-size: 1.6rem; padding: 0.8rem 1.5rem; display: flex; align-items: center; color: var(--pf-black) !important; transition: background-color 0.15s; border-radius: 0.6rem; text-decoration: none !important; text-align: center;}
.pf-header-nav > li > a:focus-visible { outline-offset: -2px; }
.pf-header-nav > li > a > .pf-icon-chevron-down { font-size: 2.7rem; transition: transform 0.25s ease; margin-right: -0.6rem;}
.pf-header-nav > li > a.open .pf-icon-chevron-down {transform: rotate(180deg);}
.pf-header-nav > li > a:not(.btn):hover,
.pf-header-nav > li > a:not(.btn).active,
.pf-header-nav > li > a:not(.btn).open,
.pf-header-nav > li > a[aria-current=page] { color: var(--pf-blue) !important;}
.pf-sub-menu-wrapper { display: none; }
.pf-sub-menu-inner { background-color: var(--bs-white); border-radius: 1rem; padding: var(--pf-spacer-32); border: 1px solid var(--pf-blue-purple); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); }
.pf-sub-menu-row {--bs-gutter-x: 3.2rem;}
.pf-sub-menu-title {font-size: 1.4rem; font-weight: 700; color: var(--pf-black);}
.sub-menu {padding: 0; margin: 0; position: relative;}
.sub-menu > li {padding: 1.6rem 0; margin: 0; border-bottom: 1px solid var(--pf-gray-light);}
.sub-menu > li:last-child {margin-bottom: 0; border-bottom: none;}
.sub-menu > li > a {font-size: 1.6rem; font-weight: 400; display: flex; align-items: start; color: var(--pf-black) !important; text-decoration: none !important;}
.sub-menu > li > a > [class*="pf-icon-"] {font-size: 2.4rem; color: var(--bs-primary); flex-shrink: 0; margin-right: 1.2rem;}
.pf-sub-menu-text { display: block; width: 1%; flex: 1 1 auto; }
.pf-sub-menu-lbl {display: block; font-size: 1.6rem; color: var(--bs-primary); font-weight: 500;}
.pf-sub-menu-desc { display: block; font-size: 1.4rem; color: var(--pf-blue-gray); font-weight: 400;}
.sub-menu > li::before {display: none;}
.pf-header-r {display: flex;align-items: center; flex-wrap: wrap; }
.pf-header-nav-toggle { margin-left: auto; --bs-btn-padding-y: 1rem; --bs-btn-padding-x: 1rem; display: none; }
.pf-header-nav-toggle > [class*="pf-icon-"] {display: none;}
.pf-header-nav-toggle > .pf-icon-list {display: block;}
.nav-expanded .pf-header-nav-toggle > .pf-icon-list {display: none;}
.nav-expanded .pf-header-nav-toggle > .pf-icon-close {display: block;}
.pf-header-logo { display: block; --bs-aspect-ratio: 17.41935483870968%; padding: 0.2rem; width: 15.5rem; }
.pf-header-r .btn { margin: 0.75rem; --bs-btn-font-size: 1.6rem;}
.pf-header-r .btn-outline-primary {--bs-btn-color: var(--pf-blue); --bs-btn-border-color: var(--pf-blue);}


@media (max-width: 1199.98px) {
    .pf-header-nav-toggle { display: inline-flex; width: 4.2rem; height: 4.2rem; }
    .pf-header .container {max-width: 100%;}
    .pf-header-m { display: flex; flex-direction: column; width: 100%; max-width: 42rem; height: calc(calc(100dvh - var( --wpadminbar-height)) - var(--pf-header-height)); top: var(--pf-header-height); left: 0; position: absolute; overflow: hidden; overflow-y: auto; background-color: var(--bs-white); transform: translateX(-100%); visibility: hidden; opacity: 0; transition: visibility 0.25s, opacity 0.25s, transform 0.25s ease; padding-bottom: 2rem; }
    .pf-header-nav {flex-direction: column; padding: 1.6rem 0; }
    .pf-header-nav > li { border-bottom: 0.1rem solid var(--pf-gray-border); }
    .pf-header-nav > li > a { padding: 2rem 5rem 2rem 2rem; font-size: 1.6rem; position: relative;  }
    .pf-header-l { width: 100%; margin-right: 0; }
    .nav-expanded .pf-header-m {visibility: visible; opacity: 1; transform: translateX(0); }
    .pf-backdrop { display: block; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 2; transition: opacity .15s linear; pointer-events: none; } 
    html.nav-expanded .pf-backdrop { opacity: 1; pointer-events: auto; }
    .pf-header-nav > li > a > .pf-icon-chevron-down { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);z-index: 10; width: 3.2rem; height: 3.2rem; display: flex ; align-items: center; justify-content: center; font-size: 3.2rem; margin-right: 0; }
    .pf-header-nav > li > a.open > .pf-icon-chevron-down { transform: rotate(180deg) translateY(50%); }
    .pf-sub-menu-row > .col-12:not(:last-child) .sub-menu { margin: 0 0 2rem 0 !important; }
    .pf-header-r { padding: 0 2rem; margin: 0 -0.75rem -0.75rem -0.75rem; }
    .pf-header-r .btn { width: 100%; }
}


@media (min-width: 1200px) {
    .pf-header-nav { align-items: center; justify-content: flex-end; margin-right: 2rem; flex: 1 1 auto; }
    .pf-sub-menu-wrapper { width: 100%; max-width: 94rem; min-width: 48rem; position: absolute; top: 100%; right: 0; display: block !important; visibility: hidden; opacity: 0; transform: translateY(1rem); transition: transform 0.25s, visibility 0.25s, opacity 0.25s; padding-top: 1rem; }
    .pf-header-nav > li {padding: 0 0.8rem;}
    .pf-header-nav > li > a { padding: 1rem 0.8rem; height: var(--pf-header-height); }
    .pf-header-nav > li > a.open ~ .pf-sub-menu-wrapper {visibility: visible; opacity: 1; transform: translateY(0rem);}
    .pf-header-m { display: flex; align-items: center; position: relative; }
    .pf-header-l { margin-right: 3.2rem; }
    .pf-header-r .btn { margin: 0 0.8rem;}
    .pf-header-r .btn:last-child {margin-right: 0;}
    .pf-sub-menu-row {--bs-gutter-x: 6.4rem;}
    .pf-sub-menu-inner { padding: var(--pf-spacer-32) calc(var(--pf-spacer-32) * 2); }

    .pf-header-nav > li.pf-solution-menu {position: relative;}
    .pf-header-nav > li.pf-solution-menu .pf-sub-menu-wrapper {right: auto; left: 0;}
    .pf-header-nav > li.pf-solution-menu .pf-sub-menu-row  .col-xl-6 {width: 100%;}

    .pf-header-nav > li.pf-company-menu {position: relative;}
    .pf-header-nav > li.pf-company-menu .pf-sub-menu-wrapper {right: auto; left: 0;}
    .pf-header-nav > li.pf-company-menu .pf-sub-menu-row  .col-xl-6 {width: 100%;}
}

/*footer*/
.pf-footer { background-color: var(--pf-dark); padding: var(--pf-spacer-80) 0 var(--pf-spacer-48) 0; color: var(--bs-white); }
.pf-footer-one { --bs-gutter-y: 2.4rem; margin-bottom: var(--pf-spacer-64); padding-bottom: var(--pf-spacer-64); border-bottom: 1px solid rgba(255,255,255,0.1); }
.pf-footer-one-l .p2 { color: var(--bs-white); margin-bottom: 0.4rem; font-weight: 500; }
.pf-footer-one-l .pf-desc { color: rgba(255,255,255,0.7); font-size: 1.4rem; }

.pf-footer-two { --bs-gutter-y: 3.2rem; margin-bottom: var(--pf-spacer-64); }
.pf-footer-two-l .pf-header-logo { width: 14rem; margin-bottom: 2.4rem; }
.pf-footer-two-l .pf-header-logo img { filter: brightness(0) invert(1); }
.pf-soc-logo { max-width: 9rem; margin-top: 0; display: block; }
.pf-footer-two-nav { margin: 0; padding: 0; }
.pf-footer-two-nav > li::before { display: none; }
.pf-footer-two-nav > li > strong { font-size: 1.6rem; font-weight: 600; color: var(--bs-white); }
.pf-footer-two-nav > li { padding: 0.6rem 0; margin: 0; display: flex; flex-direction: column; align-items: flex-start; }
.pf-footer-two-nav > li:first-child { margin-bottom: 1.2rem; padding-bottom: 0; }
.pf-footer-two-nav > li > a { font-size: 1.4rem; color: rgba(255,255,255,0.6) !important; transition: color 0.2s ease; }
.pf-footer-two-nav > li > a:hover { color: var(--bs-white) !important; }
.pf-footer-three { display: flex; padding-top: var(--pf-spacer-32); border-top: 1px solid rgba(255,255,255,0.1); flex-wrap: wrap; align-items: center; }
.pf-footer-three-l { width: 100%; margin: 1.6rem 0 0 0; order: 99; }
.pf-copyright { font-size: 1.4rem; color: rgba(255,255,255,0.6); }
.pf-footer-three-m { width: 100%; margin: 0 0 1.6rem 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 2.4rem; }
.pf-footer-three-m > li { margin: 0; padding: 0; }
.pf-footer-three-m > li::before { display: none; }
.pf-footer-three-m > li > a { font-size: 1.4rem; color: rgba(255,255,255,0.6) !important; transition: color 0.2s ease; text-decoration: underline !important; }
.pf-footer-three-m > li > a:hover { color: var(--bs-white) !important; }
.pf-footer-three-r { width: 100%; margin: 0; padding: 0; display: flex; gap: 1.6rem; }
.pf-footer-three-r > li { margin: 0; padding: 0; }
.pf-footer-three-r > li::before { display: none; }
.pf-footer-three-r > li > a { font-size: 2rem; color: rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; transition: color 0.2s ease; }
.pf-footer-three-r > li > a:hover { color: var(--bs-white); }

/* reCAPTCHA */
.grecaptcha-badge { visibility: hidden; }
.pf-recaptcha-notice { margin: 1.6rem 0 0 0; font-size: 1.2rem; color: var(--pf-blue-gray); }
.pf-recaptcha-notice a { color: var(--pf-blue-gray); text-decoration: underline; }
.pf-recaptcha-notice a:hover { color: var(--pf-blue); }
.pf-footer .pf-recaptcha-notice { color: rgba(255,255,255,0.5); }
.pf-footer .pf-recaptcha-notice a { color: rgba(255,255,255,0.6); }
.pf-footer .pf-recaptcha-notice a:hover { color: var(--bs-white); }

/* Footer newsletter form styling */
.pf-footer-one-r .hbspt-form .form-control { background-color: transparent; border-color: rgba(255,255,255,0.3); color: var(--bs-white); height: 4.8rem; }
.pf-footer-one-r .hbspt-form .form-control::placeholder { color: rgba(255,255,255,0.5); }
.pf-footer-one-r .hbspt-form .form-control:focus { border-color: var(--pf-blue-bright); }
.pf-footer-one-r .hbspt-form .btn-primary { background-color: var(--pf-blue-bright); border-color: var(--pf-blue-bright); height: 4.8rem; padding: 0 2.4rem; }
.pf-footer-one-r .hbspt-form .btn-primary:hover { background-color: var(--pf-blue-hover); border-color: var(--pf-blue-hover); }
.pf-footer-form-notice { margin: 1.2rem 0 0 0; font-size: 1.2rem; color: rgba(255,255,255,0.5); max-width: 40rem; }
.pf-footer-form-notice a { color: rgba(255,255,255,0.6); text-decoration: underline; }
.pf-footer-form-notice a:hover { color: var(--bs-white); }

@media (min-width: 768px) {
    .pf-footer-three-m { width: auto; margin-bottom: 0; }
    .pf-footer-three-r { width: auto; margin: 0 0 0 auto; }
}

@media (min-width: 992px) {
    .pf-footer-three-l { width: auto; order: -1; margin: 0 2.4rem 0 0; }
    .pf-footer-three-m { margin: 0 2.4rem 0 0; }
    .pf-footer-one-r { display: flex; flex-direction: column; align-items: flex-end; }
    .pf-footer-one { align-items: flex-start; }
    .pf-footer-one-l { padding-top: 1rem; }
}


/* Common for all Hubspot forms*/
.hbspt-form .row {max-width: none !important; margin-top: calc(-1 * var(--bs-gutter-y)) !important; margin-right: calc(-.5 * var(--bs-gutter-x)) !important; margin-left: calc(-.5 * var(--bs-gutter-x)) !important;}
.hbspt-form .form-columns-1, .hbspt-form .form-columns-2 {max-width: none !important;}
.hs-form-field {margin-bottom: 2.4rem;}
.hs-error-msgs {list-style: none; margin: 0; padding: 0; font-size: 1.2rem; color: var(--bs-danger); }
.hs-error-msgs > li::before {display: none;}
.hbspt-form .hs-submit {margin-top: 2.4rem;}
.hbspt-form .inputs-list {padding-left: 0;}
.hbspt-form .inputs-list > li::before {display: none;}
.hbspt-form .hs-form-booleancheckbox .hs-input {width: 2.2rem !important; height: 2.2rem !important; padding: 0; background-size: 100% 100%; background-repeat: no-repeat;}
.hbspt-form .hs-form-booleancheckbox .hs-input:checked{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230B47E0' class='bi bi-check-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z'/%3E%3C/svg%3E");}
.hbspt-form .hs-form-booleancheckbox-display {display: block;}
.hbspt-form .hs-form-booleancheckbox-display > span {margin-left: 3rem !important;}
.hbspt-form .hs-dependent-field {margin-top: 2.4rem !important;}
.hbspt-form .hs-form > .hs-recaptcha {margin-top: 1.8rem !important;}

.hs-email-submit-row {display: flex;}
.hs-email-submit-row .hs-form-field {width: 1%; flex: 1 1 auto; margin-bottom: 1.2rem;}
.hbspt-form .hs-email-submit-row .hs-submit {margin:0 0 0 1.6rem; flex-shrink: 0;}
.hbspt-form .hs-email-submit-row .form-label {display: none;}
.hbspt-form .hs-richtext {font-size: 1.2rem;}

/*for hubspot form inside footer*/
.pf-footer-one-r .hbspt-form {width: 100%; max-width: 40rem;}
.pf-footer-one-r .hs-richtext a {font-weight: 700;}
.pf-footer-one-r .hbspt-form .form-control {--bs-border-color: var(--bs-white); --bs-body-bg: transparent; color: var(--bs-white);}
.pf-footer-one-r .hbspt-form .form-control::placeholder {color: var(--bs-white);}
.pf-footer-one-r .legal-consent-container a {color: var(--pf-blue-purple) !important;}


/* Start dev1 css */

.pf-section.theme-gray { background-color: var(--pf-gray-bg); }
.pf-section.theme-dark { background-color: var(--pf-black); }
.pf-section.theme-blue { background-color: var(--pf-blue); }
.pf-section.theme-blue-purple { background-color: var(--pf-gradient-blue-light); }

.pf-section-bg.pos-top img { object-position: top; }

.text-a.text-center .pf-desc ul > li { display: flex; align-items: center; justify-content: center; }
.text-a.text-center .pf-desc ul > li::before { margin-right: 0.8rem; position: static; flex-shrink: 0; }
.text-a.text-end .pf-desc ul > li { display: flex; align-items: center; justify-content: end; }
.text-a.text-end .pf-desc ul > li::before { margin-right: 0.8rem; position: static; flex-shrink: 0; }

.pf-companies { background-color: var(--bs-white); }
.pf-companies.bg-gradient { background-image: none !important; background-color: var(--bs-white); }
.pf-companies .text-center { margin-bottom: 3.2rem; }
.pf-companies .text-center .h6 { font-size: 1.8rem; font-weight: 600; color: var(--pf-dark); }
.pf-c-logos { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 120rem; margin: 0 auto; gap: 1.6rem 2.4rem; }
.pf-c-logo { width: auto; height: 3.5rem; display: flex; justify-content: center; align-items: center; }
.pf-c-logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; }

@media(min-width:768px){
    .pf-c-logo { height: 4rem; }
    .pf-c-logos { gap: 2rem 3.2rem; }
}

@media(min-width:1200px){
    .pf-c-logo { height: 4.5rem; }
    .pf-c-logos { gap: 2.4rem 4rem; }
}

@media(min-width:1400px){
    .pf-c-logo { height: 5rem; }
    .pf-c-logos { gap: 3.2rem 4.8rem; }
}

.pf-sec-head { max-width: 76.8rem; margin: 0 auto var(--pf-spacer-80) auto; }
.pf-sec-head.fullwidth { max-width: 100%; }
.pf-sec-head.lg { max-width: 98.4rem; }
.pf-sec-head-lbl { margin-bottom: 1.6rem; font-size: 1.4rem;line-height: 1.5;font-style: normal;font-weight: 500; display: block; }
.pf-sec-head .text-a.text-white h2,
.pf-sec-head .text-a.text-white .h2 { color: var(--bs-white); }

.pf-digital-row { margin-bottom: var(--pf-spacer-48); padding: 1.6rem; border-radius: 1.2rem; background: var(--pf-blue-lightest); border: none; }
.pf-digital-group .pf-digital-row:last-child { margin-bottom: 0; }
.pf-digital-row .row { align-items: center; }
.pf-digital-gfx { margin-bottom: 2.4rem; --bs-aspect-ratio: 63.9344262295082%; width: 100%; display: block; border-radius: 0.8rem; overflow: hidden; }
.pf-digital-desc { color: var(--pf-blue-gray); }
.pf-digital-desc .h3 { margin-block-end: 1.6rem; color: var(--pf-dark); }
.pf-digital-desc .btn { margin-top: 1rem;}
.pf-digital-lbl { margin-bottom: 0.8rem; color: var(--pf-blue);font-size: 1.4rem;line-height: 1.5;font-style: normal;font-weight: 500; display: block; text-transform: capitalize; }
.pf-digital-group .pf-digital-row:nth-child(odd) .row { flex-direction: row-reverse; }

@media (min-width: 768px) {
    .pf-digital-row { padding: 3rem; }
    .pf-digital-lbl { font-size: 1.6rem; }
}

@media (min-width: 992px) {
    .pf-digital-gfx { margin-bottom: 0; }
    .pf-digital-lbl { font-size: 1.6rem; }
    .pf-sec-head-lbl { font-size: 1.6rem; }
}

@media (min-width: 1600px) {
    .pf-digital-row { padding: 4.4rem; }
    .pf-digital-row .row { --bs-gutter-x: 6.4rem; }
    .pf-digital-desc .h3 { font-size: 3.6rem; }
}

@media (min-width: 1900px) {
    .pf-digital-row { padding: 6rem; }
}

.pf-pp { background-color: var(--bs-white); }
.pf-pp .pf-section-bg { display: none; }

/* Product section styling */
.pf-product { background-color: var(--bs-white); }
.pf-product .pf-sec-head { margin-bottom: var(--pf-spacer-48); }

/* Product cards row */
.pf-product-row { --bs-gutter-y: 2.4rem; --bs-gutter-x: 2.4rem; }
.pf-product-card { background: var(--bs-white); border-radius: 1.2rem; overflow: hidden; height: 100%; display: flex; flex-direction: column; border: 1px solid var(--pf-gray-border); transition: box-shadow 0.2s ease; }
.pf-product-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
.pf-product-card-img { overflow: hidden; }
.pf-product-card-img img { width: 100%; height: 100%; object-fit: cover; }
.pf-product-card-content { padding: 2.4rem; flex: 1; display: flex; flex-direction: column; }
.pf-product-card-content .pf-sec-head-lbl { margin-bottom: 0.8rem; font-size: 1.4rem; }
.pf-product-card-content .h5 { margin-bottom: 1.2rem; font-weight: 600; }
.pf-product-card-content .pf-desc { color: var(--pf-blue-gray); font-size: 1.5rem; margin-bottom: 1.6rem; flex: 1; }
.pf-product-card-content .btn-link { margin-top: auto; align-self: flex-start; }

/* Add-on modules */
.pf-addons-head { margin-top: var(--pf-spacer-80); margin-bottom: var(--pf-spacer-48); }
.pf-addons-row { --bs-gutter-y: 2.4rem; --bs-gutter-x: 2.4rem; }
.pf-addon-card { background: var(--bs-white); border-radius: 1.2rem; padding: 2.4rem; height: 100%; display: flex; flex-direction: column; border: 1px solid var(--pf-gray-border); transition: box-shadow 0.2s ease; }
.pf-addon-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
.pf-addon-icon { width: 4.8rem; height: 4.8rem; margin-bottom: 2rem; display: block; }
.pf-addon-icon img { width: 100%; height: 100%; object-fit: contain; }
.pf-addon-card .h5 { margin-bottom: 1.2rem; font-weight: 600; }
.pf-addon-card .pf-desc { color: var(--pf-blue-gray); font-size: 1.5rem; margin-bottom: 1.6rem; flex: 1; }
.pf-addon-card .btn-link { margin-top: auto; align-self: flex-start; }

@media (min-width: 768px) {
    .pf-product-card { flex-direction: row-reverse; height: 28rem; } /* Default: image on right, fixed height */
    .pf-product-card.pf-product-card-img-left { flex-direction: row; } /* Override: image on left */
    .pf-product-card-img { width: 30%; flex-shrink: 0; }
    .pf-product-card-content { width: 60%; }
    .pf-product-card-content:only-child { width: 100%; } /* Full width when no image */
}

@media (min-width: 1200px) {
    .pf-product-card-content { padding: 3.2rem; }
    .pf-addon-card { padding: 3.2rem; }
}

/* Legacy pp styles for other pages */
.pf-pp-row { margin-top: -3.2rem; align-items: stretch; }
.pf-pp-row > .col-12 { display: flex; flex-direction: column; }
.pf-pp-row .pf-pp-cell { height: 100%; display: flex; flex-direction: column; }
.pf-flexible-row { width: 100%; flex: 1 1 auto; display: flex; flex-direction: column; position: relative; }
.pf-flexible-row.v-center { justify-content: center; }
.pf-pp-b-box { width: 100%; border-radius: 0.8rem; border: 1px solid var(--pf-gray-border); background: var(--bs-white); position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; overflow: hidden; flex: 1 1 auto; box-shadow: 0 1px 3px rgba(0,0,0,0.05); transition: box-shadow 0.2s ease, border-color 0.2s ease; }
.pf-pp-b-box:hover { border-color: var(--pf-blue-purple); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.pf-pp-b-box.border-black { border-color: var(--bs-black); }
.pf-pp-b-box.fullheight { height: 100%; flex-direction: column; }
.pf-solution-row { height: 100%; display: flex; align-items: stretch; flex-wrap: wrap; }
.pf-solution-row:not(.row) { width: 100%; }
.pf-solution-cell { width: 100%; max-width: 100%; flex: 0 0 100%; display: flex; flex-direction: column; }
.pf-sl-content-box { flex: 1 1 auto; padding: 1.6rem; position: relative; z-index: 2; }
.pf-sl-content-box .btn-spacer { margin-top: 0rem; }
.pf-sl-content-box .pf-sec-head-lbl { margin-bottom: 0.8rem; }
.pf-sl-content-box .h5 { margin-bottom: 0.8rem; }
.pf-sl-gfx { height: 100%; display: block; background-color: var(--pf-gray-bg); }
.pf-executive-gfx { display: block; background-color: var(--pf-gray-bg); }
.pf-executive-gfx.ratio-lg { --bs-aspect-ratio: 68.75%; }
.pf-sl-content-icon { margin-bottom: 0.8rem; width: 3.2rem; height: 3.2rem; display: block; }
.pf-sec-head .text-a.text-center .pf-sl-content-icon { margin-left: auto; margin-right: auto; }
.pf-sec-head .text-a.text-end .pf-sl-content-icon { margin-left: auto; margin-right: 0; }
.mt-32 { margin-top: 3.2rem; }
.pf-sl-content-box .text-a.text-white .h3,
.pf-sl-content-box .text-a.text-white .h5 { color: var(--bs-white); }

@media (max-width: 767px) {
    .mo-order-top { order: -1; }
}

@media (min-width: 768px) {
    .pf-sl-content-box { padding: 2.4rem; }
    .pf-solution-cell { width: 50%; max-width: 50%; flex: 0 0 50%; }
    .pf-solution-cell.mxw-312 { max-width: 31.2rem; }
    .pf-solution-cell.flex-1 { flex: 1; max-width: 100%; }
}

@media (min-width: 1200px) {
    .pf-sl-content-box.lg { padding: 4.8rem; }
    .pf-sl-content-icon { margin-bottom: 1.6rem; width: 4.8rem; height: 4.8rem; }
    /* .pf-sl-content-box.lg .pf-desc { margin-bottom: 2.4rem; } */
    .pf-sec-head .text-a.text-center .pf-sl-content-icon { margin-bottom: 2.4rem; }
}

.bg-our-mission { background: var(--pf-gradient); }
.pf-capabilities-desc { margin-top: 2.4rem; }
.pf-capabilities-gfx { --bs-aspect-ratio: 63.54679802955665%; width: 100%; }

@media (max-width: 991px) {
    .pf-capabilities-with-gfx { flex-direction: column-reverse; }
}

@media (min-width: 992px) {
    .pf-capabilities-desc { margin-top: 0; }
    .pf-capabilities-gfx-wrap { margin-right: -8.3rem; }
}

@media (min-width: 1200px) {
    .pf-capabilities-gfx-wrap { margin-right: -12.3rem; }
}

@media (min-width: 1400px) {
    .pf-capabilities-gfx-wrap { margin-right: -17.3rem; }
}

@media (min-width: 1900px) {
    .pf-capabilities-gfx-wrap { margin-right: 0; }
}

.pf-importance { background-color: var(--pf-gray-bg); }
.pf-importance .pf-sec-head { margin-bottom: var(--pf-spacer-64); }
.pf-importance-desc { padding: 0; }
.pf-importance-desc .pf-sl-content-icon { margin-bottom: 2rem; width: 4.8rem; height: 4.8rem; }
.pf-importance-desc .h5 { font-weight: 600; margin-bottom: 1.2rem; color: var(--pf-dark); }
.pf-importance-desc .pf-desc { color: var(--pf-blue-gray); font-size: 1.6rem; }
.pf-trust-row { --bs-gutter-y: 4rem; margin-top: var(--pf-spacer-64); }
.pf-importance-footer { margin-top: var(--pf-spacer-80); }
.pf-importance-footer > .btn { margin-top: 0; }

@media (min-width: 768px) {
    .pf-trust-row { --bs-gutter-y: 4.8rem; --bs-gutter-x: 4rem; }
}

@media (min-width: 1200px) {
    .pf-importance-desc .pf-sl-content-icon { width: 5.6rem; height: 5.6rem; margin-bottom: 2.4rem; }
    .pf-trust-row { --bs-gutter-y: 6.4rem; --bs-gutter-x: 6.4rem; }
}

.theme-dark .text-a { color: var(--bs-white); }
.theme-dark .text-a h1, .theme-dark .text-a .h1,
.theme-dark .text-a h2, .theme-dark .text-a .h2,
.theme-dark .text-a h3, .theme-dark .text-a .h3,
.theme-dark .text-a h4, .theme-dark .text-a .h3,
.theme-dark .text-a h5, .theme-dark .text-a .h4,
.theme-dark .text-a h6, .theme-dark .text-a .h6 { color: var(--bs-white); }
.theme-dark .text-a ul > li::before { background-color: var(--bs-white); }

.theme-blue .text-a { color: var(--bs-white); }
.theme-blue .text-a h1, .theme-blue .text-a .h1,
.theme-blue .text-a h2, .theme-blue .text-a .h2,
.theme-blue .text-a h3, .theme-blue .text-a .h3,
.theme-blue .text-a h4, .theme-blue .text-a .h3,
.theme-blue .text-a h5, .theme-blue .text-a .h4,
.theme-blue .text-a h6, .theme-blue .text-a .h6 { color: var(--bs-white); }
.theme-blue .text-a ul > li::before { background-color: var(--bs-white); }

/* Light blue theme for textblock/protect sections */
.pf-protect.theme-light-blue { background-color: var(--pf-gradient-blue-light); }
.pf-protect.theme-light-blue .pf-label { color: var(--pf-blue-gray); }
.pf-textblock-split { --bs-gutter-y: 3.2rem; }
.pf-textblock-items { margin-top: 3.2rem; }

/* Blue theme for importance/philosophy section */
.pf-importance.theme-blue { background: var(--pf-gradient); }
.pf-importance.theme-blue .pf-sec-head { margin-bottom: var(--pf-spacer-48); }
.pf-importance.theme-blue .pf-sec-head .h2,
.pf-importance.theme-blue .pf-sec-head .h3 { color: rgba(255,255,255,0.95); margin-bottom: 0; }
.pf-importance.theme-blue .pf-importance-desc .h5 { color: rgba(255,255,255,0.9); }
.pf-importance.theme-blue .pf-importance-desc .pf-desc { color: rgba(255,255,255,0.75); }
.pf-importance.theme-blue .pf-sl-content-icon img { filter: brightness(0) invert(1); }


/* Solutions/Brand section - Blue theme bento grid */
.pf-brand { background-color: var(--pf-blue-bright); }
.pf-brand .pf-sec-head { margin-bottom: var(--pf-spacer-64); }
.pf-brand .pf-sec-head .text-a { color: var(--bs-white); }
.pf-brand .pf-sec-head .h2 { color: var(--bs-white); }
.pf-brand .pf-sec-head .pf-desc { color: rgba(255,255,255,0.85); }
.pf-brand .pf-sec-head-lbl { color: rgba(255,255,255,0.9); }
.pf-brand .pf-pp-b-box { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); backdrop-filter: blur(8px); }
.pf-brand .pf-pp-b-box:hover { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.3); }
.pf-brand .pf-pp-b-box-bg { background: var(--pf-gradient); }
.pf-brand .pf-pp-b-box-bg::after { background: var(--pf-gradient); }
.pf-brand .pf-sl-content-box .text-a { color: var(--bs-white); }
.pf-brand .pf-sl-content-box .h3,
.pf-brand .pf-sl-content-box .h5 { color: var(--bs-white); }
.pf-brand .pf-sl-content-box .pf-desc { color: rgba(255,255,255,0.85); }
.pf-brand .pf-sl-content-box .pf-sec-head-lbl { color: rgba(255,255,255,0.9); }
.pf-brand .pf-sl-content-icon { filter: brightness(0) invert(1); }
.pf-brand .btn-link { color: var(--bs-white) !important; }
.pf-brand .btn-link:hover { color: rgba(255,255,255,0.8) !important; }

/* Bento grid layout for solutions */
.pf-brand .pf-pp-row > .col-xl-6:first-child .pf-pp-b-box { min-height: 32rem; }
.pf-brand .pf-solution-row { display: grid; grid-template-columns: 1fr; gap: 1.6rem; }
.pf-brand .pf-solution-cell { width: 100%; max-width: 100%; flex: none; }
.pf-brand .pf-solution-cell .pf-pp-b-box { min-height: 14rem; }

@media (min-width: 576px) {
    .pf-brand .pf-solution-row { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1200px) {
    .pf-brand .pf-pp-row > .col-xl-6:first-child .pf-pp-b-box { min-height: 100%; }
}

.pf-pp-b-box-bg { background-color: var(--pf-gray-bg); }
.pf-pp-b-box-bg::after { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; content: ''; pointer-events: none; display: block; background: var(--pf-gradient); }


/* Blog section */
.pf-blog { background-color: var(--bs-white); }
.pf-blog-card-row { --bs-gutter-y: 3.2rem; }
.pf-blog-card-row > .col-12 { margin-bottom: 0; }
.pf-blog-card { height: 100%; display: flex; flex-direction: column; }
.pf-blog-card-gfx { margin-bottom: 2rem; width: 100%; background-color: var(--pf-gray-bg); display: block; border-radius: 0.8rem; overflow: hidden; --bs-aspect-ratio: 66.67%; }
.pf-blog-card-gfx img { transition: transform 0.3s ease; }
.pf-blog-card-gfx:hover img { transform: scale(1.05); }
.pf-blog-card-category { margin-bottom: 1.2rem; display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; }
.pf-card-category-lbl { padding: 0.4rem 1rem; font-size: 1.3rem; line-height: 1.5; font-weight: 500; background-color: var(--pf-gray-light); color: var(--pf-blue-gray); border-radius: 0.4rem; display: block; }
.pf-minread-text { font-size: 1.3rem; color: var(--pf-blue-gray); }
.pf-blog-card-content { flex: 1; display: flex; flex-direction: column; }
.pf-blog-card-content > .text-a { margin-bottom: 1.2rem; flex: 1; }
.pf-blog-card-content > .text-a .h5 { font-size: 1.8rem; font-weight: 600; line-height: 1.4; margin-bottom: 0.8rem; }
.pf-blog-card-content > .text-a .h5 a { color: var(--pf-dark); text-decoration: none !important; transition: color 0.2s ease; }
.pf-blog-card-content > .text-a .h5 a:hover { color: var(--pf-blue); }
.pf-blog-card-content > .text-a .pf-desc { color: var(--pf-blue-gray); font-size: 1.5rem; }
.pf-blog .container > .btn-spacer { margin-top: var(--pf-spacer-48); }
.pf-blog .container > .btn-spacer > .btn { margin-top: 0; }

@media (min-width: 768px) {
    .pf-blog-card-row { --bs-gutter-x: 3.2rem; }
}

@media (min-width: 1200px) {
    .pf-blog-card-content > .text-a .h5 { font-size: 2rem; }
}

/* Action/CTA section */
.pf-action { padding: var(--pf-spacer-64) 0; }
.pf-action.theme-blue { background: var(--pf-gradient); }
.pf-action.theme-blue .text-a { color: var(--bs-white); }
.pf-action.theme-blue .text-a .h2 { color: var(--bs-white); font-size: 2.8rem; }
.pf-action.theme-blue .text-a .pf-desc { color: rgba(255,255,255,0.9); }
.pf-action-row { align-items: center; --bs-gutter-y: 2.4rem; }
.pf-action-btns { gap: 1.2rem; }
.pf-action-btns .btn { padding: 1.2rem 2.4rem; }
.pf-action.theme-blue .btn-outline-light { border-color: var(--bs-white); color: var(--bs-white); background: transparent; }
.pf-action.theme-blue .btn-outline-light:hover { background-color: rgba(255,255,255,0.1); }
.pf-action.theme-blue .btn-light { background-color: var(--bs-white); color: var(--pf-dark); border-color: var(--bs-white); }
.pf-action.theme-blue .btn-light:hover { background-color: var(--pf-gray-bg); }

@media (min-width: 768px) {
    .pf-action.theme-blue .text-a .h2 { font-size: 3.2rem; }
}

@media (min-width: 992px) {
    .pf-action-btns { justify-content: end; margin-top: 0; }
    .pf-action-btns > .btn { margin-top: 0; }
}

@media (min-width: 1200px) {
    .pf-action.theme-blue .text-a .h2 { font-size: 3.6rem; }
}

/* Action gray theme */
.pf-action.theme-gray { background-color: var(--pf-gray-bg); }
.pf-action.theme-gray .text-a { color: var(--pf-dark); }
.pf-action.theme-gray .text-a .h2 { color: var(--pf-dark); }
.pf-action.theme-gray .text-a .pf-desc { color: var(--pf-blue-gray); }

/* Video testimonial section - centered dark layout */
.pf-video { background-color: var(--pf-dark-bg); }
.pf-video-centered { text-align: center; }
.pf-video-centered .pf-video-header { max-width: 90rem; margin: 0 auto var(--pf-spacer-64) auto; }
.pf-video-centered .pf-video-header .h2 { color: var(--bs-white); margin-bottom: 2.4rem; }
.pf-video-centered .pf-video-header .pf-desc { color: rgba(255,255,255,0.85); }
.pf-video-box { max-width: 100rem; margin: 0 auto; border-radius: 1.2rem; overflow: hidden; background-color: var(--pf-dark); }
.pf-video-wrapper { position: relative; }
.pf-video-wrapper video { width: 100%; height: 100%; object-fit: cover; }
.pf-video-play-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none; cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease; }
.pf-video-play-overlay:hover { transform: translate(-50%, -50%) scale(1.1); }

/* Global/Capabilities section - 50/50 split layout */
.pf-global-split { padding: 0; background: none; }
.pf-global-split .pf-section-inner { padding: 0; }
.pf-global-split-row { display: flex; flex-direction: column; min-height: 50rem; }
.pf-global-split-left { width: 100%; background-color: var(--pf-blue-gray); display: flex; align-items: center; justify-content: center; position: relative; min-height: 30rem; }
.pf-global-split-right { width: 100%; background-color: var(--pf-dark); display: flex; align-items: center; padding: var(--pf-spacer-80) var(--pf-spacer-32); }
.pf-global-split-content { max-width: 60rem; color: var(--bs-white); }
.pf-global-split-content .pf-sec-head-lbl { color: var(--bs-white); font-weight: 600; margin-bottom: 1.6rem; }
.pf-global-split-content .h2 { color: var(--bs-white); margin-bottom: 2.4rem; }
.pf-global-split-content .pf-desc { color: rgba(255,255,255,0.85); margin-bottom: 2.4rem; }
.pf-global-split-content .pf-capabilities-list { margin: 0 0 3.2rem 0; padding: 0; list-style: none; }
.pf-global-split-content .pf-capabilities-list li { margin-bottom: 2rem; padding-left: 0; color: rgba(255,255,255,0.85); font-size: var(--pf-font-size-p1); line-height: 1.6; }
.pf-global-split-content .pf-capabilities-list li::before { display: none; }
.pf-global-split-content .pf-capabilities-list li strong { color: var(--bs-white); font-weight: 600; }
.pf-global-split-content .btn-spacer { margin-top: 0; }
.pf-global-split-content .btn-link.text-white { color: var(--bs-white) !important; }
.pf-global-split-content .btn-link.text-white:hover { color: rgba(255,255,255,0.8) !important; }

.pf-global-globe-wrap { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.pf-global-globe-wrap .pf-global-video { width: 100%; height: 100%; max-width: none; }
.pf-video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none; cursor: pointer; z-index: 2; transition: transform 0.2s ease; }
.pf-video-play-btn:hover { transform: translate(-50%, -50%) scale(1.1); }

@media (min-width: 992px) {
    .pf-global-split-row { flex-direction: row; min-height: 60rem; }
    .pf-global-split-left { width: 50%; min-height: auto; }
    .pf-global-split-right { width: 50%; padding: var(--pf-spacer-112) var(--pf-spacer-80); }
}

@media (min-width: 1400px) {
    .pf-global-split-right { padding: var(--pf-spacer-112) 8rem; }
}

.pf-acc-a-item { border-top: 0.1rem solid var(--bs-black); }
.pf-acc-a .pf-acc-a-item:last-child { border-bottom: 0.1rem solid var(--bs-black); }
.pf-acc-a-button { padding: 2rem 0; width: 100%; background: none; border: none; display: flex; color: var(--bs-body-color) !important; }
.pf-acc-a-button-text { padding-right: 2.4rem; font-weight: 700; text-align: left; }
.pf-acc-a-button-icon { margin-left: auto; width: 3.2rem; height: 3.2rem; font-size: 3.2rem; display: flex; justify-content: center; align-items: center; }
.pf-acc-a-button-icon i { transition: all 0.25s ease; transform: rotate(-180deg); }
.pf-acc-a-button.collapsed i { transform: rotate(0deg); }
.pf-acc-a-body { padding-bottom: 2.4rem; }
.pf-faq-content { margin-top: 3rem; }

@media (min-width: 992px) {
    .pf-faq-content { margin-top: 0; }
}

.pf-hero2 { background: transparent; padding-block: 0; }
.pf-hero2-bg { min-height: 25rem; width: 100%; background-color: var(--pf-gray-bg); display: block; }
.pf-hero2 .pf-section-inner { padding-block: var(--pf-spacer-80);}


@media (min-width: 768px) {
    .pf-hero2-bg { min-height: 32.6rem; }
}

.pf-hero-company { --pf-spacer-112: 0; }
.pf-hero-company-content { min-height: 60rem; padding: 3rem 0; position: relative; display: flex; align-items: flex-end; }
.pf-hero-company-box { max-width: 93.5rem; border-radius: 0.7rem;border: 0.3rem solid rgba(255, 255, 255, 0.30);backdrop-filter: blur(12px); }
.pf-hero-company-box-in { padding: 2rem; border-radius: 0.5rem;border: 0.3rem solid rgba(255, 255, 255, 0.30);background: rgba(255, 255, 255, 0.20);backdrop-filter: blur(12px); }
.pf-hero-company-box-in .text-a.text-white h1,
.pf-hero-company-box-in .text-a.text-white .h1 { color: var(--bs-white); }
.pf-hero-company-row {--bs-gutter-x: 6.4rem; --bs-gutter-y: var(--pf-spacer-64);}
.pf-hero-company-img {--bs-aspect-ratio: 69.2450495049505%;}

@media (min-width: 768px) {
    .pf-hero-company-box-in { padding: 2.8rem 3rem; }
}

@media (min-width: 992px) {
    .pf-hero-company-content { min-height: 65rem; }
}

@media (min-width: 1200px) {
    .pf-hero-company-content { min-height: 71.1rem; }
    .pf-hero-company-box-in .text-a .pf-desc { padding-right: 10rem; }
}

@media (min-width: 1400px) {
    .pf-hero-company-content { min-height: 81.1rem; }
}

.pf-capabilities-list-cell { padding: 0.8rem 0; display: flex; align-items: start; }
.pf-capabilities-list-icon { margin-right: 1.6rem; width: 3.2rem; flex-shrink: 0; display: flex; }
.pf-global-video-wrap { margin-bottom: 3rem; }

@media (min-width: 992px) {
    .pf-global { padding: 0; }
    .pf-global .pf-section-inner { padding: 0; }
    .pf-global-desc { padding-top: var(--pf-spacer-80); padding-bottom: var(--pf-spacer-80); }
    .pf-global-video-wrap { margin-bottom: 0; }
}

@media (min-width: 1200px) {
    .pf-global-video-wrap { margin-left: -3.2rem; }
}

@media (min-width: 1400px) {
    .row.g-80 { --bs-gutter-x: 8rem; }
    .pf-global-video-wrap { margin-left: -6.4rem; }
}

.pf-philosophy-box { margin-bottom: 2rem; padding: 2rem; border-radius: 0.4rem;border: 0.1rem solid var(--pf-blue-bright);background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(2.2rem); }
.pf-philosophy-group { margin-top: 3.2rem; }
.pf-philosophy-group .pf-philosophy-box:last-child { margin-bottom: 0; }
.pf-philosophy-box-icon { margin-bottom: 0.8rem; width: 3.2rem; height: 3.2rem; display: block; }

@media (min-width: 992px) {
    .pf-philosophy-group { margin-top: 0; }
    .pf-philosophy-box { padding: 2.4rem; padding: 2.4rem; }
}

@media (min-width: 1200px) {
    .pf-philosophy-box { padding: 3.2rem; }
    .pf-philosophy-box-icon { margin-bottom: 1.6rem; width: 4.8rem; height: 4.8rem; }
}

.pf-review-row { align-items: center; }
.pf-review-user-gfx { max-width: 35.4rem; margin: 0 auto 3rem auto; border-radius: 0.6rem; overflow: hidden; background-color: var(--pf-gray-bg); }
.pf-review-desc-footer { margin: 0 -2rem; display: flex; align-items: center; flex-wrap: wrap; }
.pf-rd-footer-cell { padding: 0.7rem 2rem; border-left: 0.1rem solid var(--bs-black); }
.pf-review-desc-footer .pf-rd-footer-cell:first-child { border-left: none; }
.pf-rd-username { font-weight: 500; display: block; }
.pf-rd-usercat { font-weight: 400; display: block; }
.pf-rd-pflogo { --bs-aspect-ratio: 24.56140350877193%; width: 11.4rem; display: block; }
.pf-review-desc blockquote { padding-left: 0; font-weight: 700; font-style: normal; display: block; border-left: none; }
.pf-star-row { margin: 0 -0.4rem 3.2rem -0.4rem; display: flex; }
.pf-star { margin: 0; position: relative; display: flex; }
.pf-star i { margin: 0 0.4rem; font-size: 2rem; color: var(--pf-blue); display: flex; }
.pf-star-fill { top: 0; left: 0; position: absolute; z-index: 1; display: flex; overflow: hidden; }

@media (min-width: 768px) {
    .pf-review-row .col-md-4 { max-width: 43.4rem; align-self: self-start; }
    .pf-review-user-gfx { max-width: 100%; margin: 0; }
}

@media (min-width: 1200px) {
    .pf-review-desc blockquote { font-size: 2.4rem; }
}

/* Testimonial accent theme */
.pf-review.theme-accent { border-top: 4px solid var(--pf-blue); background-color: var(--pf-gray-bg); }
.pf-rd-company { display: flex; align-items: center; gap: 0.8rem; }
.pf-rd-company-logo { width: 2.4rem; height: auto; }
.pf-rd-company-name { font-weight: 600; font-size: 1.4rem; color: var(--pf-dark); text-transform: uppercase; letter-spacing: 0.05em; }


/* form css */
::placeholder {color: var(--pf-placeholder);}
.form-group { margin-bottom: 2.4rem; }
.form-control-wrapper { position: relative; }
.form-label { margin-bottom: 0.8rem; font-size: 1.6rem; color: var(--bs-black);font-style: normal;font-weight: 400;line-height: 1.5; display: block; }
.form-control { --bs-border-radius: 0.4rem; --bs-body-bg: var(--bs-white); --bs-border-color: var(--pf-blue); height: 4.8rem; padding: 1.2rem; font-size: 1.6rem; color: var(--bs-black); line-height: 1.5; box-shadow: none !important; }
.form-control-arrow { width: 1.6rem; height: 1.6rem; font-size: 1.6rem; top: 50%; transform: translateY(-50%); right: 1.1rem; position: absolute; z-index: 1; pointer-events: none; }
select.form-control { padding-right: 5rem; background-image: url("gfx/pf-icon-chevron-down.svg"); background-position: right 1.2rem center; background-size: auto; background-repeat: no-repeat; }
.form-control-wrapper.with-icon .form-control { padding-right: 4rem; }
textarea.form-control { height: 18rem; resize: none; scrollbar-width: thin; }
.form-control:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important; }
.form-control.is-valid, 
.was-validated .form-control:valid { border-color: var(--pf-green);display: block; box-shadow: 0 0 0 .25rem rgba(25,135,84, .25) !important; }
.form-control.is-invalid, 
.was-validated .form-control:invalid { border-color: var(--pf-red);display: block; box-shadow: 0 0 0 .25rem rgba(220,53,69, .25) !important; }

.pf-toggle-a .form-control { width: 0; height: 0; opacity: 0; position: absolute; top: 0; left: 0; padding: 0; }
.pf-toggle-a { display: flex; position: relative; align-items: center; }
.pf-toggle-a-ui { border-radius: 0.2rem; border: 1px solid var(--bs-black); background: var(--bs-white); display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; flex-shrink: 0; margin-right: 0.8rem; color: var(--pf-blue); font-size: 2rem; }

.pf-toggle-a-text { width: 1%; flex: 1 1 auto; user-select: none; font-size: 1.4rem; font-weight: 400; color: var(--bs-black); }
.pf-toggle-a-text a { font-weight: 400; color: var(--pf-blue); }
.pf-toggle-a-ui i { opacity: 0; transition: 0.3s ease-in-out; }
.pf-toggle-a input:checked ~ .pf-toggle-a-ui i { opacity: 1; }
.pf-toggle-a .form-control:not(:hover):focus ~ .pf-toggle-a-ui { outline: .2rem solid var(--bs-white); box-shadow: 0 0 0 .2rem var(--pf-black); border-radius: 0.2rem; outline-offset: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; }

/* company page */
.pf-hero-default {}
.pf-hero-default-content { min-height: 16.4rem; display: flex; align-items: center; }
.pf-hero-default-content .text-a.text-white h1,
.pf-hero-default-content .text-a.text-white .h1 { color: var(--bs-white); }

.pf-job-lists { max-width: 76.8rem; margin: 0 auto; }
.pf-job-list { padding: 3.2rem 0; border-top: 0.1rem solid var(--bs-black); }
.pf-job-list-head { margin-bottom: 1.6rem; display: flex; align-items: center; flex-wrap: wrap; }
.pf-job-list-lbl { padding: 0.4rem 0.8rem; font-size: 1.4rem;line-height: 1.5;font-style: normal;font-weight: 500; background-color: var(--pf-gray-light); border-radius: 0.4rem; display: block; }
.pf-job-list-head .h5 { margin-bottom: 0; margin-right: 1.6rem; }
.pf-job-info-row { margin: 1.6rem -1.2rem; display: flex; align-items: center; flex-wrap: wrap; }
.pf-job-info-cell { margin: 1.6rem 1.2rem 0 1.2rem ; display: flex; align-items: center; }
.pf-job-info-icon { margin-right: 1.2rem; width: 2.4rem; font-size: 2.4rem; flex-shrink: 0; color: var(--pf-blue); }
.pf-job-info-text { color: var(--Text-black);font-size: 1.8rem;font-style: normal;font-weight: 400;line-height: 1.5; display: block; }
.pf-partnership-row .pf-partnership-left { margin-top: 3rem; max-width: 64.5rem; }
.pf-partnership-desc-content .text-a { margin-bottom: 3.2rem; }
.pf-partnership-gfx { --bs-aspect-ratio: 63.52941176470588%; }

@media (max-width: 991px) {
    .pf-partnership-row { flex-direction: column-reverse; }
}

@media (min-width: 992px) {
    .pf-partnership-gfx-wrap { margin-right: -30.7rem; }
    .pf-partnership-row .pf-partnership-left { margin-top: 0; }
}

@media (min-width: 1200px) {
    .pf-partnership-gfx-wrap { margin-right: -42.7rem; }
}

@media (min-width: 1400px) {
    .pf-partnership-gfx-wrap { margin-right: -52.7rem; }
}

@media (min-width: 1900px) {
    .pf-partnership-gfx-wrap { margin-right: -28.7rem; }
}

.pf-report-hero-gfx { --bs-aspect-ratio: 63.54679802955665%; max-width: 62.6rem; width: 100%; margin: 0 auto; display: block; }

.row.g-16 { --bs-gutter-x: 1.6rem; }
.pf-blocklist-cell { height: 100%; padding: 3.2rem 0; border-top: 0.2rem solid var(--bs-black); }
.pf-blocklist-cell h2,
.pf-blocklist-cell .h2,
.pf-blocklist-cell h3,
.pf-blocklist-cell .h3 { margin-bottom: 0.8rem; color: var(--pf-blue); }
.pf-blocklist-cell.text-a p strong { font-weight: 700; }

@media (min-width: 992px) {
    .pf-report-hero-gfx-wrap { margin-right: -10.7rem;}
    .pf-report-hero-gfx { max-width: 100%; margin: 0; }
    .pf-blocklist-cell { padding: 0 1.6rem; border-top: none; border-left: 0.2rem solid var(--bs-black); }
}

@media (min-width: 1600px) {
    .pf-blocklist-cell { padding: 0 3.2rem; }
    .pf-blocklist-cell .h2 { font-size: 5rem; }
    .pf-report-hero-gfx-wrap { margin-right: -19.7rem;}
}

.pf-attempts-lists { display: flex; flex-direction: column; }
.pf-attempts-list { padding: 0.8rem 0; display: inline-flex; align-items: center; }
.pf-attempts-list-icon { margin-right: 1.6rem; width: 2.4rem; height: 2.4rem; font-size: 2.4rem; color: var(--pf-blue); flex-shrink: 0; display: flex; align-items: center; }
.pf-attempts-list-text { margin: 0; font-size: 1.6rem; color: var(--bs-black); font-style: normal;font-weight: 400;line-height: 1.5; display: block; }
.pf-attempts-list-text a { color: var(--bs-black); }
.pf-attempts-desc { margin-bottom: 3rem; }
.pf-attempts-desc .text-a { margin-bottom: 3.2rem; }

@media (min-width: 992px) {
    .pf-attempts-desc { margin-bottom: 0; }
}

.pf-download-row .col-md-4 { margin-bottom: 2.4rem; }
.pf-download-row .col-md-4:last-child { margin-bottom: 0; }
.pf-download-box { padding: 2rem; border: 0.1rem solid var(--bs-black); border-radius: 0.6rem; }
.pf-download-icon-row { padding: 0rem 0 1.5rem 0; border-bottom: 0.1rem solid var(--bs-black); }
.pf-download-icon { width: 6.4rem; margin: 0 auto; display: block; }

@media (max-width: 991px) {
    .pf-download-box .btn { --bs-btn-padding-x: 1rem; }
}

@media (min-width: 768px) {
    .pf-download-row .col-md-4 { margin-bottom: 0; }
    .pf-download-box { padding: 1.6rem; }
    .pf-download-icon-row { padding: 1rem 0 2.3rem 0; border-bottom: 0.1rem solid var(--bs-black); }
}

@media (min-width: 992px) {
    .pf-download-box { padding: 3.2rem; }
    .pf-download-icon-row { padding: 1rem 0 2.3rem 0; border-bottom: 0.1rem solid var(--bs-black); }
    .pf-download-icon { width: 9.6rem; }
}

.pf-privacy-policy-content { max-width: 76.8rem; margin: 0 auto; }
.pf-pp-head .h2,
.pf-pp-head .h4 { font-weight: 500; }
.pf-pp-head .h4 { color: var(--pf-blue); }
.pf-pp-head-date { color: var(--pf-blue-gray); }
.pf-pp-nav-wrap,
.pf-pp-nav-row {padding-top: calc(var(--pf-spacer-112) * 0.5); padding-bottom: calc(var(--pf-spacer-112) * 0.5);}
.pf-pp-nav { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.pf-pp-nav > li { width: 100%; margin: 0; }
.pf-pp-nav > li::before { display: none; }
.pf-pp-nav-btn { width: 100%; padding: 0.9rem 2.4rem; color: var(--bs-black);font-size: 1.6rem;font-style: normal;font-weight: 400;line-height: 1.5; border: 0.1rem solid var(--bs-black); text-decoration: none !important; outline: none; box-shadow: none; display: block; text-align: center; transition: color 0.15s, background-color 0.15s; }
.pf-pp-nav-btn:hover,
.pf-pp-nav-btn:focus { background-color: var(--pf-blue); color: var(--bs-white); }
.pf-pp-nav-btn.active { background-color: var(--pf-blue); color: var(--bs-white); }
.pf-pp-nav li:first-child .pf-pp-nav-btn { border-radius: 0.4rem 0.4rem 0 0; }
.pf-pp-nav li:last-child .pf-pp-nav-btn { border-radius: 0 0 0.4rem 0.4rem; }

@media (min-width: 768px) {
    .pf-pp-nav { flex-direction: row; }
    .pf-pp-nav > li { width: auto; }
    .pf-pp-nav-btn { width: auto; }
    .pf-pp-nav li:first-child .pf-pp-nav-btn { border-radius: 0.4rem 0 0 0.4rem; }
    .pf-pp-nav li:last-child .pf-pp-nav-btn { border-radius: 0 0.4rem 0.4rem 0; }
}

@media (min-width: 1200px) {
    .pf-pp-head .h4 { margin-bottom: 2.4rem; }
}

.mt-80 { margin-top: var(--pf-spacer-80); }

/* Testimonial video variant - dark background */
.pf-testimonial.testimonial-video { background: var(--pf-dark-bg); }
.pf-testimonial.testimonial-video .pf-testimonial-content > .text-a { margin-bottom: var(--pf-spacer-48); }
.pf-testimonial.testimonial-video .pf-testimonial-video-wrap { max-width: 90rem; margin: 0 auto; border-radius: 1.2rem; overflow: hidden; background: var(--pf-dark); }

/* Testimonial rating variant - light background */
.pf-testimonial.testimonial-rating { background: var(--pf-gray-bg); color: var(--pf-dark); }
.pf-testimonial.testimonial-rating .pf-testimonial-slider-wrap .swiper-pagination ~ .swiper-button { color: var(--pf-dark) !important; }
.pf-testimonial.testimonial-rating .swiper-pagination-bullet::after { background-color: var(--pf-gray-border); }
.pf-testimonial.testimonial-rating .swiper-pagination-bullet-active::after { background-color: var(--pf-blue-bright); }
.pf-testimonial.testimonial-rating .pf-star i { color: var(--pf-blue-bright); }
.pf-testimonial.testimonial-rating .blockquote { font-size: 1.8rem; line-height: 1.7; font-style: italic; font-weight: 400; color: var(--pf-blue-gray); max-width: 90rem; margin: 2.4rem auto; }
.pf-testimonial.testimonial-rating .pf-review-desc-footer { border-left-color: var(--pf-gray-border); }
.pf-testimonial.testimonial-rating .pf-rd-username { color: var(--pf-dark); font-weight: 600; }
.pf-testimonial.testimonial-rating .pf-rd-usercat { color: var(--pf-blue-gray); }
.pf-testimonial-slider .pf-review-desc-footer { margin-top: 3.2rem; justify-content: center; }

@media (min-width: 768px) {
    .pf-testimonial.testimonial-rating .blockquote { font-size: 2rem; }
}

@media (min-width: 1200px) {
    .pf-testimonial.testimonial-rating .blockquote { font-size: 2.2rem; }
}

/* End   dev1 css */


/* Start dev2 css */

/* pf-hero */
.pf-hero { overflow: hidden; --pf-spacer-112: 5.6rem; background: var(--pf-blue-bright); color: var(--bs-white); }
.pf-hero .pf-section-bg {}
.pf-hero .pf-section-bg img { object-fit: cover; object-position: bottom; opacity: 0.3; mix-blend-mode: overlay; }
.pf-hero .row { --bs-gutter-x: 0; align-items: center; }
.pf-hero-gfx { margin-bottom: 2rem; position: relative; z-index: 0; }
.pf-hero-content { position: relative; z-index: 1; }
.pf-hero-content .text-a { text-align: center; align-items: center; }
.pf-hero-content .btn-spacer { justify-content: center; }
.pf-hero-content .text-a h1,
.pf-hero-content .text-a .h1,
.pf-hero-content .text-a h2,
.pf-hero-content .text-a .h2 { color: var(--bs-white); }

.page-404-gfx { --bs-aspect-ratio: 61.11111111111111%; }

.pf-hero-full .row { min-height: 46rem; }


@media (min-width: 576px) {
    .pf-hero-full .row { min-height: 32rem; }
}

@media (min-width: 768px) {
    .pf-hero-gfx { max-width: 70%; margin-left: auto; margin-right: auto; }

    .pf-hero-full .row { min-height: 36rem; }
}

@media (min-width: 992px) {
    .pf-hero-gfx { max-width: 100%; margin-bottom: 0; }
    .pf-hero-content { order: -1; }
    .pf-hero-content .text-a { text-align: left; align-items: flex-start; }
    .pf-hero-content .btn-spacer { justify-content: flex-start; }

    .page-404-gfx { --bs-aspect-ratio: 100%; }

    .pf-hero-full { --pf-spacer-112: 8.4rem; }
    .pf-hero-full .row { min-height: 40rem; }
}

@media(min-width: 1600px) {
    .pf-hero { --pf-spacer-112: 4rem; }
    .pf-hero-gfx .ratio { width: calc(100% + 6.4rem); left: -3.2rem; }

    .pf-hero-full { --pf-spacer-112: 11.2rem; }
    .pf-hero-full .row { min-height: 43.6rem; }
}

/* pf-testimonial */
.pf-testimonial { overflow: hidden; background: var(--pf-gradient); color: var(--bs-white); text-align: center; }
.pf-testimonial-content .text-a { max-width: 76.8rem; margin: 0 auto; }
.pf-testimonial-content > .text-a { margin-bottom: var(--pf-spacer-80); }
.pf-testimonial-content .text-a h2,
.pf-testimonial-content .text-a .h2 { color: inherit; }

.pf-testimonial-content .blockquote,
.pf-testimonial-content blockquote { padding: 0; border: 0; font-style: normal; font-weight: 500; }

.pf-testimonial-content .blockquote-footer { font-weight: 600; color: inherit; font-size: 1.6rem; padding-top: 0.8rem; }
.pf-testimonial-content .blockquote-footer cite { font-style: normal; font-weight: 400; display: block; }

.swiper-button { width: 4.8rem; height: 4.8rem; border: 0; background-color: transparent !important; color: var(--bs-white) !important; font-size: 2.4rem; padding: 1.2rem; }
.swiper-button-next::after,
.swiper-button-prev::after { display: none; }
.swiper-button-prev { left: 0; }
.swiper-button-next { right: 0; }
.swiper-pagination { margin-top: 3.6rem; padding: 0.5rem; min-width: 2.8rem; position: static; }
.swiper-pagination-bullet { padding: 0.5rem; width: 1.8rem; height: 1.8rem; background: none; }
.swiper-pagination-bullet::after { display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); }
.swiper-pagination-bullet-active::after { background-color: var(--bs-white); }

.pf-testimonial-slider-wrap { position: relative; }
.pf-testimonial-slider-wrap .swiper-button { display: none; }
.pf-testimonial-slider-wrap .swiper-pagination ~ .swiper-button { margin-top: -6rem; }


@media (min-width: 768px) {
    .pf-testimonial-content > .text-a { padding: 0 6rem; }
    .pf-testimonial-content .blockquote-footer { padding-top: 1.6rem; }

    .swiper-pagination { margin-top: 4.8rem; }

    .pf-testimonial-slider-wrap { padding: 0 6rem; }
    .pf-testimonial-slider-wrap .swiper-initialized ~ .swiper-button { display: block; }
    .pf-testimonial-slider-wrap .swiper-pagination ~ .swiper-button { margin-top: -6.6rem; }
}

.pf-blog-l {position: relative;z-index: 10;}
.pf-blog-l .text-a { margin-bottom: 2.4rem; }
.pf-blog-cat-nav { margin: 0; padding: 0; max-width: 24rem; }
.dropdown-menu > li::before { display: none; }
.pf-blog-cat-nav > li > a { padding: 1.2rem 1.6rem; text-decoration: none; display: block; color: var(--bs-black); }
.pf-blog-cat-nav > li > a:hover,
.pf-blog-cat-nav > li > a:focus { text-decoration: none; background-color: var(--pf-gray-light); }
.pf-blog-cat-nav > li > a.active { text-decoration: none; background-color: var(--pf-gray-light); font-weight: 500; }

.pf-blog-r .pf-blog-card-gfx { border-radius: 1rem; overflow: hidden; }
.pf-blog-row { --bs-gutter-y: 3.2rem; }

.pf-blog-r > .row { --bs-gutter-y: var(--pf-spacer-64); }
.pf-blog-cat-nav .dropdown-toggle { width: 100%; background-color: transparent; border: none; text-align: left; display: inline-flex; align-items: center; padding: 1.2rem 1.6rem; }
.pf-blog-cat-nav .dropdown-toggle:hover,
.pf-blog-cat-nav .dropdown-toggle:focus,
.pf-blog-cat-nav .dropdown-toggle.active { background-color: var(--pf-gray-light); }

.pf-blog-cat-nav .dropdown-toggle::after { display: none; }
.pf-blog-cat-nav .dropdown-menu { --bs-dropdown-padding-y: 0; --bs-dropdown-font-size: 1.6rem;--bs-dropdown-link-active-bg: var(--pf-gray-bg); --bs-dropdown-link-hover-color: var(--bs-black); --bs-dropdown-item-padding-y: 1.6rem; --bs-dropdown-item-padding-x: 1.2rem; --bs-dropdown-min-width: 100%; --bs-dropdown-border-width: 0; --bs-dropdown-link-active-bg: var(--pf-gray-light); --bs-dropdown-link-active-color: var(--bs-black); }
.pf-blog-cat-nav .dropdown-menu > li {margin: 0;}
.pf-blog-cat-nav .dropdown-menu .dropdown-item { text-decoration: none; }
.dropdown-toggle-icon { display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; font-size: 3.2rem; margin-left: auto; }
.pf-blog-latest-row { --bs-gutter-y: 4.8rem; }
.pf-blog-latest-footer { margin-top: var(--pf-spacer-80); }
.pf-blog-latest-footer > .btn { margin-top: 0; }
.pd-blog-type-row .pf-blog-card-gfx {border-radius: 0.8rem; overflow: hidden;}

@media (min-width: 576px) {
    .pd-blog-type-row { display: flex; align-items: center; }
    .pd-blog-type-row .pf-blog-card-gfx { max-width: 29.6rem; width: 47.43589743589744%; margin: 0 2rem 0 0; align-self: flex-start; }
    .pd-blog-type-row .pf-blog-card-content { flex: 1 1 auto; width: 1%; }
}

@media (min-width: 992px) {
    .pf-blog-cat-nav .dropdown-menu { display: block; position: static; transform: none; }
    .pf-blog-cat-nav .dropdown-toggle-icon { display: none; }
    .pf-blog-l { align-self: flex-start; position: sticky; top: calc(var(--pf-header-height) + var(--wpadminbar-height) + 1.5rem); left: 0; }
}
@media (min-width: 1400px) {
    .pf-blog-row { --bs-gutter-x: 6.4rem; }
    .pf-blog-latest-row { --bs-gutter-x: 6.4rem; }
    .pf-blog-l { width: 22.09302325581395%; }
    .pf-blog-r { width: 77.90697674418605%; }
    .pd-blog-type-row .pf-blog-card-gfx { margin-right: 3.2rem; }
}

.breadcrumb > li::before { background-color: transparent; }
.breadcrumb { --bs-breadcrumb-item-padding-x: 0.8rem;  --bs-breadcrumb-divider: '>' ; --bs-breadcrumb-divider-color: var(--pf-blue-bright); --bs-link-color-rgb: 0, 0, 0; --bs-breadcrumb-font-size: 1.6rem; --bs-breadcrumb-margin-bottom: 2.4rem; }
.breadcrumb-item+.breadcrumb-item::before {  width: 1.6rem; height: 1.6rem; position: static; } 
.pf-single-detail-content .entry-header { margin-bottom: var(--pf-spacer-48); }
.pf-blog-detail-head-row { display: flex;  flex-direction: column; }
.pf-blog-detail-head-l { width: 100%; margin-bottom: 2.4rem; }
.pf-blog-detail-head-r { flex-shrink: 0; margin-left: auto; }
.pf-blog-author-row { display: flex; align-items: center; }
.pf-blog-author-avtar { width: 5.6rem; border-radius: 50%; overflow: hidden; flex-shrink: 0; margin-right: 1.6rem; background-color: var(--pf-gray-bg); }
.pf-blog-author-detail { flex: 1 1 auto; width: 1%; }
.pf-blog-author-name { display: block; margin-bottom: 0.7rem; font-size: 1.4rem; font-weight: 500; line-height: 1.5; }
.entry-meta-date { display: flex ; align-items: center; flex-wrap: wrap; font-size: 1.4rem; font-weight: 400; line-height: 1.5; }
.pf-blog-read-time { padding-left: 2.7rem; position: relative; display: block; }
.pf-blog-read-time::before { margin: 0; width: 0.4rem; height: 0.4rem; top: 50%; transform: translateY(-50%); left: 1rem;position: absolute; z-index: 1; background-color: var(--bs-black); border-radius: 50%; content: ""; display: block; }
.pf-blog-social { margin: 0 -0.4rem; padding: 0; display: flex; align-items: center; flex-wrap: wrap; }
.pf-blog-social > li { padding: 0.4rem; margin: 0; }
.pf-blog-social > li::before { display: none; }
.pf-blog-social > li > a,
.pf-blog-social > li > button { width: 3.2rem; height: 3.2rem; border-radius: 50%; font-size: 2.4rem; display: flex; align-items: center; justify-content: center; background-color: var(--pf-gray-light); color: var(--pf-blue); transition: 0.3s color ease; border: none; }
.pf-blog-social > li > a:hover,
.pf-blog-social > li > button:hover { color: var(--pf-royal-blue); }
.pf-blog-single-thumb { margin: 0 auto; width: 100%; border-radius: 1.2rem; overflow: hidden; max-width: 131.2rem; background-color: var(--pf-gray-bg); }

.single-typo { margin-bottom: var(--pf-spacer-64); }
.single-typo img { height: auto; max-width: 100%; display: block; }
.single-typo figure img { height: auto; max-width: 100%; display: block; }
.single-typo figcaption { margin-top: 0.8rem; padding-left: 1rem; border-left: 0.2rem solid var(--bs-black); color: var(--bs-black); }
.pf-single-post-share { display: flex; flex-direction: column; flex-wrap: wrap; border-bottom: 0.1rem solid var(--bs-black); margin-bottom: var(--pf-spacer-48); padding-bottom: var(--pf-spacer-48); }
.pf-single-post-share-l { flex-shrink: 0; margin-bottom: 1.6rem; }
.pf-single-post-share-r { width: 100%; }
.pf-post-share-lbl { font-weight: 500; display: block; margin-bottom: 1.6rem; }
.pf-post-tag { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 -0.4rem;  }
.pf-post-tag > li { padding: 0.4rem; margin: 0; }
.pf-post-tag > li::before {display: none; }
.pf-post-tag > li > a,
.pf-post-tag > li > span { display: block; text-decoration: none; color: inherit; padding: 0.4rem 0.8rem; background-color: var(--pf-gray-light); }
.copy-link-message { position: absolute; font-size: 1.2rem; white-space: nowrap; margin-top: 0.2rem; color: var(--bs-body-color); }

.single-typo h2,
.single-typo .h2 { font-size: 2.4rem; line-height: 1.25; margin-top: var(--pf-spacer-40); }
.single-typo h3,
.single-typo .h3 { font-size: 2rem; margin-top: var(--pf-spacer-40); }
.single-typo h4,
.single-typo .h4 { font-size: 1.8rem; margin-top: var(--pf-spacer-40); }
.single-typo h5,
.single-typo .h5 { font-size: 1.6rem; margin-top: var(--pf-spacer-24); }
.single-typo h6, 
.single-typo .h6 { font-size: 1.6rem; margin-top: var(--pf-spacer-24);  }
.single-typo figure { margin: var(--pf-spacer-48) 0; }

.single-typo ul ol,
.single-typo ol ul { margin-top: var(--pf-spacer-16);}

@media (min-width: 576px) {
    .pf-blog-detail-head-row { flex-direction: row; align-items: center; }
    .pf-blog-detail-head-l { flex: 1 1 auto; width: 1%; margin-bottom: 0; }
}

@media (min-width: 768px) {
    .pf-single-post-share { flex-direction: row; align-items: center; }
    .pf-single-post-share-l { margin-bottom: 0; margin-right: 1.6rem; }
    .pf-single-post-share-r { margin-left: auto; align-self: flex-end; flex: 1 1 auto; width: 1%; }
    .pf-blog-tags { justify-content: flex-end; }

    .single-typo h2,
    .single-typo .h2 { font-size: 3.2rem; }
    .single-typo h3,
    .single-typo .h3 { font-size: 2.4rem; }
    .single-typo h4,
    .single-typo .h4 { font-size: 2rem; }
    .single-typo h5,
    .single-typo .h5 { font-size: 1.8rem; }
    .single-typo h6, 
    .single-typo .h6 { font-size: 1.8rem; }
    
}

@media (min-width: 1200px) {
    .single-typo h2,
    .single-typo .h2 { font-size: 3.6rem; }
    .single-typo h3,
    .single-typo .h3 { font-size: 2.8rem; }
}

@media (min-width: 1600px) {
    .single-typo h2,
    .single-typo .h2 { font-size: 4rem; }
    .single-typo h3,
    .single-typo .h3 { font-size: 3.2rem; }
}

.pf-newsletter-form { padding-top: var(--pf-spacer-16); max-width: 51rem; margin: 0 auto; }
.pf-newsletter-modal-form { padding-top: var(--pf-spacer-48); }

.modal-a { --bs-modal-padding: var(--pf-spacer-64); --bs-modal-width: 76.8rem; --bs-modal-border-radius: 1rem; --bs-modal-border-width: 0; --bs-modal-margin: 1.5rem; min-width: 32rem; }

.modal-a .btn-close { --bs-btn-close-bg: none; --bs-btn-close-opacity: 1; --bs-btn-close-hover-opacity: 1;  --bs-btn-close-focus-shadow: 0 0 0 2px var(--bs-black); position: absolute; top: 0.5rem; right: 0.5rem; width: 3.2rem; height: 3.2rem; display: flex; align-items: center; justify-content: center; font-size: 3.2rem; padding: 0; }

@media (min-width: 576px) {
    .modal-dialog { margin-left: 1.5rem; margin-right: 1.5rem; }
}

@media (min-width: 768px) {
    .modal-a .btn-close { top: 1.6rem; right: 1.6rem; }
    .modal-dialog { margin-left: auto; margin-right: auto; }
}

.blog-hubspot-form-wrap { margin-top: 3rem; }

@media (min-width: 992px) {
    .blog-hubspot-form-wrap { margin-top: 0; }
}

/* Blog Single TOC Layout */
.pf-blog-single-layout {
    display: block;
    max-width: 131.2rem;
    margin: 0 auto;
}

/* Mobile TOC - Collapsible Accordion */
.pf-blog-toc-mobile {
    margin-bottom: var(--pf-spacer-32);
    border: 1px solid var(--pf-gray-border);
    border-radius: 0.8rem;
    overflow: hidden;
}

.pf-blog-toc-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem 2rem;
    background-color: var(--pf-gray-bg);
    border: none;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--pf-dark);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.pf-blog-toc-toggle:hover {
    background-color: var(--pf-gray-hover);
}

.pf-blog-toc-toggle svg {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.pf-blog-toc-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.pf-blog-toc-content {
    padding: 0 2rem 1.6rem;
    background-color: var(--pf-gray-bg);
}

.pf-blog-toc-content nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pf-blog-toc-content nav > ul > li {
    margin: 0;
    padding: 0;
}

.pf-blog-toc-content nav > ul > li::before {
    display: none;
}

.pf-blog-toc-content nav > ul > li > a {
    display: block;
    padding: 0.8rem 1.2rem;
    margin: 0 -1.2rem;
    color: var(--pf-blue-gray);
    font-size: 1.5rem;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
    border-radius: 0.4rem;
}

.pf-blog-toc-content nav > ul > li > a:hover {
    color: var(--pf-blue);
}

.pf-blog-toc-content nav > ul > li > a.active {
    color: var(--pf-blue);
    background-color: var(--pf-gray-border);
}

.pf-blog-toc-content nav > ul > li > ul {
    margin: 0;
    padding: 0 0 0 1.6rem;
    list-style: none;
}

.pf-blog-toc-content nav > ul > li > ul > li {
    margin: 0;
    padding: 0;
}

.pf-blog-toc-content nav > ul > li > ul > li::before {
    display: none;
}

.pf-blog-toc-content nav > ul > li > ul > li > a {
    display: block;
    padding: 0.6rem 1.2rem;
    margin: 0 -1.2rem;
    color: var(--pf-blue-gray);
    font-size: 1.4rem;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
    border-radius: 0.4rem;
}

.pf-blog-toc-content nav > ul > li > ul > li > a:hover {
    color: var(--pf-blue);
}

.pf-blog-toc-content nav > ul > li > ul > li > a.active {
    color: var(--pf-blue);
    background-color: var(--pf-gray-border);
}

/* Desktop TOC - Sticky Sidebar */
.pf-blog-toc {
    display: none;
}

.pf-blog-toc-title {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--pf-dark);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1.6rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--pf-gray-border);
}

.pf-blog-toc nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pf-blog-toc nav > ul > li {
    margin: 0;
    padding: 0;
}

.pf-blog-toc nav > ul > li::before {
    display: none;
}

.pf-blog-toc nav > ul > li > a {
    display: block;
    padding: 0.8rem 1.2rem 0.8rem 1.6rem;
    color: var(--pf-blue-gray);
    font-size: 1.5rem;
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    line-height: 1.4;
    border-left: 3px solid transparent;
    margin-left: -1.6rem;
    border-radius: 0 0.4rem 0.4rem 0;
}

.pf-blog-toc nav > ul > li > a:hover {
    color: var(--pf-blue);
}

.pf-blog-toc nav > ul > li > a.active {
    color: var(--pf-blue);
    border-left-color: var(--pf-blue);
    background-color: var(--pf-gray-hover);
}

.pf-blog-toc nav > ul > li > ul {
    margin: 0;
    padding: 0 0 0 1.6rem;
    list-style: none;
}

.pf-blog-toc nav > ul > li > ul > li {
    margin: 0;
    padding: 0;
}

.pf-blog-toc nav > ul > li > ul > li::before {
    display: none;
}

.pf-blog-toc nav > ul > li > ul > li > a {
    display: block;
    padding: 0.6rem 1.2rem 0.6rem 1.2rem;
    color: var(--pf-blue-gray);
    font-size: 1.4rem;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
    line-height: 1.4;
    border-radius: 0.4rem;
    margin-left: -1.2rem;
}

.pf-blog-toc nav > ul > li > ul > li > a:hover {
    color: var(--pf-blue);
}

.pf-blog-toc nav > ul > li > ul > li > a.active {
    color: var(--pf-blue);
    background-color: var(--pf-gray-hover);
}

/* Main content column */
.pf-blog-main-content {
    width: 100%;
}

/* Author Card */
.pf-blog-author-card {
    max-width: 76.8rem;
    margin: 0 auto;
}

.pf-blog-author-card-inner {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.pf-blog-author-card .pf-blog-author-avtar {
    width: 6.4rem;
    flex-shrink: 0;
}

.pf-blog-author-card-content {
    flex: 1;
}

.pf-blog-author-card .pf-blog-author-name {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.pf-blog-author-title {
    display: block;
    color: var(--pf-blue-gray);
    font-size: 1.4rem;
    line-height: 1.5;
}

/* Tag pills styling */
.pf-blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.pf-blog-tag {
    display: inline-block;
    padding: 0.6rem 1.2rem;
    background-color: var(--pf-gray-hover);
    color: var(--pf-blue-gray);
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: 0.4rem;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.pf-blog-tag:hover {
    background-color: var(--pf-gray-border);
    color: var(--pf-dark);
}

/* Desktop Layout (992px+) */
@media (min-width: 992px) {
    .pf-blog-single-layout {
        display: flex;
        gap: 4.8rem;
    }

    .pf-blog-toc {
        display: block;
        width: 22rem;
        flex-shrink: 0;
        position: sticky;
        top: calc(var(--pf-header-height) + 2rem);
        align-self: flex-start;
        max-height: calc(100vh - var(--pf-header-height) - 4rem);
        overflow-y: auto;
    }

    .pf-blog-main-content {
        flex: 1;
        min-width: 0;
    }
}

@media (min-width: 1200px) {
    .pf-blog-single-layout {
        gap: 6.4rem;
    }

    .pf-blog-toc {
        width: 24rem;
    }
}

/* Hide WordPress legacy TOC blocks (we use our own TOC now) */
.wp-block-table-of-contents {
    display: none;
}

/* ============================================
   Job Cards - Careers Listing Page
   ============================================ */
.pf-job-cards { }
.pf-job-cards-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.4rem;
    max-width: 96rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .pf-job-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.pf-job-card {
    background: #fff;
    border: 1px solid var(--pf-gray-border);
    border-radius: 0.8rem;
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.pf-job-card:hover {
    border-color: var(--pf-blue);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.pf-job-card-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-bottom: 1.6rem;
}

.pf-job-card-head .h5 {
    margin: 0;
    flex: 1;
}

.pf-job-card-dept {
    padding: 0.4rem 1rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
    background-color: var(--pf-gray-light);
    border-radius: 0.4rem;
    color: var(--pf-dark);
}

.pf-job-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
}

.pf-job-card-meta-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 1.4rem;
    color: var(--pf-blue-gray);
}

.pf-job-card-meta-item i {
    font-size: 1.8rem;
    color: var(--pf-blue);
}

.pf-job-card-desc {
    flex: 1;
    margin-bottom: 1.6rem;
}

.pf-job-card-desc p {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.6;
    color: var(--pf-blue-gray);
}

.pf-job-card-footer {
    padding-top: 1.6rem;
    border-top: 1px solid var(--pf-gray-border);
}

.pf-job-card-link {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--pf-blue);
    text-decoration: none;
    transition: gap 0.2s ease;
}

.pf-job-card-link:hover {
    text-decoration: none;
    gap: 1.2rem;
}

.pf-job-card-link i {
    font-size: 1.6rem;
}

/* ============================================
   Job Single Page
   ============================================ */
.pf-job-single {
    padding-top: var(--pf-spacer-48);
}

.pf-job-back-link {
    margin-bottom: 3.2rem;
}

.pf-job-back-link a {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--pf-blue);
    text-decoration: none;
    transition: gap 0.2s ease;
}

.pf-job-back-link a:hover {
    text-decoration: none;
    gap: 1.2rem;
}

.pf-job-back-link i {
    font-size: 1.6rem;
}

.pf-job-header {
    max-width: 76.8rem;
    margin: 0 auto 4rem;
}

.pf-job-header .pf-sec-head-lbl {
    margin-bottom: 1.2rem;
}

.pf-job-header .h1 {
    margin-bottom: 2.4rem;
}

.pf-job-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}

.pf-job-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1.2rem;
    font-size: 1.4rem;
    font-weight: 500;
    background-color: var(--pf-gray-light);
    border-radius: 0.4rem;
    color: var(--pf-dark);
}

.pf-job-tag i {
    font-size: 1.6rem;
    color: var(--pf-blue);
}

.pf-job-tag-department {
    background-color: var(--pf-blue);
    color: #fff;
}

.pf-job-content {
    max-width: 76.8rem;
    margin: 0 auto;
}

.pf-job-content-title {
    margin-bottom: 3.2rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--pf-gray-border);
}

.pf-job-section {
    margin-bottom: 3.2rem;
}

.pf-job-section .h5 {
    margin-bottom: 1.6rem;
    color: var(--pf-dark);
}

.pf-job-section .pf-desc {
    font-size: 1.6rem;
    line-height: 1.7;
    color: var(--pf-blue-gray);
}

.pf-job-section .pf-desc p {
    margin-bottom: 1.6rem;
}

.pf-job-section .pf-desc p:last-child {
    margin-bottom: 0;
}

.pf-job-section .pf-desc ul {
    margin: 0;
    padding-left: 2rem;
}

.pf-job-section .pf-desc ul li {
    margin-bottom: 0.8rem;
}

.pf-job-section .pf-desc ul li:last-child {
    margin-bottom: 0;
}

.pf-job-apply {
    margin-top: 4rem;
    padding-top: 3.2rem;
    border-top: 1px solid var(--pf-gray-border);
}

.pf-job-apply .btn {
    min-width: 16rem;
}

/* End   dev2 css */