:root {
    --primary-color: red;
    --secondary-color: #9b59b6;
    --accent-color: #3498db;
    --success-color: #27ae60;
    --warning-color: #f39c12;
    --danger-color: #e74c3c;
    --dark-color: #2c3e50;
    --light-color: rgb(248, 249, 250);
    --white-color: #fff;
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    --gradient-bg: linear-gradient(135deg, #9f0e0e 0%, #fe0202 100%);
    --sidenav-text-color: #000;
    --border-color: rgb(215 215 215);
}

body {
    font-size: 0.813rem !important;
    background: #ffff !important;
    line-height: 1.25rem;
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif !important;
    transition: all .3s ease;


}

.btn-primary {
    border-style: none !important;
    background: linear-gradient(94.93deg, #AA50F0 3.97%, #E14B7E 105.33%) !important;
}

.btn-primary a {
    text-decoration: none;
    color: #fff !important;
}

.btn-outline-danger {
    border: 1px solid rgba(218, 76, 142, 1) !important;
    color: #000 !important;
    font-size: 1.125rem;
}

.btn-outline-danger:hover {
    border-style: none;
    color: #fff !important;
    background: linear-gradient(94.93deg, #AA50F0 3.97%, #E14B7E 105.33%) !important;
}

/* =========inner page styles====== */
.heading-badge {
    background: rgba(255, 219, 219, 1) !important;
    color: #000 !important;
    font-size: 0.85rem !important;
}

.badge-soft {
    background: #ffe9ef;
    color: #ff5f9e;
    font-size: 0.75rem;

    padding: 0.375rem 0.75rem;

    border-radius: 3.125rem;

}

.Overview-badge {
    background: rgba(255, 218, 231, 1);

    color: rgba(225, 75, 126, 1);
    border-radius: 0.813rem;



}

.check-item i {
    color: #ff5f9e;
    margin-right: 0.5rem;

}

.feature-card {
    border-radius: 0.875rem;

    box-shadow: 0 0.625rem 1.5625rem rgba(0, 0, 0, 0.05);

    background: #fff;
    padding: 1.25rem;

    height: 100%;
}

.feature-card .feature-icon {
    width: 2.5rem;

    height: 2.5rem;

    border-radius: 0.625rem;

    background: #ff5f9e;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-box {
    background: rgba(253, 245, 249, 1);

    border-radius: 1.25rem;

}

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

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

.soft-card {
    border-radius: 1rem;
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);
    background: #fff;
}

.icon-wrap {
    padding: 0.625rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
    color: #fff;
}




/* ICON COLORS */
.bg-purple {
    background: rgba(142, 75, 241, 1) !important;
}

.bg-pink {
    background: rgba(232, 58, 126, 1) !important;

}

.bg-orange {
    background: rgba(240, 116, 17, 1) !important;

}

.bg-green {
    background: rgba(14, 158, 134, 1) !important;

}

.bg-blue {
    background: rgba(37, 137, 217, 1) !important;

}

.bg-indigo {
    background: rgba(104, 92, 240, 1) !important;

}

.hero-img {

    border-radius: 1.25rem;
}

.cta-box {
    background: rgba(253, 245, 249, 1);

    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 1.25rem;
}

.pricing-wrap {
    background: #fff;
    border-radius: 1.25rem;
   
}

.plan-startup {
    background: #eafaf3;
    color: rgba(12, 99, 74, 1);

}

.plan-standard {
    background: #f3f0ff;
}

.plan-supreme {
    background: #fff3e6;
    color: rgba(222, 141, 46, 1);

}

.plan-header {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 1.5rem;
    color: #fff;

}

.plan-header h4 span {
    font-size: 40px;
}

.header-startup {
    background: rgba(101, 213, 161, 1);

}

.header-standard {
    background: rgba(104, 92, 240, 1);

}

.header-supreme {
    background: rgba(222, 141, 46, 1);

}

.header-startup .badge {

    padding-top: 3px;

    padding-bottom: 3px;
    font-family: Inter;
    font-weight: 500;

    font-size: 12px;

    line-height: 100%;
    letter-spacing: 0%;
    font-weight: 900;
    padding: 5px 0px;
    display: inline-block;




}

.header-startup .plan-badge {
    background: rgba(209, 250, 229, 1);
    color: rgba(12, 99, 74, 1);

}

.plan-standard .plan-badge {
    background: rgba(189, 185, 242, 1);

    color: rgba(104, 92, 240, 1);


}

.plan-supreme .plan-badge {
    background: rgb(255 255 255 / 84%);
    color: rgb(222 141 46);



}

.icon-yes {
    color: #16a34a;
}

.icon-no {
    color: #ff4d6d;
}

.plan-btn {
    border-radius: 3.125rem;
    padding: 0.6rem 5rem;
    border: none;
    color: #fff;
    text-decoration:none;
}

.btn-startup {

    background: linear-gradient(94.93deg, #0E9E86 3.97%, #28AC00 105.33%);

}

.btn-standard {
    background: linear-gradient(94.93deg, #685CF0 3.97%, #AA50F0 105.33%);

}

.btn-supreme {
    background: linear-gradient(94.93deg, #DE8D2E 3.97%, #F7B23B 105.33%);

}

.account-modal-box {
    border-radius: 1.25rem;
}

.accordion-button:not(.collapsed) {
    font-weight: 700;
}