/**
Theme Name: momentum
Author: Ologa
Author URI: https://www.ologa.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: momentum
Template: astra
*/

#tag-linex b {
	color: #FF141D;
}

.directorist-content-active .directorist-listing-single--bg {
	border: 1px solid #FF141D !important;
}

/* Plans Overview Section */
.plans-overview {
    padding: 5rem 0;
    background-color: transparent;
}

.plans-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

/* Plan Cards */
.plan-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
    border: 2px solid;
    transition: all 0.3s ease;
    overflow: hidden;
    height: 100%;
    animation: fadeInUp 0.6s ease-out;
}

.plan-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.plan-card.platinum {
    border-color: #e879f9;
}

.plan-card.gold {
    border-color: #fbbf24;
}

.plan-card.silver {
    border-color: #9ca3af;
}

.plan-card.bronze {
    border-color: #fb923c;
}

.plan-card.titanium {
    border-color: #64748b;
}

.card-header {
    text-align: center;
    padding: 2rem 1.5rem 1rem;
}

.plan-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: white;
}

.platinum .plan-icon {
    background: linear-gradient(135deg, #9333ea, #ec4899);
}

.gold .plan-icon {
    background: linear-gradient(135deg, #d97706, #ea580c);
}

.silver .plan-icon {
    background: linear-gradient(135deg, #4b5563, #64748b);
}

.bronze .plan-icon {
    background: linear-gradient(135deg, #ea580c, #dc2626);
}

.titanium .plan-icon {
    background: linear-gradient(135deg, #64748b, #374151);
}

.card-header h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.tier-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.platinum .tier-badge {
    background-color: #f3e8ff;
    color: #7c2d12;
}

.gold .tier-badge {
    background-color: #fef3c7;
    color: #92400e;
}

.silver .tier-badge {
    background-color: #f3f4f6;
    color: #374151;
}

.bronze .tier-badge {
    background-color: #fed7aa;
    color: #9a3412;
}

.titanium .tier-badge {
    background-color: #f1f5f9;
    color: #475569;
}

.description {
    color: #6b7280;
    line-height: 1.6;
}

.card-content {
    padding: 0 1.5rem 2rem;
}

.card-content h4 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 1rem;
}

.benefits-list {
    list-style: none;
    margin-bottom: 1.5rem;
}

.benefits-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    color: #374151;
}

.benefits-list li::before {
    content: "✓";
    color: #10b981;
    font-weight: bold;
    margin-right: 0.75rem;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.highlight {
    padding: 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #1f2937;
    border-left: 4px solid;
}

.platinum .highlight {
    background-color: rgba(147, 51, 234, 0.1);
    border-left-color: #9333ea;
}

.gold .highlight {
    background-color: rgba(251, 191, 36, 0.1);
    border-left-color: #fbbf24;
}

.silver .highlight {
    background-color: rgba(156, 163, 175, 0.1);
    border-left-color: #9ca3af;
}

.bronze .highlight {
    background-color: rgba(251, 146, 60, 0.1);
    border-left-color: #fb923c;
}

.titanium .highlight {
    background-color: rgba(100, 116, 139, 0.1);
    border-left-color: #64748b;
}

/* Benefits Tables Section */
.benefits-tables {
    padding: 5rem 0;
    background-color: #ffffff;
}

.benefits-table-card {
    margin-bottom: 4rem;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 2px solid;
    overflow: hidden;
}

.benefits-table-card.platinum {
    border-color: #e879f9;
}

.benefits-table-card.silver {
    border-color: #9ca3af;
}

.benefits-table-card.bronze {
    border-color: #fb923c;
}

.table-header {
    text-align: center;
    padding: 2rem;
}

.platinum .table-header {
    background-color: #faf5ff;
}

.silver .table-header {
    background-color: #f9fafb;
}

.bronze .table-header {
    background-color: #fff7ed;
}

.table-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: white;
}

.platinum .table-icon {
    background: linear-gradient(135deg, #9333ea, #ec4899);
}

.silver .table-icon {
    background: linear-gradient(135deg, #4b5563, #64748b);
}

.bronze .table-icon {
    background: linear-gradient(135deg, #ea580c, #dc2626);
}

.table-header h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #1f2937;
}

.table-container {
    overflow-x: auto;
}

.benefits-table {
    width: 100%;
    border-collapse: collapse;
}

.benefits-table th {
    background-color: #f9fafb;
    padding: 1rem 1.5rem;
    text-align: left;
    font-weight: 600;
    color: #1f2937;
    border-bottom: 2px solid #e5e7eb;
}

.benefits-table th:not(:first-child) {
    text-align: center;
    min-width: 120px;
}

.benefits-table th:first-child {
    min-width: 300px;
}

.benefits-table td {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f3f4f6;
}

.benefits-table tr:hover {
    background-color: #f9fafb;
}

.benefits-table tr:nth-child(even) {
    background-color: #fefefe;
}

.benefits-table tr:nth-child(even):hover {
    background-color: #f9fafb;
}

.benefits-table td:first-child {
    font-weight: 500;
    color: #374151;
}

.benefits-table td:not(:first-child) {
    text-align: center;
}

.check {
    color: #10b981;
    font-weight: bold;
    font-size: 1.25rem;
}

.cross {
    color: #ef4444;
    font-weight: bold;
    font-size: 1.25rem;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .section-header h2 {
        font-size: 2rem;
    }
    
    .section-header p {
        font-size: 1.125rem;
    }
    
    .plans-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .plan-card {
        margin: 0 10px;
    }
    
    .benefits-table th:first-child {
        min-width: 250px;
    }
    
    .benefits-table th:not(:first-child) {
        min-width: 100px;
    }
    
    .benefits-table th,
    .benefits-table td {
        padding: 0.75rem 1rem;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
    
    .section-header h2 {
        font-size: 1.75rem;
    }
    
    .section-header p {
        font-size: 1rem;
    }
    
    .plans-overview,
    .benefits-tables {
        padding: 3rem 0;
    }
    
    .benefits-table th:first-child {
        min-width: 200px;
    }
    
    .benefits-table th:not(:first-child) {
        min-width: 80px;
    }
    
    .benefits-table th,
    .benefits-table td {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }
}