.booking-section {
            position: relative;
            background-color: var(--black, #231F20);
            min-height: 100vh;
            padding: 140px 100px 100px;
            border-bottom: 1px solid var(--fade-white, #F3F1F1);
            overflow: hidden;
        }

        .booking-container {
            margin: 0 auto;
            padding: 0 20px;
        }

        .booking-content-wrapper {
            display: flex;
            flex-direction: column;
            gap: 60px;
            align-items: flex-start;
        }

        .booking-header {
            width: 50%;
            text-align: left;
        }

        .booking-title {
            font-size: var(--text-heading-size, 40px);
            font-weight: var(--text-heading-weight, 800);
            color: var(--white, #fff);
            text-transform: uppercase;
            margin-bottom: 16px;
        }

        .booking-divider {
            width: 130px;
            border: 1.5px solid var(--white);
            margin-top: var(--line-spacing-top);
            margin-bottom: var(--line-spacing-bottom);
        }

        .booking-description {
            font-size: var(--text-body-size, 18px);
            color: var(--fade-white, #F3F1F1);
            margin: 0 0 20px;
            line-height: 1.6;
        }

        .booking-features {
            display: flex;
            justify-content: flex-start;
            gap: 40px;
            flex-wrap: wrap;
            margin-bottom: 20px;
        }

        .booking-feature {
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--fade-white, #F3F1F1);
            font-size: 16px;
        }

        .booking-feature svg {
            width: 24px;
            height: 24px;
            color: var(--orange, #EF4D25);
        }

        .calendly-wrapper {
            width: 70%;
            background: var(--white, #fff);
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3)
        }

        .calendly-inline-widget {
            min-width: 320px;
            height: 700px;
        }

        .astronaut-image {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 85%;
            width: auto;
            object-fit: contain;
            transform: translateX(120px) translateY(-300px) scaleX(-1) rotate(50deg);
        }

        @media (min-width: 1100px) and (max-width: 1280px) {
            .calendly-wrapper {
                 width: 100%;
            }
            .astronaut-image {
                height: 65%;
                transform: translateX(150px) translateY(-540px) scaleX(-1) rotate(50deg);
            }   
        }

        @media (max-width: 1100px) {
            .booking-section {
                padding: 120px 50px 80px;
            }
            .calendly-wrapper {
                 width: 100%;
            }
            .booking-header {
                width: 60%;
            }
            .astronaut-image {
                height: 55%;
                transform: translateX(200px) translateY(-600px) scaleX(-1) rotate(50deg);
            }    
            .booking-title {
                font-size: var(--tablet-heading-size, 36px);
                font-weight: var(--tablet-heading-weight, 800);
            }        
            .booking-divider {
                width: 100px;
                margin-top: var(--tablet-line-spacing-top);
                margin-bottom: var(--tablet-line-spacing-bottom);
            }

            .booking-description {
                font-size: var(--tablet-body-size, 17px);
            }
        }
         @media (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) {
            .booking-section {
                margin-top: 60px;
            }    
            .booking-header {
                width: 60%;
            }        
            .astronaut-image {
                height: 55%;
                transform: translateX(220px) translateY(-690px) scaleX(-1) rotate(50deg);
            }    
        }

        @media (max-width: 768px) {
            .booking-section {
                padding: 120px 24px 40px;
            }

            .booking-content-wrapper {
                flex-direction: column;
                gap: 40px;
            }

            .booking-title {
                font-size: var(--mobile-title-size, 33px);
            }

            .booking-description {
                font-size: var(--mobile-body-size, 16px);
            }

            .booking-features {
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
            }

            .booking-header {
                width: 100%;
                padding: 0;
            }

            .calendly-wrapper {
                width: 100%;
            }

            .calendly-inline-widget {
                height: 800px;
            }

            .astronaut-image {
                display: none;
            }
    }