.product-card {
            background: var(--white);
            border-radius: 24px;
            overflow: hidden;
            transition: all 0.4s ease;
            height: 100%;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(0, 0, 0, 0.03);
        }

        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 45px rgba(0, 54, 179, 0.12);
        }

        .product-img {
            position: relative;
            overflow: hidden;
            height: 240px;
        }

        .product-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .product-card:hover .product-img img {
            transform: scale(1.05);
        }

        .product-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: var(--theme);
            color: white;
            padding: 5px 12px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 600;
        }

        .product-info {
            padding: 25px;
        }

        .product-info h3 {
            font-size: 20px;
            margin-bottom: 8px;
        }

        .product-price {
            font-size: 24px;
            font-weight: 700;
            color: var(--theme);
            margin: 15px 0;
        }

        .feature-list {
            margin: 15px 0;
        }

        .feature-list li {
            margin-bottom: 8px;
            font-size: 14px;
        }

        .category-filter-btn {
            display: inline-block;
            padding: 8px 24px;
            margin: 0 5px 12px;
            font-size: 15px;
            font-weight: 600;
            border-radius: 50px;
            background: transparent;
            color: var(--header);
            transition: 0.3s;
            cursor: pointer;
            border: 1px solid rgba(0, 0, 0, 0.08);
        }

        .category-filter-btn.active,
        .category-filter-btn:hover {
            background: var(--theme);
            color: white;
            border-color: var(--theme);
        }

        .process-step-product {
            text-align: center;
            padding: 30px 20px;
            background: white;
            border-radius: 20px;
            transition: 0.3s;
            height: 100%;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
        }

        .process-step-product:hover {
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
        }

        .step-product-number {
            width: 70px;
            height: 70px;
            background: var(--theme);
            color: white;
            font-size: 28px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin: 0 auto 20px;
        }

        .testimonial-mini {
            background: #f8fafd;
            border-radius: 16px;
            padding: 25px;
            margin-top: 30px;
        }

        .tech-used {
            display: inline-block;
            background: #eef2ff;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            margin-right: 8px;
            margin-bottom: 8px;
        }

        












        /* ===================================
   Digital Products Section
=================================== */

.digital-products-section {
    position: relative;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafd 100%
        );
}

/* =========================
   Content
========================= */

.digital-product-content {
    position: relative;
}

.digital-product-text {
    font-size: 15px;
    line-height: 1.95;

    color: #666;

    margin-bottom: 0;
}

/* =========================
   Feature Card
========================= */

.product-feature-card {
    display: flex;
    align-items: center;
    gap: 16px;

    padding: 18px;

    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.96),
            rgba(255,255,255,0.88)
        );

    border: 1px solid rgba(255,255,255,0.45);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.04),
        0 18px 50px rgba(0,72,255,0.04);

    transition: all 0.45s ease;
}

.product-feature-card:hover {
    transform: translateY(-8px);

    box-shadow:
        0 20px 50px rgba(0,72,255,0.10),
        0 10px 30px rgba(0,0,0,0.05);
}

/* Icon */
.feature-icon {
    min-width: 58px;
    height: 58px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            rgba(0,72,255,0.12),
            rgba(0,72,255,0.04)
        );

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

    transition: all 0.4s ease;
}

.feature-icon i {
    font-size: 22px;
    color: var(--theme);
}

.product-feature-card:hover .feature-icon {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );

    transform: rotate(-8deg) scale(1.05);
}

.product-feature-card:hover .feature-icon i {
    color: #fff;
}

/* Text */
.product-feature-card h6 {
    font-size: 16px;
    font-weight: 700;

    margin-bottom: 4px;

    color: #0b1020;
}

.product-feature-card span {
    font-size: 13px;
    color: #666;
}

/* =========================
   Buttons
========================= */

.product-btns {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-top: 36px;

    flex-wrap: wrap;
}

/* Outline Button */
.outline-btn-dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 56px;

    padding: 0 28px;

    border-radius: 14px;

    border: 1px solid rgba(0,0,0,0.08);

    background: #fff;

    color: #0b1020;

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

    transition: all 0.35s ease;
}

.outline-btn-dark:hover {
    background: var(--theme);
    color: #fff;
}

/* =========================
   Image
========================= */

.digital-product-image {
    position: relative;

    border-radius: 34px;

    overflow: hidden;

    box-shadow:
        0 30px 80px rgba(0,72,255,0.12);
}

/* Image */
.digital-product-image img {
    border-radius: 34px;

    transition: all 0.6s ease;
}

.digital-product-image:hover img {
    transform: scale(1.05);
}

/* Glow */
.image-glow {
    position: absolute;

    width: 280px;
    height: 280px;

    border-radius: 50%;

    background:
        radial-gradient(circle,
            rgba(0,72,255,0.22) 0%,
            transparent 72%);

    top: -100px;
    right: -100px;

    z-index: 1;
}

/* Floating Card */
.floating-product-card {
    position: absolute;

    left: 30px;
    bottom: 30px;

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

    padding: 18px 20px;

    border-radius: 22px;

    background: rgba(255,255,255,0.92);

    backdrop-filter: blur(16px);

    box-shadow:
        0 12px 40px rgba(0,0,0,0.08);

    animation: floatCard 4s ease-in-out infinite;
}

/* Floating Animation */
@keyframes floatCard {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Floating Icon */
.floating-icon {
    width: 52px;
    height: 52px;

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );

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

.floating-icon i {
    font-size: 20px;
    color: #fff;
}

/* Floating Text */
.floating-product-card h6 {
    font-size: 15px;
    font-weight: 700;

    margin-bottom: 2px;

    color: #0b1020;
}

.floating-product-card span {
    font-size: 12px;
    color: #666;
}

/* =========================
   Responsive
========================= */

@media (max-width: 991px) {

    .digital-product-image {
        margin-top: 20px;
    }

}

@media (max-width: 767px) {

    .product-feature-card {
        padding: 16px;
        border-radius: 18px;
    }

    .feature-icon {
        min-width: 52px;
        height: 52px;
    }

    .feature-icon i {
        font-size: 20px;
    }

    .digital-product-image {
        border-radius: 24px;
    }

    .digital-product-image img {
        border-radius: 24px;
    }

    .floating-product-card {
        left: 16px;
        right: 16px;
        bottom: 16px;

        padding: 14px 16px;
    }

}






/* ===================================
   Modern Product Cards
=================================== */

.product-card-modern {
    position: relative;

    border-radius: 30px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.98),
            rgba(255,255,255,0.92)
        );

    border: 1px solid rgba(255,255,255,0.45);

    transition: all 0.45s cubic-bezier(.23,1,.32,1);

    box-shadow:
        0 12px 35px rgba(0,0,0,0.04),
        0 20px 60px rgba(0,72,255,0.05);
}

/* Hover */
.product-card-modern:hover {
    transform: translateY(-12px);

    box-shadow:
        0 24px 70px rgba(0,72,255,0.10),
        0 12px 35px rgba(0,0,0,0.06);
}

/* Image */
.product-img {
    position: relative;

    overflow: hidden;

    height: 250px;
}

.product-img img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: all 0.6s ease;
}

.product-card-modern:hover .product-img img {
    transform: scale(1.08);
}

/* Overlay Gradient */
.product-img::after {
    content: "";
    position: absolute;
    inset: 0;

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

/* Badge */
.product-badge {
    position: absolute;

    top: 18px;
    left: 18px;

    z-index: 2;

    padding: 8px 16px;

    border-radius: 50px;

    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );

    color: #fff;

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

    letter-spacing: .5px;

    box-shadow:
        0 10px 25px rgba(0,72,255,0.28);
}

/* Content */
.product-info {
    padding: 28px;
}

/* Title */
.product-info h3 {
    font-size: 25px;
    font-weight: 700;

    line-height: 1.35;

    margin-bottom: 14px;

    color: #0b1020;

    transition: all 0.35s ease;
}

.product-card-modern:hover h3 {
    color: var(--theme);
}

/* Description */
.product-info p {
    font-size: 14px;
    line-height: 1.9;

    color: #666;

    margin-bottom: 24px;
}

/* Feature List */
.feature-list {
    margin-bottom: 24px;
}

.feature-list li {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 14px;

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

    color: #222;

    transition: all 0.3s ease;
}

.feature-list li:hover {
    transform: translateX(4px);
    color: var(--theme);
}

/* Icon */
.feature-list li i {
    width: 24px;
    height: 24px;

    border-radius: 50%;

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

    background:
        linear-gradient(
            135deg,
            rgba(0,72,255,0.12),
            rgba(0,72,255,0.04)
        );

    color: var(--theme);

    font-size: 11px;

    transition: all 0.4s ease;
}

.product-card-modern:hover .feature-list li i {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );

    color: #fff;

    transform: rotate(360deg);
}

/* Price */
.product-price {
    display: inline-flex;
    align-items: center;

    padding: 10px 18px;

    border-radius: 14px;



    color: var(--theme);

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

    margin-bottom: 24px;
}

/* Button */
.product-card-modern .theme-btn {
    border-radius: 16px;

    height: 56px;

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

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

    transition: all 0.35s ease;
}

.product-card-modern .theme-btn:hover {
    transform: translateY(-2px);
}

/* Filter Buttons */
.product-filter {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    flex-wrap: wrap;
}

.category-filter-btn {
    border: 0;

    padding: 13px 22px;

    border-radius: 50px;

    background: #fff;

    color: #0b1020;

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

    transition: all 0.35s ease;

    box-shadow:
        0 10px 25px rgba(0,0,0,0.04);
}

.category-filter-btn:hover,
.category-filter-btn.active {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );

    color: #fff;

    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {

    .product-info {
        padding: 24px;
    }

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

}

@media (max-width: 767px) {

    .product-img {
        height: 220px;
    }

    .product-info {
        padding: 22px;
    }

    .product-info h3 {
        font-size: 20px;
    }

    .product-info p,
    .feature-list li {
        font-size: 13px;
    }

    .category-filter-btn {
        padding: 11px 18px;
        font-size: 13px;
    }

}





















/* ===================================
   Product Process Section
=================================== */

.product-process-section {
    position: relative;

    background:
        linear-gradient(
            180deg,
            #f8fafd 0%,
            #ffffff 100%
        );
}

/* Wrapper */
.product-process-wrapper {
    position: relative;
}

/* Line */
.product-process-line {
    position: absolute;

    top: 65px;
    left: 50%;

    transform: translateX(-50%);

    width: 82%;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            rgba(0,72,255,0.08),
            rgba(0,72,255,0.55),
            rgba(0,72,255,0.08)
        );

    z-index: 1;
}

/* Card */
.process-product-card {
    position: relative;

    padding: 34px 28px;

    border-radius: 30px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.98),
            rgba(255,255,255,0.92)
        );

    border: 1px solid rgba(255,255,255,0.45);

    overflow: hidden;

    text-align: center;

    transition: all 0.45s cubic-bezier(.23,1,.32,1);

    box-shadow:
        0 12px 35px rgba(0,0,0,0.04),
        0 20px 60px rgba(0,72,255,0.05);

    z-index: 2;

    height: 100%;
}

/* Hover */
.process-product-card:hover {
    transform: translateY(-12px);

    box-shadow:
        0 24px 70px rgba(0,72,255,0.10),
        0 12px 35px rgba(0,0,0,0.06);
}

/* Active Card */
.active-card {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );
}

.active-card h5,
.active-card p,
.active-card .step-product-number {
    color: #fff;
}

/* Top Circle */
.step-top-circle {
    position: absolute;

    width: 16px;
    height: 16px;

    border-radius: 50%;

    background: var(--theme);

    top: -8px;
    left: 50%;

    transform: translateX(-50%);

    box-shadow:
        0 0 0 8px rgba(0,72,255,0.12);
}

/* Number */
.step-product-number {
    font-size: 16px;
    font-weight: 700;

    color: var(--theme);

    margin-bottom: 18px;

    letter-spacing: 1px;
}

/* Icon */
.step-product-icon {
    width: 52px;
    height: 52px;

    margin: 0 auto 24px;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(0,72,255,0.12),
            rgba(0,72,255,0.04)
        );

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

    transition: all 0.45s ease;
}

.step-product-icon i {
    font-size: 20px;
    color: var(--theme);

    transition: all 0.45s ease;
}

/* Active */
.active-card .step-product-icon {
    background: rgba(255,255,255,0.14);
}

.active-card .step-product-icon i {
    color: #fff;
}

/* Hover */
.process-product-card:hover .step-product-icon {
    transform: rotate(-8deg) scale(1.08);
}

/* Title */
.process-product-card h5 {
    font-size: 24px;
    font-weight: 700;

    margin-bottom: 16px;

    color: #0b1020;

    transition: all 0.35s ease;
}

.process-product-card:hover h5 {
    color: var(--theme);
}

.active-card:hover h5 {
    color: #fff;
}

/* Text */
.process-product-card p {
    font-size: 14px;
    line-height: 1.9;

    color: #666;

    margin-bottom: 0;
}



.process-product-card:hover::before {
    transform: scale(1.2);
}

/* Responsive */
@media (max-width: 991px) {

    .product-process-line {
        display: none;
    }

}

@media (max-width: 767px) {

    .process-product-card {
        padding: 28px 22px;
        border-radius: 24px;
    }

    .step-product-icon {
        width: 68px;
        height: 68px;

        border-radius: 22px;
    }

    .step-product-icon i {
        font-size: 24px;
    }

    .process-product-card h5 {
        font-size: 20px;
    }

    .process-product-card p {
        font-size: 13px;
    }

}





























        .product-card {
            background: var(--white);
            border-radius: 24px;
            overflow: hidden;
            transition: all 0.4s ease;
            height: 100%;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(0, 0, 0, 0.03);
        }

        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 45px rgba(0, 54, 179, 0.12);
        }

        .product-img {
            position: relative;
            overflow: hidden;
            height: 240px;
        }

        .product-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .product-card:hover .product-img img {
            transform: scale(1.05);
        }

        .product-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: var(--theme);
            color: white;
            padding: 5px 12px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 600;
        }

        .product-info {
            padding: 25px;
        }

        .product-info h3 {
            font-size: 20px;
            margin-bottom: 8px;
        }

        .product-price {
            font-size: 24px;
            font-weight: 700;
            color: var(--theme);
            margin: 15px 0;
            display: none;
        }

        .feature-list {
            margin: 15px 0;
        }

        .feature-list li {
            margin-bottom: 8px;
            font-size: 14px;
        }

        .category-filter-btn {
            display: inline-block;
            padding: 8px 24px;
            margin: 0 5px 12px;
            font-size: 15px;
            font-weight: 600;
            border-radius: 50px;
            background: transparent;
            color: var(--header);
            transition: 0.3s;
            cursor: pointer;
            border: 1px solid rgba(0, 0, 0, 0.08);
        }

        .category-filter-btn.active,
        .category-filter-btn:hover {
            background: var(--theme);
            color: white;
            border-color: var(--theme);
        }

        .process-step-product {
            text-align: center;
            padding: 30px 20px;
            background: white;
            border-radius: 20px;
            transition: 0.3s;
            height: 100%;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
        }

        .process-step-product:hover {
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
        }

        .step-product-number {
            width: 50px;
            height: 50px;
            background: var(--theme);
            color: white;
            font-size: 18px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin: 0 auto 20px;
        }

        .testimonial-mini {
            background: #f8fafd;
            border-radius: 16px;
            padding: 25px;
            margin-top: 30px;
        }

        .tech-used {
            display: inline-block;
            background: #eef2ff;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            margin-right: 8px;
            margin-bottom: 8px;
        }










.active-card p {
    color: #fff !important;
}
.active-card h5,
.active-card .step-product-number {
    color: #fff !important;
}











        /* ===================================
   Why Choose Product Section
=================================== */

.why-product-section {
    position: relative;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafd 100%
        );
}

/* Text */
.why-product-text {
    font-size: 15px;
    line-height: 1.95;

    color: #666;

    margin-bottom: 36px;
}

/* Grid */
.why-feature-grid {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Feature Card */
.why-feature-card {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 18px;

    padding: 24px;

    border-radius: 26px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.98),
            rgba(255,255,255,0.92)
        );

    border: 1px solid rgba(255,255,255,0.45);

    transition: all 0.45s cubic-bezier(.23,1,.32,1);

    box-shadow:
        0 12px 35px rgba(0,0,0,0.04),
        0 20px 60px rgba(0,72,255,0.05);

    overflow: hidden;
}

/* Hover */
.why-feature-card:hover {
    transform: translateX(10px);

    box-shadow:
        0 24px 70px rgba(0,72,255,0.10),
        0 12px 35px rgba(0,0,0,0.06);
}

/* Active */
.active-feature-card {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );
}

.active-feature-card h5,
.active-feature-card p {
    color: #fff;
}

/* Icon */
.why-feature-icon {
    min-width: 70px;
    height: 70px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(0,72,255,0.12),
            rgba(0,72,255,0.04)
        );

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

    transition: all 0.45s ease;
}

.why-feature-icon i {
    font-size: 26px;
    color: var(--theme);
}

/* Active Icon */
.active-feature-card .why-feature-icon {
    background: rgba(255,255,255,0.14);
}

.active-feature-card .why-feature-icon i {
    color: #fff;
}

/* Hover */
.why-feature-card:hover .why-feature-icon {
    transform: rotate(-8deg) scale(1.08);
}

/* Title */
.why-feature-card h5 {
    font-size: 22px;
    font-weight: 700;

    margin-bottom: 10px;

    color: #0b1020;
}

/* Text */
.why-feature-card p {
    font-size: 14px;
    line-height: 1.8;

    color: #666;

    margin-bottom: 0;
}

/* ===================================
   Review Card
=================================== */

.why-review-card {
    position: relative;

    padding: 40px;

    border-radius: 34px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );

    box-shadow:
        0 30px 80px rgba(0,72,255,0.22);

    color: #fff;
}

/* Glow */
.review-glow {
    position: absolute;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    background:
        radial-gradient(circle,
            rgba(255,255,255,0.18) 0%,
            transparent 72%);

    top: -120px;
    right: -120px;
}

/* Quote */
.quote-icon {
    width: 80px;
    height: 80px;

    border-radius: 24px;

    background: rgba(255,255,255,0.12);

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

    margin-bottom: 28px;
}

.quote-icon i {
    font-size: 32px;
    color: #fff;
}

/* Review Text */
.review-text {
    font-size: 18px;
    line-height: 2;

    color: rgba(255,255,255,0.88);

    margin-bottom: 34px;
}

/* User */
.review-user {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 36px;
}

.review-user img {
    width: 62px;
    height: 62px;

    border-radius: 50%;

    object-fit: cover;

    border: 3px solid rgba(255,255,255,0.14);
}

.review-user h6 {
    font-size: 18px;
    font-weight: 700;
color: white;
    margin-bottom: 4px;
}

.review-user span {
    font-size: 13px;
    color: rgba(255,255,255,0.72);
}

/* Stats */
.review-stats {
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 18px;
}

/* Item */
.review-stat-item {
    padding: 18px;

    border-radius: 22px;

    background: rgba(255,255,255,0.10);

    text-align: center;

    backdrop-filter: blur(12px);
}

.review-stat-item h4 {
    font-size: 28px;
    font-weight: 700;

    margin-bottom: 6px;

    color: #fff;
}

.review-stat-item span {
    font-size: 12px;
    color: rgba(255,255,255,0.74);
}

/* Responsive */
@media (max-width: 767px) {

    .why-feature-card {
        padding: 20px;
        border-radius: 22px;
    }

    .why-feature-icon {
        min-width: 58px;
        height: 58px;

        border-radius: 18px;
    }

    .why-feature-icon i {
        font-size: 22px;
    }

    .why-feature-card h5 {
        font-size: 18px;
    }

    .why-feature-card p {
        font-size: 13px;
    }

    .why-review-card {
        padding: 28px 22px;
        border-radius: 26px;
    }

    .review-text {
        font-size: 15px;
        line-height: 1.9;
    }

    .review-stats {
        grid-template-columns: 1fr;
    }

}

/* Hover Text White */
.why-feature-card:hover h5 {
    color: #fff;
}

/* Optional */
.why-feature-card:hover p {
    color: rgba(255,255,255,0.82);
}

/* Better Hover Background */
.why-feature-card:hover {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );
}
/* ===================================
   Default Active Card
=================================== */

.active-feature-card {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        ) !important;
}

.active-feature-card h5,
.active-feature-card p {
    color: #fff !important;
}

/* ===================================
   Hover Effect Only
=================================== */

.why-feature-card:not(.active-feature-card):hover {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        );

    transform: translateX(10px);
}

/* Hover Text White */
.why-feature-card:not(.active-feature-card):hover h5,
.why-feature-card:not(.active-feature-card):hover p {
    color: #fff !important;
}

/* ===================================
   Remove Active Style While Hovering Others
=================================== */

.why-feature-grid:hover .active-feature-card:not(:hover) {
    background: #fff !important;

    transform: translateX(0);
}

/* Active Card Text Reset */
.why-feature-grid:hover .active-feature-card:not(:hover) h5 {
    color: #0b1020 !important;
}

.why-feature-grid:hover .active-feature-card:not(:hover) p {
    color: #666 !important;
}

/* Reset Icon */
.why-feature-grid:hover .active-feature-card:not(:hover) .why-feature-icon {
    background:
        linear-gradient(
            135deg,
            rgba(0,72,255,0.12),
            rgba(0,72,255,0.04)
        );
}

.why-feature-grid:hover .active-feature-card:not(:hover) .why-feature-icon i {
    color: var(--theme);
}

/* ===================================
   Current Hover Card Active Style
=================================== */

.why-feature-grid .why-feature-card:hover {
    background:
        linear-gradient(
            135deg,
            #0048ff,
            #002fbb
        ) !important;
}

.why-feature-grid .why-feature-card:hover .why-feature-icon {
    background: rgba(255,255,255,0.14);
}

.why-feature-grid .why-feature-card:hover .why-feature-icon i {
    color: #fff;
}

















/* ===================================
   Minimal Letter Avatar
=================================== */

.review-user-avatar {
    width: 62px;
    height: 62px;

    min-width: 62px;

    border-radius: 50%;

    background: #eef0f4;

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

    transition: all 0.35s ease;
}

/* Text */
.review-user-avatar span {
    font-size: 20px;
    font-weight: 700;

    color: #5f6675;

    letter-spacing: .5px;

    text-transform: uppercase;
}

/* Hover */
.review-user-avatar:hover {
    transform: scale(1.06);

    background: #e4e7ec;
}