/* ==========banner style====== */

.banner-section {
    background: linear-gradient(90deg, rgba(226, 188, 255, 0.69) 0%, #f8e9ef 40%, #f4dfe8 100%);
    padding-bottom: 5.25rem;

    position: relative;
    overflow: hidden;

}

/* Trusted Badge */
.trusted-badge {
    display: inline-flex;
    align-items: center;

    background: rgba(255, 229, 229, 1);

    padding: 0.375rem 1.125rem;
    border-radius: 3.125rem;
    font-size: 0.875rem;
    border: 1px solid rgba(225, 75, 126, 1);
    font-weight: 500;
    box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.05);
}

.trusted-badge .stars {
    color: #28a745;
    font-size: 0.875rem;
}

/* Heading */
.banner-title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
}

.banner-title .pink {
    color: #ff4d8d;

}

/* Description */
.banner-desc {
    color: #555;
    margin-top: 1.25rem;
    font-size: 1rem;
    max-width: 31.25rem;
}

/* Buttons */
.btn-gradient {
    background: linear-gradient(90deg, #8e2de2, #ff4d8d);
    border: none;
    padding: 0.75rem 1.75rem !important;
    border-radius: 3.125rem !important;
    color: #fff !important;
    font-weight: 500;
}

.btn-gradient:hover {
    opacity: 0.9;
    color: #fff;
}

.btn-outline-demo {
    border: 1px solid rgba(236, 58, 58, 1) !important;

    border-radius: 3.125rem !important;
    padding: 0.75rem 1.75rem !important;
    font-weight: 500;
}

/* Image Wrapper */
.banner-image-wrapper {
    background: #ffffff;
    padding: 1.25rem;
    border-radius: 1.5625rem;
    box-shadow: 0 0.9375rem 2.5rem rgba(0, 0, 0, 0.05);
}

/* RESPONSIVE */
@media (max-width: 61.9375rem) {


    .banner-title {
        font-size: 2rem;
    }

    .smart-banner {
        padding: 3.75rem 0;
    }
}

.rating li i {
    color: rgba(40, 172, 0, 1) !important;

}

.trusted-badge span i {
    color: red;
}

.text-danger {
    color: red !important;
    font-size: 1rem;
    font-weight: 500;
}

.banner-image-wrapper img {
    max-width: 100%;
}

.graph-icon {
    background: linear-gradient(180deg, #E14B7E 0%, #AA50F0 100%);
    padding: 0.875rem !important;

    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.floating-card {
    background: #fff;
    border-radius: 1.25rem;

    position: absolute;
    padding: 0.625rem 1.25rem;

    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.08);

    display: flex;
    align-items: center;
    gap: 0.75rem;

    z-index: 2;
}

.sale-up {
    left: -2.5rem;

    top: 2.5rem;

}

.goal-hit {
    right: -2.5rem;

    bottom: 2.5rem;

}

.floating-card h6 {
    margin: 0;
    font-weight: 600;
    font-size: 0.875rem;

}

.floating-card p {
    margin: 0;
    font-size: 0.875rem;

    font-weight: 600;
    color: #ff4d4d;
}


@media (max-width: 61.9375rem) {
    .sale-up {
        left: 0.625rem;

        top: 1.25rem;

    }

    .goal-hit {
        right: 0.625rem;

        bottom: 1.25rem;

    }
}

/* ABOUT SECTION */

.about-section {
    background-color: #f8f9fa;
}


.about-title {
    font-size: 2rem;
    line-height: 1.3;
}

.about-desc {
    font-size: 1rem;
}

.about-icon {
    color: red;
    font-size: 1.2rem;
    margin-top: 0.15rem;
}

.about-feature {
    font-size: 0.95rem;
}

.about-image {
    max-width: 19rem;
}


/* Responsive Improvements */

@media (max-width: 991.98px) {
   

    .about-title {
        font-size: 1.75rem;
    }

    .about-image-wrapper {
        margin-top: 2rem;
    }
}

@media (max-width: 575.98px) {
    .about-title {
        font-size: 1.5rem;
    }

    .about-desc {
        font-size: 0.95rem;
    }
}

/* CARD STYLE */
.analytics-card {
    background-color: #ffffff;
    border-radius: 1.25rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.analytics-card:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
}

/* ICON BOX */
.icon-box {
    width: 3rem;
    height: 3rem;
    border-radius: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

/* ICON COLORS */
.icon-purple {
    background: rgba(132, 71, 238, 1);

    color: #ffffff;
}

.icon-pink {
    background: rgba(236, 81, 107, 1);

    color: #ffffff;
}

.icon-orange {
    
    background: linear-gradient(139.8deg, #AA50F0 0%, #EC3A3A 109.94%);

    color: #ffffff;
}

/* TEXT */
.analytics-card h5 {
    font-size: 1.1rem;
}

.analytics-card p {
    font-size: 0.95rem;
    line-height: 1.5;
}
.request-for-demo-btn{
    width:auto;
}
/* RESPONSIVE */
@media (max-width: 991.98px) {
    .analytics-card {
        padding: 1.5rem;
    }
}

/* SECTION */
.features-section {
    background-color: #fff;
}


.features-title {
    font-size: 2rem;
}

.features-subtitle {
    font-size: 1rem;
}

/* CARD */
.purle-card::after {

    background: #8e4bf1;

}

.orange-card::after {
    background: rgb(240 116 17);

}

.feature-card::after {
    content: "";
    position: absolute;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    filter: blur(3rem);
    opacity: 0.6;
    z-index: 0;
    right: 0;
}

.pink-card::after {
    background: rgb(232 58 126);
}

.green-card::after {
    background: rgb(14 158 134);
}

.blue-card::after {
    background: rgb(37 137 217);
}

.indigo-card::after {
    background: rgb(104 92 240);
}
.success-card::after {
    background: rgb(79 232 161);
}
.danger-card::after {
    background: rgb(189 32 47);
}
.info-card::after {
    background: rgb(96 181 198);
}
.feature-card {
    position: relative;
    border-radius: 1.25rem;
    background: #ffffff;

    height: 100%;
    overflow: hidden;
    box-shadow: 0 0 1.5rem -0.125rem rgba(218, 76, 142, 0.13);
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-0.5rem);

    background: rgba(255, 245, 245, 1);
    color: red;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
}


/* ICON */
.feature-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #ffffff;
}


/* TEXT */
.feature-card h5 {
    font-size: 1.1rem;
}

.feature-card p {
    font-size: 0.95rem;
    line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
    .features-title {
        font-size: 1.75rem;
    }
}

@media (max-width: 575.98px) {
    .features-title {
        font-size: 1.5rem;
    }

    .features-subtitle {
        font-size: 0.95rem;
    }
}


/* Card */
.pricing-card {
    background: #ffffff;
    border-radius: 1.5rem;
    padding: 3.5rem 2rem 2.5rem;
    position: relative;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    font-size: 1rem;
}

.pricing-card:hover {
    transform: translateY(-0.5rem);
}

/* Floating Price Circle */
.price-circle {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    position: absolute;
    top: -4rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.5rem;
}

.price-circle h3 {
    font-size: 2.5rem;
}

.price-circle span {
    font-size: 1.25rem;
}

.bg-success-subtle {
    background: rgba(232, 245, 239, 1);
    color: rgba(12, 99, 74, 1) !important;


}

.bg-primary-subtle {
    background: rgba(242, 237, 248, 1);
    color: rgba(96, 40, 184, 1) !important;


}

.bg-warning-subtle {
    background: rgba(255, 242, 221, 1);
    /*    color: rgba(244, 173, 57, 1) !important;*/
    color: rgb(222 141 46);
}



/* Highlight middle card */
.pricing-card.active {
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.08);
}

.gradient-btn {
    background: linear-gradient(90deg, #7c3aed, #ec4899);
    border: none;
    color: #fff;
}

.gradient-btn:hover {
    opacity: 0.9;
}

.innovation-card {
    background: #ffffff;
    border-radius: 1.25rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
}

.innovation-card:hover {
    transform: translateY(-0.5rem);
}

.card-label {
    padding: 1.25rem;
    font-weight: 600;
    font-size: 1.125rem;
}

/* Custom Indigo */
.bg-indigo {
    background-color: #6366f1;
}