/**
* Theme Name: Arolax Child
* Description: This is a child theme of Arolex
* Author: <a href="http://themeforest.net/user/crowdytheme">CrowdyTheme</a>
* Template: arolax
* Version: 1.0
*/

.pricing-toggle-container
{
	display: none;
}
.page-id-6354 .pricing-toggle-container
{
	display: block !important;
}
.pricing-toggle-container {
            text-align: center;
            margin: 0;
            padding: 0;
        }

        .pricing-toggle {
            display: inline-flex;
            background: #f0f0f0;
            border-radius: 50px;
            padding: 4px;
            position: relative;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .toggle-option {
            padding: 12px 24px;
            cursor: pointer;
            border-radius: 46px;
            font-weight: 600;
            transition: all 0.3s ease;
            position: relative;
            z-index: 2;
            color: #666;
            font-size: 14px;
        }

        .toggle-option.active {
            color: #fff;
            background: linear-gradient(135deg, #667eea 0%, #0069FF 100%);
            box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
        }

        .toggle-option:not(.active):hover {
            color: #333;
        }

        /* Ensure smooth price transitions */
        .wcf--title h3 {
            transition: all 0.3s ease !important;
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .pricing-toggle {
                width: 100%;
                max-width: 300px;
            }
            
            .toggle-option {
                flex: 1;
                text-align: center;
            }
        }