:root {
            --primary-blue: #0b2baa;
            --primary-teal: #0df8de;
            --dark-blue: #0b2baa;
            --light-gray: #f8f9fa;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            line-height: 1.6;
            overflow-x: hidden;
        }

        .section-title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 40px;
            color: #333;
            text-align: center;
        }

        .btn-primary {
            background: var(--primary-blue);
            border-color: var(--primary-blue);
        }

        .btn-primary:hover {
            background: var(--dark-blue);
            border-color: var(--dark-blue);
        }

        .text-primary {
            color: var(--primary-blue) !important;
        }

        .text-teal {
            color: var(--primary-teal) !important;
        }

        .bg-primary {
            background-color: var(--primary-blue) !important;
        }

        .bg-teal {
            background-color: var(--primary-teal) !important;
        }
        
         /* Global Mobile Responsive Styles */
        @media (max-width: 1024px) {
            .section-title {
                font-size: 28px;
                margin-bottom: 35px;
            }
        }

        @media (max-width: 768px) {
            .section-title {
                font-size: 24px;
                margin-bottom: 30px;
            }

            .container {
                padding-left: 15px;
                padding-right: 15px;
            }

            .row {
                margin-left: -10px;
                margin-right: -10px;
            }

            .row > * {
                padding-left: 10px;
                padding-right: 10px;
            }

            /* Typography */
            h1 { font-size: 28px !important; }
            h2 { font-size: 24px !important; }
            h3 { font-size: 20px !important; }
            h4 { font-size: 18px !important; }
            h5 { font-size: 16px !important; }

            /* Buttons */
            .btn {
                font-size: 14px;
                padding: 10px 20px;
            }

            /* Cards */
            .card, .package-card, .feature-card {
                margin-bottom: 20px;
            }

            /* Spacing */
            section {
                padding: 40px 0 !important;
            }

            .mb-5 {
                margin-bottom: 2rem !important;
            }

            .pb-4, .py-4 {
                padding-bottom: 1.5rem !important;
            }

            .pt-4, .py-4 {
                padding-top: 1.5rem !important;
            }
        }

        @media (max-width: 480px) {
            .section-title {
                font-size: 20px;
                margin-bottom: 20px;
            }

            .container {
                padding-left: 10px;
                padding-right: 10px;
            }

            section {
                padding: 30px 0 !important;
            }

            h1 { font-size: 24px !important; }
            h2 { font-size: 20px !important; }
            h3 { font-size: 18px !important; }
            h4 { font-size: 16px !important; }
            h5 { font-size: 14px !important; }

            .btn {
                font-size: 13px;
                padding: 8px 16px;
                margin-bottom: 10px;
            }
        }
         @media (max-width: 415px) {
             .breadcrumb .breadcrumb-item {
                font-size: 12px;
             }
        }