:root{
    --bs-body-color: #000;
    --pink-500: #E94057;
    --pink-600: #c9364a;
    --pink-100: #f8e2e7;
    --pink-50: #fdf2f2;
}

.bg-pink-500{background-color: var(--pink-500);}
.text-pink-500{color: var(--pink-500);}

.btn.bg-pink-500:hover{background-color: var(--pink-600);}

.border-pink-500{border-color: var(--pink-500);}

a{color: var(--pink-500);}

body {font-family: 'Poppins', sans-serif;/*background: linear-gradient(135deg, var(--pink-500) 0%, #ffffff 100%);*/}

.py-6{padding-top: 5rem;padding-bottom: 5rem;}

.pt-20{padding-top: 5rem;}
.pb-10{padding-bottom: 5rem;}

/* Global CSS Starts */
@keyframes pulse {0% {transform: scale(1);}
50% {transform: scale(1.1);}
100% {transform: scale(1);}}
/* Global CSS Ends */

/* Container CSS Starts */
@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1200px;}
}
/* Container CSS Ends */

/* Header CSS Starts */
.navbar-expand-lg{padding: 15px 0px;}
.navbar-brand{}
.navbar-brand img, .footer-logo img
{height: 50px;}
.navbar-brand img{}
.nav-link {position: relative;color: #6c757d !important;}
.nav-link::after {content: '';position: absolute;width: 0;height: 2px;bottom: -2px;left: 0;background-color: var(--pink-500);transition: width 0.3s ease;}
.nav-link:hover::after, .nav-link.active::after {width: 100%;}
.nav-link:hover, .nav-link.active {color: var(--pink-500) !important;}
.mobile-menu {display: none;}.mobile-menu.show {display: block;}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link{padding-right: 25px;padding-left: 25px;}
}
/* Header CSS Ends */

.hero-gradient {background-image: url(../images//bg-banner.png);background-size: cover;background-position: center center;/*background: linear-gradient(135deg, var(--pink-500) 0%, var(--pink-600) 100%);*/}

.hero-banner-outer{background-color: rgba(0,0,0,0.7);}

.feature-card, .testimonial-card, .pricing-card {transition: all 0.3s ease;border: none;}
.feature-card:hover {transform: translateY(-10px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}
.testimonial-card:hover {transform: scale(1.03);}
.app-screenshot {border-radius: 30px;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}


.cta-button {transition: all 0.3s ease;}
.cta-button:hover {transform: translateY(-3px);box-shadow: 0 10px 15px -3px rgba(255, 107, 107, 0.3);}
.heart-icon {animation: pulse 1.5s infinite;}



.feature-icon {color: var(--pink-500);transition: all 0.3s ease;}
.feature-card:hover .feature-icon {transform: scale(1.2);}

.stats-box {padding: 1.5rem;text-align: center;}

.popular-plan {transform: scale(1.05);z-index: 1;}

.feature-icon-bg {width: 64px;height: 64px;border-radius: 50%;background-color: rgba(233, 64, 87, 0.1);display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}

.testimonial-avatar {width: 48px;height: 48px;border-radius: 50%;background-color: #ffe8ec;display: flex;align-items: center;justify-content: center;margin-right: 1rem;}

.pricing-card ul {list-style: none;padding-left: 0;}
.pricing-card ul li {margin-bottom: 0.75rem;display: flex;align-items: center;}

.download-btn {display: flex;align-items: center;justify-content: center;padding: 0.75rem 1.5rem;background: #000;color: white;border-radius: 0.5rem;text-decoration: none;transition: all 0.3s ease;}
.download-btn:hover {transform: translateY(-3px);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);color: white;}

.footer-logo img{filter: invert(1);}