/* Base styles */
        .registration-landing {
            max-width: 480px; /* Assuming $dgl-form-single-width is around 480px */
            padding: 0;
        }

        .registration-landing .card .logo {
            font-size: 1.8rem;
            text-align: center;
            margin-bottom: 2rem;
            margin-top: 0.5rem;
            display: block;
        }
        

        .registration-landing .card .card-body {
            padding: 1.5rem;
        }
        .registration-landing .card .form-group {
            margin-bottom: 1rem !important;
        }

        .registration-landing .collapse {
            margin-top: 1rem;
        }

        .registration-landing .collapse .content-text-form h4 {
            margin-top: 1rem;
        }

        .registration-landing .input-password {
            margin-bottom: 1rem;
        }

        .registration-landing .form-single .single-input-sm {
            max-width: 100%;
        }

        .registration-landing .form-single .single-input-sm input {
            max-width: 11rem;
        }

        .registration-landing .label-register {
            font-size: 42px;
            margin-bottom: 0.5rem !important;
        }

        /* Medium breakpoint (768px and up) */
        @media (min-width: 768px) {
            .registration-landing {
                padding: 0;
            }

            .registration-landing .card .logo {
                font-size: 2.2rem;
                margin-top: 0;
            }

            .registration-landing .card .card-body {
                padding: 2rem;
            }
        }

        /* Large breakpoint (992px and up) */
        @media (min-width: 992px) {
            .registration-landing {
                padding: 0;
            }

            .registration-landing .card .logo {
                font-size: 2.3rem;
            }

            .registration-landing .card .card-body {
                padding: 2rem 3rem !important;
            }
        }

        /* Additional styles for .registationForm-text-inside parent */
        .registationForm-text-inside .registration-landing {
            margin-bottom: 0 !important;
        }

        .registationForm-text-inside .registration-landing .card {
            border: 0 !important;
        }

        .registationForm-text-inside .registration-landing .card .card-body {
            padding-bottom: 0;
        }

        .registationForm-text-inside .registration-landing .card-shadow {
            box-shadow: none !important;
        }