/*
Theme Name: NKH Pump 002
Author: NKH
Description: NKH Pump 002 theme
Version: 1.1.5
*/
html{
    scroll-behavior: smooth;
}
body {
    color: var(--wp--preset--color--muted);
}

h1,h2,h3,h4,h5 {
    color: var(--wp--preset--color--navy);
}

h2 {
    font-size: clamp(28px, 4vw, 46px);
    font-weight: 800;
    line-height: 1.1;
}
h2 .highlight {
    color: var(--wp--preset--color--green);
}
h2 .highlight-alt  {
    color: var(--wp--preset--color--red);
}


:where(.wp-site-blocks) > * {
    margin-block-start: 0rem;
    margin-block-end: 0;
}
/* breakpoint helper 

    Mobile: 600px and below
    Tablet/Small Screen: 782px (This is the most common core breakpoint where columns typically stack)
    Desktop: Above 782px
*/
@media screen and (max-width: 781px) {
    .hide-on-mobile {
        display: none !important;
    }
}
@media screen and (min-width: 782px) {
    .mobile-only {
        display: none !important;
    }
}

/* =header
********/
#header nav .wp-block-button {
    padding-left:16px;
    position: relative;
}
#header nav .wp-block-button:before  {
    
    display:inline;
    width: 0;
    height: 60%;
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    border-left: 1px solid var(--wp--preset--color--border);
}
.site-nav.stuck .nav-div {
    background: var(--wp-preset--color--border);
}
.nav-div {
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, .2);
    margin: 0 6px;
}
#header nav .wp-font-awesome-icon svg  path {
    fill: white;
}

#header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*transition: padding .3s;*/


    transition: background .35s, box-shadow .35s, padding .3s;

}
#header.stuck {
    background: #fff;
    box-shadow: 0 2px 24px rgba(27, 45, 62, .09);
}
#header .inner {
    padding-top: 10px;
    padding-bottom: 8px;
    width: 100%;

}
#header a{
    color: #fff;
        font-size: 14px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 6px;
    transition: all .2s;
}
#header a:hover{
    background: rgba(255, 255, 255, .12);
}
#header.stuck a{
    color: var(--wp--preset--color--navy);
}
#header.stuck a:hover{
    color: var(--wp--preset--color--red);
    background: var(--wp--preset-color--bg3);
}
#header a.wp-block-button__link {
    background: var(--wp--preset--color--red);
    padding: 8px 14px;
}
#header.stuck a.wp-block-button__link {
    color:#fff;
}
#header a.wp-block-button__link:hover {
    background: var(--wp--preset--color--red-dk);
}

#header.stuck .wp-block-navigation__responsive-container.is-menu-open a.wp-block-button__link {
    color:var(--wp--preset--color--red);
}
#header .wp-block-navigation__responsive-container.is-menu-open {
    bottom: auto;
    box-shadow: 0 8px 24px rgba(27, 45, 62, .1);
    padding-bottom: 50px;
}
#header .wp-block-navigation__responsive-container-open {
    display: none;
    background: none;
    border: 1.5px solid rgba(255, 255, 255, .3);
    border-radius: 7px;
    padding: 8px 10px;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
}
#header.stuck .wp-block-navigation__responsive-container-open {
    border-color: var(--wp--preset--color--border);
        

}

#header .wp-block-navigation__responsive-container-open svg path {

    fill: #fff;
    transition: all .3s;
}
#header.stuck .wp-block-navigation__responsive-container-open svg path {
    fill: var(--wp--preset--color--navy);
}

.wp-block-site-logo img {
        height: 68px;
    width: auto;
    transition: height .3s, filter .3s;
    filter: brightness(0) invert(1);
}
#header.stuck .wp-block-site-logo img {
    filter: none;
    height: 58px;
}

#header .wp-block-navigation {
    gap: 0;
}



@media (max-width: 991px) {
    #header {
    padding: 12px 20px;
    }
    .wp-block-site-logo img {
        height: 58px;
    }
    #header.stuck .wp-block-site-logo img {
         height: 48px;
    }      
    #header .wp-block-navigation__responsive-container-open {
        display: block;
    }
    #header .wp-block-navigation__responsive-container-content {
        display: none;
    }
    #header .wp-block-navigation__responsive-container-content ul {
        display: block;
    }
    #header .wp-block-navigation__responsive-container-content a {
        border-bottom: 1px solid var(--wp--preset--color--border);
        color: var(--wp-preset--color-navy);
        display: block;
        font-size: 15px;
        padding: 18px 0 18px;
        width: 100%;
    }
    #header .is-menu-open .wp-block-navigation__responsive-container-content {
        display: block;
    }
    #header nav .wp-block-button {
        padding: 0;
    }
    #header nav .wp-block-button:before {
        border: none;
    }
    #header a.wp-block-button__link {
        background: transparent;
        color: var(--wp--preset--color--red);
    }
    #header a.wp-block-button__link:hover {
        background: transparent;
        color: var(--wp--preset--color--red);
    }
    #header a.wp-block-button__link svg path {
        fill: var(--wp--preset--color--red);
    }
}


/* =footer
**************/
#footer {
    background: #0c1520;
    color: rgba(255, 255, 255, .42);
    border-top: 3px solid var(--wp--preset--color--red);
    font-size: 13px;
    padding-top: 60px;
    padding-bottom:26px;
}
#footer .wp-block-group .wp-block-columns:first-child {
    margin-bottom: 5rem;
}
#footer h4{
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .22);
    margin-bottom: 17px;
}
#footer .wp-block-navigation {
    gap: 9px;
}
#footer .wp-block-list  {
    list-style: none;
    padding: 0;
}
#footer .wp-block-list li {
    margin: 0 0 9px;
    padding: 0;
}
#footer a {
    color: rgba(255, 255, 255, .42);
    font-size: 13.5px;
    transition: color .2s;
    text-decoration: none;
}
#footer a:hover {
    color: var(--wp--preset--color--green);
}

#footer .wp-block-site-logo img {
    height: 86px;
    width: auto;
    margin-bottom: 14px;
    filter: brightness(0) invert(1);
}

#footer .wp-block-social-link-anchor {
    width: 34px;
    height: 34px;
    border-radius: 7px;
    background: rgba(24, 33, 43, 1);
    border: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .38);
    font-size: 13px;
    padding: 0;
    transition: all .2s;
}

#footer .wp-block-social-links .wp-social-link svg {
    height: 20px;
    width: 20px;
    color: rgba(255, 255, 255, .38);
    fill: rgba(255, 255, 255, .38);
    background: transparent;
}

#footer .wp-block-social-link-anchor:hover {
    background: var(--wp--preset--color--green);
    border-color: var(--wp--preset--color--green);
    color: #fff;
}

#footer .wp-block-social-links .wp-social-link:hover svg {
    color: #fff;
    fill: #fff;
}

.iso-tags {
    display: flex;
    gap: 10px;
}
.iso-tags li {
    background: rgba(114, 169, 59, .07);
    border: 1px solid rgba(114, 169, 59, .18);
    color: rgba(114, 169, 59, .55);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
}
.no-icons .iso-tags .wp-font-awesome-icon{
    display: none;
}

#footer .iso-tags li {
    margin: 0;  
    padding: 3px 8px;
}
.icon-wrap
 {
    width: 44px;
    height: 44px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 13px;
    background: var(--wp--preset--color--green-bg);
    color: var(--wp--preset--color--green);
    transition: all .32s;
}
.icon-wrap.red {
    background: var(--wp--preset--color--red-bg);
    color: var(--wp--preset--color--red);
}
.wp-font-awesome-icon svg {
    margin-right:5px;
}
.wp-font-awesome-icon.right svg {
    margin-left:5px;
}
.icon-wrap svg {
    margin: 0;
}   
.wp-font-awesome-icon svg path {
    fill: var(--wp--preset--color--green);
}
.white .wp-font-awesome-icon svg path,
.wp-font-awesome-icon.white svg path {
    fill: white;
}
.red .wp-font-awesome-icon svg path,
.wp-font-awesome-icon.red svg path {
    fill: var(--wp--preset--color--red);
}

.icon-whatsapp *:first-child:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2372A93B" class="bi bi-whatsapp" viewBox="0 0 16 16"><path d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232"/></svg>');
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.wp-block-image  {
    height: 100%;
}
.wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .55s;
}
/* =HomeSection
**************/
.sec {
    padding-top: 88px;
    padding-bottom: 88px;
}
.sec-alt {
    background: var(--wp--preset--color--bg-2);
}

/* =header-group
**************/
.header-group {
    margin-bottom: 48px;
}
.header-group.center {
    text-align: center;
}
.sec-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--wp--preset--color--red);
    display: block;
    margin-bottom: 1rem;
}
.header-group:before {
    display: inline-block;
    content: '';
    width: 42px;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--wp--preset--color--red), var(--wp--preset--color--green));
    margin-bottom: 1rem;
}


/* =HeroBanner
**************/

#heroBanner {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}
#heroBanner:before {
    content: '';
    position: absolute;
    background: linear-gradient(110deg, rgba(27, 45, 62, .9) 0%, rgba(27, 45, 62, .75) 55%, rgba(114, 169, 59, .22) 100%);
    left: 0;
    top:0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#heroBanner .wp-block-cover__image-background {
    position: absolute;
    transition: transform .12s linear;
    z-index: 0;
        transform: scale(1.08);
    will-change: transform;
}
#heroBanner .wp-block-cover__inner-container {
    
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    z-index: 2;
}
#heroBanner .wp-block-cover__inner-container .intro-column h1,
#heroBanner .wp-block-cover__inner-container .intro-column p {
    margin: 20px 0;
}
#heroBanner .wp-block-cover__inner-container .info-column {
    padding-top: 20px;
    padding-bottom: 20px;
}

#heroBanner h1 {
    font-size: clamp(40px, 6.5vw, 76px);
    font-weight: 600;
    line-height: 1.08;
    color: #fff;
    margin-bottom: 22px;
}
#heroBanner h1 em { 
    color: var(--wp--preset--color--red);
    font-style: normal;
    display: block;
}
#heroBanner h1 strong { 
    color: var(--wp--preset--color--green);
    font-weight: 800;
}
.hero-cards  {
    /*opacity: 0;
    animation: fadeLeft .8s .9s forwards;*/
}
#heroBanner .card {
    background: rgba(255, 255, 255, .93);
    backdrop-filter: blur(14px);
    border-radius: 14px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
    border: 1px solid rgba(255, 255, 255, .7);
    transition: all .3s;
}
#heroBanner .card .card-number {
    font-size: 32px;
    font-weight: 800;
    color: var(--wp--preset--color--navy);
    line-height: 1;
}
#heroBanner .card .card-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--wp--preset--color--muted);
    margin-top: 2px;
}
#heroBanner .card .card-image {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
#heroBanner .iso-tags li {
    display: inline-flex;
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 100px;
    color: var(--wp-preset--color-navy);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    padding: 5px 13px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
#heroBanner .iso-tags {
    list-style: none;
    padding: 0;
}
.hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, .1);
    border: 1.5px solid rgba(255, 255, 255, .22);
    color: rgba(255, 255, 255, .9);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 100px;
    margin-bottom: 22px;
    animation: fadeUp .7s .2s forwards;
}

.scroll-down {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    color: rgba(255, 255, 255, .35);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    animation: bob 2.5s ease-in-out infinite;
    margin: 0;
}
.scroll-down p {
    margin: 5px;
}
@keyframes bob {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
}
@keyframes bob {
    0%,100% {
        transform:translateX(-50%) translateY(0);
    }
    50% {
        transform:translateX(-50%) translateY(8px);
    }
}

/* =Ticker
**************/
@keyframes ticker {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.ticker-wrap {
    background: #fff;
    border-top: 3px solid var(--wp--preset--color--red);
    border-bottom: 1px solid var(--wp--preset--color--border);
    box-shadow: 0 2px 16px rgba(27, 45, 62, .06);
    overflow: hidden;
}
.ticker-in {
    display: flex;
    height: 56px;
    align-items: stretch;
}

.ticker-label {
    background: var(--wp--preset--color--red);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 116px;
    flex-shrink: 0;
    white-space: nowrap;
}
@media (max-width: 991px) {
    .ticker-label {
        display: none;
    }
}
.ticker-track {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.ticker-scroll {
    display: flex;
    align-items: center;
    animation: ticker 34s linear infinite;
    white-space: nowrap;
}
.ticker-scroll:hover {
    animation-play-state: paused;
}
.titem {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 28px;
    color: var(--wp--preset--color--muted);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    border-right: 1px solid var(--wp--preset--color--border);
    flex-shrink: 0;
    transition: color .2s;
}
.titem i {
    color: var(--wp--preset--color--green);
    font-size: 11px;
}

#about h3 {
    font-size: 16px;
}
.about-image-box  {
    position: relative;
    padding-bottom: 30px;
    padding-right: 24px;
}
.about-image-box .wp-block-image {
        border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--wp--preset--custom--shadow-large);
    margin-left: 10px;
}
.about-image-box .wp-block-image img {
    height: 460px;
    object-fit: cover;
    transition: transform .6s;
}
@media (max-width: 991px) {
    .about-image-box {
        padding-right: 0;
        padding-bottom: 36px;
    }
}

.ab {
    font-size: 11px;
    color: rgba(255, 255, 255, .88);
    margin-top: 3px;
    position: absolute;
    border-radius: 12px;
    text-align: center;
    box-shadow: var(--wp--preset--custom--shadow-large);
}
.ab-red {
    background: var(--wp--preset--color--red);
    bottom: 0;
    right: 0;
    padding: 18px 22px;
    min-width: 124px;
}
.ab-green {
    background: var(--wp--preset--color--green);
    top: 20px;
    left: 0;
    padding: 14px 18px;
    min-width: 106px;
}
.ab p {
    margin: 0;
}
.ab strong {
    font-size: 30px;
}
.ab cite {
    font-style: normal;
}

#contactSection {
    background: var(--wp--preset--color--navy);
    color:rgba(255,255,255,.48);
    padding-top: 96px;
    padding-bottom: 96px;
}

#contactSection h2 {
    color: #fff;
}

#contactSection a {
    color: rgba(255,255,255,.55);
    text-decoration: none;
}

#contactSection a:hover {
    color: var(--wp--preset--color--green);
}

#contactSection .wp-block-buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 48px;
}
#contactSection .info-group {
        display: flex;
        list-style: none;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    margin-top: 48px;
    padding: 40px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .06);
}
#contactSection .wp-element-button {
    background: transparent;
    color: #fff;
    padding: 13px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255, .22);
    transition: all .25s;
}
#contactSection .highlight .wp-element-button {
    border: 2px solid var(--wp--preset--color--red);
    background: var(--wp--preset--color--red);

}
#contactSection .highlight-alt .wp-element-button {
    border: 2px solid rgba(37, 211, 102, .3);
}
#contactSection .wp-element-button:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, .07);
    color: #fff;
    transform: translateY(-2px);
}
#contactSection .highlight .wp-element-button:hover {
    background: var(--wp--preset--color--red-dk);
    border-color: var(--wp--preset--color--red-dk);
    color: #fff;
}
#contactSection .highlight-alt .wp-element-button:hover {
    border: 2px solid rgba(37, 211, 102, .3);
    background: rgba(255, 255, 255, .07);
}

.card {
    background: #fff;
    font-size: 13px;
    border-radius: 14px;
    padding: 30px 18px;
    border: 1.5px solid var(--wp--preset--color--border);
    position: relative;
    overflow: hidden;
    transition: all .35s;
}
.card.center {
    text-align: center;
}
.card:hover {
        border-color: var(--wp--preset--color--green);
    transform: translateY(-4px);
    box-shadow: var(--wp--preset--custom--shadow);
}
.card p{
    margin: 10px 0;
}
 .cert-card {
        background: #fff;
    position: relative;
    text-align: center;
 }
.cert-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--wp--preset--color--red), var(--wp--preset--color--green));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s;
}
.cert-card:hover:before {
    transform: scaleX(1);
}
.cert-card:hover {
    border-color: var(--wp--preset--color--green);
    transform: translateY(-4px);
    box-shadow: var(--wp--custom--shadow);
}

 .cert-card .wp-font-awesome-icon svg {
    height: 32px;
    width: 32px;
 }
  .cert-card .wp-font-awesome-icon svg {
    margin: 0;
  }

.proc-card {
    text-align: center;
}

.proc-card h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 7px;
}
.proc-circle {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--wp--preset--color--green-dk), var(--wp--preset--color--green));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 24px;
    color: #fff;
    position: relative;
    box-shadow: 0 8px 20px rgba(114, 169, 59, .25);
    transition: all .35s;
}
.proc-card:hover .proc-circle {
    background: linear-gradient(135deg, var(--wp--preset--color--red-dk), var(--wp--preset--color--red));
    box-shadow: 0 8px 20px rgba(229, 68, 56, .3);
}
.proc-card .wp-font-awesome-icon,
.proc-card .wp-font-awesome-icon svg {
    margin: 0;
}

.proc-n {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: var(--wp--preset--color--red);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(229, 68, 56, .4);
}   

.svc-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
    position: relative;
    box-shadow: var(--wp--custom--shadow);
    border: 1.5px solid transparent;
    transition: all .38s;
}   
.svc-card:hover {
    transform: translateY(-9px);
    box-shadow: var(--wp--custom--shadow-large);
    border-color: var(--wp--preset--color--green);
}
.svc-image {
    height: 210px;
    overflow: hidden;
    position: relative;
}
.svc-image image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .55s;
}
.svc-image:before {
    content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(27, 45, 62, .44) 0%, transparent 55%);
}
.svc-body {
    padding: 0 22px 24px;
}
.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    list-style: none;
    margin: 1rem 0;
    padding: 0;
}
.tags li {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    background: var(--wp--preset--color--green-bg);
    color: var(--wp--preset--color-green-dk);
    padding: 3px 10px;
    border-radius: 4px;
}

.svc-card h4 {
        font-size: 18px;
    font-weight: 700;
}


.svc-card:hover .icon-wrap
 {
    background: var(--wp--preset--color--red-bg);
    color: var(--wp--preset--color--red);
    
}
.svc-card:hover .icon-wrap svg path {
    fill: var(--wp--preset--color--red);
}
.svc-num {
    position: absolute;
    top: 13px;
    right: 0;
    background: var(--wp--preset--color--red);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    margin: 0;
    padding: 3px 10px;
    border-radius: 6px;
    letter-spacing: .8px;
}
.svc-card:hover .svc-num {
    right: 13px;
}

.stats-band {
    padding: 64px 0;
    background: var(--wp--preset--color--navy);
    position: relative;
    overflow: hidden;
}
.stat-item {
        text-align: center;
    padding: 8px;
    position: relative;
    z-index: 1;
}
.stat-item .stat-num {
    font-size: clamp(44px, 6vw, 68px);
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(135deg, var(--wp--preset--color--red), var(--wp--preset--color--green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0;
}

.stat-item .stat-lbl {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    color: rgba(255, 255, 255, .42);
    margin-top: 6px;
    letter-spacing: .8px;
    text-transform: uppercase;
}

/* =testimonial
******************************/

.testi-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    padding: 28px;
    height: 100%;
    border: 1.5px solid var(--wp--preset--color--border);
    transition: all .35s;
    position: relative;
}
.testi-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--wp--custom--shadow);
    border-color: var(--wp--preset--color--green);
}
.testi-card .stars {
    color: #f59e0b;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.testi-card .wp-block-post-excerpt:before {
    content: '"';
    color: var(--wp--preset--color--red);
    font-size: 40px;
    opacity: .15;
    margin-bottom: 8px;
}
.testi-card .wp-block-post-excerpt {
    font-size: 14px;
    line-height: 1.8;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 30px;
}
.testi-card .profile {
    margin-top: auto;
}
.testi-card .wp-block-post-featured-image {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--wp--preset--color--red), var(--wp--preset--color--green));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    width: 33%;
    min-width: 50px;
}
.testi-card .wp-block-post-featured-image img {
    border-radius: 50%;
}
.testi-card .designation,
.testi-card .company {
    font-size: 11.5px;
    color: var(--wp--preset--color--muted);
    margin: 2px 0 0;
}
.testi-card .company {
    font-weight: 600;
}
#testimonial .wp-block-query-pagination {
    justify-content: center;
    margin-top: 2rem;
}
#testimonial .wp-block-query-pagination .wp-block-query-pagination-numbers {
    display: flex;
    justify-content: center;
}
#testimonial .wp-block-query-pagination .page-numbers {
    background: var(--wp--preset--color--border);
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    
}
#testimonial .wp-block-query-pagination .page-numbers:hover,
#testimonial .wp-block-query-pagination .page-numbers.current {
    background: var(--wp--preset--color--navy);
}


.btn-solid a {
    padding: 13px 28px;
    border-radius: 8px;
    background: var(--wp--preset--color--red);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border: 2px solid var(--wp--preset--color--red);
}

.btn-solid a:hover {
    background: var(--wp--preset--color--red-dk);
    border-color: var(--wp--preset--color--red-dk);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(229, 68, 56, .38);
}
.btn-ghost a {
    background: transparent;
    color: #fff;
    padding: 13px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255, .32);
    transition: all .25s;
}
.btn-ghost a:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, .1);
    color: #fff;
}
.btn-solid a .wp-font-awesome-icon svg path,
.btn-ghost a .wp-font-awesome-icon svg path,
.btn-solid a:hover .wp-font-awesome-icon svg path,
.btn-ghost a:hover .wp-font-awesome-icon svg path {
    fill: #fff;
}

.btt {
    position: fixed;
    bottom: 28px;
    right: 28px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--wp--preset--color--red);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    z-index: 990;
    box-shadow: 0 4px 16px rgba(229, 68, 56, .35);
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    transform: translateY(10px);
    text-decoration: none;
}
.btt.show {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}    
.btt:hover {
    text-decoration: none; 
    background: var(--wp--preset--color--red-dk);
    color: #fff;
    transform: translateY(-3px);
}

.wa-wrap {
    position: fixed;
    bottom: 28px;
    left: 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 990;
    animation: popIn .5s 3.8s backwards;
}
.wa-btn {
        width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
    box-shadow: 0 4px 18px rgba(37, 211, 102, .4);
    transition: all .3s;
    text-decoration: none;
}
.wa-btn:hover {
    text-decoration: none;
    transform: scale(1.1);
    color: #fff;
    box-shadow: 0 8px 26px rgba(37, 211, 102, .5);
}
.wa-lbl {
    background: #fff;
    border-radius: 8px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 600;
    color: var(--navy);
    white-space: nowrap;
    box-shadow: var(--sh-lg);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s;
}
@media (max-width: 767px) {
    .wa-lbl {
        display: none;
    }
}
.wa-wrap:hover .wa-lbl{opacity:1}

@keyframes popin {
    0% {
        opacity: 0;
        transform: scale(.4);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* ═══════════════════════════════════════
   PRELOADER
═══════════════════════════════════════ */
#pl{
  position:fixed;inset:0;
  background:#fff;
  z-index:99999;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:0;
  transition:opacity .6s ease,visibility .6s ease;
}
#pl.out{opacity:0;visibility:hidden;pointer-events:none}

.pl-logo{position:relative;margin-bottom:32px}
.pl-logo img{
  height:96px;width:auto;
  animation:plPulse 2.4s ease-in-out infinite;
}
.pl-r1{
  position:absolute;inset:-20px;border-radius:50%;
  border:2px solid rgba(229,68,56,.18);
  animation:spin 3s linear infinite;
}
.pl-r1::before{
  content:'';position:absolute;top:-4px;left:50%;
  width:8px;height:8px;border-radius:50%;
  background:var(--red);transform:translateX(-50%);
  box-shadow:0 0 8px var(--red);
}
.pl-r2{
  position:absolute;inset:-36px;border-radius:50%;
  border:1.5px dashed rgba(114,169,59,.22);
  animation:spinr 5s linear infinite;
}
.pl-r2::before{
  content:'';position:absolute;bottom:-4px;right:20px;
  width:6px;height:6px;border-radius:50%;
  background:var(--green);
  box-shadow:0 0 6px var(--green);
}
.pl-txt{
  font-size:clamp(18px,3.5vw,28px);
  font-weight:700;
  color:var(--navy);
  text-align:center;
  min-height:44px;
  margin-bottom:6px;
  letter-spacing:-.2px;
}
.pl-txt .r{color:var(--red)}
.pl-txt .g{color:var(--green)}
.pl-sub{
  font-size:11px;font-weight:500;
  color:var(--faint);letter-spacing:2.5px;
  text-transform:uppercase;text-align:center;
  margin-bottom:28px;
}
.pl-track{
  width:clamp(200px,35vw,360px);height:4px;
  background:var(--bg3);border-radius:4px;
  overflow:hidden;margin-bottom:10px;
}
.pl-fill{
  height:100%;width:0;border-radius:4px;
  background:linear-gradient(90deg,var(--red),var(--green));
  transition:width .32s ease;
}
.pl-pct{
  font-size:12px;font-weight:600;
  color:var(--faint);letter-spacing:1.5px;
  text-align:center;
}

@keyframes logoIn{0%{opacity:0;transform:scale(.55) rotate(-12deg)}65%{transform:scale(1.06) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}


/* reveal
********************/
.reveal{
    opacity:0;transform:translateY(28px);
    transition:opacity .62s ease,transform .62s ease;
}
.reveal.on{
    opacity:1;transform:translateY(0);
}
.d1 {
    transition-delay:.08s;
}
.d2 {
    transition-delay:.16s;
}
.d3{
    transition-delay:.24s
}
.d4{ 
    transition-delay:.32s;
}



/* =columns
***********/
.wp-block-columns.col-sm-1,.wp-block-columns.col-sm-2,.wp-block-columns.col-sm-3,.wp-block-columns.col-sm-4,.wp-block-columns.col-sm-5,
.wp-block-columns.col-md-1,.wp-block-columns.col-md-2,.wp-block-columns.col-md-3,.wp-block-columns.col-md-4,.wp-block-columns.col-md-5 {
    flex-wrap: wrap!important;
    box-sizing: border-box;
    gap: 20px;
}
.wp-block-columns.col-sm-1 > .wp-block-column,.wp-block-columns.col-sm-2 > .wp-block-column,.wp-block-columns.col-sm-3 > .wp-block-column,.wp-block-columns.col-sm-4 > .wp-block-column,.wp-block-columns.col-sm-5 > .wp-block-column,
.wp-block-columns.col-md-1 > .wp-block-column,.wp-block-columns.col-md-2 > .wp-block-column,.wp-block-columns.col-md-3 > .wp-block-column,.wp-block-columns.col-md-4 > .wp-block-column,.wp-block-columns.col-md-5 > .wp-block-column {
    
}


@media(max-width: 781px) {
    .wp-block-columns.col-sm-1 .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-columns.col-sm-2 .wp-block-column {
        flex-basis: 46% !important;
    }
    .wp-block-columns.col-sm-3 .wp-block-column {
        flex-basis: 28% !important;
    }
    .wp-block-columns.col-sm-4 .wp-block-column {
        flex-basis: 20% !important;
    }
    .wp-block-columns.col-sm-5 .wp-block-column {
        flex-basis: 15% !important;
    }
}
@media(min-width: 782px) and (max-width: 1024px)  {
    .wp-block-columns.col-md-1 .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-columns.col-md-2 .wp-block-column {
        flex-basis: 48% !important;
    }
    .wp-block-columns.col-md-3 .wp-block-column {
        flex-basis: 30% !important;
    }
    .wp-block-columns.col-md-4 .wp-block-column {
        flex-basis: 21% !important;
    }
    .wp-block-columns.col-md-5 .wp-block-column {
        flex-basis: 18% !important;
    }
}
@media(min-width: 1025px)  {
    .wp-block-columns.col-sm-1, .wp-block-columns.col-sm-2, .wp-block-columns.col-sm-3, .wp-block-columns.col-sm-4, .wp-block-columns.col-sm-5, .wp-block-columns.col-md-1, .wp-block-columns.col-md-2, .wp-block-columns.col-md-3, .wp-block-columns.col-md-4, .wp-block-columns.col-md-5 {
        flex-wrap: nowrap !important;
    }
}

/* =profile post
***************/
#profileStaff {
    position: relative;
}
#profileStaff:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
}
#profileStaff > .inner {
    flex-direction: row;
    height: 100vh; /* Fallback for older browsers */
  height: 100svh;
  max-height: 100dvh;
      z-index: 10;
    position: relative;
}
#profileStaff a {
    color: var(--wp--preset--color--muted);
    text-decoration: none;
}
#profileStaff a:hover {
    color: #000;
}
#profileStaff .wp-font-awesome-icon svg path {
    fill: var(--wp--preset--color--muted);
}

#profileStaff .content-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#profileStaff .image-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

#profileStaff header {
    justify-items: flex-start;
}
#profileStaff #header {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    width: 100%;    
}
#profileStaff #header:before {
    border-bottom: 2px solid #dedede;
    border-bottom-right-radius: 20px;
    border-right: 2px solid #dedede;
    content: '';
    display: block;
    height: 21px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 104px;
}
#profileStaff #header:after {
    border-top: 2px solid #dedede;
    border-top-left-radius: 20px;
    border-left: 2px solid #dedede;
    content: '';
    display: block;
    height: 29px;
    margin-bottom: 21px;
    width: 100%;
}
#profileStaff #header .wp-block-site-logo {

    margin-right: 0;
    flex-shrink: 0;
    
}
#profileStaff #header a {
    padding: 20px;
}

#profileStaff .wp-block-site-logo img {
    filter: none;
}
#profileStaff #footer {
    background: transparent;
    border-top: none;
    color: var(--wp--preset--color--muted);
    margin-block-start: 0;

    padding-left: 20px;
    padding-top: 70px;
    padding-bottom: 20px;
    position: relative;
}
#profileStaff #footer:after{
    background: url(./assets/images/logo-watermark.png) no-repeat top right;
    background-size: 80px 80px;
    content: '';
    display: block;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 80px;
}
 #profileStaff #footer:before {
    background: url(./assets/images/pump-sil.png) no-repeat left top;
    background-size: contain;
    
    content: '';
    display: block;
    height:30px;
    margin-left:20px;
    margin-bottom: -11px;
 }
  #profileStaff #footer p:before {
    border-top: 2px solid #cdcdcd;
    content:'';
    display:block;
    height: 2px;
    margin-left: 27px;
    margin-bottom: 20px;
  }

#profileStaff .profile-content {
    color: #000;min-height: 200px;
    align-self: flex-end;
    text-align: right;
    max-width: 633px;
    
    padding-right:20px;
}  
#profileStaff .profile-image {
    min-width: 200px;
    max-width: 300px;
    
    
}
#profileStaff .profile-image img {
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.6);
    height: auto !important;
}
#profileStaff .image-box .wp-block-site-logo {
        display: none;
    }
#profileStaff .profile-content .wp-block-post-content {
    margin-top: 0;
}
#profileStaff h1 {
    text-transform: uppercase;
    margin-bottom: 10px;
}
#profileStaff .designation {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#profileStaff p {
    font-size: 13px;
    margin: 10px 0;
}

@media screen and (max-width: 781px) {
    #profileStaff:before {
        display: none;
    }
    #profileStaff > .inner {
        flex-direction: column-reverse;
        height: auto;
        max-height: none;
    }
    #profileStaff .profile-image {
        margin-block-start: 0;
        max-width: none;
        width: 100%;
        height: auto;
        min-width: unset;
        min-height: 200px;
    }
    #profileStaff .profile-image img {
        width:100%;
        height: auto !important;
    }
    #profileStaff #header {
        display: none;
    }
    #profileStaff .profile-content {
        margin-top: 50px;
    }
    #profileStaff .image-box .wp-block-site-logo {
        display: block;
        position: absolute;
        width: auto;
        top: 20px;
        left: 20px;
        z-index: 10;
        border-radius: 50%;
        background: #fff;
        height: auto;
        padding: 10px;
    }
    #profileStaff .image-box .wp-block-site-logo img {
        filter: none;
        height: auto;
        width: 100px;
    }
}
@media screen and (min-width: 782px) {
    
}