        .thankyou-section {
            display: flex;
            min-height: 78vh; 
            box-sizing: border-box;
        }

  

        /* Left image side */
        .thankyou-image {
            flex: 1;
            background: url('../../images/slides/thank-you.png') center center/cover no-repeat;
            position: relative;
        }

        /* Add subtle overlay */
        .thankyou-image::after {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            /* background: rgba(39, 39, 39, 0.4); */
        }

        /* Right content side */
        .thankyou-content {
            flex: 1;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 60px 80px;
            box-sizing: border-box;
        }

        .thankyou-content h1 {
            font-size: 48px;
            /* color: var(--thm-primary); */
            margin-bottom: 20px;
            animation: fadeInDown 1s ease forwards;
        }

        .thankyou-content p {
            font-size: 18px;
            color: #000;
            line-height: 1.6;
            max-width: 550px;
            margin-bottom: 40px;
            animation: fadeInUp 1.2s ease forwards;
        }

        .return-btn {
            display: inline-block;
            background-color: var(--thm-primary);
            color: #272727;
            padding: 10px 30px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .return-btn:hover {
            background-color: #000;
            color: #fff;
        }

        /* Animations */
        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Responsive layout */
        @media (max-width: 992px) {
            .thankyou-section {
                flex-direction: column;
            }

            .thankyou-image {
                height: 50vh;
            }

            .thankyou-content {
                align-items: center;
                text-align: center;
                padding: 0px 30px;
            }

            .thankyou-content p {
                max-width: 100%;
            }
        }