:root {
    /* Brand Colors */
    --vraj-primary: #52698f;
    --vraj-primary-dark: #344866;
    --vraj-primary-light: #9eacc2;
    --vraj-ink: #171d28;
    --vraj-steel: #2d3542;
    --vraj-soft: #f1f4f8;

    /* Desktop Header Controls */
    --topbar-height: 44px;
    --header-height: 88px;
    --header-container: 1200px;

    /* Desktop Logo */
    --logo-area-width: 215px;
    --logo-width: 205px;
    --logo-margin-right: 34px;

    /* Navigation */
    --nav-gap: 36px;
    --nav-font-size: 13px;

    /* Quote Button */
    --quote-btn-width: 157px;
    --quote-btn-height: 42px;

    /* Responsive Logo */
    --logo-tablet-width: 175px;
    --logo-mobile-width: 150px;
}

/* ==================================================
   Vraj Hydraulics Brand Theme
================================================== */

.text-primary,
.icon-primary,
.link:hover,
.rd-nav-link:hover,
.rd-navbar-items-list a:hover,
.quote-light .cite {
    color: var(--vraj-primary) !important;
}

.bg-primary,
.button-primary,
.button-secondary,
.rd-navbar-main-item .button,
.swiper-pagination-bullet-active,
.object-decorated__divider,
.thumb-video__button,
.icon-style-modern:hover {
    background-color: var(--vraj-primary) !important;
}

.button-primary,
.button-secondary,
.rd-navbar-main-item .button {
    border-color: var(--vraj-primary) !important;
}

.button-primary:hover,
.button-secondary:hover,
.rd-navbar-main-item .button:hover {
    background-color: var(--vraj-primary-dark) !important;
    border-color: var(--vraj-primary-dark) !important;
}

.rd-navbar-nav > .rd-nav-item.active > .rd-nav-link,
.rd-navbar-nav > .rd-nav-item.focus > .rd-nav-link,
.rd-navbar-nav > .rd-nav-item.opened > .rd-nav-link {
    color: var(--vraj-primary) !important;
}

.bg-gray-dark {
    background-color: var(--vraj-ink) !important;
}

.bg-gray-7 {
    background-color: #202733 !important;
}

.bg-gray-8 {
    background-color: #141923 !important;
}

.bg-gray-4 {
    background-color: var(--vraj-soft) !important;
}

/* ==================================================
   Hero and General Theme
================================================== */

.swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(
            90deg,
            rgba(16, 22, 32, 0.80),
            rgba(16, 22, 32, 0.20)
        );
}

.swiper-slide-caption {
    position: relative;
    z-index: 1;
}

.swiper-slide h1 {
    text-shadow: 0 4px 25px rgba(0, 0, 0, 0.28);
}

.thumb-modern__caption {
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(19, 27, 40, 0.84)
        );
}

.thumb-modern:hover .thumb-modern__title,
.thumb-zoe:hover .thumb-zoe__title {
    color: #ffffff;
}

.thumb-zoe__caption {
    background: rgba(52, 72, 102, 0.90);
}

.footer-corporate a:hover {
    color: #aebbd0 !important;
}

.footer-corporate__main .row {
    align-items: flex-start;
}

/* ==================================================
   Top Information Bar
================================================== */

.rd-navbar-aside {
    min-height: var(--topbar-height);
    display: flex;
    align-items: center;
}

/* ==================================================
   Desktop Creator-Style Header
================================================== */

@media (min-width: 1200px) {

    .rd-navbar-fullwidth .rd-navbar-aside,
    .rd-navbar-fullwidth .rd-navbar-main {
        width: 100%;
        max-width: var(--header-container) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /*
     * White header height is mainly controlled here.
     * Increase/decrease --header-height from :root.
     */
    .rd-navbar-fullwidth .rd-navbar-main-outer {
        padding: 8px 15px !important;
        background: #ffffff;
    }

    .rd-navbar-fullwidth .rd-navbar-main {
        min-height: var(--header-height) !important;
        height: var(--header-height) !important;

        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;

        margin-top: 0 !important;
        padding: 0 !important;
    }

    /* Logo Area */

    .rd-navbar-fullwidth .rd-navbar-panel {
        flex: 0 0 var(--logo-area-width) !important;
        width: var(--logo-area-width) !important;
        height: var(--header-height) !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        margin: 0 var(--logo-margin-right) 0 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .rd-navbar-fullwidth .rd-navbar-brand,
    .rd-navbar-fullwidth .rd-navbar-brand .brand,
    .rd-navbar-fullwidth .rd-navbar-brand .brand__name {
        width: 100% !important;
        height: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .rd-navbar-fullwidth .vraj-header-logo {
        display: block !important;

        width: var(--logo-width) !important;
        max-width: var(--logo-width) !important;
        height: auto !important;
        max-height: 78px !important;

        object-fit: contain !important;
        object-position: left center !important;

        margin: 0 !important;
    }

    /* Navigation and Quote Button */

    .rd-navbar-fullwidth .rd-navbar-nav-wrap {
        flex: 1 1 auto !important;
        min-width: 0;

        display: flex !important;
        flex-flow: row-reverse nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .rd-navbar-fullwidth .rd-navbar-nav-wrap > * {
        margin-top: 0 !important;
    }

    .rd-navbar-fullwidth .rd-navbar-nav {
        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap;
    }

    .rd-navbar-fullwidth .rd-navbar-nav > li {
        margin: 0 !important;
    }

    .rd-navbar-fullwidth .rd-navbar-nav > li + li {
        margin-left: var(--nav-gap) !important;
    }

    .rd-navbar-fullwidth .rd-nav-link {
        font-size: var(--nav-font-size) !important;
    }

    .rd-navbar-fullwidth .rd-navbar-main-item {
        flex: 0 0 auto !important;
        margin: 0 0 0 42px !important;
    }

    .rd-navbar-fullwidth .rd-navbar-main-item .button {
        width: var(--quote-btn-width) !important;
        min-width: var(--quote-btn-width) !important;
        height: var(--quote-btn-height) !important;
        min-height: var(--quote-btn-height) !important;

        padding: 0 24px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        line-height: 1 !important;
    }

    /* Sticky header remains compact */

    .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main-outer,
    .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main-outer {
        padding: 8px 15px !important;
    }

    .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main,
    .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main {
        min-height: 64px !important;
        height: 64px !important;
    }

    .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel,
    .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel {
        height: 64px !important;
    }

    .rd-navbar-fullwidth.rd-navbar--is-clone .vraj-header-logo,
    .rd-navbar-fullwidth.rd-navbar--is-stuck .vraj-header-logo {
        width: 132px !important;
        max-width: 132px !important;
        max-height: 52px !important;
    }
}

/* ==================================================
   Tablet and Mobile
================================================== */

@media (max-width: 1199.98px) {

    .rd-navbar-brand {
        margin: 0 !important;
        padding: 0 !important;
    }

    .rd-navbar-brand .brand,
    .rd-navbar-brand .brand__name {
        display: flex !important;
        align-items: center !important;
    }

    .vraj-header-logo {
        display: block !important;

        width: var(--logo-tablet-width) !important;
        max-width: var(--logo-tablet-width) !important;
        height: auto !important;
        max-height: 58px !important;

        object-fit: contain !important;
        object-position: left center !important;
    }

    .section-layout-aside {
        display: none;
    }

    .section-layout-main {
        width: 100%;
    }
}

@media (max-width: 575.98px) {

    .vraj-header-logo {
        width: var(--logo-mobile-width) !important;
        max-width: var(--logo-mobile-width) !important;
        max-height: 50px !important;
    }
}

/* Logo sizing/alignment only — no header layout changes */
@media (min-width: 1200px) {

  .rd-navbar-fullwidth .vraj-header-logo {
    display: block !important;
    width: 255px !important;
    max-width: 255px !important;
    height: auto !important;
    max-height: 68px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .rd-navbar-fullwidth.rd-navbar--is-clone .vraj-header-logo,
  .rd-navbar-fullwidth.rd-navbar--is-stuck .vraj-header-logo {
    width: 235px !important;
    max-width: 235px !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

/* ==================================================
   Footer spacing refinement only
   No color, font, column width or bottom-bar changes
================================================== */

.footer-main-row {
    row-gap: 42px;
}

.footer-vraj-tagline {
    margin-bottom: 20px;
}

.footer-vraj-about {
    margin-bottom: 26px;
}

.footer-vraj-details > li + li {
    margin-top: 24px;
}

.footer-vraj-details .list-terms-inline + .list-terms-inline {
    margin-top: 7px;
}

.footer-enquiry-column > p {
    margin-bottom: 0;
}

.footer-quote-box {
    margin-top: 28px;
}

@media (max-width: 991.98px) {
    .footer-main-row {
        row-gap: 48px;
    }

    .footer-quote-box {
        margin-top: 24px;
    }
}

/* ==================================================
   Footer Contact Alignment
   Address now matches Phone, Email and GST styling
================================================== */

.footer-vraj-details .list-terms-inline {
    display: flex;
    align-items: flex-start;
    margin-bottom: 9px;
}

.footer-vraj-details .list-terms-inline dt {
    min-width: 82px;
    margin-right: 8px;
    color: #f6a623;
    font-weight: 600;
    flex-shrink: 0;
}

.footer-vraj-details .list-terms-inline dd {
    margin: 0;
    color: #ffffff;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.footer-vraj-details .list-terms-inline dd a {
    color: #ffffff;
}

.footer-vraj-details .list-terms-inline dd a:hover {
    color: #aebbd0;
}

.footer-vraj-details .footer-address-row {
    margin-bottom: 0;
}

.footer-vraj-details > li + li {
    margin-top: 22px;
}

@media (max-width: 575.98px) {
    .footer-vraj-details .list-terms-inline {
        display: block;
    }

    .footer-vraj-details .list-terms-inline dt {
        min-width: 0;
        margin-right: 0;
        margin-bottom: 4px;
    }
}
/* Footer Credit */

.footer-separator{
    display:inline-block;
    margin:0 10px;
    color:rgba(255,255,255,.35);
}

.footer-credit-link{
    color:#f6a623;
    font-weight:600;
    text-decoration:none;
    transition:.25s ease;
}

.footer-credit-link:hover{
    color:#ffffff;
    text-decoration:none;
}

/* ==================================================
   Hero Side Product Cards — Final Minimal Premium Style
   No box, no glass panel, no full-width strip
================================================== */

.section-layout-aside .thumb-modern {
    position: relative;
    overflow: hidden;
    background: #0d1520;
}

.section-layout-aside .thumb-modern__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.65s ease, filter 0.4s ease;
}

/* Soft lower fade only for readability */
.section-layout-aside .thumb-modern::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(8, 15, 25, 0) 45%,
            rgba(8, 15, 25, 0.62) 100%
        );
}

/* Minimal caption placement */
.section-layout-aside .thumb-modern__caption {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 20px;
    z-index: 3;

    width: auto;
    padding: 0 0 0 14px !important;

    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
}

/* Remove every template-generated box/overlay */
.section-layout-aside .thumb-modern__caption::after,
.section-layout-aside .thumb-modern__title::before,
.section-layout-aside .thumb-modern__title::after {
    content: none !important;
    display: none !important;
}

/* Thin Vraj-blue vertical accent */
.section-layout-aside .thumb-modern__caption::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 3px;
    border-radius: 2px;
    background: var(--vraj-primary) !important;
}

/* Clean white product name */
.section-layout-aside .thumb-modern__title {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 82%;

    background: transparent !important;
    color: #ffffff !important;

    font-size: 18px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-align: left;
    white-space: normal;

    text-shadow:
        0 2px 5px rgba(0, 0, 0, 0.88),
        0 0 12px rgba(0, 0, 0, 0.42);
}

/* Refined hover */
@media (min-width: 992px) {
    html:not(.tablet):not(.mobile)
    .section-layout-aside .thumb-modern:hover .thumb-modern__image {
        transform: scale(1.045);
        filter: brightness(1.06);
    }

    html:not(.tablet):not(.mobile)
    .section-layout-aside .thumb-modern:hover .thumb-modern__title {
        color: #ffffff !important;
    }
}

/* Medium desktop */
@media (max-width: 1399.98px) {
    .section-layout-aside .thumb-modern__caption {
        left: 18px;
        right: 18px;
        bottom: 16px;
        padding-left: 12px !important;
    }

    .section-layout-aside .thumb-modern__title {
        max-width: 88%;
        font-size: 16px;
    }
}
/* ==========================================
   Built on Precision & Trust – Loop Video
========================================== */

.vraj-loop-video {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 465px;
    overflow: hidden;
    background: #171d28;
}

.vraj-loop-video__media {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 465px;
    object-fit: cover;
    object-position: center;
}

.vraj-loop-video::after {
    content: none !important;
    display: none !important;
}

.vraj-loop-video__caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
    z-index: 2;
    text-align: center;
    pointer-events: none;
}

/* Remove old play button */
.vraj-loop-video .thumb-video__button {
    display: none !important;
}

@media (max-width: 991.98px) {
    .vraj-loop-video,
    .vraj-loop-video__media {
        min-height: 400px;
    }
}

@media (max-width: 575.98px) {
    .vraj-loop-video,
    .vraj-loop-video__media {
        min-height: 300px;
    }

    .vraj-loop-video__caption {
        bottom: 22px;
    }
}

/* ==================================================
   Vraj Statistics Section Background
   Counter boxes, text and animations remain unchanged
================================================== */

.vraj-stats-section {
    position: relative;
    overflow: hidden;
    background-color: var(--vraj-ink);
    background-image: url("../images/backgrounds/stats-background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Keeps the generated background visible while protecting counter readability */
.vraj-stats-section .parallax-content {
    position: relative;
    z-index: 1;
    background: rgba(10, 17, 28, 0.34);
}

/* Prevents the background from competing with the existing counter boxes */
.vraj-stats-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(10, 17, 28, 0.20),
            rgba(10, 17, 28, 0.08) 50%,
            rgba(10, 17, 28, 0.20)
        );
}

@media (max-width: 991.98px) {
    .vraj-stats-section {
        background-position: center;
        background-attachment: scroll;
    }

    .vraj-stats-section .parallax-content {
        background: rgba(10, 17, 28, 0.48);
    }
}

/* ==================================================
   Clients and Testimonials Section
================================================== */
.vraj-clients-section .row-flex{align-items:stretch}
.vraj-client-logos-panel{display:flex;background:#f3f5f8}
.vraj-client-logos-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.vraj-client-logo-card{min-height:205px;padding:38px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-right:1px solid #e3e7ec;border-bottom:1px solid #e3e7ec;transition:.3s}
.vraj-client-logo-card:nth-child(2n){border-right:0}
.vraj-client-logo-card:nth-last-child(-n+2){border-bottom:0}
.vraj-client-logo-card img{display:block;width:auto;max-width:78%;max-height:92px;object-fit:contain;filter:grayscale(100%);opacity:.74;transition:.3s}
.vraj-client-logo-card:hover{background:#fff}
.vraj-client-logo-card:hover img{filter:grayscale(0);opacity:1;transform:scale(1.035)}
.vraj-testimonial-panel{position:relative;overflow:hidden;display:flex;align-items:stretch;background:linear-gradient(rgba(23,29,40,.93),rgba(23,29,40,.93)),url("../images/backgrounds/stats-background.webp") center/cover no-repeat}
.vraj-testimonial-panel .section-variant-1{width:100%;min-height:410px;display:flex;align-items:center}
.vraj-testimonial-panel .owl-carousel{width:100%}
.vraj-quote-card{max-width:590px;margin:0 auto;text-align:left}
.vraj-quote-card .quote-light__main{width:100%}
.vraj-quote-card .q{color:#fff;font-size:15px;line-height:1.9}
.vraj-quote-card .quote-light__meta{margin-top:26px}
.vraj-quote-card .cite{color:var(--vraj-primary-light)!important}
.vraj-quote-card .small{color:#f6a623}
@media(max-width:991.98px){.vraj-client-logo-card{min-height:170px;padding:28px}.vraj-testimonial-panel .section-variant-1{min-height:360px}}
@media(max-width:575.98px){.vraj-client-logos-grid{grid-template-columns:1fr}.vraj-client-logo-card,.vraj-client-logo-card:nth-child(2n),.vraj-client-logo-card:nth-last-child(-n+2){min-height:145px;border-right:0;border-bottom:1px solid #e3e7ec}.vraj-client-logo-card:last-child{border-bottom:0}.vraj-client-logo-card img{max-width:70%;max-height:80px}.vraj-testimonial-panel .section-variant-1{min-height:340px}.vraj-quote-card .q{font-size:13px}}

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

.vraj-testimonial-panel .owl-prev,
.vraj-testimonial-panel .owl-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    width:auto;
    height:auto;
    padding:0;
    opacity:.75;
    transition:.3s;
}

.vraj-testimonial-panel .owl-prev{
    left:20px;
}

.vraj-testimonial-panel .owl-next{
    right:20px;
}

.vraj-testimonial-panel .owl-prev::before{
    content:"‹";
    font-size:48px;
    font-weight:300;
    color:#ffffff;
}

.vraj-testimonial-panel .owl-next::before{
    content:"›";
    font-size:48px;
    font-weight:300;
    color:#ffffff;
}

.vraj-testimonial-panel .owl-prev:hover,
.vraj-testimonial-panel .owl-next:hover{
    opacity:1;
    transform:translateY(-50%) scale(1.12);
}

.vraj-testimonial-panel .owl-prev span,
.vraj-testimonial-panel .owl-next span{
    display:none;
}

/* ==================================================
   Footer Industrial Background
   Image made clearly visible while text stays readable
================================================== */

.footer-corporate__main {
    position: relative;
    overflow: hidden;

    background-color: #202733 !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(18, 25, 36, 0.80) 0%,
            rgba(18, 25, 36, 0.72) 48%,
            rgba(18, 25, 36, 0.76) 100%
        ),
        url("../images/backgrounds/footer-bg.webp") !important;

    background-size: cover !important;
    background-position: center 58% !important;
    background-repeat: no-repeat !important;
}

/* Keep footer content above the background */
.footer-corporate__main > .container {
    position: relative;
    z-index: 2;
}

/* Subtle bottom depth only — no heavy dark cover */
.footer-corporate__main::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.02) 0%,
            rgba(0, 0, 0, 0.08) 100%
        );
}

/* Preserve solid copyright/social bar */
.footer-corporate__aside {
    position: relative;
    z-index: 3;
    background-color: #141923 !important;
    background-image: none !important;
}

@media (max-width: 991.98px) {
    .footer-corporate__main {
        background-position: 60% center !important;
    }
}

@media (max-width: 575.98px) {
    .footer-corporate__main {
        background-position: 68% center !important;
    }
}

/* ==================================================
   Final Footer Alignment Polish
   Spacing and alignment only — layout and fonts preserved
================================================== */

/* Keep all four footer columns aligned from the same top baseline */
.footer-corporate__main .footer-main-row {
    align-items: flex-start !important;
    row-gap: 42px;
}

.footer-corporate__main .footer-main-row > [class*="col-"] {
    padding-top: 4px;
}

/* Make every heading sit on the same visual baseline */
.footer-corporate__main .heading-bordered {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    line-height: 1.2;
}

/* Refine first column rhythm without changing content */
.footer-vraj-tagline {
    margin-top: 0;
    margin-bottom: 22px;
    line-height: 1.75;
}

.footer-vraj-about {
    max-width: 390px;
    margin-bottom: 30px;
    line-height: 1.85;
}

/* Contact rows align cleanly as label + value */
.footer-vraj-details {
    margin-top: 0;
}

.footer-vraj-details > li + li {
    margin-top: 24px;
}

.footer-vraj-details .list-terms-inline {
    margin-bottom: 10px;
}

.footer-vraj-details .list-terms-inline dt {
    min-width: 82px;
}

.footer-vraj-details .list-terms-inline dd {
    padding-left: 0;
    line-height: 1.75;
}

/* Products and Quick Links get consistent vertical rhythm */
.footer-corporate__main .list-xxs li + li {
    margin-top: 11px;
}

.footer-corporate__main .list-xxs a {
    display: inline-block;
    line-height: 1.45;
}

/* Business enquiries spacing */
.footer-enquiry-column > p {
    max-width: 315px;
    margin: 0;
    line-height: 1.85;
}

.footer-enquiry-column > p::after {
    content: "";
    display: block;
    width: 58px;
    height: 1px;
    margin-top: 22px;
    background: rgba(255, 255, 255, 0.16);
}

.footer-quote-box {
    width: 100%;
    max-width: 292px;
    margin-top: 22px;
}

.footer-quote-box .button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Keep quick-links column visually balanced */
.footer-main-row > [class*="col-"]:last-child .list-xxs {
    margin-top: 0;
}

/* Tablet */
@media (max-width: 991.98px) {
    .footer-corporate__main .footer-main-row {
        row-gap: 46px;
    }

    .footer-corporate__main .footer-main-row > [class*="col-"] {
        padding-top: 0;
    }

    .footer-corporate__main .heading-bordered {
        margin-bottom: 24px !important;
    }

    .footer-quote-box {
        margin-top: 20px;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .footer-vraj-about,
    .footer-enquiry-column > p,
    .footer-quote-box {
        max-width: 100%;
    }

    .footer-corporate__main .heading-bordered {
        margin-bottom: 20px !important;
    }

    .footer-vraj-details .list-terms-inline dd {
        padding-left: 0;
    }
}

/* ==================================================
   Premium Statistics Section — Single Border Version
================================================== */

.vraj-stats-section {
    position: relative;
    overflow: hidden;
}

.vraj-stats-section .parallax-content {
    background:
        linear-gradient(
            90deg,
            rgba(8, 15, 25, 0.28),
            rgba(8, 15, 25, 0.10) 50%,
            rgba(8, 15, 25, 0.26)
        );
}

.vraj-stats-list {
    align-items: stretch;
}

/* Remove the second inner box completely */
.vraj-stat-card {
    position: relative;
    min-height: 220px;
    padding: 36px 20px 30px;

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

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    transition: transform 0.30s ease;
}

/* Single blue accent line */
.vraj-stat-card::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;

    width: 56px;
    height: 3px;

    transform: translateX(-50%);
    border-radius: 999px;
    background: var(--vraj-primary);
    opacity: 0.92;

    transition:
        width 0.30s ease,
        opacity 0.30s ease,
        box-shadow 0.30s ease;
}

/* Number row */
.vraj-stat-value {
    display: inline-flex !important;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;

    min-height: 86px;
    margin-bottom: 12px;
    white-space: nowrap;
}

.vraj-stat-value .counter,
.vraj-stat-value .big {
    display: inline-block;

    color: #ffffff;
    font-size: 68px;
    line-height: 1;
    font-weight: 300;
    letter-spacing: -0.035em;

    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}

.vraj-stat-suffix,
.vraj-stat-prefix {
    display: inline-block;

    color: #ffffff;
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
}

.vraj-stat-prefix {
    margin-top: 8px;
}

.vraj-stat-suffix {
    margin-top: 12px;
}

/* Titles */
.vraj-stat-card .box-counter-modern__title {
    max-width: 175px;
    margin: 0 auto;

    color: #ffffff;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-align: center;

    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.42);
}

/* Refine the template's single outer box */
.vraj-stats-list .list-blocks__item-inner {
    border-color: rgba(255, 255, 255, 0.24) !important;
    background: rgba(10, 20, 32, 0.10);
    transition:
        transform 0.30s ease,
        border-color 0.30s ease,
        background-color 0.30s ease,
        box-shadow 0.30s ease;
}

/* Cleaner connectors */
.vraj-stats-list .list-blocks__item + .list-blocks__item::before {
    opacity: 0.42;
    background-color: var(--vraj-primary-light);
}

@media (min-width: 992px) {
    .vraj-stats-list .list-blocks__item-inner:hover {
        transform: translateY(-5px);
        border-color: rgba(158, 172, 194, 0.52) !important;
        background: rgba(15, 28, 44, 0.18);
        box-shadow: 0 18px 34px rgba(0, 0, 0, 0.16);
    }

    .vraj-stats-list .list-blocks__item-inner:hover .vraj-stat-card::before {
        width: 72px;
        opacity: 1;
        box-shadow: 0 0 14px rgba(82, 105, 143, 0.42);
    }
}

@media (max-width: 1399.98px) {
    .vraj-stat-card {
        min-height: 210px;
        padding: 32px 16px 26px;
    }

    .vraj-stat-value .counter,
    .vraj-stat-value .big {
        font-size: 60px;
    }

    .vraj-stat-card .box-counter-modern__title {
        font-size: 16px;
    }
}

@media (max-width: 991.98px) {
    .vraj-stat-card {
        min-height: 190px;
    }

    .vraj-stat-value .counter,
    .vraj-stat-value .big {
        font-size: 54px;
    }
}

@media (max-width: 575.98px) {
    .vraj-stat-card {
        min-height: 170px;
        padding: 28px 14px 22px;
    }

    .vraj-stat-value {
        min-height: 68px;
    }

    .vraj-stat-value .counter,
    .vraj-stat-value .big {
        font-size: 48px;
    }

    .vraj-stat-suffix,
    .vraj-stat-prefix {
        font-size: 23px;
    }

    .vraj-stat-card .box-counter-modern__title {
        font-size: 15px;
    }
}

/* ==================================================
   Products & Applications — Final B2B Option 3
   Editorial label: Product Name + Explore
   Clean, static, responsive and conflict-free
================================================== */

.vraj-products-section .thumb-zoe {
    position: relative;
    display: block;
    overflow: hidden;
    background: #0d1520;
}

.vraj-products-section .thumb-zoe__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: none !important;
    filter: contrast(1.03) saturate(0.96);
    transition:
        transform 0.55s ease,
        filter 0.35s ease;
}

/* Readability gradient without hiding the product */
.vraj-products-section .thumb-zoe::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(7, 14, 23, 0) 52%,
            rgba(7, 14, 23, 0.08) 67%,
            rgba(7, 14, 23, 0.80) 100%
        );
}

/* Permanent bottom-left editorial label */
.vraj-products-section .thumb-zoe__caption,
.vraj-products-section .isotope-item:nth-child(3) .thumb-zoe__caption,
.vraj-products-section .isotope-item:nth-child(4) .thumb-zoe__caption,
.vraj-products-section .isotope-item:nth-child(6) .thumb-zoe__caption {
    position: absolute !important;
    top: auto !important;
    left: 22px !important;
    right: 22px !important;
    bottom: 18px !important;
    z-index: 3;

    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;

    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Thin Vraj accent */
.vraj-products-section .thumb-zoe__caption::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 1px;
    width: 2px;
    background: var(--vraj-primary-light);
}

.vraj-products-section .thumb-zoe__caption::after {
    content: none !important;
    display: none !important;
}

/* Product name */
.vraj-products-section .thumb-zoe__title {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 17px;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0.012em;
    text-align: left;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

/* Remove all old numbering */
.vraj-products-section .thumb-zoe__title::before {
    content: none !important;
    display: none !important;
}

/* Explore action */
.vraj-products-section .thumb-zoe__title::after {
    content: "Explore  →" !important;
    display: block !important;
    position: static;
    margin-top: 7px;

    color: rgba(255, 255, 255, 0.78);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.07em;
    white-space: nowrap;

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

/* Disable template popup animation */
.vraj-products-section .thumb-zoe:hover .thumb-zoe__caption,
.vraj-products-section .thumb-zoe:hover .thumb-zoe__title {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Restrained B2B hover */
@media (min-width: 992px) {
    html:not(.tablet):not(.mobile)
    .vraj-products-section .thumb-zoe:hover .thumb-zoe__image {
        transform: scale(1.022) !important;
        filter: contrast(1.05) saturate(1) brightness(1.02);
    }

    html:not(.tablet):not(.mobile)
    .vraj-products-section .thumb-zoe:hover .thumb-zoe__title::after {
        color: #ffffff;
        transform: translateX(4px);
    }
}

/* Medium desktop and smaller mosaic cards */
@media (max-width: 1399.98px) {
    .vraj-products-section .thumb-zoe__caption,
    .vraj-products-section .isotope-item:nth-child(3) .thumb-zoe__caption,
    .vraj-products-section .isotope-item:nth-child(4) .thumb-zoe__caption,
    .vraj-products-section .isotope-item:nth-child(6) .thumb-zoe__caption {
        left: 14px !important;
        right: 14px !important;
        bottom: 12px !important;
        padding-left: 11px !important;
    }

    .vraj-products-section .thumb-zoe__title {
        font-size: 14px;
    }

    .vraj-products-section .thumb-zoe__title::after {
        margin-top: 5px;
        font-size: 9px;
    }
}

/* Tablet and mobile */
@media (max-width: 767.98px) {
    .vraj-products-section .thumb-zoe__caption,
    .vraj-products-section .isotope-item:nth-child(3) .thumb-zoe__caption,
    .vraj-products-section .isotope-item:nth-child(4) .thumb-zoe__caption,
    .vraj-products-section .isotope-item:nth-child(6) .thumb-zoe__caption {
        left: 10px !important;
        right: 10px !important;
        bottom: 9px !important;
        padding-left: 9px !important;
    }

    .vraj-products-section .thumb-zoe__title {
        font-size: 12px;
        line-height: 1.18;
    }

    .vraj-products-section .thumb-zoe__title::after {
        margin-top: 4px;
        font-size: 8px;
    }

    .vraj-products-section .thumb-zoe::after {
        background:
            linear-gradient(
                180deg,
                rgba(7, 14, 23, 0) 42%,
                rgba(7, 14, 23, 0.82) 100%
            );
    }
}

/* ==================================================
   Products & Applications — Option D
   Structured B2B industrial product showcase
================================================== */

.vraj-product-showcase {
    padding: 92px 0;
    background: #ffffff;
}

.vraj-product-showcase__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 46px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e4e9ef;
}

.vraj-product-showcase__header > div {
    max-width: 760px;
}

.vraj-section-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--vraj-primary);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.vraj-product-showcase__header h2 {
    margin: 0;
    color: var(--vraj-ink);
    font-size: clamp(42px, 4.2vw, 62px);
    line-height: 1.08;
}

.vraj-product-showcase__header p {
    max-width: 710px;
    margin: 20px 0 0;
    color: #687587;
    font-size: 16px;
    line-height: 1.8;
}

.vraj-product-showcase__top-link {
    flex-shrink: 0;
}

/* Featured product */
.vraj-featured-product {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.75fr);
    min-height: 520px;
    margin-bottom: 34px;
    overflow: hidden;
    background: var(--vraj-soft);
    border: 1px solid #e1e7ee;
}

.vraj-featured-product__media {
    position: relative;
    display: block;
    min-height: 520px;
    overflow: hidden;
    background: #111a26;
}

.vraj-featured-product__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(9, 16, 25, 0.02),
            rgba(9, 16, 25, 0.12)
        );
}

.vraj-featured-product__media img,
.vraj-product-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition:
        transform 0.55s ease,
        filter 0.35s ease;
}

.vraj-featured-product__content {
    position: relative;
    padding: 58px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        linear-gradient(
            145deg,
            #f7f9fc 0%,
            #edf2f7 100%
        );
}

.vraj-featured-product__content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 54px;
    width: 3px;
    height: 72px;
    background: var(--vraj-primary);
}

.vraj-product-number {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--vraj-primary);
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.vraj-featured-product__content h3,
.vraj-product-card__body h3 {
    margin: 0;
    color: var(--vraj-ink);
}

.vraj-featured-product__content h3 {
    font-size: 40px;
    line-height: 1.12;
}

.vraj-featured-product__content > p {
    margin: 22px 0 0;
    color: #667487;
    font-size: 15px;
    line-height: 1.85;
}

.vraj-product-points {
    margin: 26px 0 30px;
}

.vraj-product-points li {
    position: relative;
    padding-left: 20px;
    color: #425064;
    font-size: 13px;
    line-height: 1.65;
}

.vraj-product-points li + li {
    margin-top: 8px;
}

.vraj-product-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 7px;
    height: 1px;
    background: var(--vraj-primary);
}

/* Supporting cards */
.vraj-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.vraj-product-card {
    display: grid;
    grid-template-columns: minmax(200px, 0.9fr) minmax(0, 1.1fr);
    min-height: 290px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e7ee;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.vraj-product-card__media {
    display: block;
    min-height: 290px;
    overflow: hidden;
    background: #101925;
}

.vraj-product-card__body {
    padding: 32px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vraj-product-card__body h3 {
    font-size: 24px;
    line-height: 1.22;
}

.vraj-product-card__body p {
    margin: 16px 0 22px;
    color: #6b7889;
    font-size: 13px;
    line-height: 1.75;
}

.vraj-product-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    color: var(--vraj-primary-dark);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.vraj-product-link span {
    font-size: 17px;
    transition: transform 0.3s ease;
}

.vraj-product-showcase__footer {
    margin-top: 42px;
    text-align: center;
}

@media (min-width: 992px) {
    .vraj-featured-product:hover .vraj-featured-product__media img,
    .vraj-product-card:hover .vraj-product-card__media img {
        transform: scale(1.025);
        filter: brightness(1.03);
    }

    .vraj-product-card:hover {
        transform: translateY(-5px);
        border-color: rgba(82, 105, 143, 0.34);
        box-shadow: 0 20px 42px rgba(21, 31, 46, 0.10);
    }

    .vraj-product-link:hover span {
        transform: translateX(4px);
    }
}

/* Tablet */
@media (max-width: 1199.98px) {
    .vraj-product-showcase {
        padding: 76px 0;
    }

    .vraj-featured-product {
        grid-template-columns: 1.2fr 0.8fr;
    }

    .vraj-featured-product__content {
        padding: 46px 38px;
    }

    .vraj-product-card {
        grid-template-columns: 1fr;
    }

    .vraj-product-card__media {
        min-height: 250px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .vraj-product-showcase {
        padding: 54px 0;
    }

    .vraj-product-showcase__header {
        display: block;
        margin-bottom: 30px;
        padding-bottom: 22px;
    }

    .vraj-product-showcase__top-link {
        display: inline-block;
        margin-top: 18px;
    }

    .vraj-product-showcase__header h2 {
        font-size: clamp(36px, 10vw, 48px);
    }

    .vraj-product-showcase__header p {
        font-size: 14px;
        line-height: 1.7;
    }

    .vraj-featured-product {
        grid-template-columns: 1fr;
        min-height: 0;
        margin-bottom: 24px;
    }

    .vraj-featured-product__media {
        min-height: 320px;
    }

    .vraj-featured-product__content {
        padding: 36px 26px 40px;
    }

    .vraj-featured-product__content::before {
        top: 36px;
        height: 54px;
    }

    .vraj-featured-product__content h3 {
        font-size: 32px;
    }

    .vraj-product-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .vraj-product-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .vraj-product-card__media {
        min-height: 250px;
    }

    .vraj-product-card__body {
        padding: 28px 24px 30px;
    }

    .vraj-product-card__body h3 {
        font-size: 22px;
    }

    .vraj-product-showcase__footer {
        margin-top: 30px;
    }
}

/* ==================================================
   Products Option D — Compact Refinement
   Smaller, tighter and more suitable for homepage use
================================================== */

.vraj-product-showcase {
    padding: 64px 0 !important;
}

.vraj-product-showcase__header {
    gap: 28px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.vraj-product-showcase__header > div {
    max-width: 720px;
}

.vraj-section-kicker {
    margin-bottom: 10px;
    font-size: 11px;
}

.vraj-product-showcase__header h2 {
    font-size: clamp(38px, 3.6vw, 54px);
    line-height: 1.06;
}

.vraj-product-showcase__header p {
    max-width: 680px;
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.7;
}

/* Featured product becomes more compact */
.vraj-featured-product {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
    min-height: 390px;
    margin-bottom: 24px;
}

.vraj-featured-product__media {
    min-height: 390px;
}

.vraj-featured-product__content {
    padding: 38px 38px;
}

.vraj-featured-product__content::before {
    top: 38px;
    height: 54px;
}

.vraj-featured-product__content h3 {
    font-size: 33px;
}

.vraj-featured-product__content > p {
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.72;
}

.vraj-product-points {
    margin: 18px 0 22px;
}

.vraj-product-points li {
    font-size: 12px;
    line-height: 1.55;
}

.vraj-product-points li + li {
    margin-top: 6px;
}

/* Supporting cards: shorter and less text-heavy */
.vraj-product-grid {
    gap: 20px;
}

.vraj-product-card {
    grid-template-columns: minmax(180px, 0.88fr) minmax(0, 1.12fr);
    min-height: 220px;
}

.vraj-product-card__media {
    min-height: 220px;
}

.vraj-product-card__body {
    padding: 24px 24px;
}

.vraj-product-card__body h3 {
    font-size: 20px;
    line-height: 1.18;
}

.vraj-product-card__body p {
    margin: 12px 0 16px;
    font-size: 12px;
    line-height: 1.58;
}

.vraj-product-number {
    margin-bottom: 10px;
    font-size: 10px;
}

.vraj-product-link {
    font-size: 10px;
    letter-spacing: 0.04em;
}

.vraj-product-link span {
    font-size: 15px;
}

.vraj-product-showcase__footer {
    margin-top: 28px;
}

@media (min-width: 1200px) {
    .vraj-product-showcase .container-wide {
        max-width: 1240px;
    }
}

@media (max-width: 1199.98px) {
    .vraj-product-showcase {
        padding: 58px 0 !important;
    }

    .vraj-featured-product {
        grid-template-columns: 1.15fr 0.85fr;
        min-height: 360px;
    }

    .vraj-featured-product__media {
        min-height: 360px;
    }

    .vraj-featured-product__content {
        padding: 32px 30px;
    }

    .vraj-product-card {
        grid-template-columns: 1fr 1fr;
        min-height: 210px;
    }

    .vraj-product-card__media {
        min-height: 210px;
    }
}

@media (max-width: 991.98px) {
    .vraj-product-grid {
        grid-template-columns: 1fr;
    }

    .vraj-product-card {
        grid-template-columns: 0.9fr 1.1fr;
    }
}

@media (max-width: 767.98px) {
    .vraj-product-showcase {
        padding: 46px 0 !important;
    }

    .vraj-product-showcase__header {
        margin-bottom: 24px;
        padding-bottom: 18px;
    }

    .vraj-product-showcase__header h2 {
        font-size: clamp(34px, 9vw, 44px);
    }

    .vraj-product-showcase__header p {
        font-size: 13px;
        line-height: 1.62;
    }

    .vraj-featured-product {
        grid-template-columns: 1fr;
        min-height: 0;
        margin-bottom: 18px;
    }

    .vraj-featured-product__media {
        min-height: 260px;
    }

    .vraj-featured-product__content {
        padding: 28px 22px 30px;
    }

    .vraj-featured-product__content::before {
        top: 28px;
        height: 44px;
    }

    .vraj-featured-product__content h3 {
        font-size: 28px;
    }

    .vraj-product-points {
        margin: 16px 0 20px;
    }

    .vraj-product-grid {
        gap: 16px;
    }

    .vraj-product-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .vraj-product-card__media {
        min-height: 210px;
    }

    .vraj-product-card__body {
        padding: 22px 20px 24px;
    }

    .vraj-product-card__body h3 {
        font-size: 19px;
    }

    .vraj-product-card__body p {
        margin: 10px 0 14px;
        font-size: 11px;
        line-height: 1.52;
    }

    .vraj-product-showcase__footer {
        margin-top: 24px;
    }
}

/* ==================================================
   Products Section — True Full-Width Layout
   Bootstrap container restriction completely removed
================================================== */

.vraj-product-showcase {
    width: 100%;
    overflow: hidden;
}

.vraj-product-showcase__container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 15px !important;
}

/* Header aligns with the Why Businesses Choose Us heading */
.vraj-clients-section .section__header{
    margin-bottom: 15px !important;   /* Default se kam */
}

.vraj-clients-section{
    padding-top: 35px !important;
    padding-bottom: 0 !important;
}

.vraj-clients-section .container-fluid{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.vraj-clients-section .row.g-0{
    margin-top: 0 !important;
}

.vraj-product-showcase__header {
    width: auto;
    margin-left: 55px;
    margin-right: 55px;
}

/* Product blocks use almost the full browser width */
.vraj-featured-product,
.vraj-product-grid,
.vraj-product-showcase__footer {
    width: 100%;
    max-width: none !important;
}

/* Slightly wider featured image ratio on desktop */
@media (min-width: 1200px) {
    .vraj-featured-product {
        grid-template-columns: minmax(0, 1.55fr) minmax(330px, 0.55fr);
    }

    .vraj-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Tablet */
@media (max-width: 1199.98px) {
    .vraj-product-showcase__container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .vraj-product-showcase__header {
        margin-left: 22px;
        margin-right: 22px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .vraj-product-showcase__container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .vraj-product-showcase__header {
        margin-left: 8px;
        margin-right: 8px;
    }
}

/* ==================================================
   Products Option D — Balanced Homepage Refinement
   Featured product stays important without overpowering the section
================================================== */

/* Keep the header aligned with the rest of the homepage */
.vraj-product-showcase__header {
    margin-left: 54px !important;
    margin-right: 54px !important;
}

/* Featured product: premium but no longer oversized */
.vraj-featured-product {
    grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr) !important;
    min-height: 340px !important;
    margin-bottom: 20px !important;
}

.vraj-featured-product__media {
    min-height: 340px !important;
}

.vraj-featured-product__content {
    padding: 34px 38px !important;
}

.vraj-featured-product__content::before {
    top: 34px !important;
    height: 48px !important;
}

.vraj-featured-product__content h3 {
    font-size: 31px !important;
}

.vraj-featured-product__content > p {
    margin-top: 14px !important;
    font-size: 12px !important;
    line-height: 1.62 !important;
}

.vraj-product-points {
    margin: 15px 0 18px !important;
}

.vraj-product-points li {
    font-size: 11px !important;
    line-height: 1.45 !important;
}

.vraj-product-points li + li {
    margin-top: 4px !important;
}

/* Supporting cards receive more visual importance */
.vraj-product-grid {
    gap: 18px !important;
}

.vraj-product-card {
    grid-template-columns: minmax(220px, 0.95fr) minmax(0, 1.05fr) !important;
    min-height: 238px !important;
}

.vraj-product-card__media {
    min-height: 238px !important;
}

.vraj-product-card__body {
    padding: 26px 26px !important;
}

.vraj-product-card__body h3 {
    font-size: 21px !important;
}

.vraj-product-card__body p {
    margin: 12px 0 17px !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
}

/* Consistent border/shadow treatment across all products */
.vraj-featured-product,
.vraj-product-card {
    border-color: #dfe5ec !important;
}

@media (min-width: 992px) {
    .vraj-featured-product {
        transition:
            transform 0.35s ease,
            box-shadow 0.35s ease,
            border-color 0.35s ease;
    }

    .vraj-featured-product:hover {
        transform: translateY(-4px);
        border-color: rgba(82, 105, 143, 0.34) !important;
        box-shadow: 0 18px 38px rgba(21, 31, 46, 0.10);
    }

    .vraj-product-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 16px 34px rgba(21, 31, 46, 0.09) !important;
    }
}

/* Large desktop: prevent the flagship block from becoming too wide/tall */
@media (min-width: 1500px) {
    .vraj-featured-product {
        grid-template-columns: minmax(0, 1.22fr) minmax(390px, 0.78fr) !important;
        min-height: 360px !important;
    }

    .vraj-featured-product__media {
        min-height: 360px !important;
    }
}

/* Tablet */
@media (max-width: 1199.98px) {
    .vraj-product-showcase__header {
        margin-left: 22px !important;
        margin-right: 22px !important;
    }

    .vraj-featured-product {
        grid-template-columns: 1.08fr 0.92fr !important;
        min-height: 320px !important;
    }

    .vraj-featured-product__media {
        min-height: 320px !important;
    }

    .vraj-product-card {
        grid-template-columns: 0.95fr 1.05fr !important;
        min-height: 220px !important;
    }

    .vraj-product-card__media {
        min-height: 220px !important;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .vraj-product-showcase__header {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .vraj-featured-product {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }

    .vraj-featured-product__media {
        min-height: 240px !important;
    }

    .vraj-featured-product__content {
        padding: 26px 22px 28px !important;
    }

    .vraj-featured-product__content::before {
        top: 26px !important;
        height: 42px !important;
    }

    .vraj-featured-product__content h3 {
        font-size: 27px !important;
    }

    .vraj-product-card {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }

    .vraj-product-card__media {
        min-height: 205px !important;
    }

    .vraj-product-card__body {
        padding: 22px 20px 24px !important;
    }
}

/* ==================================================
   PRODUCTS PRO — FINAL HOMEPAGE SECTION
   Compact, balanced and aligned with the clients section
================================================== */

.vraj-products-pro {
    padding: 64px 0 68px;
    background: #ffffff;
}

.vraj-products-pro__header {
    align-items: flex-end;
    margin-bottom: 30px;
}

.vraj-products-pro__heading {
    max-width: 760px;
}

.vraj-products-pro__header h2 {
    margin: 0;
    color: var(--vraj-ink);
    font-size: clamp(42px, 3.65vw, 54px);
    line-height: 1.06;
    font-weight: 500;
    letter-spacing: -0.025em;
}

.vraj-products-pro__header p {
    margin: 12px 0 0;
    color: #687587;
    font-size: 14px;
    line-height: 1.55;
}

/* Featured product */
.vraj-products-pro__featured {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(330px, 0.72fr);
    min-height: 330px;
    overflow: hidden;
    border: 1px solid #dfe5ec;
    background: #f3f6fa;
}

.vraj-products-pro__featured-media,
.vraj-products-pro__card-media {
    display: block;
    overflow: hidden;
    background: #101925;
}

.vraj-products-pro__featured-media {
    min-height: 330px;
}

.vraj-products-pro__featured-media img,
.vraj-products-pro__card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease, filter .35s ease;
}

.vraj-products-pro__featured-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px 38px;
    background: linear-gradient(145deg, #f7f9fc, #edf2f7);
}

.vraj-products-pro__featured-content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 34px;
    width: 3px;
    height: 52px;
    background: var(--vraj-primary);
}

.vraj-products-pro__eyebrow {
    margin-bottom: 10px;
    color: var(--vraj-primary);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.vraj-products-pro__featured-content h3 {
    margin: 0;
    color: var(--vraj-ink);
    font-size: 31px;
    line-height: 1.1;
}

.vraj-products-pro__featured-content > p {
    margin: 14px 0 0;
    color: #657386;
    font-size: 12px;
    line-height: 1.65;
}

.vraj-products-pro__points {
    margin: 16px 0 20px;
}

.vraj-products-pro__points li {
    position: relative;
    padding-left: 17px;
    color: #425064;
    font-size: 11px;
    line-height: 1.5;
}

.vraj-products-pro__points li + li {
    margin-top: 5px;
}

.vraj-products-pro__points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 7px;
    height: 1px;
    background: var(--vraj-primary);
}

.vraj-products-pro__link,
.vraj-products-pro__card-body > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--vraj-primary-dark);
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.vraj-products-pro__link span,
.vraj-products-pro__card-body > a span {
    font-size: 15px;
    transition: transform .3s ease;
}

/* Four equal supporting products */
.vraj-products-pro__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 20px;
}

.vraj-products-pro__card {
    overflow: hidden;
    border: 1px solid #dfe5ec;
    background: #ffffff;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.vraj-products-pro__card-media {
    height: 185px;
}

.vraj-products-pro__card-body {
    min-height: 168px;
    padding: 20px 20px 22px;
    display: flex;
    flex-direction: column;
}

.vraj-products-pro__card-body > span {
    margin-bottom: 8px;
    color: var(--vraj-primary);
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .12em;
}

.vraj-products-pro__card-body h3 {
    margin: 0;
    color: var(--vraj-ink);
    font-size: 18px;
    line-height: 1.2;
}

.vraj-products-pro__card-body p {
    margin: 11px 0 16px;
    color: #6b7889;
    font-size: 11px;
    line-height: 1.55;
}

.vraj-products-pro__card-body > a {
    margin-top: auto;
}

.vraj-products-pro__footer {
    margin-top: 28px;
    text-align: center;
}

@media (min-width: 992px) {
    .vraj-products-pro__featured:hover .vraj-products-pro__featured-media img,
    .vraj-products-pro__card:hover .vraj-products-pro__card-media img {
        transform: scale(1.025);
        filter: brightness(1.03);
    }

    .vraj-products-pro__card:hover {
        transform: translateY(-4px);
        border-color: rgba(82, 105, 143, .34);
        box-shadow: 0 16px 34px rgba(21, 31, 46, .09);
    }

    .vraj-products-pro__link:hover span,
    .vraj-products-pro__card-body > a:hover span {
        transform: translateX(4px);
    }
}

@media (max-width: 1199.98px) {
    .vraj-products-pro {
        padding: 56px 0 60px;
    }

    .vraj-products-pro__featured {
        grid-template-columns: 1.1fr .9fr;
    }

    .vraj-products-pro__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vraj-products-pro__card-media {
        height: 220px;
    }
}

@media (max-width: 767.98px) {
    .vraj-products-pro {
        padding: 44px 0 48px;
    }

    .vraj-products-pro__header {
        display: block;
        margin-bottom: 24px;
    }

    .vraj-products-pro__header h2 {
        font-size: clamp(34px, 10vw, 42px);
    }

    .vraj-products-pro__header p {
        font-size: 13px;
    }

    .vraj-products-pro__header .section__header-element {
        margin-top: 14px;
    }

    .vraj-products-pro__featured {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .vraj-products-pro__featured-media {
        min-height: 240px;
    }

    .vraj-products-pro__featured-content {
        padding: 26px 22px 28px;
    }

    .vraj-products-pro__featured-content::before {
        top: 26px;
        height: 44px;
    }

    .vraj-products-pro__featured-content h3 {
        font-size: 27px;
    }

    .vraj-products-pro__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .vraj-products-pro__card-media {
        height: 220px;
    }

    .vraj-products-pro__card-body {
        min-height: 0;
    }
}

/* ==================================================
   FAQ + TESTIMONIALS — FINAL HOMEPAGE SECTION
   Replaces the client-logo grid with a premium B2B FAQ accordion
================================================== */

.vraj-clients-section .row-flex {
    align-items: stretch;
}

.vraj-faq-panel {
    display: flex;
    background: #f4f6f9;
    border-right: 1px solid #e2e7ed;
}

.vraj-faq-panel__inner {
    width: 100%;
    min-height: 410px;
    padding: 42px 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vraj-faq-panel__intro {
    margin-bottom: 20px;
    text-align: left;
}

.vraj-faq-panel__kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--vraj-primary);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.vraj-faq-panel__intro h3 {
    max-width: 520px;
    margin: 0;
    color: var(--vraj-ink);
    font-size: 28px;
    line-height: 1.18;
    font-weight: 500;
    letter-spacing: -.015em;
}

.vraj-faq-list {
    width: 100%;
    border-top: 1px solid #d9e0e7;
}

.vraj-faq-item {
    border-bottom: 1px solid #d9e0e7;
    background: transparent;
}

.vraj-faq-item summary {
    position: relative;
    padding: 16px 44px 16px 0;
    cursor: pointer;
    list-style: none;

    color: #263246;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
    text-align: left;

    transition: color .25s ease;
}

.vraj-faq-item summary::-webkit-details-marker {
    display: none;
}

.vraj-faq-item summary::before,
.vraj-faq-item summary::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 15px;
    height: 1px;
    background: var(--vraj-primary);
    transform: translateY(-50%);
    transition: transform .25s ease, opacity .25s ease;
}

.vraj-faq-item summary::after {
    transform: translateY(-50%) rotate(90deg);
}

.vraj-faq-item[open] summary::after {
    opacity: 0;
    transform: translateY(-50%) rotate(0);
}

.vraj-faq-item[open] summary {
    color: var(--vraj-primary-dark);
}

.vraj-faq-item__content {
    overflow: hidden;
}

.vraj-faq-item__content p {
    max-width: 560px;
    margin: 0;
    padding: 0 44px 17px 0;
    color: #697789;
    font-size: 12px;
    line-height: 1.7;
    text-align: left;
}

/* Keep FAQ and testimonial panels visually equal */
.vraj-testimonial-panel .section-variant-1 {
    min-height: 410px;
}

@media (min-width: 992px) {
    .vraj-faq-item summary:hover {
        color: var(--vraj-primary);
    }
}

@media (max-width: 1199.98px) {
    .vraj-faq-panel__inner {
        padding: 36px 34px;
    }

    .vraj-faq-panel__intro h3 {
        font-size: 25px;
    }
}

@media (max-width: 991.98px) {
    .vraj-faq-panel {
        border-right: 0;
        border-bottom: 1px solid #e2e7ed;
    }

    .vraj-faq-panel__inner {
        min-height: 0;
        padding: 38px 30px;
    }

    .vraj-testimonial-panel .section-variant-1 {
        min-height: 360px;
    }
}

@media (max-width: 575.98px) {
    .vraj-faq-panel__inner {
        padding: 32px 22px;
    }

    .vraj-faq-panel__intro h3 {
        font-size: 22px;
    }

    .vraj-faq-item summary {
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 12px;
    }

    .vraj-faq-item__content p {
        padding-right: 28px;
        font-size: 11px;
    }
}

/* ==================================================
   VRAJ HOMEPAGE — FINAL REFINEMENT OVERRIDE
   Product balance + FAQ/Quote conversion section
================================================== */

/* ---------- Product section refinement ---------- */

.vraj-products-pro {
    padding: 56px 0 60px !important;
}

.vraj-products-pro__header {
    align-items: flex-end !important;
    margin-bottom: 24px !important;
    padding-bottom: 18px !important;
}

.vraj-products-pro__header h2 {
    font-size: clamp(40px, 3.35vw, 50px) !important;
    line-height: 1.06 !important;
}

.vraj-products-pro__header p {
    max-width: 760px !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.vraj-products-pro__featured {
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
    min-height: 310px !important;
}

.vraj-products-pro__featured-media {
    min-height: 310px !important;
}

.vraj-products-pro__featured-content {
    padding: 30px 34px !important;
}

.vraj-products-pro__featured-content::before {
    top: 30px !important;
    height: 46px !important;
}

.vraj-products-pro__featured-content h3 {
    font-size: 29px !important;
}

.vraj-products-pro__featured-content > p {
    margin-top: 12px !important;
    font-size: 11.5px !important;
    line-height: 1.58 !important;
}

.vraj-products-pro__points {
    margin: 14px 0 17px !important;
}

.vraj-products-pro__points li {
    font-size: 10.5px !important;
    line-height: 1.45 !important;
}

.vraj-products-pro__grid {
    gap: 16px !important;
    margin-top: 18px !important;
}

.vraj-products-pro__card {
    border-radius: 2px;
}

.vraj-products-pro__card-media {
    height: 172px !important;
}

.vraj-products-pro__card-body {
    min-height: 154px !important;
    padding: 18px 18px 20px !important;
}

.vraj-products-pro__card-body h3 {
    font-size: 17px !important;
}

.vraj-products-pro__card-body p {
    margin: 9px 0 14px !important;
    font-size: 10.5px !important;
    line-height: 1.48 !important;
}

.vraj-products-pro__footer {
    margin-top: 24px !important;
}

/* ---------- FAQ + quote section refinement ---------- */

.vraj-clients-section {
    padding-top: 56px !important;
}

.vraj-clients-section .section__header {
    margin-bottom: 28px !important;
}

.vraj-clients-section .row-flex {
    align-items: stretch !important;
}

/* Quote visual panel */

.vraj-quote-visual-panel {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: stretch;
    overflow: hidden;

    background:
        url("../images/backgrounds/stats-background.webp")
        center / cover no-repeat;
}

.vraj-quote-visual-panel__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            115deg,
            rgba(14, 23, 36, .92) 0%,
            rgba(20, 31, 47, .82) 52%,
            rgba(20, 31, 47, .68) 100%
        );
}

.vraj-quote-visual-panel::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -120px;
    z-index: 1;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    box-shadow:
        0 0 0 42px rgba(255, 255, 255, .025),
        0 0 0 86px rgba(255, 255, 255, .018);
}

.vraj-quote-visual-panel__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 610px;
    margin: auto;
    padding: 52px 66px;
    text-align: left;
}

.vraj-quote-visual-panel__kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--vraj-primary-light);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.vraj-quote-visual-panel__content h3 {
    max-width: 520px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(30px, 2.6vw, 42px);
    line-height: 1.13;
    font-weight: 500;
    letter-spacing: -.02em;
}

.vraj-quote-visual-panel__content > p {
    max-width: 540px;
    margin: 20px 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1.75;
}

.vraj-quote-visual-panel__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 28px;
}

.vraj-quote-visual-panel__actions .button {
    min-width: 178px;
}

.vraj-quote-visual-panel__secondary {
    color: #ffffff;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.vraj-quote-visual-panel__secondary span {
    display: inline-block;
    margin-left: 7px;
    transition: transform .3s ease;
}

.vraj-quote-visual-panel__secondary:hover {
    color: #ffffff;
}

.vraj-quote-visual-panel__secondary:hover span {
    transform: translateX(4px);
}

.vraj-quote-visual-panel__contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.vraj-quote-visual-panel__contact a {
    color: rgba(255, 255, 255, .74);
    font-size: 10px;
    line-height: 1.4;
}

.vraj-quote-visual-panel__contact a:hover {
    color: #ffffff;
}

.vraj-quote-visual-panel__contact span {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, .18);
}

/* FAQ panel balance */

.vraj-faq-panel__inner {
    min-height: 430px !important;
    padding: 38px 44px !important;
}

.vraj-faq-panel__intro {
    margin-bottom: 16px !important;
}

.vraj-faq-panel__intro h3 {
    font-size: 26px !important;
}

.vraj-faq-item summary {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    font-size: 12px !important;
}

.vraj-faq-item__content p {
    padding-bottom: 14px !important;
    font-size: 11px !important;
    line-height: 1.62 !important;
}

/* Desktop hover polish */

@media (min-width: 992px) {
    .vraj-products-pro__card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 14px 30px rgba(21, 31, 46, .09) !important;
    }
}

/* Tablet */

@media (max-width: 1199.98px) {
    .vraj-products-pro__featured {
        grid-template-columns: 1.05fr .95fr !important;
    }

    .vraj-quote-visual-panel__content {
        padding: 46px 44px;
    }
}

/* Mobile */

@media (max-width: 767.98px) {
    .vraj-products-pro {
        padding: 44px 0 48px !important;
    }

    .vraj-products-pro__featured {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }

    .vraj-products-pro__featured-media {
        min-height: 235px !important;
    }

    .vraj-products-pro__grid {
        grid-template-columns: 1fr !important;
    }

    .vraj-products-pro__card-media {
        height: 210px !important;
    }

    .vraj-clients-section {
        padding-top: 44px !important;
    }

    .vraj-faq-panel__inner,
    .vraj-quote-visual-panel {
        min-height: 0 !important;
    }

    .vraj-quote-visual-panel__content {
        padding: 40px 26px;
    }

    .vraj-quote-visual-panel__content h3 {
        font-size: 30px;
    }

    .vraj-quote-visual-panel__actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .vraj-quote-visual-panel__contact {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .vraj-quote-visual-panel__contact span {
        display: none;
    }
}

/* ==================================================
   WHY CHOOSE US — OPTION 2 FINAL
   FAQ on white + industrial image only on quote panel
================================================== */

/* Keep the complete section separate from the footer */
.vraj-clients-section {
    position: relative;
    z-index: 2;
    padding-bottom: 34px !important;
    background: #ffffff !important;
}

/* A clear white breathing strip before the footer */
.vraj-clients-section::after {
    content: "";
    display: block;
    width: 100%;
    height: 34px;
    background: #ffffff;
}

/* Right-side image panel only */
.vraj-quote-visual-panel {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    isolation: isolate;

    background-color: #1b1a18 !important;
    background-image:
        url("../images/backgrounds/quote-industrial-bg.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Warm-neutral overlay: no blue cast */
.vraj-quote-visual-panel__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            110deg,
            rgba(15, 14, 13, 0.92) 0%,
            rgba(18, 17, 15, 0.82) 48%,
            rgba(18, 17, 15, 0.58) 100%
        ) !important;
}

/* Subtle depth without competing with content */
.vraj-quote-visual-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.04) 0%,
            rgba(0, 0, 0, 0.22) 100%
        );
}

/* Remove the old large circular decoration */
.vraj-quote-visual-panel::after {
    content: none !important;
    display: none !important;
}

.vraj-quote-visual-panel__content {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 620px;
    margin: auto;
    padding: 50px 62px !important;
    text-align: left;
}

/* Warm industrial accent so it does not blend with footer blue */
.vraj-quote-visual-panel__kicker {
    color: #d89a3c !important;
}

.vraj-quote-visual-panel__content h3 {
    color: #ffffff !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.30);
}

.vraj-quote-visual-panel__content > p {
    color: rgba(255, 255, 255, 0.78) !important;
}

.vraj-quote-visual-panel__actions .button-primary {
    background-color: #c9872d !important;
    border-color: #c9872d !important;
}

.vraj-quote-visual-panel__actions .button-primary:hover {
    background-color: #ad7022 !important;
    border-color: #ad7022 !important;
}

.vraj-quote-visual-panel__secondary {
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.vraj-quote-visual-panel__contact {
    border-top-color: rgba(255, 255, 255, 0.16) !important;
}

/* FAQ remains clean and clearly different */
.vraj-faq-panel {
    background: #f4f6f9 !important;
}

@media (max-width: 991.98px) {
    .vraj-clients-section {
        padding-bottom: 26px !important;
    }

    .vraj-clients-section::after {
        height: 26px;
    }

    .vraj-quote-visual-panel {
        min-height: 390px;
        background-position: 64% center !important;
    }

    .vraj-quote-visual-panel__content {
        padding: 44px 38px !important;
    }
}

@media (max-width: 575.98px) {
    .vraj-clients-section {
        padding-bottom: 20px !important;
    }

    .vraj-clients-section::after {
        height: 20px;
    }

    .vraj-quote-visual-panel {
        min-height: 380px;
        background-position: 68% center !important;
    }

    .vraj-quote-visual-panel__content {
        padding: 38px 24px !important;
    }
}

/* ==================================================
   WHY CHOOSE US + FOOTER — SEAMLESS MERGE
   Removes the white separator and joins both sections directly
================================================== */

.vraj-clients-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove the previously added white breathing strip */
.vraj-clients-section::after {
    content: none !important;
    display: none !important;
    height: 0 !important;
}

/* Remove any template spacing between the section and footer */
.vraj-clients-section + .footer-corporate,
.vraj-clients-section + footer,
.footer-corporate {
    margin-top: 0 !important;
}

.vraj-clients-section .container-fluid,
.vraj-clients-section .row-flex {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Footer starts immediately under FAQ/quote panels */
.footer-corporate__main {
    margin-top: 0 !important;
}

/* Keep the join clean without a visible border */
.vraj-quote-visual-panel,
.vraj-faq-panel {
    border-bottom: 0 !important;
}

@media (max-width: 991.98px) {
    .vraj-clients-section {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .vraj-clients-section {
        padding-bottom: 0 !important;
    }
}

/* ==================================================
   VRAJ METRICS — MODERN ICON STATS
   Box-free industrial B2B statistics section
================================================== */

.vraj-metrics-section {
    position: relative;
    overflow: hidden;
    padding: 58px 0;

    background-color: #101923;
    background-image: url("../images/backgrounds/stats-background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vraj-metrics-section__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(8, 15, 24, .86) 0%,
            rgba(8, 15, 24, .70) 48%,
            rgba(8, 15, 24, .83) 100%
        );
}

.vraj-metrics-section .container {
    position: relative;
    z-index: 2;
}

.vraj-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
}

.vraj-metric-item {
    position: relative;
    min-height: 150px;
    padding: 18px 32px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;

    text-align: left;
}

/* Minimal vertical separators */
.vraj-metric-item + .vraj-metric-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 24px;
    bottom: 24px;
    width: 1px;
    background: rgba(255, 255, 255, .15);
}

.vraj-metric-icon {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;

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

    color: #ffffff;
    font-size: 38px;
    line-height: 1;

    opacity: .92;
    transition: transform .3s ease, color .3s ease;
}

.vraj-metric-content {
    min-width: 0;
}

.vraj-metric-value {
    display: flex;
    align-items: flex-start;
    gap: 4px;

    margin-bottom: 8px;
    color: #ffffff;
    font-size: 48px;
    line-height: .95;
    font-weight: 700;
    letter-spacing: -.035em;
    white-space: nowrap;

    text-shadow: 0 3px 14px rgba(0, 0, 0, .30);
}

.vraj-metric-prefix,
.vraj-metric-suffix {
    display: inline-block;
    margin-top: 5px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}

.vraj-metric-content p {
    max-width: 180px;
    margin: 0;

    color: rgba(255, 255, 255, .68);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: .015em;
}

@media (min-width: 992px) {
    .vraj-metric-item {
        transition: transform .3s ease;
    }

    .vraj-metric-item:hover {
        transform: translateY(-4px);
    }

    .vraj-metric-item:hover .vraj-metric-icon {
        transform: scale(1.06);
        color: var(--vraj-primary-light);
    }
}

@media (max-width: 1199.98px) {
    .vraj-metrics-section {
        padding: 50px 0;
    }

    .vraj-metric-item {
        padding-left: 22px;
        padding-right: 22px;
        gap: 16px;
    }

    .vraj-metric-icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        font-size: 32px;
    }

    .vraj-metric-value {
        font-size: 40px;
    }

    .vraj-metric-content p {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {
    .vraj-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vraj-metric-item:nth-child(3)::before {
        display: none;
    }

    .vraj-metric-item:nth-child(n+3) {
        border-top: 1px solid rgba(255, 255, 255, .13);
    }
}

@media (max-width: 575.98px) {
    .vraj-metrics-section {
        padding: 34px 0;
    }

    .vraj-metrics-grid {
        grid-template-columns: 1fr;
    }

    .vraj-metric-item {
        min-height: 118px;
        justify-content: flex-start;
        padding: 20px 18px;
    }

    .vraj-metric-item + .vraj-metric-item::before {
        display: none;
    }

    .vraj-metric-item:nth-child(n+2) {
        border-top: 1px solid rgba(255, 255, 255, .13);
    }

    .vraj-metric-value {
        font-size: 38px;
    }
}


/* ==================================================
   ABOUT PAGE — PHASE 1
================================================== */

.vraj-about-page{
    background:#fff;
}

.vraj-about-kicker{
    display:inline-block;
    margin-bottom:14px;
    color:var(--vraj-primary);
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.vraj-about-text-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:11px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.vraj-about-text-link span{
    font-size:16px;
    transition:transform .3s ease;
}

.vraj-about-text-link:hover{
    color:#fff;
}

.vraj-about-text-link:hover span{
    transform:translateX(4px);
}

.vraj-about-text-link--dark{
    color:var(--vraj-primary-dark);
}

.vraj-about-text-link--dark:hover{
    color:var(--vraj-primary);
}


/* ==================================================
   ABOUT HERO — FINAL COMPACT PREMIUM VERSION
================================================== */

.vraj-about-hero{
    position:relative;
    width:100%;
    height:340px;
    min-height:0 !important;

    display:flex;
    align-items:center;
    overflow:hidden;

    background-color:#111925;
    background-image:url("../images/about/about-hero.webp");
    background-size:cover;
    background-position:center 48%;
    background-repeat:no-repeat;

    border-bottom:3px solid var(--vraj-primary);
}

.vraj-about-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(7,14,23,.94) 0%,
            rgba(7,14,23,.82) 25%,
            rgba(7,14,23,.48) 52%,
            rgba(7,14,23,.08) 100%
        );
}

.vraj-about-hero__overlay{
    display:none !important;
}

.vraj-about-hero .container{
    position:relative;
    z-index:2;
    width:100%;
}

.vraj-about-hero__content{
    position:relative;
    z-index:2;

    max-width:520px;
    padding:52px 0;

    text-align:left;
}

.vraj-about-label{
    display:block;
    margin:0;

    color:var(--vraj-primary-light);

    font-family:inherit;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.vraj-about-divider{
    display:block;

    width:54px;
    height:2px;
    margin:16px 0 27px;

    background:var(--vraj-primary);
}

.vraj-about-hero h1{
    margin:0;

    color:#fff;

    font-family:inherit;
    font-size:52px;
    line-height:1;
    font-weight:500;
    letter-spacing:-.025em;

    text-shadow:0 3px 18px rgba(0,0,0,.32);
}

.vraj-about-breadcrumb{
    margin-top:27px;

    display:flex;
    align-items:center;
    gap:10px;

    font-family:inherit;
    font-size:13px;
    line-height:1.4;
    font-weight:500;
}

.vraj-about-breadcrumb a{
    color:rgba(255,255,255,.92);
}

.vraj-about-breadcrumb a:hover{
    color:#fff;
}

.vraj-about-breadcrumb span{
    color:rgba(255,255,255,.70);
}

.vraj-about-breadcrumb span:last-child{
    color:var(--vraj-primary-light);
}


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

.vraj-about-intro{
    padding:88px 0 96px;
    background:#f7f9fb;
}

.vraj-about-gallery{
    position:relative;
    min-height:560px;
    padding-right:58px;
}

.vraj-about-gallery__primary{
    width:86%;
    height:500px;
    overflow:hidden;
    background:#1a2230;
}

.vraj-about-gallery__secondary{
    position:absolute;
    right:0;
    bottom:0;

    width:44%;
    height:250px;
    overflow:hidden;

    border:10px solid #f7f9fb;
    background:#1a2230;
}

.vraj-about-gallery__primary img,
.vraj-about-gallery__secondary img{
    width:100%;
    height:100%;
    display:block;

    object-fit:cover;
    object-position:center;

    transition:transform .55s ease;
}

.vraj-about-gallery__experience{
    position:absolute;
    left:28px;
    bottom:28px;
    z-index:2;

    min-width:210px;
    padding:22px 24px;

    display:flex;
    align-items:center;
    gap:14px;

    background:rgba(23,29,40,.92);
    border-left:3px solid var(--vraj-primary);
}

.vraj-about-gallery__experience strong{
    color:#fff;
    font-size:44px;
    line-height:1;
    font-weight:600;
}

.vraj-about-gallery__experience span{
    color:rgba(255,255,255,.72);
    font-size:11px;
    line-height:1.4;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.vraj-about-intro__content{
    max-width:620px;
    margin-left:auto;
}

.vraj-about-intro__content h2,
.vraj-about-section-head h2{
    margin:0;
    color:var(--vraj-ink);
    font-size:clamp(40px,4vw,58px);
    line-height:1.06;
    font-weight:500;
    letter-spacing:-.03em;
}

.vraj-about-intro__lead{
    margin-top:24px !important;
    color:#344256 !important;
    font-size:16px !important;
    line-height:1.75 !important;
    font-weight:500;
}

.vraj-about-intro__content > p{
    margin:18px 0 0;
    color:#6b7889;
    font-size:14px;
    line-height:1.8;
}

.vraj-about-highlights{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:30px;
}

.vraj-about-highlight{
    min-height:62px;
    padding:14px 16px;

    display:flex;
    align-items:center;
    gap:12px;

    background:#fff;
    border:1px solid #e1e7ee;
}

.vraj-about-highlight i{
    color:var(--vraj-primary);
    font-size:18px;
}

.vraj-about-highlight span{
    color:#364458;
    font-size:12px;
    line-height:1.45;
    font-weight:600;
}

.vraj-about-intro__actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:24px;
    margin-top:30px;
}


/* ==================================================
   COMPANY JOURNEY
================================================== */

.vraj-about-journey{
    padding:92px 0 100px;
    background:#fff;
}

.vraj-about-section-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);
    align-items:end;
    gap:54px;

    margin-bottom:58px;
    padding-bottom:24px;

    border-bottom:1px solid #e1e7ed;
}

.vraj-about-section-head > p{
    margin:0 0 4px;
    color:#6b7889;
    font-size:14px;
    line-height:1.75;
}


/* ==================================================
   DESKTOP HOVER
================================================== */

@media(min-width:992px){

    .vraj-about-gallery__primary:hover img,
    .vraj-about-gallery__secondary:hover img{
        transform:scale(1.025);
    }

}


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

@media(max-width:1199.98px){

    .vraj-about-intro{
        padding:72px 0 78px;
    }

    .vraj-about-gallery{
        min-height:500px;
    }

    .vraj-about-gallery__primary{
        height:450px;
    }

    .vraj-about-section-head{
        grid-template-columns:1fr;
        gap:20px;
    }

    .vraj-about-timeline{
        grid-template-columns:repeat(3,minmax(0,1fr));
        row-gap:46px;
    }

    

}


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

@media(max-width:991.98px){

    .vraj-about-hero{
        height:300px;
        background-position:58% center;
    }

    .vraj-about-hero__content{
        max-width:470px;
        padding:44px 0;
    }

    .vraj-about-hero h1{
        font-size:44px;
    }

    .vraj-about-divider{
        margin-bottom:23px;
    }

    .vraj-about-breadcrumb{
        margin-top:23px;
    }

}


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

@media(max-width:767.98px){

    .vraj-about-intro,
    .vraj-about-journey{
        padding:54px 0 60px;
    }

    .vraj-about-gallery{
        min-height:390px;
        padding-right:24px;
        margin-bottom:10px;
    }

    .vraj-about-gallery__primary{
        width:92%;
        height:340px;
    }

    .vraj-about-gallery__secondary{
        width:48%;
        height:160px;
        border-width:7px;
    }

    .vraj-about-gallery__experience{
        left:16px;
        bottom:16px;
        min-width:174px;
        padding:16px 18px;
    }

    .vraj-about-gallery__experience strong{
        font-size:34px;
    }

    .vraj-about-intro__content h2,
    .vraj-about-section-head h2{
        font-size:clamp(36px,10vw,46px);
    }

    .vraj-about-highlights{
        grid-template-columns:1fr;
    }

    .vraj-about-section-head{
        margin-bottom:36px;
        padding-bottom:18px;
    }

    .vraj-about-timeline{
        display:block;
    }


}


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

@media(max-width:575.98px){

    .vraj-about-hero{
        height:255px;
        background-position:65% center;
        border-bottom-width:2px;
    }

    .vraj-about-hero::before{
        background:
            linear-gradient(
                90deg,
                rgba(7,14,23,.94) 0%,
                rgba(7,14,23,.78) 58%,
                rgba(7,14,23,.36) 100%
            );
    }

    .vraj-about-hero__content{
        max-width:320px;
        padding:35px 0;
    }

    .vraj-about-label{
        font-size:9px;
    }

    .vraj-about-divider{
        width:42px;
        margin:12px 0 20px;
    }

    .vraj-about-hero h1{
        font-size:36px;
    }

    .vraj-about-breadcrumb{
        margin-top:20px;
        gap:8px;
        font-size:11px;
    }

}
/* ==================================================
   COMPANY JOURNEY — PREMIUM TIMELINE
================================================== */

.vraj-about-journey {
    position: relative;
    overflow: hidden;
    padding: 82px 0 96px;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7f9fc 100%
        );
}

.vraj-journey-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 18px;
    min-height: 500px;
    padding: 28px 0;
}

/* Main center line */
.vraj-journey-timeline::before {
    content: "";
    position: absolute;
    left: 3%;
    right: 3%;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
    background:
        linear-gradient(
            90deg,
            rgba(82,105,143,.18),
            var(--vraj-primary),
            rgba(82,105,143,.18)
        );
}

/* Timeline item */
.vraj-journey-item {
    position: relative;
    min-width: 0;
    height: 100%;
    display: grid;
    grid-template-rows: 1fr 34px 1fr;
    opacity: 0;
    transform: translateY(28px);
    animation: vrajJourneyReveal .7s ease forwards;
}

.vraj-journey-item:nth-child(1) {
    animation-delay: .08s;
}

.vraj-journey-item:nth-child(2) {
    animation-delay: .18s;
}

.vraj-journey-item:nth-child(3) {
    animation-delay: .28s;
}

.vraj-journey-item:nth-child(4) {
    animation-delay: .38s;
}

.vraj-journey-item:nth-child(5) {
    animation-delay: .48s;
}

@keyframes vrajJourneyReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Alternating position */
.vraj-journey-item--top .vraj-journey-card {
    grid-row: 1;
    align-self: end;
    margin-bottom: 22px;
}

.vraj-journey-item--top .vraj-journey-node {
    grid-row: 2;
}

.vraj-journey-item--bottom .vraj-journey-node {
    grid-row: 2;
}

.vraj-journey-item--bottom .vraj-journey-card {
    grid-row: 3;
    align-self: start;
    margin-top: 22px;
}

/* Card */
.vraj-journey-card {
    position: relative;
    min-height: 205px;
    padding: 24px 22px 22px;

    background: rgba(255,255,255,.96);
    border: 1px solid #dde4ec;
    box-shadow: 0 12px 32px rgba(22,33,49,.07);

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

/* Small connector */
.vraj-journey-item--top .vraj-journey-card::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -23px;
    width: 1px;
    height: 23px;
    background: var(--vraj-primary);
}

.vraj-journey-item--bottom .vraj-journey-card::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -23px;
    width: 1px;
    height: 23px;
    background: var(--vraj-primary);
}

/* Icon */
.vraj-journey-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 18px;

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

    color: var(--vraj-primary);
    background: var(--vraj-soft);
    border: 1px solid rgba(82,105,143,.22);

    font-size: 16px;
}

/* Year */
.vraj-journey-year {
    display: inline-block;
    margin-bottom: 11px;

    color: var(--vraj-primary);
    font-family: inherit;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .12em;
}

/* Heading */
.vraj-journey-card h3 {
    margin: 0;
    color: var(--vraj-ink);

    font-family: inherit;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
}

/* Paragraph */
.vraj-journey-card p {
    margin: 12px 0 0;
    color: #6b7889;

    font-family: inherit;
    font-size: 11px;
    line-height: 1.7;
}

/* Timeline node */
.vraj-journey-node {
    position: relative;
    z-index: 3;

    width: 16px;
    height: 16px;
    margin: auto;

    border-radius: 50%;
    background: var(--vraj-primary);
    border: 4px solid #ffffff;

    box-shadow:
        0 0 0 2px var(--vraj-primary),
        0 0 0 8px rgba(82,105,143,.11);
}

/* Hover */
@media (min-width: 992px) {

    .vraj-journey-card:hover {
        transform: translateY(-7px);
        border-color: rgba(82,105,143,.42);
        box-shadow: 0 20px 44px rgba(22,33,49,.13);
    }

    .vraj-journey-card:hover .vraj-journey-icon {
        color: #ffffff;
        background: var(--vraj-primary);
    }
}

/* Tablet */
@media (max-width: 1199.98px) {

    .vraj-journey-timeline {
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: 22px;
        min-height: auto;
    }

    .vraj-journey-timeline::before {
        display: none;
    }

    .vraj-journey-item {
        display: block;
        height: auto;
    }

    .vraj-journey-item--top .vraj-journey-card,
    .vraj-journey-item--bottom .vraj-journey-card {
        margin: 0;
    }

    .vraj-journey-node {
        display: none;
    }

    .vraj-journey-item--top .vraj-journey-card::after,
    .vraj-journey-item--bottom .vraj-journey-card::before {
        display: none;
    }
}

/* Mobile */
@media (max-width: 767.98px) {

    .vraj-about-journey {
        padding: 58px 0 66px;
    }

    .vraj-journey-timeline {
        display: block;
        padding: 0 0 0 28px;
    }

    .vraj-journey-timeline::before {
        display: block;
        left: 6px;
        right: auto;
        top: 0;
        bottom: 0;
        width: 2px;
        height: auto;
        transform: none;
    }

    .vraj-journey-item {
        position: relative;
        display: block;
        margin-bottom: 22px;
    }

    .vraj-journey-item:last-child {
        margin-bottom: 0;
    }

    .vraj-journey-node {
        display: block;
        position: absolute;
        left: -28px;
        top: 30px;
        width: 14px;
        height: 14px;
    }

    .vraj-journey-card {
        min-height: 0;
        padding: 21px 20px;
    }

    .vraj-journey-item--top .vraj-journey-card,
    .vraj-journey-item--bottom .vraj-journey-card {
        margin: 0;
    }

    .vraj-journey-item--top .vraj-journey-card::after,
    .vraj-journey-item--bottom .vraj-journey-card::before {
        display: none;
    }
}

/* ==================================================
   COMPANY JOURNEY — INTERACTIVE COMPACT V2
   Compact, animated and still professional for B2B
================================================== */

.vraj-about-journey{
    position:relative !important;
    overflow:hidden !important;
    padding:34px 0 42px !important;
    background:
        linear-gradient(rgba(247,249,252,.95),rgba(247,249,252,.95)),
        url("../images/backgrounds/stats-background.webp") center/cover no-repeat !important;
}

.vraj-about-journey::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 20%,rgba(82,105,143,.08),transparent 28%),
        radial-gradient(circle at 82% 78%,rgba(246,166,35,.05),transparent 24%);
}

.vraj-about-journey > .container{
    position:relative;
    z-index:2;
}

/* Heading */
.vraj-about-section-head{
    display:block !important;
    margin:0 0 16px !important;
    padding:0 0 10px !important;
    border-bottom:1px solid #dce3eb !important;
}

.vraj-about-section-head .vraj-about-kicker{
    margin:0 !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.18em !important;
}

/* Timeline */
.vraj-journey-timeline{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:center !important;
    gap:12px !important;
    min-height:292px !important;
    padding:4px 0 !important;
}

/* Static rail */
.vraj-journey-timeline::before{
    content:"";
    position:absolute;
    left:3%;
    right:3%;
    top:50%;
    height:2px;
    transform:translateY(-50%);
    background:#cbd4df;
    overflow:hidden;
}

/* Animated light sweep */
.vraj-journey-timeline::after{
    content:"";
    position:absolute;
    left:3%;
    top:50%;
    width:18%;
    height:2px;
    transform:translateY(-50%);
    background:linear-gradient(
        90deg,
        transparent,
        var(--vraj-primary),
        #9eacc2,
        transparent
    );
    filter:drop-shadow(0 0 5px rgba(82,105,143,.45));
    animation:vrajJourneySweep 4.8s linear infinite;
}

@keyframes vrajJourneySweep{
    from{left:3%}
    to{left:79%}
}

/* Items */
.vraj-journey-item{
    position:relative !important;
    min-width:0 !important;
    height:100% !important;
    display:grid !important;
    grid-template-rows:1fr 22px 1fr !important;
    opacity:0;
    transform:translateY(14px) scale(.985);
    animation:vrajJourneyReveal .58s cubic-bezier(.22,.68,.28,1) forwards;
}

.vraj-journey-item:nth-child(1){animation-delay:.05s}
.vraj-journey-item:nth-child(2){animation-delay:.13s}
.vraj-journey-item:nth-child(3){animation-delay:.21s}
.vraj-journey-item:nth-child(4){animation-delay:.29s}
.vraj-journey-item:nth-child(5){animation-delay:.37s}

@keyframes vrajJourneyReveal{
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.vraj-journey-item--top .vraj-journey-card{
    grid-row:1 !important;
    align-self:end !important;
    margin-bottom:10px !important;
}

.vraj-journey-item--top .vraj-journey-node{
    grid-row:2 !important;
}

.vraj-journey-item--bottom .vraj-journey-node{
    grid-row:2 !important;
}

.vraj-journey-item--bottom .vraj-journey-card{
    grid-row:3 !important;
    align-self:start !important;
    margin-top:10px !important;
}

/* Compact cards */
.vraj-journey-card{
    position:relative !important;
    min-height:116px !important;
    padding:12px 13px 13px !important;
    overflow:hidden !important;

    background:rgba(255,255,255,.94) !important;
    border:1px solid #d8e0e9 !important;
    box-shadow:0 7px 20px rgba(23,29,40,.055) !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background-color .28s ease !important;
}

/* Tiny animated top accent */
.vraj-journey-card::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:34px !important;
    height:2px !important;
    background:var(--vraj-primary) !important;
    transition:width .3s ease !important;
}

/* Keep only connector on alternating sides */
.vraj-journey-item--top .vraj-journey-card::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:-11px;
    width:1px;
    height:11px;
    background:var(--vraj-primary);
}

.vraj-journey-item--bottom .vraj-journey-card::before{
    content:"";
    position:absolute;
    left:50%;
    top:-11px;
    width:1px;
    height:11px;
    background:var(--vraj-primary);
}

/* Icon and year */
.vraj-journey-icon{
    width:26px !important;
    height:26px !important;
    margin:0 6px 8px 0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    vertical-align:middle !important;
    color:var(--vraj-primary) !important;
    background:var(--vraj-soft) !important;
    border:1px solid rgba(82,105,143,.2) !important;
    font-size:11px !important;
    transition:transform .28s ease,background-color .28s ease,color .28s ease !important;
}

.vraj-journey-year{
    display:inline-block !important;
    vertical-align:middle !important;
    margin:0 0 8px !important;
    color:var(--vraj-primary) !important;
    font-family:inherit !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
}

/* Content */
.vraj-journey-card h3{
    margin:0 !important;
    color:var(--vraj-ink) !important;
    font-family:inherit !important;
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:600 !important;
}

.vraj-journey-card p{
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    margin:6px 0 0 !important;
    color:#6b7889 !important;
    font-family:inherit !important;
    font-size:9px !important;
    line-height:1.45 !important;
}

/* Nodes */
.vraj-journey-node{
    position:relative !important;
    z-index:4 !important;
    width:11px !important;
    height:11px !important;
    margin:auto !important;
    border-radius:50% !important;
    background:var(--vraj-primary) !important;
    border:3px solid #fff !important;
    box-shadow:0 0 0 2px var(--vraj-primary),0 0 0 5px rgba(82,105,143,.09) !important;
    animation:vrajJourneyNode 2.4s ease-in-out infinite !important;
}

.vraj-journey-item:nth-child(2) .vraj-journey-node{animation-delay:.2s !important}
.vraj-journey-item:nth-child(3) .vraj-journey-node{animation-delay:.4s !important}
.vraj-journey-item:nth-child(4) .vraj-journey-node{animation-delay:.6s !important}
.vraj-journey-item:nth-child(5) .vraj-journey-node{animation-delay:.8s !important}

@keyframes vrajJourneyNode{
    0%,100%{
        transform:scale(1);
        box-shadow:0 0 0 2px var(--vraj-primary),0 0 0 5px rgba(82,105,143,.08);
    }
    50%{
        transform:scale(1.12);
        box-shadow:0 0 0 2px var(--vraj-primary),0 0 0 9px rgba(82,105,143,.025);
    }
}

/* Professional hover interaction */
@media(min-width:992px){
    .vraj-journey-card:hover{
        transform:translateY(-4px) !important;
        background:#fff !important;
        border-color:rgba(82,105,143,.48) !important;
        box-shadow:0 14px 30px rgba(23,29,40,.11) !important;
    }

    .vraj-journey-card:hover::after{
        width:100% !important;
    }

    .vraj-journey-card:hover .vraj-journey-icon{
        color:#fff !important;
        background:var(--vraj-primary) !important;
        transform:rotate(-4deg) scale(1.05) !important;
    }
}

/* Tablet */
@media(max-width:1199.98px){
    .vraj-about-journey{
        padding:30px 0 36px !important;
    }

    .vraj-journey-timeline{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:12px !important;
        min-height:0 !important;
    }

    .vraj-journey-timeline::before,
    .vraj-journey-timeline::after{
        display:none !important;
    }

    .vraj-journey-item{
        display:block !important;
        height:auto !important;
    }

    .vraj-journey-item--top .vraj-journey-card,
    .vraj-journey-item--bottom .vraj-journey-card{
        min-height:120px !important;
        margin:0 !important;
    }

    .vraj-journey-node,
    .vraj-journey-item--top .vraj-journey-card::before,
    .vraj-journey-item--bottom .vraj-journey-card::before{
        display:none !important;
    }
}

/* Mobile */
@media(max-width:767.98px){
    .vraj-about-journey{
        padding:28px 0 32px !important;
    }

    .vraj-about-section-head{
        margin-bottom:14px !important;
        padding-bottom:9px !important;
    }

    .vraj-about-section-head .vraj-about-kicker{
        font-size:13px !important;
    }

    .vraj-journey-timeline{
        display:block !important;
        padding:0 0 0 20px !important;
    }

    .vraj-journey-timeline::before{
        display:block !important;
        left:4px !important;
        right:auto !important;
        top:0 !important;
        bottom:0 !important;
        width:2px !important;
        height:auto !important;
        transform:none !important;
    }

    .vraj-journey-timeline::after{
        display:none !important;
    }

    .vraj-journey-item{
        position:relative !important;
        display:block !important;
        margin-bottom:10px !important;
    }

    .vraj-journey-item:last-child{
        margin-bottom:0 !important;
    }

    .vraj-journey-card,
    .vraj-journey-item--top .vraj-journey-card,
    .vraj-journey-item--bottom .vraj-journey-card{
        min-height:0 !important;
        margin:0 !important;
        padding:12px 13px !important;
    }

    .vraj-journey-node{
        display:block !important;
        position:absolute !important;
        left:-20px !important;
        top:21px !important;
        width:10px !important;
        height:10px !important;
    }

    .vraj-journey-item--top .vraj-journey-card::before,
    .vraj-journey-item--bottom .vraj-journey-card::before{
        display:none !important;
    }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
    .vraj-journey-item,
    .vraj-journey-node,
    .vraj-journey-timeline::after{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
    }
}


/* Shared heading */
.vraj-process-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .55fr);
    align-items: end;
    gap: 48px;
    margin-bottom: 34px;
    padding-bottom: 18px;
    border-bottom: 1px solid #dfe6ee;
}

.vraj-process-head h2,
.vraj-strength-content h2 {
    margin: 0;
    color: var(--vraj-ink);
    font-family: inherit;
    font-size: clamp(36px, 3.7vw, 52px);
    line-height: 1.06;
    font-weight: 500;
    letter-spacing: -.028em;
}

.vraj-process-head > p {
    margin: 0 0 2px;
    color: #6b7889;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.75;
}


.vraj-process-section {
    position: relative;
    overflow: hidden;
    padding: 68px 0 74px;
    background:
        linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

.vraj-process-track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.vraj-process-track::before {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    top: 42px;
    height: 2px;
    background: #d8e0e9;
}

.vraj-process-track::after {
    content: "";
    position: absolute;
    left: 7%;
    top: 42px;
    width: 13%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--vraj-primary), transparent);
    animation: vrajProcessFlow 5s linear infinite;
}

@keyframes vrajProcessFlow {
    from { left: 7%; }
    to { left: 80%; }
}

.vraj-process-step {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding: 0 12px 18px;
    text-align: center;
    opacity: 0;
    transform: translateY(18px);
    animation: vrajProcessReveal .55s ease forwards;
}

.vraj-process-step:nth-child(1) { animation-delay: .05s; }
.vraj-process-step:nth-child(2) { animation-delay: .12s; }
.vraj-process-step:nth-child(3) { animation-delay: .19s; }
.vraj-process-step:nth-child(4) { animation-delay: .26s; }
.vraj-process-step:nth-child(5) { animation-delay: .33s; }
.vraj-process-step:nth-child(6) { animation-delay: .40s; }

@keyframes vrajProcessReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vraj-process-step__number {
    display: block;
    margin-bottom: 8px;
    color: var(--vraj-primary);
    font-family: inherit;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .15em;
}

.vraj-process-step__icon {
    position: relative;
    z-index: 3;
    width: 54px;
    height: 54px;
    margin: 0 auto 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--vraj-primary);
    background: #ffffff;
    border: 1px solid #d6dee8;
    box-shadow: 0 7px 18px rgba(23, 29, 40, .06);
    font-size: 18px;
    transition:
        transform .3s ease,
        color .3s ease,
        background-color .3s ease,
        border-color .3s ease;
}

.vraj-process-step h3 {
    margin: 0;
    color: var(--vraj-ink);
    font-family: inherit;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
}

.vraj-process-step p {
    margin: 8px 0 0;
    color: #6b7889;
    font-family: inherit;
    font-size: 10px;
    line-height: 1.6;
}

@media (min-width: 992px) {
    .vraj-process-step:hover .vraj-process-step__icon {
        transform: translateY(-5px) rotate(-3deg);
        color: #ffffff;
        background: var(--vraj-primary);
        border-color: var(--vraj-primary);
    }
}

/* ==================================================
   MANUFACTURING STRENGTH
================================================== */

.vraj-strength-section {
    padding: 76px 0 82px;
    background: #ffffff;
}

.vraj-strength-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 54px;
    align-items: stretch;
}

.vraj-strength-media {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    background: #111a26;
}

.vraj-strength-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(9, 16, 25, .03) 48%,
            rgba(9, 16, 25, .72) 100%
        );
}

.vraj-strength-media img {
    width: 100%;
    height: 100%;
    min-height: 500px;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .55s ease, filter .35s ease;
}

.vraj-strength-media__caption {
    position: absolute;
    left: 26px;
    right: 26px;
    bottom: 24px;
    z-index: 2;
    padding-left: 14px;
    border-left: 3px solid var(--vraj-primary-light);
}

.vraj-strength-media__caption span,
.vraj-strength-media__caption strong {
    display: block;
    font-family: inherit;
}

.vraj-strength-media__caption span {
    color: rgba(255,255,255,.7);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vraj-strength-media__caption strong {
    margin-top: 6px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 600;
}

.vraj-strength-content {
    align-self: center;
}

.vraj-strength-content__lead {
    margin: 22px 0 0;
    color: #4f5d70;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.8;
}

.vraj-strength-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 28px 0 26px;
}

.vraj-strength-card {
    min-height: 118px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #f7f9fc;
    border: 1px solid #e0e6ed;
    transition:
        transform .3s ease,
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.vraj-strength-card > i {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--vraj-primary);
    background: #ffffff;
    border: 1px solid #d8e0e9;
    font-size: 14px;
}

.vraj-strength-card h3 {
    margin: 0;
    color: var(--vraj-ink);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}

.vraj-strength-card p {
    margin: 6px 0 0;
    color: #6b7889;
    font-family: inherit;
    font-size: 10px;
    line-height: 1.55;
}

.vraj-strength-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 28px;
    border-top: 1px solid #dfe5ec;
    border-bottom: 1px solid #dfe5ec;
}

.vraj-strength-fact {
    min-height: 106px;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vraj-strength-fact + .vraj-strength-fact {
    border-left: 1px solid #dfe5ec;
}

.vraj-strength-fact strong {
    color: var(--vraj-primary);
    font-family: inherit;
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
}

.vraj-strength-fact span {
    margin-top: 8px;
    color: #6b7889;
    font-family: inherit;
    font-size: 10px;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .vraj-strength-media:hover img {
        transform: scale(1.025);
        filter: brightness(1.03);
    }

    .vraj-strength-card:hover {
        transform: translateY(-4px);
        background: #ffffff;
        border-color: rgba(82, 105, 143, .38);
        box-shadow: 0 14px 28px rgba(23, 29, 40, .08);
    }
}

/* Tablet */
@media (max-width: 1199.98px) {
    .vraj-process-head {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .vraj-process-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 28px;
    }

    .vraj-process-track::before,
    .vraj-process-track::after {
        display: none;
    }

    .vraj-strength-layout {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .vraj-strength-media,
    .vraj-strength-media img {
        min-height: 420px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .vraj-process-section,
    .vraj-strength-section {
        padding: 50px 0 56px;
    }

    .vraj-process-head {
        margin-bottom: 26px;
        padding-bottom: 15px;
    }

    .vraj-process-head h2,
    .vraj-strength-content h2 {
        font-size: clamp(34px, 9vw, 44px);
    }

    .vraj-process-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 10px;
    }

    .vraj-process-step {
        padding-left: 6px;
        padding-right: 6px;
    }

    .vraj-process-step__icon {
        width: 48px;
        height: 48px;
        margin-bottom: 14px;
    }

    .vraj-strength-media,
    .vraj-strength-media img {
        min-height: 310px;
    }

    .vraj-strength-grid {
        grid-template-columns: 1fr;
    }

    .vraj-strength-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vraj-strength-fact:nth-child(3) {
        border-left: 0;
        border-top: 1px solid #dfe5ec;
    }

    .vraj-strength-fact:nth-child(4) {
        border-top: 1px solid #dfe5ec;
    }
}

@media (max-width: 479.98px) {
    .vraj-process-track {
        grid-template-columns: 1fr;
    }

    .vraj-process-step {
        max-width: 330px;
        margin: 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vraj-process-track::after,
    .vraj-process-step {
        animation: none;
        opacity: 1;
        transform: none;
    }
}


.vraj-about-journey {
    padding: 46px 0 !important;
    background: #ffffff !important;
}

.vraj-journey-shell {
    position: relative;
    overflow: hidden;
    padding: 34px 34px 30px;

    background-color: #151d29;
    background-image:
        linear-gradient(
            90deg,
            rgba(14, 22, 34, .96) 0%,
            rgba(14, 22, 34, .88) 52%,
            rgba(14, 22, 34, .90) 100%
        ),
        url("../images/backgrounds/stats-background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    border: 1px solid rgba(158, 172, 194, .18);
    box-shadow: 0 18px 42px rgba(23, 29, 40, .10);
}

.vraj-journey-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.035),
            transparent 34%,
            rgba(82,105,143,.05) 68%,
            transparent
        );
}

.vraj-journey-shell > * {
    position: relative;
    z-index: 2;
}

/* Compact heading */
.vraj-journey-shell__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
    align-items: end;
    gap: 36px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.vraj-journey-shell__head .vraj-about-kicker {
    margin-bottom: 9px;
    color: var(--vraj-primary-light);
    font-size: 12px;
}

.vraj-journey-shell__head h2 {
    margin: 0;
    color: #ffffff;
    font-family: inherit;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: -.025em;
}

.vraj-journey-shell__head > p {
    margin: 0 0 2px;
    color: rgba(255,255,255,.62);
    font-family: inherit;
    font-size: 11px;
    line-height: 1.7;
}

/* Five-card milestone grid */
.vraj-journey-cards {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.vraj-journey-milestone {
    position: relative;
    min-width: 0;
    min-height: 150px;
    padding: 15px 15px 16px;
    overflow: hidden;

    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

    opacity: 0;
    transform: translateY(18px) scale(.985);
    animation: vrajMilestoneReveal .62s cubic-bezier(.22,.68,.28,1) forwards;

    transition:
        transform .3s ease,
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.vraj-journey-milestone:nth-child(1) { animation-delay: .05s; }
.vraj-journey-milestone:nth-child(2) { animation-delay: .13s; }
.vraj-journey-milestone:nth-child(3) { animation-delay: .21s; }
.vraj-journey-milestone:nth-child(4) { animation-delay: .29s; }
.vraj-journey-milestone:nth-child(5) { animation-delay: .37s; }

@keyframes vrajMilestoneReveal {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Animated top rail */
.vraj-journey-milestone::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 2px;
    background: var(--vraj-primary-light);
    transition: width .35s ease, background-color .35s ease;
}

.vraj-journey-milestone__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.vraj-journey-milestone__icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--vraj-primary-light);
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    font-size: 12px;

    transition:
        transform .3s ease,
        color .3s ease,
        background-color .3s ease;
}

.vraj-journey-milestone__year {
    color: var(--vraj-primary-light);
    font-family: inherit;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .14em;
}

.vraj-journey-milestone h3 {
    margin: 0;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.32;
    font-weight: 600;
}

.vraj-journey-milestone p {
    margin: 8px 0 0;
    color: rgba(255,255,255,.58);
    font-family: inherit;
    font-size: 9px;
    line-height: 1.55;
}

/* Relieving, premium interaction */
@media (min-width: 992px) {
    .vraj-journey-milestone:hover {
        transform: translateY(-6px);
        background: rgba(255,255,255,.12);
        border-color: rgba(158,172,194,.44);
        box-shadow: 0 14px 28px rgba(0,0,0,.16);
    }

    .vraj-journey-milestone:hover::before {
        width: 100%;
        background: var(--vraj-primary);
    }

    .vraj-journey-milestone:hover .vraj-journey-milestone__icon {
        color: #ffffff;
        background: var(--vraj-primary);
        transform: rotate(-4deg) scale(1.06);
    }
}

/* Tablet */
@media (max-width: 1199.98px) {
    .vraj-about-journey {
        padding: 38px 0 !important;
    }

    .vraj-journey-shell {
        padding: 28px;
    }

    .vraj-journey-shell__head {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .vraj-journey-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .vraj-about-journey {
        padding: 28px 0 !important;
    }

    .vraj-journey-shell {
        padding: 22px 18px;
    }

    .vraj-journey-shell__head {
        margin-bottom: 18px;
        padding-bottom: 13px;
    }

    .vraj-journey-shell__head h2 {
        font-size: 30px;
    }

    .vraj-journey-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .vraj-journey-milestone {
        min-height: 0;
        padding: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vraj-journey-milestone {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

/* ==================================================
   COMPANY JOURNEY — PREMIUM MOTION V4
   Scroll reveal, cursor reflection, moving light and refined hover
================================================== */

/* Moving ambient background */
.vraj-journey-shell {
    isolation: isolate;
}

.vraj-journey-shell::after {
    content: "";
    position: absolute;
    inset: -35%;
    z-index: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 25% 45%,
            rgba(82, 105, 143, .16),
            transparent 24%
        ),
        radial-gradient(
            circle at 75% 55%,
            rgba(158, 172, 194, .09),
            transparent 22%
        );

    opacity: .72;
    transform: translate3d(-3%, 0, 0);
    animation: vrajJourneyAmbient 12s ease-in-out infinite alternate;
}

@keyframes vrajJourneyAmbient {
    0% {
        transform: translate3d(-3%, -1%, 0) scale(1);
    }

    100% {
        transform: translate3d(3%, 1%, 0) scale(1.04);
    }
}

/* Section heading reveal */
.vraj-journey-shell__head {
    opacity: 0;
    transform: translateY(14px);
    transition:
        opacity .6s ease,
        transform .6s cubic-bezier(.2, .7, .25, 1);
}

.vraj-journey-shell.is-visible .vraj-journey-shell__head {
    opacity: 1;
    transform: translateY(0);
}

/* JS-controlled staggered card reveal */
.vraj-journey-milestone {
    --journey-x: 50%;
    --journey-y: 50%;

    opacity: 0 !important;
    transform: translateY(22px) scale(.975) !important;
    animation: none !important;

    transition:
        opacity .58s ease,
        transform .58s cubic-bezier(.2, .72, .25, 1),
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}

.vraj-journey-shell.is-visible .vraj-journey-milestone {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

.vraj-journey-shell.is-visible .vraj-journey-milestone:nth-child(1) {
    transition-delay: .08s;
}

.vraj-journey-shell.is-visible .vraj-journey-milestone:nth-child(2) {
    transition-delay: .16s;
}

.vraj-journey-shell.is-visible .vraj-journey-milestone:nth-child(3) {
    transition-delay: .24s;
}

.vraj-journey-shell.is-visible .vraj-journey-milestone:nth-child(4) {
    transition-delay: .32s;
}

.vraj-journey-shell.is-visible .vraj-journey-milestone:nth-child(5) {
    transition-delay: .40s;
}

/* Cursor-follow glass reflection */
.vraj-journey-milestone::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at var(--journey-x) var(--journey-y),
            rgba(255, 255, 255, .15),
            rgba(255, 255, 255, .035) 28%,
            transparent 58%
        );

    opacity: 0;
    transition: opacity .25s ease;
}

.vraj-journey-milestone > * {
    position: relative;
    z-index: 2;
}

/* Animated top accent sweep */
.vraj-journey-milestone::before {
    width: 42px !important;
    background:
        linear-gradient(
            90deg,
            var(--vraj-primary-light),
            #ffffff,
            var(--vraj-primary)
        ) !important;
    background-size: 180% 100% !important;
    animation: vrajJourneyAccent 3.6s linear infinite;
}

@keyframes vrajJourneyAccent {
    from {
        background-position: 180% 0;
    }

    to {
        background-position: -80% 0;
    }
}

/* Gentle icon breathing */
.vraj-journey-milestone__icon {
    animation: vrajJourneyIconFloat 3.2s ease-in-out infinite;
}

.vraj-journey-milestone:nth-child(2) .vraj-journey-milestone__icon {
    animation-delay: .25s;
}

.vraj-journey-milestone:nth-child(3) .vraj-journey-milestone__icon {
    animation-delay: .50s;
}

.vraj-journey-milestone:nth-child(4) .vraj-journey-milestone__icon {
    animation-delay: .75s;
}

.vraj-journey-milestone:nth-child(5) .vraj-journey-milestone__icon {
    animation-delay: 1s;
}

@keyframes vrajJourneyIconFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

/* Premium desktop interaction */
@media (min-width: 992px) {
    .vraj-journey-milestone:hover {
        transform: translateY(-8px) scale(1.012) !important;
        background: rgba(255, 255, 255, .135) !important;
        border-color: rgba(158, 172, 194, .58) !important;
        box-shadow:
            0 18px 38px rgba(0, 0, 0, .22),
            inset 0 1px 0 rgba(255, 255, 255, .08) !important;

        transition-delay: 0s !important;
    }

    .vraj-journey-milestone:hover::after {
        opacity: 1;
    }

    .vraj-journey-milestone:hover::before {
        width: 100% !important;
    }

    .vraj-journey-milestone:hover .vraj-journey-milestone__icon {
        animation: none;
        color: #ffffff !important;
        background: var(--vraj-primary) !important;
        transform: rotate(-6deg) scale(1.09);
        box-shadow: 0 7px 18px rgba(0, 0, 0, .20);
    }

    .vraj-journey-milestone:hover h3 {
        transform: translateX(3px);
    }

    .vraj-journey-milestone h3 {
        transition: transform .3s ease;
    }
}

/* Reduce background motion on smaller devices */
@media (max-width: 767.98px) {
    .vraj-journey-shell::after {
        animation-duration: 16s;
        opacity: .48;
    }

    .vraj-journey-milestone__icon {
        animation: none;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .vraj-journey-shell::after,
    .vraj-journey-milestone::before,
    .vraj-journey-milestone__icon {
        animation: none !important;
    }

    .vraj-journey-shell__head,
    .vraj-journey-milestone {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ==================================================
   MANUFACTURING STRENGTH — COMPACT FINAL
   Height reduced without changing the approved structure
================================================== */

.vraj-strength-section {
    padding: 54px 0 58px !important;
}

.vraj-strength-layout {
    gap: 38px !important;
    align-items: center !important;
}

.vraj-strength-media,
.vraj-strength-media img {
    min-height: 390px !important;
    height: 390px !important;
}

.vraj-strength-media__caption {
    left: 20px !important;
    right: 20px !important;
    bottom: 18px !important;
}

.vraj-strength-content h2 {
    font-size: clamp(34px, 3.2vw, 46px) !important;
}

.vraj-strength-content__lead {
    margin-top: 16px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

.vraj-strength-grid {
    gap: 10px !important;
    margin: 20px 0 20px !important;
}

.vraj-strength-card {
    min-height: 96px !important;
    padding: 13px 14px !important;
    gap: 10px !important;
}

.vraj-strength-card > i {
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
}

.vraj-strength-card h3 {
    font-size: 13px !important;
}

.vraj-strength-card p {
    margin-top: 5px !important;
    font-size: 9px !important;
    line-height: 1.5 !important;
}

.vraj-strength-facts {
    margin-top: 20px !important;
}

.vraj-strength-fact {
    min-height: 84px !important;
    padding: 15px 18px !important;
}

.vraj-strength-fact strong {
    font-size: 24px !important;
}

.vraj-strength-fact span {
    margin-top: 6px !important;
    font-size: 9px !important;
}

/* Tablet */
@media (max-width: 1199.98px) {
    .vraj-strength-section {
        padding: 46px 0 50px !important;
    }

    .vraj-strength-layout {
        gap: 28px !important;
    }

    .vraj-strength-media,
    .vraj-strength-media img {
        min-height: 350px !important;
        height: 350px !important;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .vraj-strength-section {
        padding: 38px 0 42px !important;
    }

    .vraj-strength-media,
    .vraj-strength-media img {
        min-height: 260px !important;
        height: 260px !important;
    }

    .vraj-strength-grid {
        margin: 18px 0 !important;
    }

    .vraj-strength-card {
        min-height: 0 !important;
    }

    .vraj-strength-fact {
        min-height: 76px !important;
        padding: 13px 14px !important;
    }
}

/* ==================================================
   ABOUT PAGE — PHASE 3 LAYOUT
   Leadership Team + Company Factsheet
================================================== */

/* Shared Phase 3 heading */
.vraj-phase3-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .52fr);
    align-items: end;
    gap: 44px;
    margin-bottom: 34px;
    padding-bottom: 18px;
    border-bottom: 1px solid #dfe5ec;
}

.vraj-phase3-heading h2,
.vraj-factsheet-intro h2 {
    margin: 0;
    color: var(--vraj-ink);
    font-family: inherit;
    font-size: clamp(36px, 3.6vw, 52px);
    line-height: 1.07;
    font-weight: 500;
    letter-spacing: -.03em;
}

.vraj-phase3-heading > p {
    margin: 0 0 2px;
    color: #6b7889;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.75;
}


/* ==================================================
   COMPANY FACTSHEET
================================================== */

.vraj-factsheet-section {
    padding: 64px 0 72px;
    background: #ffffff;
}

.vraj-factsheet-shell {
    display: grid;
    grid-template-columns: minmax(310px, .72fr) minmax(0, 1.28fr);
    overflow: hidden;
    border: 1px solid #dce3eb;
    background: #ffffff;
}

.vraj-factsheet-intro {
    padding: 40px 36px;
    background:
        linear-gradient(
            145deg,
            #17202c 0%,
            #222e3d 100%
        );
}

.vraj-factsheet-intro .vraj-about-kicker {
    color: var(--vraj-primary-light);
}

.vraj-factsheet-intro h2 {
    color: #ffffff;
    font-size: clamp(32px, 3.1vw, 44px);
}

.vraj-factsheet-intro > p {
    margin: 20px 0 0;
    color: rgba(255,255,255,.63);
    font-family: inherit;
    font-size: 11px;
    line-height: 1.75;
}

.vraj-factsheet-contact {
    margin-top: 28px;
    padding-top: 18px;
    display: grid;
    gap: 7px;
    border-top: 1px solid rgba(255,255,255,.14);
}

.vraj-factsheet-contact span {
    margin-bottom: 3px;
    color: var(--vraj-primary-light);
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vraj-factsheet-contact a {
    width: fit-content;
    color: rgba(255,255,255,.88);
    font-family: inherit;
    font-size: 11px;
}

.vraj-factsheet-table {
    padding: 12px 26px;
}

.vraj-factsheet-row {
    display: grid;
    grid-template-columns: minmax(170px, .72fr) minmax(0, 1.28fr);
    min-height: 54px;
    border-bottom: 1px solid #e3e8ee;
}

.vraj-factsheet-row:last-child {
    border-bottom: 0;
}

.vraj-factsheet-row > div {
    padding: 14px 12px;
    display: flex;
    align-items: center;
    color: #425064;
    font-family: inherit;
    font-size: 11px;
    line-height: 1.55;
}

.vraj-factsheet-row > div:first-child {
    color: var(--vraj-ink);
    font-weight: 600;
}

.vraj-factsheet-row.is-placeholder > div:last-child {
    color: #939daa;
    font-style: italic;
}

/* Tablet */
@media (max-width: 1199.98px) {
    .vraj-phase3-heading {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .vraj-leadership-layout {
        grid-template-columns: 1fr;
    }

    .vraj-leadership-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .vraj-leader-card {
        grid-template-columns: 1fr;
    }

    .vraj-leader-card__media {
        min-height: 210px;
    }

    .vraj-factsheet-shell {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .vraj-leadership-section,
    .vraj-factsheet-section {
        padding: 48px 0 54px;
    }

    .vraj-phase3-heading {
        margin-bottom: 26px;
    }

    .vraj-phase3-heading h2,
    .vraj-factsheet-intro h2 {
        font-size: clamp(32px, 9vw, 42px);
    }

    .vraj-leader-featured {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .vraj-leader-featured__media {
        min-height: 320px;
    }

    .vraj-leader-featured__content {
        padding: 30px 24px 34px;
    }

    .vraj-leadership-grid {
        grid-template-columns: 1fr;
    }

    .vraj-leader-card {
        grid-template-columns: 110px minmax(0, 1fr);
    }

    .vraj-leader-card__media {
        min-height: 116px;
    }

    .vraj-factsheet-intro {
        padding: 30px 24px;
    }

    .vraj-factsheet-table {
        padding: 8px 16px;
    }

    .vraj-factsheet-row {
        grid-template-columns: 1fr;
        padding: 10px 0;
    }

    .vraj-factsheet-row > div {
        min-height: 0;
        padding: 4px 8px;
    }
}
/* =========================================================
   LEADERSHIP SECTION — COMPACT OVERRIDE
   (Paste after existing Leadership CSS)
=========================================================*/

.vraj-leadership-section{
    padding:36px 0 40px !important;
}

.vraj-phase3-heading{
    margin-bottom:20px !important;
    padding-bottom:14px !important;
}

.vraj-leadership-layout{
    gap:16px !important;
}

/* Featured Card */

.vraj-leader-featured{
    min-height:305px !important;
    grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr) !important;
}

.vraj-leader-featured__media{
    min-height:305px !important;
}

.vraj-leader-featured__content{
    padding:26px 28px !important;
}

.vraj-leader-featured__content::before{
    top:28px !important;
    height:54px !important;
}

.vraj-leader-index{
    margin-bottom:10px !important;
}

.vraj-leader-featured h3{
    font-size:24px !important;
    line-height:1.15 !important;
}

.vraj-leader-role{
    margin-top:4px !important;
    font-size:10px !important;
}

.vraj-leader-featured__content>p{
    margin:14px 0 0 !important;
    font-size:11px !important;
    line-height:1.7 !important;
}

.vraj-leader-signature{
    margin-top:16px !important;
    padding-top:12px !important;
}

/* Right Cards */

.vraj-leader-stack{
    gap:8px !important;
}

.vraj-leader-card{
    min-height:90px !important;
    grid-template-columns:100px 1fr !important;
}

.vraj-leader-card__media{
    min-height:90px !important;
}

.vraj-leader-card__body{
    padding:14px 16px !important;
}

.vraj-leader-card h3{
    font-size:16px !important;
    line-height:1.2 !important;
    margin-bottom:2px !important;
}

.vraj-leader-card p{
    font-size:10px !important;
    line-height:1.5 !important;
}

/* Hover */

@media(min-width:992px){

.vraj-leader-featured,
.vraj-leader-card{
    transition:.35s ease;
}

.vraj-leader-featured:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(0,0,0,.10);
}

.vraj-leader-card:hover{
    transform:translateX(6px);
    box-shadow:0 14px 28px rgba(0,0,0,.08);
}

.vraj-leader-featured:hover img,
.vraj-leader-card:hover img{
    transform:scale(1.04);
}

}

/* Tablet */

@media(max-width:991px){

.vraj-leader-featured{
    min-height:auto !important;
}

.vraj-leader-featured__media{
    min-height:250px !important;
}

}

/* Mobile */

@media(max-width:767px){

.vraj-leadership-section{
    padding:28px 0 32px !important;
}

.vraj-leader-featured__content{
    padding:22px !important;
}

.vraj-leader-featured h3{
    font-size:22px !important;
}

}

/* ==================================================
   LEADERSHIP TEAM — COMPLETE CARD REDESIGN
   Four near-equal cards; MD only subtly highlighted
================================================== */

.vraj-leadership-section{
    padding:36px 0 42px !important;
    background:#f4f6f9 !important;
}

.vraj-phase3-heading--compact{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(280px,.42fr) !important;
    align-items:end !important;
    gap:34px !important;
    margin-bottom:20px !important;
    padding-bottom:14px !important;
}

.vraj-phase3-heading--compact h2{
    max-width:560px !important;
    margin:4px 0 0 !important;
    font-size:clamp(32px,2.7vw,40px) !important;
    line-height:1.08 !important;
}

.vraj-phase3-heading--compact > p{
    max-width:360px !important;
    margin:0 0 2px !important;
    font-size:10px !important;
    line-height:1.65 !important;
}

/* Four-card structure */
.vraj-leadership-cards{
    display:grid;
    grid-template-columns:1.08fr repeat(3,1fr);
    gap:12px;
    align-items:stretch;
}

.vraj-leadership-profile{
    position:relative;
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #dce3eb;
    box-shadow:0 8px 22px rgba(23,29,40,.045);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.vraj-leadership-profile--md{
    border-top:3px solid var(--vraj-primary);
}

.vraj-leadership-profile__media{
    position:relative;
    height:210px;
    overflow:hidden;
    background:linear-gradient(145deg,#dfe5ec,#cbd4df);
}

.vraj-leadership-profile--md .vraj-leadership-profile__media{
    height:222px;
}

.vraj-leadership-profile__media::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
        180deg,
        transparent 58%,
        rgba(13,21,32,.55) 100%
    );
}

.vraj-leadership-profile__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
    transition:transform .45s ease,filter .35s ease;
}

.vraj-leadership-profile__badge{
    position:absolute;
    left:14px;
    bottom:12px;
    z-index:2;
    color:#fff;
    font-family:inherit;
    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.vraj-leadership-profile__body{
    min-height:112px;
    padding:15px 15px 17px;
}

.vraj-leadership-profile__eyebrow{
    display:block;
    color:var(--vraj-primary);
    font-family:inherit;
    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.vraj-leadership-profile h3{
    margin:8px 0 0;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:15px;
    line-height:1.28;
    font-weight:600;
}

.vraj-leadership-profile--md h3{
    font-size:17px;
}

.vraj-leadership-profile p{
    margin:5px 0 0;
    color:#748094;
    font-family:inherit;
    font-size:9px;
    line-height:1.4;
}

@media(min-width:992px){
    .vraj-leadership-profile:hover{
        transform:translateY(-6px);
        border-color:rgba(82,105,143,.42);
        box-shadow:0 16px 34px rgba(23,29,40,.10);
    }

    .vraj-leadership-profile:hover .vraj-leadership-profile__media img{
        transform:scale(1.035);
        filter:brightness(1.03);
    }
}

/* Tablet */
@media(max-width:1199.98px){
    .vraj-phase3-heading--compact{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .vraj-leadership-cards{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .vraj-leadership-profile__media,
    .vraj-leadership-profile--md .vraj-leadership-profile__media{
        height:230px;
    }
}

/* Mobile */
@media(max-width:767.98px){
    .vraj-leadership-section{
        padding:28px 0 32px !important;
    }

    .vraj-phase3-heading--compact h2{
        font-size:30px !important;
    }

    .vraj-leadership-cards{
        grid-template-columns:1fr;
        gap:10px;
    }

    .vraj-leadership-profile{
        display:grid;
        grid-template-columns:108px minmax(0,1fr);
    }

    .vraj-leadership-profile__media,
    .vraj-leadership-profile--md .vraj-leadership-profile__media{
        height:118px;
    }

    .vraj-leadership-profile__body{
        min-height:118px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        padding:14px 16px;
    }

    .vraj-leadership-profile__badge{
        left:8px;
        bottom:8px;
        font-size:7px;
    }
}

/* ==================================================
   ABOUT PAGE — PHASE 4 COMPACT
   Buyer FAQ + Closing CTA
================================================== */

/* ==================================================
   FAQ
================================================== */

.vraj-about-faq{
    padding:46px 0 50px;
    background:#ffffff;
}

.vraj-about-faq__layout{
    display:grid;
    grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
    gap:42px;
    align-items:start;
}

.vraj-about-faq__intro{
    position:sticky;
    top:96px;
}

.vraj-about-faq__intro h2{
    max-width:520px;
    margin:0;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:clamp(32px,3vw,44px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.028em;
}

.vraj-about-faq__intro > p{
    max-width:430px;
    margin:16px 0 18px;
    color:#6b7889;
    font-family:inherit;
    font-size:11px;
    line-height:1.7;
}

.vraj-about-faq__list{
    border-top:1px solid #dfe5ec;
}

.vraj-about-faq__item{
    border-bottom:1px solid #dfe5ec;
    background:#ffffff;
}

.vraj-about-faq__item summary{
    position:relative;
    min-height:58px;
    padding:17px 42px 17px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    list-style:none;
    cursor:pointer;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:13px;
    line-height:1.4;
    font-weight:600;
}

.vraj-about-faq__item summary::-webkit-details-marker{
    display:none;
}

.vraj-about-faq__item summary i{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    color:var(--vraj-primary);
    font-size:12px;
    transition:transform .28s ease;
}

.vraj-about-faq__item[open] summary i{
    transform:translateY(-50%) rotate(45deg);
}

.vraj-about-faq__answer{
    overflow:hidden;
    animation:vrajFaqReveal .28s ease;
}

.vraj-about-faq__answer p{
    max-width:720px;
    margin:0;
    padding:0 42px 17px 0;
    color:#6b7889;
    font-family:inherit;
    font-size:10px;
    line-height:1.65;
}

@keyframes vrajFaqReveal{
    from{
        opacity:0;
        transform:translateY(-5px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

.vraj-about-cta{
    position:relative;
    overflow:hidden;
    padding:0;
    background:#111925;
    background-image:
        linear-gradient(
            90deg,
            rgba(12,20,31,.96) 0%,
            rgba(12,20,31,.88) 58%,
            rgba(12,20,31,.72) 100%
        ),
        url("../images/backgrounds/footer-bg.webp");
    background-size:cover;
    background-position:center 55%;
    background-repeat:no-repeat;
}

.vraj-about-cta::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.025),
            transparent 35%,
            rgba(82,105,143,.06) 75%,
            transparent
        );
}

.vraj-about-cta__inner{
    position:relative;
    z-index:2;
    min-height:190px;
    padding:34px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:42px;
}

.vraj-about-cta__content{
    max-width:760px;
}

.vraj-about-cta__kicker{
    display:block;
    margin-bottom:9px;
    color:var(--vraj-primary-light);
    font-family:inherit;
    font-size:9px;
    line-height:1;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.vraj-about-cta h2{
    margin:0;
    color:#ffffff;
    font-family:inherit;
    font-size:clamp(30px,3vw,42px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.025em;
}

.vraj-about-cta p{
    margin:12px 0 0;
    color:rgba(255,255,255,.64);
    font-family:inherit;
    font-size:11px;
    line-height:1.65;
}

.vraj-about-cta__actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:18px;
}

.vraj-about-cta__actions .button{
    min-width:170px;
    min-height:46px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.vraj-about-cta__phone{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#ffffff;
    font-family:inherit;
    font-size:11px;
    font-weight:600;
    white-space:nowrap;
}

.vraj-about-cta__phone i{
    color:var(--vraj-primary-light);
    font-size:12px;
}

/* Tablet */
@media(max-width:991.98px){
    .vraj-about-faq{
        padding:40px 0 44px;
    }

    .vraj-about-faq__layout{
        grid-template-columns:1fr;
        gap:24px;
    }

    .vraj-about-faq__intro{
        position:static;
    }

    .vraj-about-cta__inner{
        min-height:0;
        padding:30px 0;
        align-items:flex-start;
        flex-direction:column;
        gap:22px;
    }
}

/* Mobile */
@media(max-width:575.98px){
    .vraj-about-faq{
        padding:32px 0 36px;
    }

    .vraj-about-faq__intro h2{
        font-size:30px;
    }

    .vraj-about-faq__item summary{
        min-height:54px;
        padding-top:15px;
        padding-bottom:15px;
        font-size:12px;
    }

    .vraj-about-faq__answer p{
        padding-bottom:15px;
    }

    .vraj-about-cta__inner{
        padding:26px 0;
    }

    .vraj-about-cta h2{
        font-size:30px;
    }

    .vraj-about-cta__actions{
        width:100%;
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
    }

    .vraj-about-cta__actions .button{
        width:100%;
    }
}

/* ==================================================
   FAQ — COMPACT CARD REDESIGN
   Shorter, cleaner and visually separated
================================================== */

.vraj-about-faq{
    padding:34px 0 38px !important;
    background:#f7f9fc !important;
}

.vraj-about-faq__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.45fr);
    align-items:end;
    gap:34px;
    margin-bottom:18px;
    padding-bottom:13px;
    border-bottom:1px solid #dfe5ec;
}

.vraj-about-faq__head h2{
    margin:0;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:clamp(30px,2.8vw,40px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.026em;
}

.vraj-about-faq__head-side{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
}

.vraj-about-faq__head-side p{
    max-width:330px;
    margin:0;
    color:#6b7889;
    font-family:inherit;
    font-size:10px;
    line-height:1.6;
}

.vraj-about-faq__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 12px;
}

.vraj-about-faq__item{
    align-self:start;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #dce3eb;
    transition:
        border-color .28s ease,
        box-shadow .28s ease,
        transform .28s ease;
}

.vraj-about-faq__item summary{
    position:relative;
    min-height:54px;
    padding:15px 40px 15px 16px;
    display:flex;
    align-items:center;
    list-style:none;
    cursor:pointer;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:12px;
    line-height:1.4;
    font-weight:600;
}

.vraj-about-faq__item summary::-webkit-details-marker{
    display:none;
}

.vraj-about-faq__item summary i{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    color:var(--vraj-primary);
    font-size:11px;
    transition:transform .25s ease;
}

.vraj-about-faq__item[open]{
    border-color:rgba(82,105,143,.42);
    box-shadow:0 10px 24px rgba(23,29,40,.065);
}

.vraj-about-faq__item[open] summary i{
    transform:translateY(-50%) rotate(45deg);
}

.vraj-about-faq__answer{
    animation:vrajFaqCardReveal .24s ease;
}

.vraj-about-faq__answer p{
    margin:0;
    padding:0 16px 15px;
    color:#6b7889;
    font-family:inherit;
    font-size:9px;
    line-height:1.55;
}

@keyframes vrajFaqCardReveal{
    from{
        opacity:0;
        transform:translateY(-4px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(min-width:992px){
    .vraj-about-faq__item:hover{
        transform:translateY(-3px);
        border-color:rgba(82,105,143,.34);
        box-shadow:0 10px 22px rgba(23,29,40,.055);
    }
}

/* Tablet */
@media(max-width:991.98px){
    .vraj-about-faq{
        padding:30px 0 34px !important;
    }

    .vraj-about-faq__head{
        grid-template-columns:1fr;
        gap:10px;
    }

    .vraj-about-faq__head-side{
        align-items:flex-start;
    }
}

/* Mobile */
@media(max-width:767.98px){
    .vraj-about-faq{
        padding:26px 0 30px !important;
    }

    .vraj-about-faq__head h2{
        font-size:30px;
    }

    .vraj-about-faq__head-side{
        display:block;
    }

    .vraj-about-faq__head-side .vraj-about-text-link{
        margin-top:10px;
    }

    .vraj-about-faq__grid{
        grid-template-columns:1fr;
        gap:8px;
    }

    .vraj-about-faq__item summary{
        min-height:50px;
        padding-top:13px;
        padding-bottom:13px;
        font-size:11px;
    }
}

/* ==================================================
   CONTACT PAGE — COMPACT B2B FINAL
================================================== */

.vraj-contact-page{
    background:#fff;
}

/* Hero */
.vraj-contact-hero{
    position:relative;
    height:290px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        #111925
        url("../images/contact/contact-hero.webp")
        center/cover no-repeat;
    border-bottom:3px solid var(--vraj-primary);
}

.vraj-contact-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(7,14,23,.94) 0%,
        rgba(7,14,23,.78) 34%,
        rgba(7,14,23,.34) 68%,
        rgba(7,14,23,.08) 100%
    );
}

.vraj-contact-hero .container{
    position:relative;
    z-index:2;
    width:100%;
}

.vraj-contact-hero__content{
    max-width:600px;
}

.vraj-contact-label{
    display:block;
    color:var(--vraj-primary-light);
    font-family:inherit;
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.vraj-contact-divider{
    display:block;
    width:48px;
    height:2px;
    margin:14px 0 22px;
    background:var(--vraj-primary);
}

.vraj-contact-hero h1{
    margin:0;
    color:#fff;
    font-family:inherit;
    font-size:clamp(38px,4.3vw,58px);
    line-height:1.03;
    font-weight:500;
    letter-spacing:-.03em;
}

.vraj-contact-breadcrumb{
    margin-top:20px;
    display:flex;
    align-items:center;
    gap:9px;
    font-family:inherit;
    font-size:11px;
}

.vraj-contact-breadcrumb a{
    color:#fff;
}

.vraj-contact-breadcrumb span{
    color:rgba(255,255,255,.62);
}

.vraj-contact-breadcrumb span:last-child{
    color:var(--vraj-primary-light);
}

/* Main contact block */
.vraj-contact-main{
    padding:50px 0 56px;
    background:#f7f9fc;
}

.vraj-contact-grid{
    display:grid;
    grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);
    gap:22px;
    align-items:stretch;
}

.vraj-contact-info{
    padding:30px 28px;
    background:#17202c;
    color:#fff;
}

.vraj-contact-info .vraj-about-kicker{
    color:var(--vraj-primary-light);
}

.vraj-contact-info h2,
.vraj-contact-form-wrap h2{
    margin:0;
    font-family:inherit;
    font-size:clamp(30px,3vw,42px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.026em;
}

.vraj-contact-info h2{
    color:#fff;
}

.vraj-contact-info__lead{
    margin:15px 0 22px;
    color:rgba(255,255,255,.64);
    font-family:inherit;
    font-size:11px;
    line-height:1.7;
}

.vraj-contact-details{
    display:grid;
    gap:0;
    border-top:1px solid rgba(255,255,255,.13);
}

.vraj-contact-detail{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.13);
}

.vraj-contact-detail__icon{
    width:30px;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--vraj-primary-light);
    border:1px solid rgba(255,255,255,.16);
    font-size:12px;
}

.vraj-contact-detail span{
    display:block;
    color:var(--vraj-primary-light);
    font-family:inherit;
    font-size:8px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.vraj-contact-detail a,
.vraj-contact-detail p{
    margin:5px 0 0;
    color:rgba(255,255,255,.9);
    font-family:inherit;
    font-size:10px;
    line-height:1.55;
}

.vraj-contact-response{
    margin-top:18px;
    padding:13px 14px;
    display:flex;
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,.06);
    border-left:2px solid var(--vraj-primary);
}

.vraj-contact-response i{
    color:var(--vraj-primary-light);
}

.vraj-contact-response p{
    margin:0;
    color:rgba(255,255,255,.72);
    font-family:inherit;
    font-size:9px;
    line-height:1.5;
}

/* Form */
.vraj-contact-form-wrap{
    padding:30px 30px 28px;
    background:#fff;
    border:1px solid #dce3eb;
}

.vraj-contact-form-wrap h2{
    color:var(--vraj-ink);
}

.vraj-contact-form-wrap__lead{
    margin:12px 0 22px;
    color:#6b7889;
    font-family:inherit;
    font-size:10px;
    line-height:1.65;
}

.vraj-contact-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.vraj-contact-field{
    min-width:0;
}

.vraj-contact-field--full{
    grid-column:1 / -1;
}

.vraj-contact-field label{
    display:block;
    margin-bottom:6px;
    color:#425064;
    font-family:inherit;
    font-size:8px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.vraj-contact-field input,
.vraj-contact-field select,
.vraj-contact-field textarea{
    width:100%;
    min-height:43px;
    padding:10px 12px;
    color:var(--vraj-ink);
    background:#f8fafc;
    border:1px solid #dbe2ea;
    border-radius:0;
    outline:none;
    font-family:inherit;
    font-size:10px;
    transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease;
}

.vraj-contact-field textarea{
    min-height:92px;
    resize:vertical;
}

.vraj-contact-field input:focus,
.vraj-contact-field select:focus,
.vraj-contact-field textarea:focus{
    background:#fff;
    border-color:var(--vraj-primary);
    box-shadow:0 0 0 3px rgba(82,105,143,.08);
}

.vraj-contact-form__footer{
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:2px;
}

.vraj-contact-form__note{
    margin:0;
    color:#7d8898;
    font-family:inherit;
    font-size:8px;
    line-height:1.5;
}

.vraj-contact-form__footer .button{
    min-width:170px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Business facts strip */
.vraj-contact-strip{
    background:#fff;
    border-top:1px solid #e0e6ed;
    border-bottom:1px solid #e0e6ed;
}

.vraj-contact-strip__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.vraj-contact-strip__item{
    min-height:84px;
    padding:15px 18px;
    display:flex;
    align-items:center;
    gap:12px;
}

.vraj-contact-strip__item + .vraj-contact-strip__item{
    border-left:1px solid #e0e6ed;
}

.vraj-contact-strip__item i{
    width:32px;
    height:32px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--vraj-primary);
    background:var(--vraj-soft);
    font-size:13px;
}

.vraj-contact-strip__item strong{
    display:block;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:12px;
    line-height:1.25;
}

.vraj-contact-strip__item span{
    display:block;
    margin-top:4px;
    color:#7b8797;
    font-family:inherit;
    font-size:8px;
    line-height:1.35;
    text-transform:uppercase;
    letter-spacing:.06em;
}

/* Map */
.vraj-contact-map{
    padding:44px 0 48px;
    background:#fff;
}

.vraj-contact-map__grid{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);
    min-height:320px;
    border:1px solid #dce3eb;
    overflow:hidden;
}

.vraj-contact-map__embed{
    min-height:320px;
    background:#e8edf3;
}

.vraj-contact-map__embed iframe{
    width:100%;
    height:100%;
    min-height:320px;
    display:block;
    border:0;
}

.vraj-contact-map__content{
    padding:28px 26px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#f7f9fc;
}

.vraj-contact-map__content h2{
    margin:0;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:28px;
    line-height:1.1;
    font-weight:500;
}

.vraj-contact-map__content p{
    margin:14px 0 0;
    color:#6b7889;
    font-family:inherit;
    font-size:10px;
    line-height:1.7;
}

.vraj-contact-map__actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    margin-top:20px;
}

.vraj-contact-map__actions .button{
    min-width:150px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.vraj-contact-map__call{
    color:var(--vraj-primary-dark);
    font-family:inherit;
    font-size:10px;
    font-weight:700;
}

/* Slim footer CTA */
.vraj-contact-footer-cta{
    background:#151d29;
}

.vraj-contact-footer-cta__inner{
    min-height:110px;
    padding:22px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.vraj-contact-footer-cta h2{
    margin:0;
    color:#fff;
    font-family:inherit;
    font-size:26px;
    line-height:1.15;
    font-weight:500;
}

.vraj-contact-footer-cta p{
    margin:7px 0 0;
    color:rgba(255,255,255,.58);
    font-family:inherit;
    font-size:9px;
}

.vraj-contact-footer-cta .button{
    flex:0 0 auto;
    min-width:168px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Tablet */
@media(max-width:991.98px){
    .vraj-contact-grid,
    .vraj-contact-map__grid{
        grid-template-columns:1fr;
    }

    .vraj-contact-map__content{
        min-height:220px;
    }

    .vraj-contact-strip__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .vraj-contact-strip__item:nth-child(3){
        border-left:0;
        border-top:1px solid #e0e6ed;
    }

    .vraj-contact-strip__item:nth-child(4){
        border-top:1px solid #e0e6ed;
    }
}

/* Mobile */
@media(max-width:575.98px){
    .vraj-contact-hero{
        height:240px;
        background-position:62% center;
    }

    .vraj-contact-hero h1{
        font-size:36px;
    }

    .vraj-contact-main,
    .vraj-contact-map{
        padding:32px 0 36px;
    }

    .vraj-contact-info,
    .vraj-contact-form-wrap{
        padding:24px 20px;
    }

    .vraj-contact-form{
        grid-template-columns:1fr;
    }

    .vraj-contact-field--full,
    .vraj-contact-form__footer{
        grid-column:auto;
    }

    .vraj-contact-form__footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .vraj-contact-form__footer .button{
        width:100%;
    }

    .vraj-contact-strip__grid{
        grid-template-columns:1fr;
    }

    .vraj-contact-strip__item + .vraj-contact-strip__item{
        border-left:0;
        border-top:1px solid #e0e6ed;
    }

    .vraj-contact-map__embed,
    .vraj-contact-map__embed iframe{
        min-height:260px;
    }

    .vraj-contact-footer-cta__inner{
        min-height:0;
        padding:22px 0;
        align-items:flex-start;
        flex-direction:column;
        gap:16px;
    }

    .vraj-contact-footer-cta .button{
        width:100%;
    }
}

/* ==================================================
   CONTACT FORM — READABILITY & INDUSTRIAL PANEL FINAL
================================================== */

/* Main section spacing remains compact */
.vraj-contact-main{
    padding:44px 0 48px !important;
}

/* Left information panel with requested industrial image */
.vraj-contact-info{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate;

    padding:30px 30px !important;

    background-color:#17202c !important;
    background-image:
        linear-gradient(
            180deg,
            rgba(15,23,34,.90) 0%,
            rgba(15,23,34,.94) 100%
        ),
        url("../images/backgrounds/quote-industrial-bg.png") !important;

    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}

.vraj-contact-info::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(
            135deg,
            rgba(82,105,143,.12),
            transparent 40%,
            rgba(255,255,255,.025)
        );
}

/* Left panel headings/text — larger and readable */
.vraj-contact-info .vraj-about-kicker{
    font-size:12px !important;
    letter-spacing:.16em !important;
}

.vraj-contact-info h2{
    font-size:clamp(34px,3.1vw,46px) !important;
    line-height:1.08 !important;
}

.vraj-contact-info__lead{
    margin:17px 0 22px !important;
    font-size:13px !important;
    line-height:1.7 !important;
    color:rgba(255,255,255,.76) !important;
}

/* Contact rows */
.vraj-contact-detail{
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:14px !important;
    padding:15px 0 !important;
}

/* Better icon boxes */
.vraj-contact-detail__icon{
    width:38px !important;
    height:38px !important;

    color:#ffffff !important;
    background:rgba(82,105,143,.22) !important;
    border:1px solid rgba(158,172,194,.38) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);

    font-size:14px !important;
}

.vraj-contact-detail__icon i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    height:100% !important;

    color:#ffffff !important;
    font-size:14px !important;
    line-height:1 !important;
}

/* Labels and values */
.vraj-contact-detail span:not(.vraj-contact-detail__icon){
    font-size:10px !important;
    letter-spacing:.12em !important;
}

.vraj-contact-detail a,
.vraj-contact-detail p{
    margin-top:6px !important;
    font-size:12px !important;
    line-height:1.62 !important;
    font-weight:500 !important;
    color:rgba(255,255,255,.94) !important;
}

.vraj-contact-response{
    margin-top:18px !important;
    padding:14px 15px !important;
}

.vraj-contact-response i{
    font-size:14px !important;
}

.vraj-contact-response p{
    font-size:11px !important;
    line-height:1.55 !important;
}

/* Right form panel */
.vraj-contact-form-wrap{
    padding:30px 32px 28px !important;
}

.vraj-contact-form-wrap .vraj-about-kicker{
    font-size:12px !important;
    letter-spacing:.16em !important;
}

.vraj-contact-form-wrap h2{
    font-size:clamp(36px,3.35vw,48px) !important;
    line-height:1.08 !important;
}

.vraj-contact-form-wrap__lead{
    margin:13px 0 22px !important;
    font-size:12px !important;
    line-height:1.65 !important;
}

/* Form labels */
.vraj-contact-field label{
    margin-bottom:7px !important;
    font-size:10px !important;
    line-height:1.3 !important;
    letter-spacing:.09em !important;
}

/* Inputs */
.vraj-contact-field input,
.vraj-contact-field select,
.vraj-contact-field textarea{
    min-height:46px !important;
    padding:11px 13px !important;
    font-size:12px !important;
    line-height:1.4 !important;
}

.vraj-contact-field textarea{
    min-height:102px !important;
}

.vraj-contact-form{
    gap:14px 12px !important;
}

.vraj-contact-form__note{
    font-size:10px !important;
    line-height:1.5 !important;
}

/* Subtle hover for icons */
@media(min-width:992px){
    .vraj-contact-detail{
        transition:background-color .25s ease,padding-left .25s ease;
    }

    .vraj-contact-detail:hover{
        padding-left:7px !important;
        background:rgba(255,255,255,.025);
    }

    .vraj-contact-detail__icon{
        transition:
            background-color .25s ease,
            border-color .25s ease,
            transform .25s ease;
    }

    .vraj-contact-detail:hover .vraj-contact-detail__icon{
        background:var(--vraj-primary) !important;
        border-color:var(--vraj-primary-light) !important;
        transform:translateY(-2px);
    }
}

/* Tablet */
@media(max-width:991.98px){
    .vraj-contact-info{
        background-position:center 38% !important;
    }
}

/* Mobile */
@media(max-width:575.98px){
    .vraj-contact-main{
        padding:30px 0 34px !important;
    }

    .vraj-contact-info,
    .vraj-contact-form-wrap{
        padding:24px 20px !important;
    }

    .vraj-contact-info h2,
    .vraj-contact-form-wrap h2{
        font-size:32px !important;
    }

    .vraj-contact-detail{
        grid-template-columns:38px minmax(0,1fr) !important;
    }

    .vraj-contact-detail__icon{
        width:34px !important;
        height:34px !important;
    }

    .vraj-contact-detail a,
    .vraj-contact-detail p{
        font-size:11px !important;
    }
}

/* ==================================================
   LOCATIONS WE SERVE — INDUSTRIAL REDESIGN V2
   Hero kept. Compact content. Stronger manufacturing feel.
================================================== */

.vraj-locations-page{
    background:#fff;
}

/* Hero */
.vraj-locations-hero{
    position:relative;
    height:300px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#111925 url("../images/locations/locations-hero.webp") center/cover no-repeat;
    border-bottom:3px solid var(--vraj-primary);
}

.vraj-locations-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(7,14,23,.96) 0%,rgba(7,14,23,.82) 38%,rgba(7,14,23,.36) 72%,rgba(7,14,23,.08) 100%);
}

.vraj-locations-hero .container{
    position:relative;
    z-index:2;
    width:100%;
}

.vraj-locations-hero__content{max-width:720px}

.vraj-locations-label{
    display:block;
    color:var(--vraj-primary-light);
    font-family:inherit;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.vraj-locations-divider{
    display:block;
    width:50px;
    height:2px;
    margin:14px 0 20px;
    background:var(--vraj-primary);
}

.vraj-locations-hero h1{
    margin:0;
    color:#fff;
    font-family:inherit;
    font-size:clamp(40px,4.4vw,60px);
    line-height:1.02;
    font-weight:500;
    letter-spacing:-.032em;
}

.vraj-locations-hero__content > p{
    max-width:660px;
    margin:14px 0 0;
    color:rgba(255,255,255,.70);
    font-family:inherit;
    font-size:12px;
    line-height:1.65;
}

.vraj-locations-breadcrumb{
    margin-top:18px;
    display:flex;
    align-items:center;
    gap:9px;
    font-family:inherit;
    font-size:10px;
}

.vraj-locations-breadcrumb a{color:#fff}
.vraj-locations-breadcrumb span{color:rgba(255,255,255,.55)}
.vraj-locations-breadcrumb span:last-child{color:var(--vraj-primary-light)}

/* Reveal */
.vraj-reveal{
    opacity:0;
    transform:translateY(16px);
    transition:opacity .5s ease var(--vraj-delay,0ms),transform .5s ease var(--vraj-delay,0ms);
}

.vraj-reveal.is-visible{
    opacity:1;
    transform:none;
}

/* ==================================================
   SUPPLY CONSOLE
================================================== */
.vraj-supply-console{
    padding:42px 0 46px;
    background:#f4f6f9;
}

.vraj-supply-console__top{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);
    align-items:end;
    gap:34px;
    margin-bottom:20px;
}

.vraj-supply-console__top h2{
    max-width:760px;
    margin:0;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:clamp(34px,3.2vw,46px);
    line-height:1.06;
    font-weight:500;
    letter-spacing:-.028em;
}

.vraj-supply-console__top > p{
    margin:0 0 2px;
    color:#687688;
    font-family:inherit;
    font-size:11px;
    line-height:1.65;
}

.vraj-supply-console__panel{
    min-height:205px;
    padding:24px 26px;
    display:grid;
    grid-template-columns:235px minmax(120px,.38fr) minmax(0,1fr);
    gap:22px;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(82,105,143,.09),transparent 36%),
        #17202c;
    border:1px solid #2b394d;
    box-shadow:0 18px 36px rgba(23,29,40,.08);
}

.vraj-supply-console__origin{
    min-width:0;
}

.vraj-supply-console__label{
    display:block;
    margin-bottom:12px;
    color:rgba(255,255,255,.45);
    font-family:inherit;
    font-size:8px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.vraj-supply-console__origin-row{
    display:flex;
    align-items:center;
    gap:12px;
}

.vraj-supply-console__origin-icon{
    width:42px;
    height:42px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--vraj-primary);
    font-size:15px;
}

.vraj-supply-console__origin-row strong,
.vraj-supply-console__origin-row small{
    display:block;
    font-family:inherit;
}

.vraj-supply-console__origin-row strong{
    color:#fff;
    font-size:17px;
    line-height:1.2;
}

.vraj-supply-console__origin-row small{
    margin-top:4px;
    color:rgba(255,255,255,.55);
    font-size:9px;
}

.vraj-supply-console__status{
    margin-top:16px;
    display:flex;
    align-items:center;
    gap:8px;
    color:rgba(255,255,255,.68);
    font-family:inherit;
    font-size:8px;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.vraj-supply-console__status i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#9eacc2;
    box-shadow:0 0 0 0 rgba(158,172,194,.45);
    animation:vrajStatusPulse 2s ease-out infinite;
}

@keyframes vrajStatusPulse{
    0%{box-shadow:0 0 0 0 rgba(158,172,194,.42)}
    70%{box-shadow:0 0 0 9px rgba(158,172,194,0)}
    100%{box-shadow:0 0 0 0 rgba(158,172,194,0)}
}

.vraj-supply-console__line{
    position:relative;
    height:46px;
}

.vraj-supply-console__track{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:linear-gradient(90deg,rgba(158,172,194,.18),rgba(158,172,194,.9),rgba(158,172,194,.18));
}

.vraj-supply-console__signal{
    position:absolute;
    top:50%;
    width:8px;
    height:8px;
    margin-top:-4px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 12px rgba(158,172,194,.85);
    animation:vrajSignalMove 3.6s linear infinite;
}

.vraj-supply-console__signal--2{animation-delay:1.2s}
.vraj-supply-console__signal--3{animation-delay:2.4s}

@keyframes vrajSignalMove{
    0%{left:0;opacity:0}
    10%{opacity:1}
    90%{opacity:1}
    100%{left:calc(100% - 8px);opacity:0}
}

.vraj-supply-console__destinations{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border:1px solid rgba(255,255,255,.10);
}

.vraj-supply-console__destination{
    min-height:116px;
    padding:16px 14px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:rgba(255,255,255,.025);
    transition:background-color .25s ease;
}

.vraj-supply-console__destination + .vraj-supply-console__destination{
    border-left:1px solid rgba(255,255,255,.10);
}

.vraj-supply-console__destination span{
    color:var(--vraj-primary-light);
    font-family:inherit;
    font-size:8px;
    font-weight:700;
    letter-spacing:.11em;
}

.vraj-supply-console__destination strong{
    margin-top:9px;
    color:#fff;
    font-family:inherit;
    font-size:10px;
    line-height:1.6;
    font-weight:500;
}

.vraj-supply-console__products{
    margin-top:12px;
    min-height:58px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    background:#fff;
    border:1px solid #dce3eb;
}

.vraj-supply-console__products > span{
    color:#6e7b8d;
    font-family:inherit;
    font-size:8px;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.vraj-supply-console__products > div{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:7px;
}

.vraj-supply-console__products a{
    padding:7px 10px;
    color:#3f4d61;
    background:#f5f7fa;
    border:1px solid #e0e6ed;
    font-family:inherit;
    font-size:9px;
    font-weight:600;
    transition:.25s ease;
}

/* ==================================================
   CAPABILITY — NO GENERIC CARD GRID
================================================== */
.vraj-location-capability{
    padding:40px 0 44px;
    background:#fff;
}

.vraj-location-capability__head{
    margin-bottom:18px;
}

.vraj-location-capability__head h2{
    margin:0;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:clamp(32px,3vw,42px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.025em;
}

.vraj-location-capability__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-top:1px solid #dce3eb;
    border-left:1px solid #dce3eb;
}

.vraj-location-capability__item{
    position:relative;
    min-height:126px;
    padding:18px 18px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border-right:1px solid #dce3eb;
    border-bottom:1px solid #dce3eb;
    overflow:hidden;
    transition:background-color .25s ease;
}

.vraj-location-capability__number{
    position:absolute;
    right:14px;
    top:11px;
    color:#9aa4b2;
    font-family:inherit;
    font-size:8px;
    font-weight:700;
    letter-spacing:.1em;
}

.vraj-location-capability__item > i{
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:#25344a;
    font-size:13px;
    transition:transform .25s ease,background-color .25s ease;
}

.vraj-location-capability__item h3{
    margin:0;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:14px;
    font-weight:600;
}

.vraj-location-capability__item p{
    margin:6px 0 0;
    max-width:500px;
    color:#748094;
    font-family:inherit;
    font-size:9px;
    line-height:1.55;
}

/* ==================================================
   DISPATCH RAIL — REFINED SEQUENTIAL ANIMATION
================================================== */
.vraj-dispatch-rail{padding:36px 0 40px;background:#f4f6f9}
.vraj-dispatch-rail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:16px}
.vraj-dispatch-rail__head h2{margin:0;color:var(--vraj-ink);font-family:inherit;font-size:clamp(30px,2.8vw,39px);line-height:1.08;font-weight:500}
.vraj-dispatch-rail__track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)),#17202c;border:1px solid #2b394d}
.vraj-dispatch-rail__track::before{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:rgba(158,172,194,.18)}
.vraj-dispatch-rail__track::after{content:"";position:absolute;z-index:1;top:50%;left:8%;width:16%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,rgba(158,172,194,.22) 24%,rgba(255,255,255,.95) 50%,rgba(158,172,194,.22) 76%,transparent 100%);filter:drop-shadow(0 0 7px rgba(158,172,194,.72));animation:vrajDispatchSweep 6.5s ease-in-out infinite}
.vraj-dispatch-rail__step{position:relative;z-index:3;min-height:116px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.vraj-dispatch-rail__step + .vraj-dispatch-rail__step{border-left:1px solid rgba(255,255,255,.07)}
.vraj-dispatch-rail__step span{position:absolute;top:9px;right:10px;color:rgba(255,255,255,.24);font-family:inherit;font-size:8px;font-weight:700}
.vraj-dispatch-rail__step i{position:relative;z-index:3;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:var(--vraj-primary-light);background:#17202c;border:1px solid rgba(158,172,194,.32);box-shadow:0 0 0 0 rgba(158,172,194,0);font-size:12px;transition:color .25s ease,border-color .25s ease,background-color .25s ease,transform .25s ease,box-shadow .25s ease;animation:vrajDispatchNode 6.5s ease-in-out infinite}
.vraj-dispatch-rail__step:nth-child(2) i{animation-delay:1.15s}
.vraj-dispatch-rail__step:nth-child(3) i{animation-delay:2.30s}
.vraj-dispatch-rail__step:nth-child(4) i{animation-delay:3.45s}
.vraj-dispatch-rail__step:nth-child(5) i{animation-delay:4.60s}
.vraj-dispatch-rail__step strong{margin-top:11px;color:#fff;font-family:inherit;font-size:10px;line-height:1.2}
.vraj-dispatch-rail__moving-light{display:none!important}
@keyframes vrajDispatchSweep{0%{left:2%;opacity:0}8%{opacity:1}50%{opacity:1}92%{opacity:1}100%{left:82%;opacity:0}}
@keyframes vrajDispatchNode{0%,12%,100%{color:var(--vraj-primary-light);background:#17202c;border-color:rgba(158,172,194,.32);box-shadow:0 0 0 0 rgba(158,172,194,0);transform:translateY(0)}18%,28%{color:#fff;background:var(--vraj-primary);border-color:var(--vraj-primary-light);box-shadow:0 0 0 5px rgba(82,105,143,.12),0 0 16px rgba(158,172,194,.34);transform:translateY(-2px)}36%{color:var(--vraj-primary-light);background:#17202c;border-color:rgba(158,172,194,.32);box-shadow:0 0 0 0 rgba(158,172,194,0);transform:translateY(0)}}
@media(min-width:992px){.vraj-dispatch-rail__step:hover i{color:#fff;background:var(--vraj-primary);border-color:var(--vraj-primary-light);transform:translateY(-2px) scale(1.04);box-shadow:0 0 15px rgba(158,172,194,.22)}}

/* ==================================================
   FINAL CTA
================================================== */
.vraj-location-final-cta--industrial{
    background:#fff;
}

.vraj-location-final-cta__inner{
    min-height:138px;
    padding:25px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.vraj-location-final-cta__inner > div:first-child{
    max-width:760px;
}

.vraj-location-final-cta__inner > div:first-child > span{
    display:block;
    margin-bottom:7px;
    color:var(--vraj-primary);
    font-family:inherit;
    font-size:8px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.vraj-location-final-cta h2{
    margin:0;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:clamp(28px,2.7vw,38px);
    line-height:1.08;
    font-weight:500;
}

.vraj-location-final-cta p{
    margin:8px 0 0;
    color:#6b7889;
    font-family:inherit;
    font-size:10px;
    line-height:1.55;
}

.vraj-location-final-cta__actions{
    display:flex;
    align-items:center;
    gap:17px;
}

.vraj-location-final-cta__actions .button{
    min-width:168px;
    min-height:43px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.vraj-location-final-cta__call{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:var(--vraj-primary-dark);
    font-family:inherit;
    font-size:10px;
    font-weight:700;
    white-space:nowrap;
}

/* Desktop interaction */
@media(min-width:992px){
    .vraj-supply-console__destination:hover{
        background:rgba(255,255,255,.055);
    }

    .vraj-supply-console__products a:hover{
        color:#fff;
        background:var(--vraj-primary);
        border-color:var(--vraj-primary);
    }

    .vraj-location-capability__item:hover{
        background:#f7f9fc;
    }

    .vraj-location-capability__item:hover > i{
        background:var(--vraj-primary);
        transform:translateY(-2px);
    }
}

/* Tablet */
@media(max-width:991.98px){
    .vraj-supply-console__top{
        grid-template-columns:1fr;
        gap:10px;
    }

    .vraj-supply-console__panel{
        grid-template-columns:1fr;
        gap:16px;
    }

    .vraj-supply-console__line{
        height:28px;
    }

    .vraj-location-final-cta__inner{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
    }
}

/* Mobile */
@media(max-width:575.98px){
    .vraj-locations-hero{
        height:250px;
        background-position:62% center;
    }

    .vraj-locations-hero h1{
        font-size:36px;
    }

    .vraj-supply-console,
    .vraj-location-capability,
    .vraj-dispatch-rail{
        padding:30px 0 34px;
    }

    .vraj-supply-console__top h2{
        font-size:30px;
    }

    .vraj-supply-console__panel{
        min-height:0;
        padding:20px 17px;
    }

    .vraj-supply-console__destinations{
        grid-template-columns:1fr;
    }

    .vraj-supply-console__destination + .vraj-supply-console__destination{
        border-left:0;
        border-top:1px solid rgba(255,255,255,.10);
    }

    .vraj-supply-console__products{
        align-items:flex-start;
        flex-direction:column;
        gap:9px;
    }

    .vraj-supply-console__products > div{
        justify-content:flex-start;
    }

    .vraj-location-capability__grid{
        grid-template-columns:1fr;
    }

    .vraj-dispatch-rail__head{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }

    .vraj-dispatch-rail__track{
        grid-template-columns:1fr;
    }

    .vraj-dispatch-rail__track::before,
    .vraj-dispatch-rail__moving-light{
        display:none;
    }

    .vraj-dispatch-rail__step{
        min-height:78px;
        align-items:flex-start;
        padding-left:60px;
        text-align:left;
    }

    .vraj-dispatch-rail__step + .vraj-dispatch-rail__step{
        border-left:0;
        border-top:1px solid rgba(255,255,255,.08);
    }

    .vraj-dispatch-rail__step i{
        position:absolute;
        left:14px;
        top:50%;
        transform:translateY(-50%);
    }

    .vraj-location-final-cta__inner{
        min-height:0;
        padding:22px 0;
    }

    .vraj-location-final-cta__actions{
        width:100%;
        align-items:flex-start;
        flex-direction:column;
        gap:13px;
    }

    .vraj-location-final-cta__actions .button{
        width:100%;
    }
}

@media(prefers-reduced-motion:reduce){
    .vraj-reveal{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }

    .vraj-supply-console__status i,
    .vraj-supply-console__signal,
    .vraj-dispatch-rail__moving-light{
        animation:none !important;
    }
}


/* Dispatch animation mobile refinement */
@media(max-width:575.98px){.vraj-dispatch-rail__track::after{display:none!important}.vraj-dispatch-rail__step i{animation:none!important}}
@media(prefers-reduced-motion:reduce){.vraj-dispatch-rail__track::after,.vraj-dispatch-rail__step i{animation:none!important}}

/* ==================================================
   BLOG PAGE — PREMIUM EDITORIAL FINAL
================================================== */
.vraj-blog-page{background:#fff}.vraj-blog-hero{position:relative;height:300px;display:flex;align-items:center;overflow:hidden;background:#111925 url("../images/blog/blog-hero.webp") center/cover no-repeat;border-bottom:3px solid var(--vraj-primary)}.vraj-blog-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,14,23,.96) 0%,rgba(7,14,23,.82) 38%,rgba(7,14,23,.36) 72%,rgba(7,14,23,.08) 100%)}.vraj-blog-hero .container{position:relative;z-index:2;width:100%}.vraj-blog-hero__content{max-width:720px}.vraj-blog-label{display:block;color:var(--vraj-primary-light);font-family:inherit;font-size:11px;line-height:1;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.vraj-blog-divider{display:block;width:50px;height:2px;margin:14px 0 20px;background:var(--vraj-primary)}.vraj-blog-hero h1{margin:0;color:#fff;font-family:inherit;font-size:clamp(40px,4.4vw,60px);line-height:1.02;font-weight:500;letter-spacing:-.032em}.vraj-blog-hero__content>p{max-width:650px;margin:14px 0 0;color:rgba(255,255,255,.70);font-family:inherit;font-size:12px;line-height:1.65}.vraj-blog-breadcrumb{margin-top:18px;display:flex;align-items:center;gap:9px;font-family:inherit;font-size:10px}.vraj-blog-breadcrumb a{color:#fff}.vraj-blog-breadcrumb span{color:rgba(255,255,255,.55)}.vraj-blog-breadcrumb span:last-child{color:var(--vraj-primary-light)}.vraj-blog-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease var(--blog-delay,0ms),transform .55s cubic-bezier(.2,.7,.25,1) var(--blog-delay,0ms)}.vraj-blog-reveal.is-visible{opacity:1;transform:none}.vraj-blog-featured{padding:46px 0 50px;background:#f6f8fb}.vraj-blog-latest{padding:46px 0 52px;background:#fff}.vraj-blog-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);align-items:end;gap:36px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #dce3eb}.vraj-blog-section-head--compact{grid-template-columns:1fr}.vraj-blog-section-head h2{margin:0;color:var(--vraj-ink);font-family:inherit;font-size:clamp(34px,3.15vw,46px);line-height:1.07;font-weight:500;letter-spacing:-.028em}.vraj-blog-section-head>p{margin:0 0 2px;color:#687688;font-family:inherit;font-size:10px;line-height:1.65}.vraj-blog-featured-card{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(360px,.64fr);min-height:370px;overflow:hidden;background:#fff;border:1px solid #dce3eb}.vraj-blog-featured-card__media{position:relative;min-height:370px;overflow:hidden;background:#17202c}.vraj-blog-featured-card__media img,.vraj-blog-card__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .5s ease,filter .35s ease}.vraj-blog-featured-card__content{position:relative;padding:34px 32px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fff,#f8fafc)}.vraj-blog-featured-card__content::before{content:"";position:absolute;left:0;top:34px;width:3px;height:52px;background:var(--vraj-primary)}.vraj-blog-meta,.vraj-blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.vraj-blog-meta span,.vraj-blog-card__meta span{color:#758195;font-family:inherit;font-size:8px;line-height:1;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.vraj-blog-meta span:first-child,.vraj-blog-card__meta span:first-child{color:var(--vraj-primary)}.vraj-blog-featured-card h2{margin:15px 0 0;font-size:clamp(28px,2.8vw,38px);line-height:1.12;font-weight:500}.vraj-blog-featured-card h2 a,.vraj-blog-card h3 a{color:var(--vraj-ink)}.vraj-blog-featured-card__content>p{margin:16px 0 0;color:#687688;font-family:inherit;font-size:11px;line-height:1.7}.vraj-blog-read-link{width:fit-content;margin-top:20px;display:inline-flex;align-items:center;gap:8px;color:var(--vraj-primary-dark);font-family:inherit;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vraj-blog-read-link span{font-size:14px;transition:transform .25s ease}.vraj-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vraj-blog-card{overflow:hidden;background:#fff;border:1px solid #dce3eb;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.vraj-blog-card__media{position:relative;display:block;height:215px;overflow:hidden;background:#17202c}.vraj-blog-card__body{min-height:225px;padding:20px 19px 21px;display:flex;flex-direction:column}.vraj-blog-card h3{margin:13px 0 0;font-family:inherit;font-size:16px;line-height:1.35;font-weight:600}.vraj-blog-card__body>p{margin:10px 0 0;color:#6d798b;font-family:inherit;font-size:9px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vraj-blog-card .vraj-blog-read-link{margin-top:auto;padding-top:17px}.vraj-blog-pagination{margin-top:28px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce3eb}.vraj-blog-pagination__pages{display:flex;align-items:center;gap:6px}.vraj-blog-pagination__pages a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#5d6a7c;background:#fff;border:1px solid #dce3eb;font-family:inherit;font-size:9px;font-weight:700}.vraj-blog-pagination__pages a.active{color:#fff;background:var(--vraj-primary);border-color:var(--vraj-primary)}.vraj-blog-pagination__arrow{color:var(--vraj-primary-dark);font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.vraj-blog-pagination__arrow.is-disabled{opacity:.35;pointer-events:none}@media(min-width:992px){.vraj-blog-featured-card:hover .vraj-blog-featured-card__media img,.vraj-blog-card:hover .vraj-blog-card__media img{transform:scale(1.035);filter:brightness(1.03)}.vraj-blog-card:hover{transform:translateY(-5px);border-color:rgba(82,105,143,.38);box-shadow:0 14px 30px rgba(23,29,40,.08)}.vraj-blog-read-link:hover span{transform:translateX(4px)}}@media(max-width:991.98px){.vraj-blog-section-head{grid-template-columns:1fr;gap:10px}.vraj-blog-featured-card{grid-template-columns:1fr;min-height:0}.vraj-blog-featured-card__media{min-height:300px}.vraj-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.vraj-blog-hero{height:250px;background-position:62% center}.vraj-blog-hero h1{font-size:36px}.vraj-blog-featured,.vraj-blog-latest{padding:32px 0 36px}.vraj-blog-section-head h2{font-size:30px}.vraj-blog-featured-card__media{min-height:230px}.vraj-blog-featured-card__content{padding:24px 20px}.vraj-blog-grid{grid-template-columns:1fr;gap:12px}.vraj-blog-card__media{height:205px}.vraj-blog-card__body{min-height:0}.vraj-blog-pagination{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.vraj-blog-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* ==================================================
   COMPANY FACTSHEET — V3 COMPACT INDUSTRIAL
   Shorter height + standalone fact blocks + icon motion
================================================== */

.vraj-factsheet-v2{
    padding:34px 0 38px;
    background:#f4f6f9;
}

.vraj-factsheet-v2__shell{
    overflow:hidden;
    background:#eef2f6;
    border:1px solid #d9e1ea;
    box-shadow:0 10px 24px rgba(23,29,40,.045);
}

/* ---------- Compact Header ---------- */

.vraj-factsheet-v2__header{
    position:relative;
    min-height:148px;
    padding:24px 30px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);
    align-items:center;
    gap:36px;
    overflow:hidden;

    background:
        linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),
        url("../images/backgrounds/quote-industrial-bg.png")
        center center / cover no-repeat;
}

.vraj-factsheet-v2__header::before{
    display:none;
}

.vraj-factsheet-v2__heading,
.vraj-factsheet-v2__contact{
    position:relative;
    z-index:2;
}

.vraj-factsheet-v2__heading .vraj-about-kicker{
    margin-bottom:8px;
    color:var(--vraj-primary-light);
}

.vraj-factsheet-v2__heading h2{
    max-width:620px;
    margin:0;
    color:#fff;
    font-family:inherit;
    font-size:clamp(28px,2.6vw,38px);
    line-height:1.06;
    font-weight:500;
    letter-spacing:-.025em;
}

.vraj-factsheet-v2__heading p{
    max-width:590px;
    margin:10px 0 0;
    color:rgba(255,255,255,.62);
    font-family:inherit;
    font-size:11px;
    line-height:1.6;
}

/* ---------- Contact ---------- */

.vraj-factsheet-v2__contact{
    padding-left:24px;
    border-left:1px solid rgba(255,255,255,.12);
}

.vraj-factsheet-v2__contact-label{
    display:block;
    margin-bottom:8px;
    color:var(--vraj-primary-light);
    font-family:inherit;
    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.vraj-factsheet-v2__contact a{
    min-height:44px;
    padding:6px 0;
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.09);
}

.vraj-factsheet-v2__contact a:last-child{
    border-bottom:1px solid rgba(255,255,255,.09);
}

.vraj-factsheet-v2__contact a > i{
    position:relative;
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(82,105,143,.72);
    border:1px solid rgba(158,172,194,.22);
    font-size:10px;
    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease;
}

.vraj-factsheet-v2__contact small,
.vraj-factsheet-v2__contact strong{
    display:block;
    font-family:inherit;
}

.vraj-factsheet-v2__contact small{
    margin-bottom:2px;
    color:rgba(255,255,255,.43);
    font-size:7px;
    line-height:1;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.vraj-factsheet-v2__contact strong{
    color:#fff;
    font-size:12px;
    line-height:1.25;
    font-weight:600;
    overflow-wrap:anywhere;
}

/* ---------- Facts Area ---------- */

.vraj-factsheet-v2__grid{
    padding:12px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    background:#eef2f6;
}

/*
   Each fact is its own block now.
   No long vertical column lines, no "table column" look.
*/
.vraj-factsheet-v2__item{
    position:relative;
    min-height:84px;
    padding:14px 15px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    align-items:center;
    gap:11px;
    overflow:hidden;
    background:#fff;
    border:1px solid #dce3eb;
    box-shadow:0 2px 8px rgba(23,29,40,.025);
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}

.vraj-factsheet-v2__item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:2px;
    background:var(--vraj-primary);
    transition:width .3s ease;
}

/* last two blocks sit side by side instead of spanning full width */
.vraj-factsheet-v2__item--wide{
    grid-column:span 2;
}

.vraj-factsheet-v2__icon{
    position:relative;
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--vraj-primary);
    background:#f1f4f8;
    border:1px solid #dce3eb;
    font-size:12px;
    will-change:transform;
    animation:vrajFactsIconIdle 4.8s ease-in-out infinite;
    transition:
        color .25s ease,
        background-color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.vraj-factsheet-v2__item:nth-child(2) .vraj-factsheet-v2__icon{animation-delay:.35s}
.vraj-factsheet-v2__item:nth-child(3) .vraj-factsheet-v2__icon{animation-delay:.70s}
.vraj-factsheet-v2__item:nth-child(4) .vraj-factsheet-v2__icon{animation-delay:1.05s}
.vraj-factsheet-v2__item:nth-child(5) .vraj-factsheet-v2__icon{animation-delay:1.40s}
.vraj-factsheet-v2__item:nth-child(6) .vraj-factsheet-v2__icon{animation-delay:1.75s}
.vraj-factsheet-v2__item:nth-child(7) .vraj-factsheet-v2__icon{animation-delay:2.10s}
.vraj-factsheet-v2__item:nth-child(8) .vraj-factsheet-v2__icon{animation-delay:2.45s}
.vraj-factsheet-v2__item:nth-child(9) .vraj-factsheet-v2__icon{animation-delay:2.80s}
.vraj-factsheet-v2__item:nth-child(10) .vraj-factsheet-v2__icon{animation-delay:3.15s}

@keyframes vrajFactsIconIdle{
    0%,84%,100%{
        transform:translateY(0) scale(1);
        box-shadow:0 0 0 rgba(82,105,143,0);
    }
    90%{
        transform:translateY(-2px) scale(1.035);
        box-shadow:0 5px 12px rgba(82,105,143,.12);
    }
    95%{
        transform:translateY(0) scale(1);
    }
}

.vraj-factsheet-v2__label{
    display:block;
    margin-bottom:4px;
    color:#7b8799;
    font-family:inherit;
    font-size:8px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.vraj-factsheet-v2__item strong{
    display:block;
    color:var(--vraj-ink);
    font-family:inherit;
    font-size:14px;
    line-height:1.35;
    font-weight:600;
}

/* Products */
.vraj-factsheet-v2__item--products{
    background:#fff;
}

.vraj-factsheet-v2__products{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
}

.vraj-factsheet-v2__products span{
    padding:5px 8px;
    color:#344866;
    background:#f5f7fa;
    border:1px solid #dce3eb;
    font-family:inherit;
    font-size:9px;
    line-height:1.15;
    font-weight:600;
}

/* ---------- Desktop Interaction ---------- */

@media(min-width:992px){
    .vraj-factsheet-v2__item:hover{
        transform:translateY(-3px);
        background:#fff;
        border-color:rgba(82,105,143,.38);
        box-shadow:0 10px 20px rgba(23,29,40,.07);
    }

    .vraj-factsheet-v2__item:hover::before{
        width:100%;
    }

    .vraj-factsheet-v2__item:hover .vraj-factsheet-v2__icon{
        animation:none;
        color:#fff;
        background:var(--vraj-primary);
        border-color:var(--vraj-primary);
        transform:translateY(-2px) rotate(-4deg) scale(1.06);
        box-shadow:0 7px 16px rgba(82,105,143,.20);
    }

    .vraj-factsheet-v2__contact a:hover > i{
        background:var(--vraj-primary);
        transform:translateX(3px) scale(1.05);
        box-shadow:0 6px 14px rgba(0,0,0,.12);
    }
}

/* ---------- Tablet ---------- */

@media(max-width:1199.98px){
    .vraj-factsheet-v2__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .vraj-factsheet-v2__item--wide{
        grid-column:span 1;
    }
}

@media(max-width:991.98px){
    .vraj-factsheet-v2__header{
        min-height:0;
        grid-template-columns:1fr;
        gap:18px;
        padding:24px 26px;
    }

    .vraj-factsheet-v2__contact{
        padding-left:0;
        padding-top:14px;
        display:grid;
        grid-template-columns:1fr 1fr;
        column-gap:16px;
        border-left:0;
        border-top:1px solid rgba(255,255,255,.12);
    }

    .vraj-factsheet-v2__contact-label{
        grid-column:1 / -1;
    }
}

/* ---------- Mobile ---------- */

@media(max-width:575.98px){
    .vraj-factsheet-v2{
        padding:28px 0 32px;
    }

    .vraj-factsheet-v2__header{
        padding:22px 18px;
    }

    .vraj-factsheet-v2__heading h2{
        font-size:29px;
    }

    .vraj-factsheet-v2__heading p{
        font-size:10px;
    }

    .vraj-factsheet-v2__contact{
        grid-template-columns:1fr;
    }

    .vraj-factsheet-v2__contact-label{
        grid-column:auto;
    }

    .vraj-factsheet-v2__grid{
        grid-template-columns:1fr;
        padding:9px;
        gap:8px;
    }

    .vraj-factsheet-v2__item,
    .vraj-factsheet-v2__item--wide{
        grid-column:auto;
        min-height:76px;
        padding:12px 13px;
        grid-template-columns:34px minmax(0,1fr);
        gap:10px;
    }

    .vraj-factsheet-v2__icon{
        width:34px;
        height:34px;
        font-size:11px;
        animation:none;
    }

    .vraj-factsheet-v2__item strong{
        font-size:13px;
    }

    .vraj-factsheet-v2__products span{
        padding:5px 7px;
        font-size:8px;
    }
}

@media(prefers-reduced-motion:reduce){
    .vraj-factsheet-v2__icon{
        animation:none !important;
    }
}


/* ==================================================
   BUILT ON PRECISION & TRUST — VIDEO VISIBILITY FIX
   Removes dark overlay/filter from the factory video only
================================================== */

.vraj-loop-video{
    position:relative;
    overflow:hidden;
    background:#171d28;
}

.vraj-loop-video::before,
.vraj-loop-video::after{
    content:none !important;
    display:none !important;
    background:none !important;
    opacity:0 !important;
}

.vraj-loop-video .thumb-video__image,
.vraj-loop-video__media{
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    mix-blend-mode:normal !important;
    transform:none;
}

.vraj-loop-video .thumb-video__image::before,
.vraj-loop-video .thumb-video__image::after{
    content:none !important;
    display:none !important;
}

/* Keep the video itself above any inherited template background layer */
.vraj-loop-video__media{
    position:relative;
    z-index:1;
}

/* ==========================================
   HEADER — GET A QUOTE TEXT COLOR FIX
========================================== */

.rd-navbar-main-item .button,
.rd-navbar-main-item .button:link,
.rd-navbar-main-item .button:visited,
.rd-navbar-main-item .button:focus,
.rd-navbar-main-item .button:active,
.rd-navbar-main-item .button:hover {
    color: #ffffff !important;
}

.rd-navbar-main-item .button * {
    color: #ffffff !important;
}


/* Contact form status message */
.vraj-contact-form-alert{
    margin:18px 0;
    padding:12px 14px;
    font-family:inherit;
    font-size:11px;
    line-height:1.55;
    border:1px solid transparent;
}

.vraj-contact-form-alert--success{
    color:#1f5d39;
    background:#eef8f2;
    border-color:#cfe7d8;
}

.vraj-contact-form-alert--error{
    color:#8a2f2f;
    background:#fff1f1;
    border-color:#efcccc;
}

/* ==================================================
   INFRASTRUCTURE PAGE — COMPACT INDUSTRIAL
================================================== */

.vraj-infra-page{
    background:#fff;
}

/* Hero */
.vraj-infra-hero{
    position:relative;
    height:300px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(
            90deg,
            rgba(7,14,23,.94) 0%,
            rgba(7,14,23,.82) 44%,
            rgba(7,14,23,.34) 78%,
            rgba(7,14,23,.14) 100%
        ),
        url("../images/infrastructure/infra-hero.png")
        center 48% / cover no-repeat;
    border-bottom:3px solid var(--vraj-primary);
}

.vraj-infra-hero .container{
    width:100%;
}

.vraj-infra-hero__content{
    position:relative;
    z-index:2;
    max-width:760px;
}

.vraj-infra-label{
    display:block;
    color:var(--vraj-primary-light);
    font-family:inherit;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.vraj-infra-divider{
    display:block;
    width:50px;
    height:2px;
    margin:14px 0 18px;
    background:var(--vraj-primary);
}

.vraj-infra-hero h1{
    margin:0;
    color:#fff;
    font-family:inherit;
    font-size:clamp(38px,4vw,58px);
    line-height:1.02;
    font-weight:500;
    letter-spacing:-.03em;
}

.vraj-infra-hero p{
    max-width:660px;
    margin:13px 0 0;
    color:rgba(255,255,255,.72);
    font-family:inherit;
    font-size:12px;
    line-height:1.65;
}

.vraj-infra-breadcrumb{
    margin-top:18px;
    display:flex;
    align-items:center;
    gap:9px;
    font-family:inherit;
    font-size:10px;
}

.vraj-infra-breadcrumb a{color:#fff}
.vraj-infra-breadcrumb span{color:rgba(255,255,255,.50)}
.vraj-infra-breadcrumb span:last-child{color:var(--vraj-primary-light)}

/* Reveal */
.vraj-infra-reveal{
    opacity:0;
    transform:translateY(18px);
    transition:
        opacity .55s ease var(--infra-delay,0ms),
        transform .55s cubic-bezier(.2,.7,.25,1) var(--infra-delay,0ms);
}

.vraj-infra-reveal.is-visible{
    opacity:1;
    transform:none;
}

/* Overview */
.vraj-infra-overview{
    padding:46px 0 48px;
    background:#f5f7fa;
}

.vraj-infra-overview__grid{
    display:grid;
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
    min-height:355px;
    overflow:hidden;
    background:#fff;
    border:1px solid #dce3eb;
}

.vraj-infra-overview__content{
    padding:34px 34px 32px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.vraj-infra-overview__content h2{
    max-width:540px;
    margin:0;
    color:var(--vraj-ink);
    font-size:clamp(30px,2.8vw,40px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.025em;
}

.vraj-infra-overview__content > p{
    max-width:570px;
    margin:15px 0 0;
    color:#687587;
    font-size:11px;
    line-height:1.7;
}

.vraj-infra-overview__points{
    margin-top:22px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px 12px;
}

.vraj-infra-overview__points > div{
    min-height:43px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    gap:9px;
    color:#344866;
    background:#f5f7fa;
    border:1px solid #e0e6ed;
    font-size:9px;
    font-weight:600;
}

.vraj-infra-overview__points i{
    width:22px;
    color:var(--vraj-primary);
    font-size:11px;
    text-align:center;
}

.vraj-infra-overview__media{
    position:relative;
    min-height:355px;
    overflow:hidden;
    background:#17202c;
}

.vraj-infra-overview__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .55s ease,filter .4s ease;
}

.vraj-infra-overview__media::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 58%,rgba(7,14,23,.32));
}

.vraj-infra-overview__badge{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:2;
    min-width:210px;
    padding:13px 15px;
    background:rgba(12,21,33,.88);
    border-left:3px solid var(--vraj-primary);
}

.vraj-infra-overview__badge span,
.vraj-infra-overview__badge strong{
    display:block;
}

.vraj-infra-overview__badge span{
    color:var(--vraj-primary-light);
    font-size:7px;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.vraj-infra-overview__badge strong{
    margin-top:5px;
    color:#fff;
    font-size:13px;
    font-weight:600;
}

/* Machinery */
.vraj-infra-machinery{
    padding:46px 0 48px;
    background:#fff;
}

.vraj-infra-section-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);
    align-items:end;
    gap:30px;
    margin-bottom:20px;
    padding-bottom:14px;
    border-bottom:1px solid #dce3eb;
}

.vraj-infra-section-head--compact{
    grid-template-columns:1fr;
}

.vraj-infra-section-head h2{
    margin:0;
    color:var(--vraj-ink);
    font-size:clamp(32px,3vw,43px);
    line-height:1.07;
    font-weight:500;
    letter-spacing:-.025em;
}

.vraj-infra-section-head > p{
    margin:0 0 2px;
    color:#697689;
    font-size:10px;
    line-height:1.65;
}

.vraj-infra-machine-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.vraj-infra-machine{
    overflow:hidden;
    background:#fff;
    border:1px solid #dce3eb;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.vraj-infra-machine__media{
    position:relative;
    height:215px;
    overflow:hidden;
    background:#17202c;
}

.vraj-infra-machine__media::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 64%,rgba(7,14,23,.18));
}

.vraj-infra-machine__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .5s ease,filter .35s ease;
}

.vraj-infra-machine__number{
    position:absolute;
    top:12px;
    right:12px;
    z-index:2;
    min-width:30px;
    height:30px;
    padding:0 7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(17,27,41,.88);
    border:1px solid rgba(255,255,255,.18);
    font-size:8px;
    font-weight:700;
}

.vraj-infra-machine__body{
    min-height:132px;
    padding:16px 16px 17px;
}

.vraj-infra-machine__body > span{
    display:block;
    color:var(--vraj-primary);
    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.vraj-infra-machine__body h3{
    margin:8px 0 0;
    color:var(--vraj-ink);
    font-size:15px;
    line-height:1.25;
    font-weight:600;
}

.vraj-infra-machine__body p{
    margin:8px 0 0;
    color:#707c8d;
    font-size:9px;
    line-height:1.55;
}

@media(min-width:992px){
    .vraj-infra-overview__grid:hover .vraj-infra-overview__media img{
        transform:scale(1.02);
        filter:brightness(1.03);
    }

    .vraj-infra-machine:hover .vraj-infra-machine__media img{
        transform:scale(1.035);
        filter:brightness(1.03);
    }
}

@media(max-width:1199.98px){
    .vraj-infra-machine-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:991.98px){
    .vraj-infra-overview__grid{
        grid-template-columns:1fr;
    }

    .vraj-infra-overview__media{
        min-height:300px;
    }

    .vraj-infra-section-head{
        grid-template-columns:1fr;
        gap:10px;
    }
}

@media(max-width:575.98px){
    .vraj-infra-hero{
        height:255px;
        background-position:58% center;
    }

    .vraj-infra-hero h1{
        font-size:35px;
    }

    .vraj-infra-overview__content{
        padding:24px 20px;
    }

    .vraj-infra-overview__points{
        grid-template-columns:1fr;
    }

    .vraj-infra-overview__media{
        min-height:245px;
    }

    .vraj-infra-overview__badge{
        left:14px;
        right:14px;
        bottom:14px;
        min-width:0;
    }

    .vraj-infra-section-head h2{
        font-size:30px;
    }

    .vraj-infra-machine__media{
        height:220px;
    }
}

@media(prefers-reduced-motion:reduce){
    .vraj-infra-reveal{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
}

/* ==================================================
   INFRASTRUCTURE MACHINERY — 2x2 WIDE CARD GRID
   Better image visibility without narrow cards
================================================== */

.vraj-infra-machine-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
}

.vraj-infra-machine{
    display:grid;
    grid-template-rows:auto auto;
    min-width:0;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #dce3eb;
    transition:
        transform .30s ease,
        border-color .30s ease,
        box-shadow .30s ease;
}

.vraj-infra-machine__media{
    position:relative;
    width:100%;
    height:330px !important;
    overflow:hidden;
    background:#17202c;
}

.vraj-infra-machine__media img{
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transition:
        transform .50s ease,
        filter .35s ease;
}

/* Better framing for the portrait hydraulic press image */
.vraj-infra-machine:nth-child(1) .vraj-infra-machine__media img{
    object-position:center 42% !important;
}

/* Slightly wider framing for lathe images */
.vraj-infra-machine:nth-child(2) .vraj-infra-machine__media img,
.vraj-infra-machine:nth-child(3) .vraj-infra-machine__media img,
.vraj-infra-machine:nth-child(4) .vraj-infra-machine__media img{
    object-position:center center !important;
}

.vraj-infra-machine__number{
    top:14px;
    right:14px;
}

.vraj-infra-machine__body{
    min-height:118px !important;
    padding:18px 20px 20px !important;
}

.vraj-infra-machine__body > span{
    font-size:8px;
    letter-spacing:.10em;
}

.vraj-infra-machine__body h3{
    margin-top:8px;
    font-size:17px !important;
    line-height:1.25;
}

.vraj-infra-machine__body p{
    max-width:540px;
    margin-top:8px;
    font-size:10px !important;
    line-height:1.55;
}

@media(min-width:992px){
    .vraj-infra-machine:hover{
        transform:translateY(-4px);
        border-color:rgba(82,105,143,.38);
        box-shadow:0 14px 28px rgba(23,29,40,.08);
    }

    .vraj-infra-machine:hover .vraj-infra-machine__media img{
        transform:scale(1.025);
        filter:brightness(1.035);
    }
}

@media(max-width:991.98px){
    .vraj-infra-machine-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px !important;
    }

    .vraj-infra-machine__media{
        height:270px !important;
    }
}

@media(max-width:767.98px){
    .vraj-infra-machine-grid{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .vraj-infra-machine__media{
        height:300px !important;
    }
}

@media(max-width:575.98px){
    .vraj-infra-machine__media{
        height:255px !important;
    }

    .vraj-infra-machine__body{
        min-height:0 !important;
        padding:16px 17px 18px !important;
    }

    .vraj-infra-machine__body h3{
        font-size:16px !important;
    }
}

@keyframes vrajCapabilityIn{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes glassShine{

    0%{
        left:-120%;
    }

    100%{
        left:160%;
    }

}

/* ==================================================
   PRODUCTS PAGE — CATEGORY LANDING
================================================== */

.vraj-products-page{
    background:#ffffff;
}

/* ---------- Hero ---------- */

.vraj-products-hero{
    position: relative;
    height: 300px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8,15,25,.88) 0%,
            rgba(10,18,30,.78) 35%,
            rgba(12,20,32,.58) 68%,
            rgba(14,24,38,.42) 100%
        ),
        url("../images/products/pro-hero.png");

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

    border-bottom: 3px solid var(--vraj-primary);
}

.vraj-products-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.03),
            transparent 28%
        ),
        linear-gradient(
            rgba(255,255,255,.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.05) 1px,
            transparent 1px
        );

    background-size:
        100% 100%,
        48px 48px,
        48px 48px;

    opacity:.16;

    -webkit-mask-image:linear-gradient(
        90deg,
        transparent 0%,
        #000 18%,
        #000 82%,
        transparent 100%
    );

    mask-image:linear-gradient(
        90deg,
        transparent 0%,
        #000 18%,
        #000 82%,
        transparent 100%
    );
}

.vraj-products-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 82% 25%,
            rgba(255,255,255,.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 100% 0%,
            rgba(82,105,143,.22),
            transparent 48%
        );

    opacity:.9;
}

.vraj-products-hero .container{
    width:100%;
}

.vraj-products-hero__content{
    position:relative;
    z-index:2;
    max-width:850px;
}

.vraj-products-label{
    display:block;
    color:var(--vraj-primary-light);
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.vraj-products-divider{
    display:block;
    width:52px;
    height:2px;
    margin:14px 0 18px;
    background:var(--vraj-primary);
}

.vraj-products-hero h1{
    margin:0;
    color:#ffffff;
    font-size:clamp(37px,4vw,58px);
    line-height:1.04;
    font-weight:500;
    letter-spacing:-.03em;
}

.vraj-products-hero p{
    max-width:670px;
    margin:14px 0 0;
    color:rgba(255,255,255,.66);
    font-size:12px;
    line-height:1.7;
}

/* ---------- reveal ---------- */

.vraj-product-reveal{
    opacity:0;
    transform:translateY(18px);
    transition:
        opacity .55s ease var(--product-delay,0ms),
        transform .55s cubic-bezier(.2,.7,.25,1) var(--product-delay,0ms);
}

.vraj-product-reveal.is-visible{
    opacity:1;
    transform:none;
}

/* ---------- category section ---------- */

.vraj-product-categories{
    padding:56px 0 58px;
    background:#f5f7fa;
}

.vraj-product-categories__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);
    align-items:end;
    gap:34px;
    margin-bottom:24px;
    padding-bottom:18px;
    border-bottom:1px solid #dce3eb;
}

.vraj-product-categories__head h2{
    margin:0;
    color:var(--vraj-ink);
    font-size:clamp(34px,3.2vw,46px);
    line-height:1.06;
    font-weight:500;
    letter-spacing:-.025em;
}

.vraj-product-categories__head > p{
    margin:0 0 3px;
    color:#687587;
    font-size:10px;
    line-height:1.7;
}

.vraj-product-category-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

.vraj-product-category-card{
    position:relative;
    min-height:280px;
    padding:24px 24px 22px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    color:inherit;
    text-decoration:none;
    background:#ffffff;
    border:1px solid #dce3eb;
    transition:
        transform .32s ease,
        border-color .32s ease,
        box-shadow .32s ease,
        background-color .32s ease;
}

.vraj-product-category-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,var(--vraj-primary),var(--vraj-primary-light));
    transform:scaleX(.23);
    transform-origin:left;
    transition:transform .35s ease;
}

.vraj-product-category-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-75px;
    bottom:-75px;
    border-radius:50%;
    border:1px solid rgba(82,105,143,.10);
    box-shadow:
        0 0 0 28px rgba(82,105,143,.025),
        0 0 0 56px rgba(82,105,143,.015);
    transition:transform .45s ease,opacity .45s ease;
}

.vraj-product-category-card__index{
    position:absolute;
    top:18px;
    right:20px;
    color:#9ca8b7;
    font-size:8px;
    font-weight:700;
    letter-spacing:.10em;
}

.vraj-product-category-card__icon{
    width:48px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--vraj-primary);
    background:#f2f5f8;
    border:1px solid #dce3eb;
    border-radius:8px;
    font-size:15px;
    transition:
        transform .32s ease,
        background-color .32s ease,
        color .32s ease,
        border-color .32s ease,
        box-shadow .32s ease;
}

.vraj-product-category-card__body{
    position:relative;
    z-index:2;
    margin-top:auto;
}

.vraj-product-category-card__count{
    display:inline-block;
    margin-bottom:8px;
    color:var(--vraj-primary);
    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.vraj-product-category-card h3{
    margin:0;
    color:var(--vraj-ink);
    font-size:20px;
    line-height:1.22;
    font-weight:600;
    letter-spacing:-.015em;
}

.vraj-product-category-card p{
    max-width:340px;
    margin:9px 0 0;
    color:#707d8f;
    font-size:9px;
    line-height:1.6;
}

.vraj-product-category-card__link{
    margin-top:16px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--vraj-primary-dark);
    font-size:9px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.vraj-product-category-card__link i{
    font-size:9px;
    transition:transform .3s ease;
}

/* ---------- capability strip ---------- */

.vraj-products-capability{
    padding:18px 0;
    background:#172230;
}

.vraj-products-capability__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.vraj-products-capability__item{
    min-height:86px;
    padding:17px 24px;
    display:flex;
    align-items:center;
    gap:13px;
    border-right:1px solid rgba(255,255,255,.10);
}

.vraj-products-capability__item:last-child{
    border-right:0;
}

.vraj-products-capability__item > i{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--vraj-primary-light);
    border:1px solid rgba(158,172,194,.24);
    border-radius:8px;
    font-size:12px;
}

.vraj-products-capability__item strong,
.vraj-products-capability__item span{
    display:block;
}

.vraj-products-capability__item strong{
    color:#ffffff;
    font-size:11px;
    line-height:1.25;
    font-weight:600;
}

.vraj-products-capability__item span{
    margin-top:4px;
    color:rgba(255,255,255,.45);
    font-size:8px;
    line-height:1.35;
}

/* ---------- desktop interaction ---------- */

@media(min-width:992px){

    .vraj-product-category-card:hover{
        transform:translateY(-5px);
        border-color:rgba(82,105,143,.36);
        box-shadow:0 18px 34px rgba(20,31,46,.08);
        background:#ffffff;
    }

    .vraj-product-category-card:hover::before{
        transform:scaleX(1);
    }

    .vraj-product-category-card:hover::after{
        transform:scale(1.12);
        opacity:.78;
    }

    .vraj-product-category-card:hover .vraj-product-category-card__icon{
        color:#ffffff;
        background:var(--vraj-primary);
        border-color:var(--vraj-primary);
        transform:translateY(-2px) rotate(-3deg);
        box-shadow:0 8px 18px rgba(82,105,143,.18);
    }

    .vraj-product-category-card:hover .vraj-product-category-card__link i{
        transform:translateX(4px);
    }
}

/* ---------- responsive ---------- */

@media(max-width:991.98px){

    .vraj-product-categories__head{
        grid-template-columns:1fr;
        gap:10px;
    }

    .vraj-product-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .vraj-products-capability__grid{
        grid-template-columns:1fr;
    }

    .vraj-products-capability__item{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .vraj-products-capability__item:last-child{
        border-bottom:0;
    }
}

@media(max-width:575.98px){

    .vraj-products-hero{
        height:255px;
    }

    .vraj-products-hero h1{
        font-size:34px;
    }

    .vraj-products-hero p{
        max-width:92%;
        font-size:10px;
    }

    .vraj-product-categories{
        padding:38px 0 40px;
    }

    .vraj-product-categories__head{
        margin-bottom:18px;
    }

    .vraj-product-categories__head h2{
        font-size:31px;
    }

    .vraj-product-category-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .vraj-product-category-card{
        min-height:245px;
        padding:21px 20px 19px;
    }

    .vraj-product-category-card h3{
        font-size:19px;
    }

    .vraj-products-capability{
        padding:10px 0;
    }

    .vraj-products-capability__item{
        min-height:74px;
        padding:13px 16px;
    }
}

@media(prefers-reduced-motion:reduce){
    .vraj-product-reveal{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
}

/* ==================================================
   HONED TUBE CATALOG PAGE
================================================== */
.vraj-catalog-page{background:#f4f6f9}
.vraj-catalog-hero{position:relative;min-height:290px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(8,16,27,.94) 0%,rgba(12,23,37,.84) 42%,rgba(18,33,51,.58) 100%),url("../images/products/honed-tube.png") center 46%/cover no-repeat;border-bottom:3px solid var(--vraj-primary)}
.vraj-catalog-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;opacity:.10;-webkit-mask-image:linear-gradient(90deg,#000,transparent 78%);mask-image:linear-gradient(90deg,#000,transparent 78%)}
.vraj-catalog-hero__content{position:relative;z-index:2;max-width:780px}
.vraj-catalog-kicker{display:block;color:var(--vraj-primary-light);font-size:11px;line-height:1;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.vraj-catalog-divider{display:block;width:52px;height:2px;margin:14px 0 18px;background:var(--vraj-primary)}
.vraj-catalog-hero h1{margin:0;color:#fff;font-size:clamp(46px,5vw,68px);line-height:1;font-weight:500;letter-spacing:-.035em}
.vraj-catalog-hero p{max-width:640px;margin:16px 0 0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.75}
.vraj-catalog-intro{padding:42px 0 28px}
.vraj-catalog-intro__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:end;gap:36px;padding-bottom:20px;border-bottom:1px solid #d9e0e8}
.vraj-catalog-intro__inner h2{margin:0;color:var(--vraj-ink);font-size:clamp(34px,3.2vw,46px);line-height:1.06;font-weight:500;letter-spacing:-.025em}
.vraj-catalog-intro__inner>p{margin:0 0 2px;color:#667487;font-size:10px;line-height:1.7}
.vraj-catalog-list{padding:0 0 66px}
.vraj-catalog-product{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);min-height:430px;margin-top:24px;overflow:hidden;background:#fff;border:1px solid #d9e0e8;box-shadow:0 12px 34px rgba(23,29,40,.045);transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease}
.vraj-catalog-product:first-child{margin-top:0}
.vraj-catalog-product__media{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(145deg,#eef2f6,#dfe6ee);border-right:1px solid #d9e0e8}
.vraj-catalog-product__media img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover;object-position:center;transition:transform .55s ease,filter .35s ease}
.vraj-catalog-product__number{position:absolute;z-index:3;top:18px;left:18px;min-width:40px;height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(17,31,48,.88);border:1px solid rgba(255,255,255,.16);border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(6px)}
.vraj-catalog-product__content{padding:30px 32px 32px;display:flex;flex-direction:column;justify-content:center}
.vraj-catalog-product__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #dce3eb}
.vraj-catalog-product__eyebrow{display:block;margin-bottom:7px;color:var(--vraj-primary);font-size:9px;line-height:1;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.vraj-catalog-product h2{margin:0;color:var(--vraj-ink);font-size:clamp(25px,2.15vw,34px);line-height:1.12;font-weight:600;letter-spacing:-.02em}
.vraj-catalog-product__enquire{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;color:var(--vraj-primary-dark);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.vraj-catalog-table-wrap{width:100%;overflow:hidden;border:1px solid #dce3eb}
.vraj-catalog-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
.vraj-catalog-table th,.vraj-catalog-table td{padding:12px 14px;vertical-align:top;border-bottom:1px solid #e2e7ed;font-size:11px;line-height:1.55}
.vraj-catalog-table tr:last-child th,.vraj-catalog-table tr:last-child td{border-bottom:0}
.vraj-catalog-table th{width:34%;color:#40506a;background:#f6f8fb;font-weight:700;text-align:left;border-right:1px solid #e2e7ed}
.vraj-catalog-table td{color:#202b3a;font-weight:500}
.vraj-catalog-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease var(--catalog-delay,0ms),transform .55s cubic-bezier(.2,.7,.25,1) var(--catalog-delay,0ms)}
.vraj-catalog-reveal.is-visible{opacity:1;transform:none}
@media(min-width:992px){.vraj-catalog-product:hover{transform:translateY(-4px);border-color:rgba(82,105,143,.34);box-shadow:0 22px 46px rgba(23,29,40,.085)}.vraj-catalog-product:hover .vraj-catalog-product__media img{transform:scale(1.025);filter:brightness(1.03)}}
@media(max-width:991.98px){.vraj-catalog-intro__inner{grid-template-columns:1fr;gap:10px}.vraj-catalog-product{grid-template-columns:1fr}.vraj-catalog-product__media{min-height:330px;border-right:0;border-bottom:1px solid #d9e0e8}.vraj-catalog-product__media img{min-height:330px}}
@media(max-width:575.98px){.vraj-catalog-hero{min-height:250px}.vraj-catalog-hero h1{font-size:40px}.vraj-catalog-intro{padding:34px 0 22px}.vraj-catalog-product{margin-top:16px}.vraj-catalog-product__media,.vraj-catalog-product__media img{min-height:250px}.vraj-catalog-product__content{padding:22px 18px 24px}.vraj-catalog-product__heading{display:block}.vraj-catalog-product__enquire{margin-top:13px}.vraj-catalog-table th,.vraj-catalog-table td{padding:10px 11px;font-size:10px}.vraj-catalog-table th{width:39%}}
@media(prefers-reduced-motion:reduce){.vraj-catalog-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* Hydraulic Piston Rod category hero */
.vraj-catalog-hero--piston-rods{
    background:
        linear-gradient(
            90deg,
            rgba(8,16,27,.94) 0%,
            rgba(12,23,37,.84) 42%,
            rgba(18,33,51,.58) 100%
        ),
        url("../images/products/hydraulic-piston-rod.png") center 46% / cover no-repeat;
}

/* Hydraulic Cylinders category hero */
.vraj-catalog-hero--hydraulic-cylinders{
    background:
        linear-gradient(
            90deg,
            rgba(8,16,27,.94) 0%,
            rgba(12,23,37,.84) 42%,
            rgba(18,33,51,.58) 100%
        ),
        url("../images/products/hydraulic-cylinder.png") center 46% / cover no-repeat;
}

/* SS Hard Chrome Bar category hero */
.vraj-catalog-hero--ss-hard-chrome-bar{
    background:
        linear-gradient(
            90deg,
            rgba(8,16,27,.94) 0%,
            rgba(12,23,37,.84) 42%,
            rgba(18,33,51,.58) 100%
        ),
        url("../images/products/ss-hard-chrome-bar.png") center 46% / cover no-repeat;
}

/* Single-product category refinement */
.vraj-catalog-product--single{
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
}

/* Chrome Rod category hero */
.vraj-catalog-hero--chrome-rod{
    background:
        linear-gradient(
            90deg,
            rgba(8,16,27,.94) 0%,
            rgba(12,23,37,.84) 42%,
            rgba(18,33,51,.58) 100%
        ),
        url("../images/products/chrome-rod.png") center 46% / cover no-repeat;
}

/* ==================================================
   HYDRAULIC HONED TUBES
================================================== */

.vraj-catalog-hero--hydraulic-honed-tubes{
    background:
        linear-gradient(
            90deg,
            rgba(8,16,27,.94) 0%,
            rgba(12,23,37,.84) 42%,
            rgba(18,33,51,.58) 100%
        ),
        url("../images/products/hydraulic-honed-tube.png") center 46% / cover no-repeat;
}

/* ---------- Key Features ---------- */

.vraj-honed-feature-section{
    padding:58px 0;
    background:#ffffff;
    border-top:1px solid #e1e7ee;
}

.vraj-honed-feature-head{
    max-width:780px;
    margin-bottom:26px;
}

.vraj-honed-feature-head h2{
    margin:0;
    color:var(--vraj-ink);
    font-size:clamp(34px,3.2vw,46px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.025em;
}

.vraj-honed-feature-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}

.vraj-honed-feature-card{
    min-height:190px;
    padding:22px 20px;
    background:#f6f8fb;
    border:1px solid #dce3eb;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.vraj-honed-feature-card > span{
    display:block;
    margin-bottom:10px;
    color:var(--vraj-primary);
    font-size:9px;
    font-weight:700;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.vraj-honed-feature-card strong{
    display:block;
    color:var(--vraj-ink);
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.vraj-honed-feature-card p{
    margin:10px 0 0;
    color:#687587;
    font-size:10px;
    line-height:1.65;
}

/* ---------- Honing Applications / Benefits ---------- */

.vraj-honing-job-section{
    padding:0 0 68px;
    background:#ffffff;
}

.vraj-honing-job-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.vraj-honing-job-block{
    padding:30px;
    background:#f4f6f9;
    border:1px solid #dce3eb;
}

.vraj-honing-job-block h2{
    margin:0 0 22px;
    color:var(--vraj-ink);
    font-size:30px;
    line-height:1.12;
    font-weight:600;
}

.vraj-honing-list{
    margin:0;
    padding:0;
    list-style:none;
}

.vraj-honing-list li{
    display:grid;
    grid-template-columns:minmax(155px,.42fr) minmax(0,1fr);
    gap:18px;
    padding:13px 0;
    border-top:1px solid #dce3eb;
}

.vraj-honing-list li:first-child{
    border-top:0;
}

.vraj-honing-list strong{
    color:#344866;
    font-size:11px;
    line-height:1.5;
}

.vraj-honing-list span{
    color:#667487;
    font-size:10px;
    line-height:1.6;
}

@media(min-width:992px){
    .vraj-honed-feature-card:hover{
        transform:translateY(-4px);
        border-color:rgba(82,105,143,.34);
        box-shadow:0 16px 34px rgba(23,29,40,.075);
    }
}

@media(max-width:1199.98px){
    .vraj-honed-feature-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:767.98px){
    .vraj-honed-feature-grid{
        grid-template-columns:1fr;
    }

    .vraj-honing-job-grid{
        grid-template-columns:1fr;
    }

    .vraj-honing-list li{
        grid-template-columns:1fr;
        gap:4px;
    }
}

/* ==================================================
   MASTER SINGLE BLOG TEMPLATE
   Prefix: vraj-single-blog-*
================================================== */
.vraj-single-blog-page{background:#fff}.vraj-single-blog-hero{padding:72px 0 68px;background:linear-gradient(135deg,#111925 0%,#1d2a3b 58%,#344866 100%);border-bottom:3px solid var(--vraj-primary)}.vraj-single-blog-hero__inner{max-width:980px}.vraj-single-blog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px;font-size:10px}.vraj-single-blog-breadcrumb a{color:rgba(255,255,255,.82)}.vraj-single-blog-breadcrumb span{color:rgba(255,255,255,.42)}.vraj-single-blog-breadcrumb span:last-child{color:var(--vraj-primary-light)}.vraj-single-blog-category{display:inline-block;margin-bottom:16px;color:var(--vraj-primary-light);font-size:10px;line-height:1;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.vraj-single-blog-hero h1{max-width:980px;margin:0;color:#fff;font-size:clamp(42px,5vw,72px);line-height:1.04;font-weight:500;letter-spacing:-.035em}.vraj-single-blog-hero__intro{max-width:790px;margin:20px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.8}.vraj-single-blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:25px}.vraj-single-blog-meta span{position:relative;color:rgba(255,255,255,.64);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vraj-single-blog-meta span+span::before{content:"";position:absolute;left:-10px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--vraj-primary-light);transform:translateY(-50%)}.vraj-single-blog-featured-media{padding:36px 0 0;background:#f6f8fb}.vraj-single-blog-featured-media__frame{height:520px;margin:0;overflow:hidden;background:#182230;border:1px solid #dce3eb}.vraj-single-blog-featured-media__frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.vraj-single-blog-content-section{padding:54px 0 72px;background:#f6f8fb}.vraj-single-blog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);align-items:start;gap:46px}.vraj-single-blog-toc{position:sticky;top:95px;padding:22px 20px;background:#fff;border:1px solid #dce3eb}.vraj-single-blog-toc__label{display:block;margin-bottom:13px;color:var(--vraj-ink);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.vraj-single-blog-toc nav{display:flex;flex-direction:column}.vraj-single-blog-toc nav a{padding:9px 0;color:#687587;font-size:10px;line-height:1.4;border-top:1px solid #eef1f4}.vraj-single-blog-toc nav a:first-child{border-top:0}.vraj-single-blog-toc nav a:hover{color:var(--vraj-primary)}.vraj-single-blog-article{min-width:0}.vraj-single-blog-block{position:relative;margin-bottom:20px;padding:34px 36px;background:#fff;border:1px solid #dce3eb;scroll-margin-top:100px}.vraj-single-blog-section-number{display:block;margin-bottom:10px;color:var(--vraj-primary);font-size:9px;font-weight:800;letter-spacing:.15em}.vraj-single-blog-block h2{margin:0 0 18px;color:var(--vraj-ink);font-size:clamp(28px,3vw,40px);line-height:1.12;font-weight:500;letter-spacing:-.025em}.vraj-single-blog-block h3{margin:28px 0 12px;color:var(--vraj-ink);font-size:22px;line-height:1.3}.vraj-single-blog-block p{margin:0;color:#566477;font-size:13px;line-height:1.9}.vraj-single-blog-block p+p{margin-top:16px}.vraj-single-blog-callout,.vraj-single-blog-note{margin-top:24px;padding:20px 22px;background:#f3f6fa;border-left:3px solid var(--vraj-primary)}.vraj-single-blog-callout strong,.vraj-single-blog-note>strong{display:block;margin-bottom:8px;color:var(--vraj-ink);font-size:12px}.vraj-single-blog-inline-image{margin:20px 0;padding:0;overflow:hidden;background:#17202c;border:1px solid #dce3eb}.vraj-single-blog-inline-image img{width:100%;max-height:470px;display:block;object-fit:cover}.vraj-single-blog-inline-image figcaption{padding:10px 14px;color:#7b8797;background:#fff;font-size:9px}.vraj-single-blog-table-wrap{margin-top:22px;overflow-x:auto;border:1px solid #dce3eb}.vraj-single-blog-table{width:100%;border-collapse:collapse;background:#fff}.vraj-single-blog-table th,.vraj-single-blog-table td{padding:13px 15px;text-align:left;border-bottom:1px solid #e4e9ef;font-size:11px;line-height:1.5}.vraj-single-blog-table th{color:#fff;background:#344866;font-weight:700}.vraj-single-blog-table td:first-child{width:34%;color:#344866;background:#f5f7fa;font-weight:700}.vraj-single-blog-process-grid,.vraj-single-blog-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.vraj-single-blog-process-grid>div,.vraj-single-blog-feature-grid>div{padding:20px;background:#f6f8fb;border:1px solid #dce3eb}.vraj-single-blog-process-grid span{display:block;margin-bottom:10px;color:var(--vraj-primary);font-size:9px;font-weight:800}.vraj-single-blog-process-grid strong,.vraj-single-blog-feature-grid strong{display:block;color:var(--vraj-ink);font-size:14px}.vraj-single-blog-process-grid p,.vraj-single-blog-feature-grid p{margin-top:7px!important;font-size:10px!important;line-height:1.65!important}.vraj-single-blog-check-list{margin:22px 0 0;padding:0;list-style:none}.vraj-single-blog-check-list li{position:relative;padding:11px 0 11px 25px;color:#566477;font-size:12px;line-height:1.6;border-top:1px solid #edf0f3}.vraj-single-blog-check-list li::before{content:"✓";position:absolute;left:0;color:var(--vraj-primary);font-weight:800}.vraj-single-blog-note ul{margin:8px 0 0;padding-left:18px}.vraj-single-blog-note li{margin-top:5px;color:#5e6b7d;font-size:11px;line-height:1.55}.vraj-single-blog-company-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.vraj-single-blog-company-links a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;color:var(--vraj-primary-dark);background:#f5f7fa;border:1px solid #dce3eb;font-size:9px;font-weight:700;text-transform:uppercase}.vraj-single-blog-faq details{border-top:1px solid #dce3eb}.vraj-single-blog-faq details:last-child{border-bottom:1px solid #dce3eb}.vraj-single-blog-faq summary{position:relative;padding:17px 34px 17px 0;color:var(--vraj-ink);font-size:12px;font-weight:700;cursor:pointer;list-style:none}.vraj-single-blog-faq summary::-webkit-details-marker{display:none}.vraj-single-blog-faq summary::after{content:"+";position:absolute;right:4px;top:50%;color:var(--vraj-primary);font-size:20px;font-weight:300;transform:translateY(-50%)}.vraj-single-blog-faq details[open] summary::after{content:"−"}.vraj-single-blog-faq details div{padding:0 28px 17px 0}.vraj-single-blog-cta{margin-top:20px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#172230}.vraj-single-blog-cta>div{max-width:650px}.vraj-single-blog-cta span{display:block;margin-bottom:7px;color:var(--vraj-primary-light);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.vraj-single-blog-cta h2{margin:0;color:#fff;font-size:27px;line-height:1.18;font-weight:500}.vraj-single-blog-cta p{margin:9px 0 0;color:rgba(255,255,255,.55);font-size:10px;line-height:1.6}.vraj-single-blog-related{padding:52px 0;background:#fff}.vraj-single-blog-related__head{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dce3eb}.vraj-single-blog-related__head h2{margin:0;color:var(--vraj-ink);font-size:34px;line-height:1.12;font-weight:500}.vraj-single-blog-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vraj-single-blog-related__grid>a{min-height:145px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:#f6f8fb;border:1px solid #dce3eb;transition:.3s}.vraj-single-blog-related__grid>a>span{margin-bottom:auto;color:var(--vraj-primary);font-size:9px;font-weight:800}.vraj-single-blog-related__grid strong{color:var(--vraj-ink);font-size:17px}.vraj-single-blog-related__grid small{margin-top:7px;color:#6d798b;font-size:9px}.vraj-single-blog-post-nav{padding:0 0 54px;background:#fff}.vraj-single-blog-post-nav__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #dce3eb;border-bottom:1px solid #dce3eb}.vraj-single-blog-post-nav__inner>a{padding:22px;color:var(--vraj-ink)}.vraj-single-blog-post-nav__inner>a+a{text-align:right;border-left:1px solid #dce3eb}.vraj-single-blog-post-nav__inner span{display:block;margin-bottom:5px;color:#7c8898;font-size:8px;font-weight:700;text-transform:uppercase}.vraj-single-blog-post-nav__inner strong{font-size:12px}.vraj-single-blog-post-nav__inner .is-disabled{opacity:.45;pointer-events:none}.vraj-single-blog-reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease var(--single-blog-delay,0ms),transform .5s ease var(--single-blog-delay,0ms)}.vraj-single-blog-reveal.is-visible{opacity:1;transform:none}@media(min-width:992px){.vraj-single-blog-related__grid>a:hover{transform:translateY(-4px);border-color:rgba(82,105,143,.38);box-shadow:0 14px 28px rgba(23,29,40,.07)}}@media(max-width:991.98px){.vraj-single-blog-featured-media__frame{height:390px}.vraj-single-blog-layout{grid-template-columns:1fr;gap:20px}.vraj-single-blog-toc{position:static}.vraj-single-blog-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.vraj-single-blog-related__grid{grid-template-columns:1fr}.vraj-single-blog-cta{align-items:flex-start;flex-direction:column}}@media(max-width:575.98px){.vraj-single-blog-hero{padding:48px 0}.vraj-single-blog-hero h1{font-size:36px}.vraj-single-blog-hero__intro{font-size:12px}.vraj-single-blog-featured-media__frame{height:245px}.vraj-single-blog-content-section{padding:34px 0 46px}.vraj-single-blog-toc nav{grid-template-columns:1fr}.vraj-single-blog-block{padding:24px 20px}.vraj-single-blog-process-grid,.vraj-single-blog-feature-grid{grid-template-columns:1fr}.vraj-single-blog-cta{padding:25px 22px}.vraj-single-blog-cta h2{font-size:23px}.vraj-single-blog-post-nav__inner{grid-template-columns:1fr}.vraj-single-blog-post-nav__inner>a+a{text-align:left;border-left:0;border-top:1px solid #dce3eb}}@media(prefers-reduced-motion:reduce){.vraj-single-blog-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* ==================================================
   BLOG SYSTEM — APPLE / WEBFLOW EDITORIAL REDESIGN
   Reusable listing + single article system
================================================== */

/* --------------------------------------------------
   BLOG LISTING PAGE
-------------------------------------------------- */

.vraj-blog-page--editorial{
    background:#ffffff;
}

.vraj-blog-hero--editorial{
    position:relative;
    min-height:350px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 25%,rgba(158,172,194,.16),transparent 34%),
        linear-gradient(110deg,#101a28 0%,#182638 54%,#344866 100%);
    border-bottom:1px solid rgba(255,255,255,.10);
}

.vraj-blog-hero--editorial::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:56px 56px;
    opacity:.25;
}

.vraj-blog-hero--editorial .container{
    position:relative;
    z-index:2;
}

.vraj-blog-hero--editorial .vraj-blog-hero__content{
    max-width:880px;
}

.vraj-blog-hero--editorial h1{
    margin:0;
    color:#ffffff;
    font-size:clamp(46px,5.5vw,74px);
    line-height:.98;
    font-weight:500;
    letter-spacing:-.045em;
}

.vraj-blog-hero--editorial p{
    max-width:680px;
    margin:20px 0 0;
    color:rgba(255,255,255,.68);
    font-size:13px;
    line-height:1.8;
}

.vraj-blog-featured--editorial{
    padding:68px 0 72px;
    background:#ffffff;
}

.vraj-blog-featured-card--editorial{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);
    min-height:520px;
    overflow:hidden;
    background:#f4f6f9;
    border:1px solid #dde4ec;
    box-shadow:0 18px 50px rgba(20,31,46,.06);
}

.vraj-blog-featured-card--editorial .vraj-blog-featured-card__media{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:520px;
    padding:18px;
    overflow:hidden;
    background:#eef2f6;
}

.vraj-blog-featured-card--editorial .vraj-blog-featured-card__media img{
    display:block;
    width:100%;
    height:100%;
    max-height:500px;
    object-fit:contain;
    object-position:center;
    background:#ffffff;
    transition:transform .45s ease;
}

.vraj-blog-featured-card--editorial .vraj-blog-featured-card__content{
    position:relative;
    padding:56px 50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        linear-gradient(145deg,#f7f9fc 0%,#edf2f7 100%);
}

.vraj-blog-featured-card--editorial .vraj-blog-featured-card__content::before{
    content:"";
    position:absolute;
    left:0;
    top:56px;
    width:3px;
    height:74px;
    background:var(--vraj-primary);
}

.vraj-blog-featured-card--editorial h2{
    margin:18px 0 0;
    font-size:clamp(31px,3.1vw,46px);
    line-height:1.08;
    font-weight:600;
    letter-spacing:-.03em;
}

.vraj-blog-featured-card--editorial h2 a{
    color:var(--vraj-ink);
}

.vraj-blog-featured-card--editorial p{
    margin:22px 0 0;
    color:#647285;
    font-size:13px;
    line-height:1.8;
}

.vraj-blog-featured-card--editorial .vraj-blog-read-link{
    margin-top:28px;
}

@media(min-width:992px){
    .vraj-blog-featured-card--editorial:hover .vraj-blog-featured-card__media img{
        transform:scale(1.018);
    }
}

/* Latest articles — horizontal editorial rows */

.vraj-blog-latest--editorial{
    padding:68px 0 76px;
    background:#f5f7fa;
    border-top:1px solid #e1e7ee;
}

.vraj-blog-list{
    display:grid;
    gap:22px;
}

.vraj-blog-row{
    display:grid;
    grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
    min-height:320px;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #dce3eb;
    transition:
        transform .32s ease,
        box-shadow .32s ease,
        border-color .32s ease;
}

.vraj-blog-row__media{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:320px;
    padding:14px;
    overflow:hidden;
    background:#eef2f6;
}

.vraj-blog-row__media img{
    display:block;
    width:100%;
    height:100%;
    max-height:292px;
    object-fit:contain;
    object-position:center;
    background:#ffffff;
    transition:transform .4s ease;
}

.vraj-blog-row__content{
    padding:38px 42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.vraj-blog-row__content h3{
    max-width:760px;
    margin:16px 0 0;
    color:var(--vraj-ink);
    font-size:clamp(25px,2.4vw,35px);
    line-height:1.12;
    font-weight:600;
    letter-spacing:-.025em;
}

.vraj-blog-row__content h3 a{
    color:inherit;
}

.vraj-blog-row__content p{
    max-width:760px;
    margin:16px 0 0;
    color:#6b7889;
    font-size:12px;
    line-height:1.75;
}

.vraj-blog-row__content .vraj-blog-read-link{
    margin-top:22px;
}

@media(min-width:992px){
    .vraj-blog-row:hover{
        transform:translateY(-4px);
        border-color:rgba(82,105,143,.36);
        box-shadow:0 18px 42px rgba(20,31,46,.08);
    }

    .vraj-blog-row:hover .vraj-blog-row__media img{
        transform:scale(1.018);
    }
}

/* --------------------------------------------------
   SINGLE BLOG — ONE IMAGE HERO
-------------------------------------------------- */

.vraj-single-blog-page{
    background:#f5f7fa;
    color:#172033;
}

.vraj-single-blog-hero{
    position:relative;
    min-height:600px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    isolation:isolate;
    background:
        linear-gradient(
            90deg,
            rgba(7,14,23,.97) 0%,
            rgba(7,14,23,.90) 38%,
            rgba(7,14,23,.58) 68%,
            rgba(7,14,23,.30) 100%
        ),
        var(--vraj-blog-hero-image) center center / cover no-repeat;
    border-bottom:3px solid var(--vraj-primary);
}

.vraj-single-blog-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%),
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:100% 100%,56px 56px,56px 56px;
    opacity:.14;
}

.vraj-single-blog-hero__inner{
    max-width:1040px;
    padding:92px 0 74px;
}

.vraj-single-blog-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:28px;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.vraj-single-blog-breadcrumb a,
.vraj-single-blog-breadcrumb span{
    color:rgba(255,255,255,.68);
}

.vraj-single-blog-category{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    margin-bottom:17px;
    color:#fff;
    background:rgba(82,105,143,.72);
    border:1px solid rgba(255,255,255,.14);
    font-size:9px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.vraj-single-blog-hero h1{
    max-width:1100px;
    margin:0;
    color:#fff;
    font-size:clamp(45px,5.6vw,78px);
    line-height:1;
    font-weight:500;
    letter-spacing:-.045em;
}

.vraj-single-blog-hero__intro{
    max-width:770px;
    margin:22px 0 0;
    color:rgba(255,255,255,.77);
    font-size:14px;
    line-height:1.78;
}

.vraj-single-blog-meta{
    display:flex;
    flex-wrap:wrap;
    margin-top:30px;
    padding-top:19px;
    border-top:1px solid rgba(255,255,255,.15);
}

.vraj-single-blog-meta span{
    padding:0 18px;
    color:rgba(255,255,255,.68);
    font-size:9px;
    letter-spacing:.10em;
    text-transform:uppercase;
    border-right:1px solid rgba(255,255,255,.16);
}

.vraj-single-blog-meta span:first-child{padding-left:0}
.vraj-single-blog-meta span:last-child{border-right:0}

/* no secondary images in articles */
.vraj-single-blog-featured-media,
.vraj-single-blog-inline-image{
    display:none !important;
}

/* Editorial article layout */

.vraj-single-blog-content-section{
    padding:66px 0 76px;
}

.vraj-single-blog-layout{
    display:grid;
    grid-template-columns:250px minmax(0,900px);
    justify-content:center;
    align-items:start;
    gap:54px;
}

.vraj-single-blog-toc{
    position:sticky;
    top:28px;
    padding:22px 20px;
    background:#172230;
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 14px 34px rgba(19,29,43,.08);
}

.vraj-single-blog-toc__label{
    display:block;
    margin-bottom:16px;
    color:var(--vraj-primary-light);
    font-size:9px;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.vraj-single-blog-toc nav{display:grid}

.vraj-single-blog-toc nav a{
    position:relative;
    padding:10px 0 10px 16px;
    color:rgba(255,255,255,.68);
    font-size:10px;
    line-height:1.45;
    border-top:1px solid rgba(255,255,255,.08);
    transition:.25s ease;
}

.vraj-single-blog-toc nav a::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--vraj-primary-light);
    transform:translateY(-50%);
    opacity:.55;
}

.vraj-single-blog-toc nav a:hover{
    color:#fff;
    padding-left:20px;
}

.vraj-single-blog-article{min-width:0}

.vraj-single-blog-block{
    position:relative;
    margin-bottom:18px;
    padding:36px 40px 38px;
    background:#ffffff;
    border:1px solid #dce3eb;
    box-shadow:0 10px 30px rgba(20,31,46,.035);
}

.vraj-single-blog-section-number{
    display:block;
    margin-bottom:11px;
    color:var(--vraj-primary);
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
}

.vraj-single-blog-block h2{
    margin:0 0 18px;
    color:var(--vraj-ink);
    font-size:clamp(28px,3vw,39px);
    line-height:1.1;
    font-weight:600;
    letter-spacing:-.025em;
}

.vraj-single-blog-block p{
    margin:0 0 16px;
    color:#566477;
    font-size:13px;
    line-height:1.9;
}

.vraj-single-blog-block p:last-child{margin-bottom:0}

.vraj-single-blog-callout,
.vraj-single-blog-note{
    margin-top:24px;
    padding:22px 24px;
    background:#f3f6fa;
    border-left:3px solid var(--vraj-primary);
}

.vraj-single-blog-callout > strong,
.vraj-single-blog-note > strong{
    display:block;
    margin-bottom:8px;
    color:var(--vraj-primary-dark);
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.vraj-single-blog-table-wrap{
    margin-top:22px;
    overflow-x:auto;
    border:1px solid #dce3eb;
}

.vraj-single-blog-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.vraj-single-blog-table th,
.vraj-single-blog-table td{
    padding:14px 16px;
    text-align:left;
    border-bottom:1px solid #e3e8ee;
    border-right:1px solid #e3e8ee;
    font-size:11px;
    line-height:1.55;
}

.vraj-single-blog-table thead th{
    color:#fff;
    background:#172230;
    font-weight:700;
}

.vraj-single-blog-table tbody td:first-child{
    width:36%;
    color:#3f5068;
    background:#f6f8fb;
    font-weight:700;
}

.vraj-single-blog-process-grid,
.vraj-single-blog-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:22px;
}

.vraj-single-blog-process-grid > div,
.vraj-single-blog-feature-grid > div{
    padding:20px;
    background:#f6f8fb;
    border:1px solid #dce3eb;
}

.vraj-single-blog-process-grid > div > span{
    display:block;
    margin-bottom:22px;
    color:var(--vraj-primary);
    font-size:9px;
    font-weight:800;
}

.vraj-single-blog-process-grid strong,
.vraj-single-blog-feature-grid strong{
    display:block;
    margin-bottom:7px;
    font-size:14px;
}

.vraj-single-blog-process-grid p,
.vraj-single-blog-feature-grid p{
    margin:0;
    font-size:11px;
    line-height:1.65;
}

.vraj-single-blog-check-list{
    margin:20px 0 0;
    padding:0;
    list-style:none;
}

.vraj-single-blog-check-list li{
    position:relative;
    padding:13px 0 13px 28px;
    color:#566477;
    font-size:12px;
    line-height:1.65;
    border-top:1px solid #e1e6ec;
}

.vraj-single-blog-check-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:13px;
    color:var(--vraj-primary);
    font-weight:800;
}

.vraj-single-blog-company-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:23px;
}

.vraj-single-blog-company-links a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 14px;
    color:var(--vraj-primary-dark);
    background:#f4f7fa;
    border:1px solid #dce3eb;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}

.vraj-single-blog-company-links a:hover{
    color:#fff;
    background:var(--vraj-primary);
    border-color:var(--vraj-primary);
}

.vraj-single-blog-faq{margin-top:20px}

.vraj-single-blog-faq details{
    background:#f7f9fb;
    border:1px solid #dce3eb;
    border-bottom:0;
}

.vraj-single-blog-faq details:last-child{
    border-bottom:1px solid #dce3eb;
}

.vraj-single-blog-faq summary{
    position:relative;
    padding:17px 50px 17px 18px;
    color:#26364c;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    list-style:none;
}

.vraj-single-blog-faq summary::-webkit-details-marker{display:none}

.vraj-single-blog-faq summary::after{
    content:"+";
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    color:var(--vraj-primary);
    font-size:20px;
}

.vraj-single-blog-faq details[open] summary::after{content:"−"}

.vraj-single-blog-faq details > div{
    padding:0 18px 17px;
}

.vraj-single-blog-cta{
    margin-top:24px;
    padding:32px 34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:#172230;
}

.vraj-single-blog-cta > div > span{
    display:block;
    margin-bottom:7px;
    color:var(--vraj-primary-light);
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.vraj-single-blog-cta h2{
    margin:0;
    max-width:600px;
    color:#fff;
    font-size:27px;
    line-height:1.18;
}

.vraj-single-blog-cta p{
    margin:9px 0 0;
    color:rgba(255,255,255,.52);
    font-size:10px;
}

.vraj-single-blog-related{
    padding:58px 0;
    background:#fff;
    border-top:1px solid #e0e6ed;
}

.vraj-single-blog-related__head{margin-bottom:22px}

.vraj-single-blog-related__head h2{
    margin:0;
    color:var(--vraj-ink);
    font-size:34px;
    font-weight:500;
}

.vraj-single-blog-related__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.vraj-single-blog-related__grid > a{
    min-height:150px;
    padding:22px;
    display:flex;
    flex-direction:column;
    color:inherit;
    background:#f5f7fa;
    border:1px solid #dce3eb;
    transition:.28s ease;
}

.vraj-single-blog-related__grid > a > span{
    color:#9aa6b4;
    font-size:9px;
}

.vraj-single-blog-related__grid strong{
    margin:auto 0 9px;
    color:#1f2c3e;
    font-size:17px;
}

.vraj-single-blog-related__grid small{
    color:var(--vraj-primary-dark);
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
}

.vraj-single-blog-related__grid > a:hover{
    transform:translateY(-4px);
    border-color:rgba(82,105,143,.4);
    box-shadow:0 14px 30px rgba(20,31,46,.07);
}

.vraj-single-blog-post-nav{
    padding:0 0 58px;
    background:#fff;
}

.vraj-single-blog-post-nav__inner{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border:1px solid #dce3eb;
}

.vraj-single-blog-post-nav__inner > a{
    padding:20px 22px;
    color:#26364c;
    border-right:1px solid #dce3eb;
}

.vraj-single-blog-post-nav__inner > a:last-child{
    border-right:0;
    text-align:right;
}

.vraj-single-blog-post-nav__inner span,
.vraj-single-blog-post-nav__inner strong{
    display:block;
}

.vraj-single-blog-post-nav__inner span{
    margin-bottom:5px;
    color:#8491a2;
    font-size:9px;
    text-transform:uppercase;
}

.vraj-single-blog-post-nav__inner strong{
    font-size:12px;
}

.vraj-single-blog-post-nav__inner .is-disabled{
    opacity:.42;
    pointer-events:none;
}

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

@media(max-width:1199.98px){
    .vraj-blog-featured-card--editorial{
        grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);
    }

    .vraj-blog-featured-card--editorial .vraj-blog-featured-card__content{
        padding:44px 36px;
    }
}

@media(max-width:991.98px){
    .vraj-blog-featured-card--editorial,
    .vraj-blog-row{
        grid-template-columns:1fr;
    }

    .vraj-blog-featured-card--editorial .vraj-blog-featured-card__media{
        min-height:auto;
        aspect-ratio:3/2;
    }

    .vraj-blog-row__media{
        min-height:auto;
        aspect-ratio:3/2;
    }

    .vraj-single-blog-hero{
        min-height:520px;
    }

    .vraj-single-blog-layout{
        grid-template-columns:1fr;
        gap:24px;
    }

    .vraj-single-blog-toc{
        position:relative;
        top:auto;
    }

    .vraj-single-blog-toc nav{
        grid-template-columns:repeat(2,minmax(0,1fr));
        column-gap:20px;
    }

    .vraj-single-blog-related__grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:575.98px){
    .vraj-blog-hero--editorial{
        min-height:300px;
    }

    .vraj-blog-hero--editorial h1{
        font-size:40px;
    }

    .vraj-blog-featured--editorial,
    .vraj-blog-latest--editorial{
        padding:44px 0;
    }

    .vraj-blog-featured-card--editorial .vraj-blog-featured-card__media{
        padding:8px;
    }

    .vraj-blog-featured-card--editorial .vraj-blog-featured-card__content{
        padding:30px 24px 34px;
    }

    .vraj-blog-row__media{
        padding:8px;
    }

    .vraj-blog-row__content{
        padding:28px 24px 30px;
    }

    .vraj-single-blog-hero{
        min-height:480px;
        background-position:center center;
    }

    .vraj-single-blog-hero__inner{
        padding:64px 0 44px;
    }

    .vraj-single-blog-hero h1{
        font-size:39px;
    }

    .vraj-single-blog-meta span{
        width:100%;
        padding:7px 0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .vraj-single-blog-content-section{
        padding:38px 0 46px;
    }

    .vraj-single-blog-block{
        padding:26px 20px 28px;
    }

    .vraj-single-blog-toc nav,
    .vraj-single-blog-process-grid,
    .vraj-single-blog-feature-grid{
        grid-template-columns:1fr;
    }

    .vraj-single-blog-cta{
        display:block;
        padding:26px 22px;
    }

    .vraj-single-blog-cta .button{
        margin-top:20px;
        width:100%;
    }

    .vraj-single-blog-post-nav__inner{
        grid-template-columns:1fr;
    }

    .vraj-single-blog-post-nav__inner > a{
        border-right:0;
        border-bottom:1px solid #dce3eb;
    }

    .vraj-single-blog-post-nav__inner > a:last-child{
        border-bottom:0;
        text-align:left;
    }
}

@media(prefers-reduced-motion:reduce){
    .vraj-blog-reveal,
    .vraj-single-blog-reveal{
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
}\n\n/* ==================================================
   VRAJ SINGLE BLOG — FINAL INTEGRATED HERO IMAGE
   Compact hero + product image in the SAME hero section
================================================== */

.vraj-single-blog-hero{
    position:relative !important;
    min-height:430px !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    isolation:isolate;

    background-image:
        linear-gradient(
            90deg,
            rgba(5,8,12,.97) 0%,
            rgba(7,11,17,.94) 38%,
            rgba(8,12,18,.68) 62%,
            rgba(5,7,10,.20) 100%
        ),
        radial-gradient(
            circle at 76% 45%,
            rgba(82,105,143,.13),
            transparent 34%
        ),
        var(--vraj-blog-hero-image) !important;

    background-size:100% 100%,100% 100%,cover !important;
    background-position:center,center,68% center !important;
    background-repeat:no-repeat !important;
    background-color:#050607 !important;

    border-bottom:3px solid var(--vraj-primary) !important;
}

.vraj-single-blog-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px) !important;

    background-size:52px 52px !important;
    opacity:.18 !important;
}

.vraj-single-blog-hero::after{
    content:none !important;
    display:none !important;
}

.vraj-single-blog-hero .container{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
}

.vraj-single-blog-hero__inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:760px !important;
    padding:48px 0 46px !important;
}

.vraj-single-blog-breadcrumb{
    margin-bottom:16px !important;
}

.vraj-single-blog-breadcrumb a,
.vraj-single-blog-breadcrumb span{
    color:rgba(255,255,255,.68) !important;
}

.vraj-single-blog-breadcrumb span:last-child{
    color:var(--vraj-primary-light) !important;
}

.vraj-single-blog-category{
    display:inline-flex !important;
    align-items:center !important;
    min-height:27px !important;
    margin-bottom:14px !important;
    padding:0 11px !important;
    color:#fff !important;
    background:rgba(52,72,102,.78) !important;
    border:1px solid rgba(158,172,194,.28) !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}

.vraj-single-blog-hero h1{
    max-width:720px !important;
    margin:0 !important;
    color:#fff !important;
    font-size:clamp(36px,4.1vw,58px) !important;
    line-height:1.02 !important;
    font-weight:500 !important;
    letter-spacing:-.035em !important;
    text-shadow:0 3px 18px rgba(0,0,0,.34) !important;
}

.vraj-single-blog-hero__intro{
    max-width:660px !important;
    margin:15px 0 0 !important;
    color:rgba(255,255,255,.76) !important;
    font-size:12px !important;
    line-height:1.72 !important;
}

.vraj-single-blog-meta{
    max-width:690px !important;
    margin-top:19px !important;
    padding-top:14px !important;
    border-top:1px solid rgba(255,255,255,.16) !important;
}

.vraj-single-blog-meta span{
    color:rgba(255,255,255,.66) !important;
}

/* No separate image section anywhere */
.vraj-single-blog-featured-media,
.vraj-single-blog-product-hero,
.vraj-single-blog-inline-image{
    display:none !important;
}

.vraj-single-blog-content-section{
    padding-top:48px !important;
}

@media(max-width:991.98px){
    .vraj-single-blog-hero{
        min-height:390px !important;
        background-image:
            linear-gradient(
                90deg,
                rgba(5,8,12,.96) 0%,
                rgba(6,10,15,.88) 52%,
                rgba(5,8,12,.38) 100%
            ),
            var(--vraj-blog-hero-image) !important;
        background-size:100% 100%,cover !important;
        background-position:center,62% center !important;
    }

    .vraj-single-blog-hero__inner{
        max-width:650px !important;
        padding:42px 0 40px !important;
    }

    .vraj-single-blog-hero h1{
        max-width:630px !important;
        font-size:clamp(34px,6vw,50px) !important;
    }
}

@media(max-width:575.98px){
    .vraj-single-blog-hero{
        min-height:390px !important;
        background-image:
            linear-gradient(
                180deg,
                rgba(5,8,12,.88) 0%,
                rgba(5,8,12,.78) 55%,
                rgba(5,8,12,.68) 100%
            ),
            var(--vraj-blog-hero-image) !important;
        background-size:100% 100%,cover !important;
        background-position:center,center !important;
    }

    .vraj-single-blog-hero__inner{
        max-width:100% !important;
        padding:34px 0 32px !important;
    }

    .vraj-single-blog-breadcrumb{
        margin-bottom:13px !important;
        font-size:8px !important;
    }

    .vraj-single-blog-category{
        margin-bottom:12px !important;
    }

    .vraj-single-blog-hero h1{
        max-width:100% !important;
        font-size:33px !important;
        line-height:1.04 !important;
    }

    .vraj-single-blog-hero__intro{
        max-width:96% !important;
        margin-top:12px !important;
        font-size:10px !important;
        line-height:1.62 !important;
    }

    .vraj-single-blog-meta{
        margin-top:16px !important;
        padding-top:12px !important;
    }
}

/* ==================================================
   VRAJ SINGLE BLOG — HERO 3:2 IMAGE FIT FIX
   1536x1024 source image shown fully inside same hero.
   Image path still comes only from PHP via --vraj-blog-hero-image.
================================================== */

.vraj-single-blog-hero{
    position:relative !important;
    min-height:360px !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;

    /* Keep hero base independent from image */
    background:
        radial-gradient(circle at 72% 46%, rgba(82,105,143,.10), transparent 30%),
        linear-gradient(90deg,#05080d 0%,#080d14 48%,#0b1119 100%) !important;

    border-bottom:3px solid var(--vraj-primary) !important;
}

/* Subtle depth — no image here */
.vraj-single-blog-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        linear-gradient(90deg,rgba(0,0,0,.18),transparent 60%),
        linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px) !important;

    background-size:100% 100%,52px 52px,52px 52px !important;
    opacity:1 !important;
}

/* Full 1536x1024 image lives on the right, inside the SAME hero.
   background-size:contain prevents crop. */
.vraj-single-blog-hero::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:1 !important;

    top:14px !important;
    right:18px !important;
    bottom:14px !important;

    width:48% !important;

    background-image:var(--vraj-blog-hero-image) !important;
    background-size:contain !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;

    pointer-events:none !important;
}

/* Text stays above image */
.vraj-single-blog-hero .container{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
}

.vraj-single-blog-hero__inner{
    width:50% !important;
    max-width:680px !important;
    padding:28px 0 26px !important;
}

/* Compact vertical rhythm */
.vraj-single-blog-breadcrumb{
    margin-bottom:10px !important;
}

.vraj-single-blog-category{
    min-height:25px !important;
    margin-bottom:10px !important;
    padding:0 10px !important;
}

.vraj-single-blog-hero h1{
    max-width:650px !important;
    margin:0 !important;
    font-size:clamp(31px,3.25vw,48px) !important;
    line-height:1.02 !important;
    letter-spacing:-.03em !important;
}

.vraj-single-blog-hero__intro{
    max-width:620px !important;
    margin:10px 0 0 !important;
    font-size:10.5px !important;
    line-height:1.62 !important;
}

.vraj-single-blog-meta{
    max-width:620px !important;
    margin-top:12px !important;
    padding-top:10px !important;
}

.vraj-single-blog-meta span{
    padding:0 12px !important;
    font-size:8px !important;
}

.vraj-single-blog-meta span:first-child{
    padding-left:0 !important;
}

/* Article closer to hero */
.vraj-single-blog-content-section{
    padding-top:38px !important;
}

/* Tablet */
@media(max-width:991.98px){

    .vraj-single-blog-hero{
        min-height:350px !important;
    }

    .vraj-single-blog-hero::after{
        width:44% !important;
        right:10px !important;
        top:12px !important;
        bottom:12px !important;
        opacity:.92 !important;
    }

    .vraj-single-blog-hero__inner{
        width:56% !important;
        max-width:560px !important;
        padding:26px 0 24px !important;
    }

    .vraj-single-blog-hero h1{
        font-size:clamp(29px,4.6vw,42px) !important;
    }
}

/* Mobile: image becomes a soft full-width contained backdrop,
   while text remains compact and readable. */
@media(max-width:575.98px){

    .vraj-single-blog-hero{
        min-height:390px !important;
    }

    .vraj-single-blog-hero::after{
        top:8px !important;
        right:8px !important;
        bottom:8px !important;
        left:8px !important;

        width:auto !important;

        background-size:contain !important;
        background-position:center right !important;

        opacity:.42 !important;
    }

    .vraj-single-blog-hero::before{
        background:
            linear-gradient(90deg,rgba(5,8,13,.97) 0%,rgba(5,8,13,.92) 56%,rgba(5,8,13,.62) 100%) !important;
    }

    .vraj-single-blog-hero__inner{
        width:100% !important;
        max-width:100% !important;
        padding:24px 0 22px !important;
    }

    .vraj-single-blog-hero h1{
        max-width:94% !important;
        font-size:31px !important;
    }

    .vraj-single-blog-hero__intro{
        max-width:92% !important;
        font-size:10px !important;
        margin-top:9px !important;
    }

    .vraj-single-blog-meta{
        margin-top:11px !important;
        padding-top:9px !important;
    }
}

/* ==================================================
   VRAJ SINGLE BLOG — FINAL WORKING HERO
   Image source is injected DIRECTLY from PHP.
   Do not hardcode any blog image URL in this CSS.
================================================== */

.vraj-single-blog-hero{
    position:relative !important;
    min-height:342px !important;
    height:342px !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    isolation:isolate !important;

    /*
      background-image comes from the inline PHP style.
      1536 x 1024 = 3:2, so "contain" keeps the complete image visible.
    */
    background-size:100% 100%, contain !important;
    background-position:center, right center !important;
    background-repeat:no-repeat, no-repeat !important;
    background-color:#05080d !important;

    border-bottom:3px solid var(--vraj-primary) !important;
}

/* Kill older pseudo-element image implementations / conflicting overlays. */
.vraj-single-blog-hero::after{
    content:none !important;
    display:none !important;
    background:none !important;
}

.vraj-single-blog-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.10) 0%,
            rgba(0,0,0,.04) 52%,
            transparent 78%
        ),
        linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px) !important;

    background-size:100% 100%,52px 52px,52px 52px !important;
    opacity:.55 !important;
}

.vraj-single-blog-hero .container{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
}

.vraj-single-blog-hero__inner{
    width:49% !important;
    max-width:650px !important;
    padding:21px 0 19px !important;
}

/* Compact spacing */
.vraj-single-blog-breadcrumb{
    margin-bottom:8px !important;
}

.vraj-single-blog-category{
    min-height:24px !important;
    margin-bottom:8px !important;
    padding:0 9px !important;
    font-size:8px !important;
}

.vraj-single-blog-hero h1{
    max-width:625px !important;
    margin:0 !important;
    color:#fff !important;
    font-size:clamp(30px,3.15vw,46px) !important;
    line-height:1.01 !important;
    font-weight:500 !important;
    letter-spacing:-.028em !important;
}

.vraj-single-blog-hero__intro{
    max-width:590px !important;
    margin:8px 0 0 !important;
    color:rgba(255,255,255,.76) !important;
    font-size:10px !important;
    line-height:1.55 !important;
}

.vraj-single-blog-meta{
    max-width:590px !important;
    margin-top:10px !important;
    padding-top:8px !important;
    border-top:1px solid rgba(255,255,255,.15) !important;
}

.vraj-single-blog-meta span{
    padding:0 10px !important;
    font-size:7.5px !important;
}

.vraj-single-blog-meta span:first-child{
    padding-left:0 !important;
}

/* Never render a second blog image section. */
.vraj-single-blog-featured-media,
.vraj-single-blog-product-hero,
.vraj-single-blog-inline-image{
    display:none !important;
}

/* Bring the article closer to the compact hero. */
.vraj-single-blog-content-section{
    padding-top:34px !important;
}

/* Medium screens */
@media(max-width:1199.98px){
    .vraj-single-blog-hero{
        min-height:340px !important;
        height:340px !important;
        background-size:100% 100%, contain !important;
        background-position:center, right center !important;
    }

    .vraj-single-blog-hero__inner{
        width:54% !important;
        max-width:590px !important;
    }

    .vraj-single-blog-hero h1{
        font-size:clamp(29px,4vw,42px) !important;
    }
}

/* Tablet */
@media(max-width:991.98px){
    .vraj-single-blog-hero{
        min-height:350px !important;
        height:auto !important;
        background-size:100% 100%, contain !important;
        background-position:center, right center !important;
    }

    .vraj-single-blog-hero__inner{
        width:58% !important;
        max-width:540px !important;
        padding:24px 0 22px !important;
    }
}

/* Mobile */
@media(max-width:575.98px){
    .vraj-single-blog-hero{
        min-height:365px !important;
        height:auto !important;

        /*
          Mobile gets the full 3:2 image as a softer backdrop,
          still injected from PHP.
        */
        background-size:100% 100%, cover !important;
        background-position:center, center !important;
    }

    .vraj-single-blog-hero::before{
        background:
            linear-gradient(
                90deg,
                rgba(5,8,13,.95) 0%,
                rgba(5,8,13,.88) 58%,
                rgba(5,8,13,.58) 100%
            ) !important;
        opacity:1 !important;
    }

    .vraj-single-blog-hero__inner{
        width:100% !important;
        max-width:100% !important;
        padding:22px 0 20px !important;
    }

    .vraj-single-blog-hero h1{
        max-width:95% !important;
        font-size:30px !important;
        line-height:1.03 !important;
    }

    .vraj-single-blog-hero__intro{
        max-width:94% !important;
        font-size:9.5px !important;
    }

    .vraj-single-blog-meta{
        margin-top:9px !important;
        padding-top:7px !important;
    }
}

/* ==================================================
   VRAJ SINGLE BLOG — FULL BACKGROUND HERO FINAL
   Reference-style full-section image.
   Image path is still controlled ONLY from PHP.
================================================== */

.vraj-single-blog-hero{
    position:relative !important;
    min-height:430px !important;
    height:430px !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    isolation:isolate !important;

    /*
      PHP injects:
      linear-gradient(...), url(...)
      We force both layers to fill the complete hero.
      100% 100% means the whole source image is visible
      with no crop inside the section.
    */
    background-size:100% 100%, 100% 100% !important;
    background-position:center center, center center !important;
    background-repeat:no-repeat, no-repeat !important;
    background-color:#05080d !important;

    border-bottom:3px solid var(--vraj-primary) !important;
}

/* Deep blue-black readability wash like the reference image */
.vraj-single-blog-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(4,10,18,.96) 0%,
            rgba(5,15,27,.90) 38%,
            rgba(8,25,43,.58) 62%,
            rgba(8,25,43,.24) 100%
        ) !important;

    opacity:1 !important;
}

/* Remove all older split/right-image pseudo implementations */
.vraj-single-blog-hero::after{
    content:none !important;
    display:none !important;
    background:none !important;
}

.vraj-single-blog-hero .container{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
}

.vraj-single-blog-hero__inner{
    width:58% !important;
    max-width:760px !important;
    padding:34px 0 32px !important;
}

/* Breadcrumb */
.vraj-single-blog-breadcrumb{
    margin-bottom:13px !important;
    font-size:9px !important;
}

/* Category */
.vraj-single-blog-category{
    min-height:28px !important;
    margin-bottom:13px !important;
    padding:0 11px !important;
    font-size:8.5px !important;
}

/* Title */
.vraj-single-blog-hero h1{
    max-width:760px !important;
    margin:0 !important;
    color:#fff !important;
    font-size:clamp(38px,4.25vw,58px) !important;
    line-height:1.02 !important;
    font-weight:600 !important;
    letter-spacing:-.035em !important;
    text-shadow:0 3px 18px rgba(0,0,0,.32) !important;
}

/* Intro */
.vraj-single-blog-hero__intro{
    max-width:720px !important;
    margin:17px 0 0 !important;
    color:rgba(255,255,255,.88) !important;
    font-size:12px !important;
    line-height:1.7 !important;
}

/* Meta */
.vraj-single-blog-meta{
    max-width:720px !important;
    margin-top:20px !important;
    padding-top:14px !important;
    border-top:0 !important;
}

.vraj-single-blog-meta span{
    padding:0 14px !important;
    color:rgba(255,255,255,.70) !important;
    font-size:8px !important;
}

.vraj-single-blog-meta span:first-child{
    padding-left:0 !important;
}

/* Keep article close to hero */
.vraj-single-blog-content-section{
    padding-top:42px !important;
}

/* Tablet */
@media(max-width:991.98px){
    .vraj-single-blog-hero{
        min-height:410px !important;
        height:auto !important;
        background-size:100% 100%, 100% 100% !important;
    }

    .vraj-single-blog-hero__inner{
        width:70% !important;
        max-width:650px !important;
        padding:30px 0 28px !important;
    }

    .vraj-single-blog-hero h1{
        font-size:clamp(34px,5vw,48px) !important;
    }
}

/* Mobile */
@media(max-width:575.98px){
    .vraj-single-blog-hero{
        min-height:390px !important;
        height:auto !important;
        background-size:cover, cover !important;
        background-position:center, 68% center !important;
    }

    .vraj-single-blog-hero::before{
        background:
            linear-gradient(
                90deg,
                rgba(4,10,18,.96) 0%,
                rgba(5,15,27,.90) 62%,
                rgba(8,25,43,.55) 100%
            ) !important;
    }

    .vraj-single-blog-hero__inner{
        width:100% !important;
        max-width:100% !important;
        padding:26px 0 24px !important;
    }

    .vraj-single-blog-hero h1{
        max-width:95% !important;
        font-size:31px !important;
    }

    .vraj-single-blog-hero__intro{
        max-width:94% !important;
        margin-top:12px !important;
        font-size:10px !important;
    }

    .vraj-single-blog-meta{
        margin-top:14px !important;
        padding-top:10px !important;
    }
}

/* ==================================================
   VRAJ WHATSAPP FAB — FINAL FIXED VERSION
   Direct body child. Always visible above the viewport.
================================================== */

.vraj-wa-fab{
    position:fixed !important;
    left:24px !important;
    right:auto !important;
    top:auto !important;
    bottom:24px !important;

    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    min-height:62px !important;

    margin:0 !important;
    padding:0 !important;

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

    overflow:visible !important;

    color:#ffffff !important;
    background:linear-gradient(145deg,#2ee06f 0%,#19bd57 100%) !important;

    border:2px solid rgba(255,255,255,.68) !important;
    border-radius:50% !important;

    box-shadow:
        0 10px 26px rgba(0,0,0,.24),
        0 8px 28px rgba(37,211,102,.32),
        0 0 0 0 rgba(37,211,102,.18),
        inset 0 1px 1px rgba(255,255,255,.42) !important;

    text-decoration:none !important;
    line-height:1 !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none;
    translate:none !important;

    z-index:2147483000 !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease !important;

    animation:vrajWaGlow 3.2s ease-in-out infinite !important;

    -webkit-tap-highlight-color:transparent;
    isolation:isolate;
}

.vraj-wa-fab::before{
    content:"";
    position:absolute;
    inset:-5px;
    z-index:-1;

    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;

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

    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);

    pointer-events:none;
}

.vraj-wa-fab i{
    display:block !important;
    margin:0 !important;
    padding:0 !important;

    color:#ffffff !important;
    font-size:31px !important;
    line-height:1 !important;

    transform:none !important;
}

@media (hover:hover) and (pointer:fine){
    .vraj-wa-fab:hover{
        transform:translateY(-3px) scale(1.055) !important;
        filter:brightness(1.035);
        box-shadow:
            0 14px 32px rgba(0,0,0,.28),
            0 12px 34px rgba(37,211,102,.42),
            0 0 22px rgba(37,211,102,.20),
            inset 0 1px 1px rgba(255,255,255,.48) !important;
    }
}

.vraj-wa-fab:focus-visible{
    outline:3px solid rgba(255,255,255,.88) !important;
    outline-offset:4px !important;
}

@keyframes vrajWaGlow{
    0%,100%{
        box-shadow:
            0 10px 26px rgba(0,0,0,.24),
            0 8px 28px rgba(37,211,102,.30),
            0 0 0 0 rgba(37,211,102,.16),
            inset 0 1px 1px rgba(255,255,255,.42);
    }
    50%{
        box-shadow:
            0 10px 26px rgba(0,0,0,.24),
            0 8px 30px rgba(37,211,102,.38),
            0 0 0 8px rgba(37,211,102,0),
            inset 0 1px 1px rgba(255,255,255,.42);
    }
}

@media(max-width:575.98px){
    .vraj-wa-fab{
        left:16px !important;
        bottom:16px !important;

        width:56px !important;
        height:56px !important;
        min-width:56px !important;
        min-height:56px !important;
    }

    .vraj-wa-fab i{
        font-size:28px !important;
    }
}

@media(prefers-reduced-motion:reduce){
    .vraj-wa-fab{
        animation:none !important;
        transition:none !important;
    }
}