.erp-hero {
    background: linear-gradient(90deg,
            #010612 0%,
            #020816 35%,
            #041129 70%,
            #071936 100%);
}

.erp-hero-benefit {
    border: none;
    padding: 0;
}

.erp-benefit-icon {

    border-radius: 50%;

    background: rgba(20, 80, 255, .08);

    border: 1px solid rgba(0, 180, 255, .18);

}

.erp-benefit-icon {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff0f4, #ffffff);
    border: 1px solid rgba(245, 56, 109, 0.15);
    color: #f5386d;
    font-size: 18px;
    position: relative;
    z-index: 2;
    box-shadow: 0 6px 18px rgba(245, 56, 109, 0.10);
    transition: transform 0.45s cubic-bezier(.34, 1.56, .64, 1), background 0.4s ease, color 0.3s ease, box-shadow 0.4s ease;
}

.erp-benefit-icon i {

    color: #7C8CFF;

}

.erp-hero-content h1 {

    color: #ffffff;

}

.erp-hero-content h1 span {

    color: #21A9FF;

    background: none;

    -webkit-text-fill-color: #21A9FF;

}

.erp-hero-benefit span {
    color: #333;
}

.erp-hero-description {

    color: #B7C4D6;

}

.erp-hero-tag {

    color: #ffffff;

    text-transform: uppercase;

    border: 1px solid rgba(0, 160, 255, .35);

    background: rgba(9, 27, 52, .8);
    gap: 10px;

}

.erp-hero-tag i {

    color: #20A8FF;

}

.erp-primary-btn {

    background: linear-gradient(90deg, #256DFF, #17C9FF);

    color: #fff;

}

.erp-outline-btn {
    background: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
}

.erp-outline-btn:hover {
    border-color: #20A8FF;
    color: #20A8FF;
}

/*==========================================================
    BLOCKCHAIN SERVICES
==========================================================*/

.blockchain-services {

    position: relative;

    padding: 25px 0;

    background:
        linear-gradient(180deg,
            #08101d 0%,
            #091424 100%);

    border: 1px solid rgba(0, 170, 255, .12);

    /* border-radius:22px; */

    overflow: hidden;

}

.blockchain-services::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(circle at top, #0d2b54 0%, transparent 60%);

    opacity: .55;

    pointer-events: none;

}


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

.blockchain-services-header {

    margin-bottom: 25px;

    position: relative;

    z-index: 2;

}

.blockchain-services-header h2 {

    color: #fff;

    font-size: 25px;

    font-weight: 800;

    margin-bottom: 10px;

}

.blockchain-services-header h2 span {

    color: #1ec8ff;

}

.blockchain-services-header p {

    color: #9eb3cb;

    font-size: 15px;

}


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

.blockchain-service-card {

    position: relative;

    height: 100%;

    min-height: 235px;

    padding: 28px 18px;

    text-align: center;

    border-radius: 14px;

    background:

        linear-gradient(180deg,
            rgba(15, 28, 49, .92),
            rgba(10, 19, 36, .95));

    border: 1px solid rgba(255, 255, 255, .08);

    transition: .35s;

    overflow: hidden;

}

.blockchain-service-card:hover {

    transform: translateY(-8px);

}


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

.blockchain-service-icon {

    width: 82px;

    height: 82px;

    margin: 0 auto 18px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    font-size: 38px;

    transition: .35s;

}

.blockchain-service-icon::before {

    content: "";

    position: absolute;

    inset: 10px;

    border-radius: 50%;

    border: 2px solid currentColor;

    opacity: .18;

}

.blockchain-service-icon i {

    position: relative;

    z-index: 2;

}


/*==========================================================
    TITLE
==========================================================*/

.blockchain-service-card h3 {

    color: #fff;

    font-size: 16px;

    line-height: 1.45;

    font-weight: 700;

    margin-bottom: 14px;

}


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

.blockchain-service-card p {

    color: #b8c5d8;

    font-size: 13px;

    line-height: 1.65;

    margin: 0;

}


/*==========================================================
    COLOR THEMES
==========================================================*/


/*---------------- BLUE ----------------*/

.blockchain-blue {

    border-color: rgba(0, 153, 255, .28);

}

.blockchain-blue .blockchain-service-icon {

    color: #21b8ff;

    box-shadow:
        0 0 25px rgba(0, 170, 255, .22);

}

.blockchain-blue:hover {

    box-shadow:
        0 0 28px rgba(0, 170, 255, .18);

}


/*---------------- PURPLE ----------------*/

.blockchain-purple {

    border-color: rgba(192, 83, 255, .30);

}

.blockchain-purple .blockchain-service-icon {

    color: #cb63ff;

    box-shadow:
        0 0 25px rgba(203, 99, 255, .25);

}

.blockchain-purple:hover {

    box-shadow:
        0 0 28px rgba(203, 99, 255, .18);

}


/*---------------- CYAN ----------------*/

.blockchain-cyan {

    border-color: rgba(0, 225, 255, .25);

}

.blockchain-cyan .blockchain-service-icon {

    color: #00d5ff;

    box-shadow:
        0 0 25px rgba(0, 213, 255, .20);

}

.blockchain-cyan:hover {

    box-shadow:
        0 0 28px rgba(0, 213, 255, .18);

}


/*---------------- GREEN ----------------*/

.blockchain-green {

    border-color: rgba(0, 255, 170, .25);

}

.blockchain-green .blockchain-service-icon {

    color: #19f0a7;

    box-shadow:
        0 0 25px rgba(25, 240, 167, .20);

}

.blockchain-green:hover {

    box-shadow:
        0 0 28px rgba(25, 240, 167, .18);

}


/*---------------- YELLOW ----------------*/

.blockchain-yellow {

    border-color: rgba(255, 190, 35, .25);

}

.blockchain-yellow .blockchain-service-icon {

    color: #ffc236;

    box-shadow:
        0 0 25px rgba(255, 194, 54, .20);

}

.blockchain-yellow:hover {

    box-shadow:
        0 0 28px rgba(255, 194, 54, .18);

}


/*---------------- RED ----------------*/

.blockchain-red {

    border-color: rgba(255, 95, 95, .25);

}

.blockchain-red .blockchain-service-icon {

    color: #ff6868;

    box-shadow:
        0 0 25px rgba(255, 104, 104, .22);

}

.blockchain-red:hover {

    box-shadow:
        0 0 28px rgba(255, 104, 104, .18);

}


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

.blockchain-service-card:hover .blockchain-service-icon {

    transform: scale(1.12) rotate(-8deg);

}

.blockchain-service-card:hover h3 {

    color: #fff;

}

.blockchain-service-card:hover p {

    color: #d8e7f8;

}


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

@media(max-width:991px) {

    .blockchain-service-card {

        min-height: 220px;

    }

}

@media(max-width:767px) {

    .blockchain-service-icon {

        width: 70px;
        height: 70px;
        font-size: 30px;

    }

}

@media(max-width:576px) {

    .blockchain-service-card {

        min-height: 205px;

        padding: 22px 14px;

    }

    .blockchain-service-card h3 {

        font-size: 14px;

    }

    .blockchain-service-card p {

        font-size: 12px;

    }

}

/*==========================================================
    VAPT PROCESS SECTION
==========================================================*/

.vapt-process-section {

    position: relative;

    padding: 25px 0;

    background: #08111d;

}

.vapt-process-card,
.vapt-attack-card {

    background: linear-gradient(180deg, #08172b, #061221);

    border: 1px solid rgba(0, 180, 255, .12);

    border-radius: 16px;

    padding: 28px;

    height: 100%;

    position: relative;

    overflow: hidden;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);

}

.vapt-process-card::before,
.vapt-attack-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background: radial-gradient(circle at top, rgba(0, 170, 255, .08), transparent 65%);

    pointer-events: none;

}

/*==========================================================
    TITLE
==========================================================*/

.vapt-section-title {

    display: flex;

    align-items: center;

    /* justify-content:center; */

    gap: 20px;

    margin-bottom: 35px;

}

.vapt-section-title span {

    width: 120px;

    height: 2px;

    background: linear-gradient(90deg, #7d5cff, #1ec8ff);

}

.vapt-section-title h2 {

    color: #fff;

    font-size: 25px;

    font-weight: 700;

    margin: 0;

}

.vapt-section-title strong {

    color: #21c7ff;

    font-weight: 700;

}

/*==========================================================
    TIMELINE
==========================================================*/

.vapt-timeline {

    position: relative;

}

.vapt-timeline::before {

    content: "";

    position: absolute;

    left: 20px;

    top: 20px;

    bottom: 20px;

    width: 2px;

    background: linear-gradient(#22bfff, #2357ff);

}

.vapt-step {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-bottom: 28px;

    position: relative;

}

.vapt-step:last-child {

    margin-bottom: 0;

}

.vapt-number {

    width: 42px;

    height: 42px;

    border-radius: 50%;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 15px;

    font-weight: 700;

    background: #0b2344;

    border: 2px solid #1ec8ff;

    box-shadow: 0 0 18px rgba(0, 183, 255, .45);

    z-index: 2;

}

.vapt-content h4 {

    color: #fff;

    font-size: 17px;

    margin-bottom: 6px;

}

.vapt-content p {

    color: #9eb4ca;

    font-size: 14px;

    line-height: 1.6;

    margin: 0;

}

/*==========================================================
    ATTACK AREA
==========================================================*/

.attack-wrapper {

    position: relative;

    height: 450px;

}

/*==========================================================
    NODES
==========================================================*/

.attack-node {

    position: absolute;

    width: 86px;

    text-align: center;

    color: #fff;

}

.attack-node i {

    width: 64px;

    height: 64px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto auto 10px;

    color: #38d4ff;

    border: 2px solid rgba(60, 180, 255, .35);

    background: #081b33;

    font-size: 26px;

    box-shadow: 0 0 20px rgba(0, 180, 255, .30);

}

.attack-node span {

    display: block;

    color: #fff;

    font-size: 15px;

}

/*==========================================================
    NODE POSITIONS
==========================================================*/

.cloud {

    left: 50%;

    top: 10px;

    transform: translateX(-50%);

}

.website {

    right: 20px;

    top: 120px;

}

.database {

    right: 20px;

    bottom: 100px;

}

.server {

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

}

.mobile {

    left: 20px;

    bottom: 100px;

}

.api {

    left: 20px;

    top: 120px;

}

/*==========================================================
    CONNECTION LINES
==========================================================*/

.attack-line {

    position: absolute;

    width: 120px;

    height: 2px;

    background: linear-gradient(90deg, #27d6ff, #4a7dff);

    transform-origin: left center;

    opacity: .65;

}

.line1 {

    left: 50%;

    top: 105px;

    transform: translateX(-50%) rotate(90deg);

}

.line2 {

    left: 290px;

    top: 180px;

    transform: rotate(30deg);

}

.line3 {

    left: 300px;

    bottom: 170px;

    transform: rotate(-30deg);

}

.line4 {

    right: 290px;

    top: 180px;

    transform: rotate(-30deg);

}

.line5 {

    right: 300px;

    bottom: 170px;

    transform: rotate(30deg);

}

.line6 {

    left: 50%;

    bottom: 105px;

    transform: translateX(-50%) rotate(90deg);

}

/*==========================================================
    ANIMATION
==========================================================*/

@keyframes shieldFloat {

    0% {

        transform: translate(-50%, -50%);

    }

    50% {

        transform: translate(-50%, -56%);

    }

    100% {

        transform: translate(-50%, -50%);

    }

}

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

@media(max-width:991px) {

    .attack-wrapper {

        height: 460px;

        margin-top: 20px;

    }

}

@media(max-width:767px) {

    .vapt-process-card,

    .vapt-attack-card {

        padding: 20px;

    }

    .vapt-section-title h2 {

        font-size: 20px;

    }

    .vapt-section-title span {
        width: 70px;
    }

    .attack-wrapper {

        transform: scale(.85);

        transform-origin: top center;

    }

}

@media(max-width:576px) {

    .attack-wrapper {

        transform: scale(.65);

        height: 330px;

    }

    .vapt-content h4 {

        font-size: 15px;

    }

    .vapt-content p {

        font-size: 12px;

    }

}

/*==========================================================
    VAPT REPORT SECTION
==========================================================*/

.vapt-report-section {

    position: relative;

    padding-bottom: 25px;

    background: #08111d;

}

.vapt-coverage-card,
.vapt-report-card {

    background: linear-gradient(180deg, #08172a, #07111f);

    border: 1px solid rgba(0, 180, 255, .12);

    border-radius: 16px;

    padding: 15px;

    height: 100%;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);

    position: relative;

    overflow: hidden;

}

.vapt-coverage-card::before,
.vapt-report-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background: radial-gradient(circle at top, rgba(0, 170, 255, .08), transparent 70%);

    pointer-events: none;

}


/*==========================================================
    TITLES
==========================================================*/

.vapt-card-title {

    margin-bottom: 28px;

}

.vapt-card-title h2 {

    color: #fff;

    font-size: 25px;

    font-weight: 700;

    margin: 0;

}

.vapt-card-title h2 span {

    color: #1ec8ff;

}


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

.coverage-list {

    margin: 0;

    padding: 0;

    list-style: none;

}

.coverage-list li {

    display: flex;

    align-items: center;

    gap: 5px;

    color: #d4e3f6;

    font-size: 13px;

    margin-bottom: 18px;

}

.coverage-list i {

    color: #16d06f;

    font-size: 18px;

}


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

.report-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 25px;

}

.report-header h2 {

    color: #fff;

    font-size: 25px;

    font-weight: 700;

    margin: 0;

}

.report-header span {

    color: #20c8ff;

}

.sample-btn {

    color: #fff;

    text-decoration: none;

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

    padding: 10px 18px;

    border-radius: 8px;

    transition: .3s;

}

.sample-btn:hover {

    background: #1d4dff;

    border-color: #1d4dff;

}


/*==========================================================
    SIDEBAR
==========================================================*/

.report-sidebar {

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.report-sidebar a {

    color: #b6c7db !important;
    text-decoration: none;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: .3s;
    cursor: pointer;
    font-size: 13px;

}

.report-sidebar a.active {

    background: #2458ff;

    color: #fff !important;

}

.report-sidebar a:hover {

    background: #11284a;

    color: #fff;

}


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

.report-content {

    background: #08111c;

    border: 1px solid rgba(255, 255, 255, .06);

    border-radius: 12px;

    padding: 20px;

}

.report-content h4 {

    color: #fff;

    margin-bottom: 20px;

}


/*==========================================================
    SUMMARY BOX
==========================================================*/

.summary-box {

    background: #0b1725;

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 10px;

    padding: 18px;

    height: 100%;
    color: #b7c8da;

}

.summary-box h3 {

    color: #fff;

}

.summary-box h5 {

    color: #fff;

    font-size: 15px;

    margin-bottom: 18px;

}


/*==========================================================
    RISK CIRCLE
==========================================================*/

.risk-circle {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    margin: auto;

    border: 6px solid #ff3e3e;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 34px;

    font-weight: 700;

}

.risk-circle.small {

    width: 82px;

    height: 82px;

    font-size: 28px;

}

.risk-high {

    display: block;

    text-align: center;

    color: #ff5555;

    margin-top: 15px;

    font-weight: 600;

}


/*==========================================================
    VULNERABILITY
==========================================================*/

.vulnerability-count {

    color: #fff;

    font-size: 35px;

    font-weight: 700;

    margin-bottom: 15px;

}

.summary-box ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.summary-box li {

    display: flex;

    justify-content: space-between;

    color: #b7c8da;

    margin-bottom: 10px;
    font-size: 13px;

}


/*==========================================================
    DONUT PLACEHOLDER
==========================================================*/

.chart-placeholder {

    height: 180px;

    border-radius: 50%;

    width: 180px;

    margin: 20px auto;

    border: 16px solid #ff4040;

    border-top-color: #4168ff;

    border-right-color: #ffc126;

    border-bottom-color: #6a7cff;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #9ab1ca;

    font-size: 14px;

}


/*==========================================================
    LINKS
==========================================================*/

.summary-box a {

    color: #1ec8ff;

    text-decoration: none;

}

.summary-box strong {

    color: #fff;

}


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

@media(max-width:991px) {

    .report-header {

        flex-direction: column;

        gap: 18px;

        align-items: flex-start;

    }

}

@media(max-width:767px) {

    .report-header h2,

    .vapt-card-title h2 {

        font-size: 20px;

    }

    .chart-placeholder {

        width: 140px;

        height: 140px;

    }

}

@media(max-width:576px) {

    .vapt-coverage-card,

    .vapt-report-card {

        padding: 15px;

    }

    .coverage-list li {

        font-size: 13px;

    }

    .report-sidebar a {

        font-size: 13px;

        padding: 10px 12px;

    }

    .risk-circle {

        width: 80px;

        height: 80px;

        font-size: 26px;

    }

    .vulnerability-count {

        font-size: 42px;

    }

}

.tech-slider-section {

    background: #071321;

    padding: 25px 25px;

    border-radius: 0;

    border: 1px solid rgba(0, 170, 255, .15);

}

.tech-title {

    text-align: center;

    margin-bottom: 25px;

}

.tech-title h2 {

    color: #fff;

    font-size: 25px;

    font-weight: 700;

}

.tech-card {

    background: #0b1b2f;

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 10px;

    height: 90px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    transition: .35s;

}

.tech-card:hover {

    border-color: #18c9ff;

    transform: translateY(-6px);

    box-shadow: 0 0 20px rgba(0, 170, 255, .25);

}

.tech-card img {

    width: 34px;

    height: 34px;

    object-fit: contain;

    margin-bottom: 10px;

}

.tech-card span {

    color: #fff;

    font-size: 13px;

}

.techSwiper {

    overflow: hidden;

}

.techSwiper .swiper-slide {

    width: 90px;

}

/*==========================================================
    VAPT BOTTOM SECTION
==========================================================*/

.vapt-bottom-section {

    position: relative;

    padding: 25px 0;

    background: #07111d;

}


/*==========================================================
    COMMON CARD
==========================================================*/

.vapt-info-card,
.vapt-cta-card {

    position: relative;

    height: 100%;

    padding: 28px;

    border-radius: 16px;

    overflow: hidden;

    background: linear-gradient(180deg,
            #08192d,
            #06111e);

    border: 1px solid rgba(0, 170, 255, .12);

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

}

.vapt-cta-card {

    background: linear-gradient(135deg,
            #0c1533,
            #171130,
            #081421);

}

.vapt-info-card::before,
.vapt-cta-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background: radial-gradient(circle at top,
            rgba(0, 170, 255, .08),
            transparent 70%);

    pointer-events: none;

}


/*==========================================================
    CARD TITLE
==========================================================*/

.vapt-card-heading {

    margin-bottom: 28px;

}

.vapt-card-heading h2 {

    color: #fff;

    font-size: 25px;

    font-weight: 700;

    margin: 0;

}

.vapt-card-heading span {

    color: #18c8ff;

}


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

.vapt-feature-list {

    list-style: none;

    padding: 0;

    margin: 0;

}

.vapt-feature-list li {

    display: flex;

    align-items: flex-start;

    gap: 5px;

    margin-bottom: 18px;

    color: #d5e3f5;

    font-size: 13px;

    line-height: 1.5;

    transition: .3s;

}

.vapt-feature-list li:hover {

    color: #22cfff;

    transform: translateX(6px);

}

.vapt-feature-list i {

    width: 18px;

    color: #20d1ff;

    margin-top: 3px;

}


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

.vapt-cta-card h2 {

    color: #fff;

    font-size: 25px;

    line-height: 1.15;

    font-weight: 700;

    margin-bottom: 20px;

}

.vapt-cta-card p {

    color: #c4d6ea;

    font-size: 13px;

    line-height: 1.8;

    margin-bottom: 28px;

}

.vapt-btn {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 10px 20px;

    border-radius: 10px;

    text-decoration: none;

    color: #fff;

    font-weight: 600;

    background: linear-gradient(90deg,
            #3d65ff,
            #18d2ff);

    transition: .35s;

    box-shadow: 0 15px 35px rgba(24, 210, 255, .25);

}

.vapt-btn:hover {

    color: #fff;

    transform: translateY(-4px);

    box-shadow: 0 20px 40px rgba(24, 210, 255, .35);

}


/*==========================================================
    BADGES
==========================================================*/

.cta-bottom {

    display: flex;

    flex-wrap: wrap;

    gap: 25px;

    margin-top: 30px;

}

.cta-bottom span {

    color: #b9cde4;

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 14px;

}

.cta-bottom i {

    color: #19d4ff;

}


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

.vapt-cta-card img {

    max-width: 220px;

    animation: vaptShield 4s ease-in-out infinite;

    filter: drop-shadow(0 0 25px rgba(95, 75, 255, .45));

}


/*==========================================================
    SHIELD ANIMATION
==========================================================*/

@keyframes vaptShield {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-10px);

    }

    100% {

        transform: translateY(0);

    }

}


/*==========================================================
    CARD HOVER
==========================================================*/

.vapt-info-card:hover,
.vapt-cta-card:hover {

    border-color: rgba(0, 195, 255, .28);

    transform: translateY(-8px);

    transition: .35s;

}


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

@media(max-width:1200px) {

    .vapt-card-heading h2 {

        font-size: 20px;

    }

    .vapt-cta-card h2 {

        font-size: 22px;

    }

}

@media(max-width:991px) {

    .vapt-cta-card {

        text-align: center;

    }

    .vapt-cta-card img {

        margin-top: 35px;

    }

    .cta-bottom {

        justify-content: center;

    }

}

@media(max-width:767px) {

    .vapt-info-card,
    .vapt-cta-card {

        padding: 22px;

    }

    .vapt-card-heading h2 {

        font-size: 20px;

    }

    .vapt-cta-card h2 {

        font-size: 20px;

    }

    .vapt-feature-list li {

        font-size: 14px;

    }

}

@media(max-width:576px) {

    .vapt-card-heading h2 {

        font-size: 20px;

    }

    .vapt-cta-card h2 {

        font-size: 20px;

    }

    .vapt-cta-card p {

        font-size: 14px;

    }

    .vapt-btn {

        width: 100%;

        justify-content: center;

        padding: 14px 20px;

    }

    .cta-bottom {

        flex-direction: column;

        align-items: center;

        gap: 12px;

    }

    .vapt-feature-list li {

        font-size: 13px;

        margin-bottom: 14px;

    }

    .vapt-cta-card img {

        max-width: 170px;

    }

}