
    .form-blur {
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
        gap: 15px;
    }

    #ctaSubmitBtn:hover {
        background-color: #5e2db0;
        /* change to desired hover color */
    }

    #ctaSubmitBtn:hover {
        background-color: #5e2db0;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    }


    .cta-form .form-control {
        height: 60px;
        font-size: 16px;
        flex: 1;
        /* inputs take full space */
        border-radius: 10px;

    }

    .cta-form .btn {
        height: 60px;
        font-size: 16px;
        flex: 0.8;
        /* ✅ button slightly narrower */
        border-radius: 10px;
        background: #461a85;
        border: none;
    }


    .cta-form input::placeholder {
        color: #ddd;
        font-weight: 200;
        color: #939393;
    }

    /* On mobile stack full width */
    @media (max-width: 991px) {
        .cta-form {
            flex-direction: column;
            gap: 6px;
            /* compact gap on mobile */
        }

        .cta-form .form-control,
        .cta-form .btn {
            width: 100%;
            /* still full width on mobile */
            flex: none;
        }
    }



    /* Default sizes */
    .phone-text {
        font-size: 20px;
    }

    .address-text {
        font-size: 14px;
        color: #555;
    }

    .email-text {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #000;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px;
        white-space: nowrap;
        /* icon aur text ek line me */
    }

    .email-text span {
        font-size: 14px;
    }

    .flag-icon-responsive {
        font-size: 3rem;
    }

    /* Mobile styles */
    @media (max-width: 576px) {
        .phone-text {
            font-size: 16px;
        }

        .address-text {
            font-size: 12px;
        }

        .email-text {
            font-size: 12px;
        }

        .email-text span {
            font-size: 12px;
        }

        .flag-icon-responsive {
            font-size: 2.2rem;
        }

        .contact-info {
            padding: 3rem 1.5rem;
            margin: 1rem !important;
        }
    }




                            @media (max-width: 576px) {
                                #auditt {
                                    font-size: 2.4rem !important;
                                }
                            }
                       


                           
                            @media (max-width: 576px) {
                                #lett {
                                    font-size: 2.7rem !important;
                                }
                            }
                       

                           
                    @media (max-width: 576px) {
                        #dog {
                            font-size: 2.7rem !important;
                        }
                    }
                

                    
                    @media (max-width: 576px) {
                        #caption {
                            font-size: 2.7rem !important;
                        }
                    }


                     
                                @media (max-width: 576px) {
                                    #whyy {
                                        font-size: 2.7rem !important;
                                    }
                                }
                           
                 
                        /* Only for mobile screens */
                        @media (max-width: 767px) {
                            .welcome-col {
                                margin-top: 12vw;
                                /* adjust value as needed */
                            }
                        }


                        /* @media (min-width: 768px) {
    .welcome-col {
        margin-top: 0; 
    }
} */
                   




    /* Default (Desktop / Large screens) */
    .trust-text {
        display: flex;
        justify-content: center;
        gap: 150px;
        /* spacing between items */
        flex-wrap: wrap;
        /* allow wrapping if needed */
    }

    /* Mobile (max-width: 768px) */
    @media (max-width: 768px) {
        .trust-text {
            flex-direction: column;
            /* stack vertically */
            gap: 15px;
            /* vertical spacing between items */
        }
    }



    .price-plan-wrapper .plan-price .plan-amount,
    .price-plan-wrapper .plan-title h3 {
        font-family: Merriweather, serif;
        font-weight: 700
    }

    .price-plan-wrapper .plan-description ul li,
    .price-plan-wrapper .plan-title p {
        font-family: 'Open Sans', sans-serif
    }


    
    .price-plan-wrapper .single-price-plan {
        font-family: 'Open Sans', sans-serif;
        
    }

    
    .price-plan-wrapper .plan-title h3 {
        font-family: 'Merriweather', serif;
        font-weight: 700;
    }

   
    .price-plan-wrapper .plan-title p,
    .price-plan-wrapper .plan-description ul li {
        font-family: 'Open Sans', sans-serif;
    }

    
    .price-plan-wrapper .plan-price .plan-amount {
        font-family: 'Merriweather', serif;
        font-weight: 700;
    }



    /* body {
      font-family: 'Poppins', sans-serif;
      background: #fff;
      color: #222;
    } */

    /* Section Title */
    .pricing-heading h2 {
        font-weight: 700;
        font-size: 4rem;
        text-transform: capitalize;
        color: #111;
    }

    .pricing-heading p {
        font-size: 1rem;
        color: #555;
        margin-top: 10px;
        line-height: 1.6;
    }

    /* Price Card */
    .price-card {
        background: #fff;
        border-radius: 20px;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
        padding: 40px 30px;
        transition: all 0.3s ease-in-out;
        text-align: center;
        max-width: 90%;
        /* 10% smaller */
        margin: auto;
    }

    .price-card:hover {
        transform: translateY(-8px);
        box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.12);
    }

    /* Plan Title */
    .price-card h3 {
        font-weight: 700;
        font-size: 1.5rem;
        margin-bottom: 10px;
        color: #111;
    }

    .price-card p {
        font-size: 0.95rem;
        color: #666;
        margin-bottom: 20px;
    }

    /* Price Section */
    .plan-price {
        margin-bottom: 20px;
    }

    .plan-price .currency-symbol {
        font-weight: 700;
        font-size: 2rem;
        color: #e60073;
        /* accent for currency */
    }

    .plan-price .plan-amount {
        font-size: 2.6rem;
        font-weight: 700;
        color: #111;
    }

    .plan-price sub {
        font-size: 0.9rem;
        color: #666;
    }

    /* Features */
    .plan-features {
        list-style: none;
        padding: 0;
        margin-bottom: 25px;
    }

    .plan-features li {
        padding: 8px 0;
        font-size: 0.95rem;
        color: #444;
    }

    /* Button */
    .price-btn {
        display: inline-block;
        padding: 12px 28px;
        border-radius: 30px;
        font-weight: 600;
        text-decoration: none;
        border: 2px solid #111;
        color: #111;
        transition: all 0.3s ease-in-out;
    }

    .price-btn:hover {
        background: #111;
        color: #fff;
    }

    /* Active Card */
    .active-card {
        border-top: 5px solid #00bcd4;
    }

    /* Popular Badge */
    .badge-popular {
        background: #ffb400;
        color: #111;
        font-size: 0.8rem;
        font-weight: 600;
        border-radius: 12px;
        padding: 4px 10px;
        margin-left: 8px;
    }

    /* Currency Buttons */
    .currency-btn {
        font-weight: 600;
        border-radius: 6px;
        padding: 8px 16px;
        border: none;
        background: #eee;
        color: #333;
        transition: all 0.3s;
    }

    .currency-btn.active {
        background: #8e24aa;
        color: #fff;
    }

    .currency-btn:focus {
        outline: none;
        box-shadow: none;
    }

/* <!-- pricing card --> */




    .sub-text {
        font-size: 1.2rem;
        /* Default Bootstrap <p> is ~1rem */
        line-height: 1.6;
        /* keep it readable */
    }





    .separator {
        color: #fff;
        font-weight: normal;
    }





    /* :root{
    --bg: #6b21a8;   
    --text: #fff;
    --sep: rgba(255,255,255,0.18);
  } */

    /* body{margin:0;font-family:Inter, system-ui, sans-serif;background:#f7f7fb;} */

    .stats {
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        color: #fff;
        /* white text */
    }

    .stats .item {
        flex: 1;
        /* equal width */
        text-align: center;
        padding: 10px 18px;
    }

    .stats .item+.item {
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        /* white separator */
    }

    @media (max-width:640px) {
        .stats {
            flex-direction: column;
        }

        .stats .item+.item {
            border-left: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }
    }





    .extra-bold-title {
        font-size: 3.5rem;
        /* Bigger size */
        font-weight: 700;
        /* Extra-bold */
        line-height: 1.2;
    }



    .section-headin {
        margin-bottom: 40px;
        text-transform: capitalize;
        text-align: start;
    }

    /* Headline extra bold */
    .section-headin h2.extra-bold {
        font-size: 3rem;
        /* desktop size adjust kar lo */
        font-weight: 800;
        /* maximum bold */
        line-height: 1.2;
    }

    /* Responsive headline size */
    @media (max-width: 767px) {
        .section-headin h2.extra-bold {
            font-size: 2rem;
            /* mobile ke liye thoda chhota */
        }
    }
