 /* Custom colors matching the image */
        
        .bg-left {
            background-color: #f7f7f7;
            /* Light gray/off-white for the text side */
        }
        
        .bg-right {
            background-color: #f7f7f7;
            /* Light background for the image side */
        }
        
        .text-color-green {
            color: #2e6945;
            /* Dark green for the main text */
            font-weight: 500;
        }
        
        .text-color-dark {
            color: #444;
            /* Darker color for "Let us help you..." */
            font-weight: 600;
        }
        
        .text-name {
            font-size: 0.9rem;
            color: #777;
            margin-top: 10px;
        }
        
        .select-custom {
            background-color: #ededed;
            border: 1px solid #ccc;
        }
        
        .btn-custom-green {
            background-color: #008060;
            border-color: #008060;
            font-weight: 500;
        }
        /* Ensure the full height and manage overflow */
        
        .full-section {
            min-height: 450px;
            overflow: hidden;
            padding: 0;
        }
        /* Abstract Shape Styling */
        
        .abstract-shape {
            position: absolute;
            background-color: rgba(255, 255, 255, 0.7);
            /* Example: semi-transparent white */
            border-radius: 50%;
            /* Make it round */
            z-index: 1;
            /* Ensure shapes are above the image */
            pointer-events: none;
            /* Allow clicks to pass through to elements below */
        }
        /* Specific shapes based on the image */
        
        .shape-pink {
            background-color: #E91E63;
            /* Pink */
            width: 150px;
            height: 150px;
            top: 10%;
            right: 15%;
            transform: translateX(50%) rotate(45deg);
            /* Offset and rotate for crescent */
            border-radius: 50% 0 0 50%;
            /* Half circle */
        }
        
        .shape-purple {
            background-color: #9C27B0;
            /* Purple */
            width: 180px;
            height: 180px;
            bottom: 5%;
            left: 5%;
            transform: translateX(-50%) rotate(-30deg);
            /* Offset and rotate */
            border-radius: 0 50% 50% 0;
            /* Half circle */
        }
        
        .shape-orange {
            background-color: #FF9800;
            /* Orange */
            width: 120px;
            height: 120px;
            bottom: 15%;
            right: 10%;
            border-radius: 50%;
            /* Full circle */
        }
        /* Responsive adjustments for shapes */
        
        @media (max-width: 991.98px) {
            .abstract-shape {
                display: none;
                /* Hide shapes on smaller screens if they become intrusive */
            }
            /* Or adjust their size and position */
            .shape-pink {
                width: 100px;
                height: 100px;
                top: 5%;
                right: 10%;
            }
            .shape-purple {
                width: 120px;
                height: 120px;
                bottom: 2%;
                left: 2%;
            }
            .shape-orange {
                width: 80px;
                height: 80px;
                bottom: 10%;
                right: 5%;
            }
        }
        /* Image styling within its container */
        
        .image-container {
            position: relative;
            /* Essential for positioning abstract shapes */
            height: 100%;
            /* Take full height of parent column */
            width: 100%;
            /* Take full width of parent column */
            overflow: hidden;
            /* To clip shapes that extend beyond */
        }
        
        .image-container img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
            /* Adjust if the image needs to be shifted */
            z-index: 0;
            /* Ensure image is behind shapes */
        }