/* Isse Left aur Right columns top se shuru honge */
.container.py-5 {
    padding-top: 20px !important;
    margin-top: 0 !important;
}

.row {
    display: flex !important;
    align-items: flex-start !important; /* Dono columns ko upar se start karega */
    justify-content: center;
}

/* --- 2. Left Side Images --- */
.col-lg-6 {
    padding-top: 0 !important;
}

.image-container { 
    position: relative; 
    height: 380px; 
}

.main-house { 
    width: 350px; 
    height: 230px; 
    object-fit: cover; 
    border-radius: 15px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
}

.city-overlay { 
    position: absolute; 
    top: 130px; 
    left: 140px; 
    width: 240px; 
    height: 160px; 
    object-fit: cover; 
    border-radius: 15px; 
    border: 8px solid white; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.15); 
}

/* --- 3. Form (No Background, No Shadow, Top Aligned) --- */
.reg-card { 
    border: none !important; 
    box-shadow: none !important; 
    background: transparent !important; 
    padding: 0 !important;
    margin-top: 0 !important; /* Form upar chipak jayega */
    max-height: none !important; 
    overflow: visible !important; 
}

/* --- 4. Buttons Style (Buyer/Agent/Builder) --- */
.user-type-btn { 
    border: 1px solid #dce2ee !important; 
    background: #f8faff !important; 
    color: #4a5568 !important; 
    font-size: 14px !important; 
    font-weight: 500 !important;
    padding: 10px 5px !important; 
    border-radius: 10px !important;
    text-decoration: none; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transition: 0.2s;
    width: 100%;
}

.user-type-btn.active { 
    border: 2px solid #f28532 !important; 
    background: #fff8f3 !important; 
    color: #f28532 !important; 
    font-weight: bold !important; 
}

.popular-badge { 
    background: #f28532; 
    color: white; 
    font-size: 10px; 
    padding: 2px 8px; 
    border-radius: 10px; 
    position: absolute; 
    top: -10px; 
    left: 50%; 
    transform: translateX(-50%); 
    z-index: 10; 
}

/* --- 5. Submit Button & Typography --- */
.btn-orange { 
    background-color: #f28532 !important; 
    color: white !important; 
    border: none !important; 
    padding: 12px !important; 
    font-weight: bold !important; 
    border-radius: 8px !important; 
    width: 100%; 
    margin-top: 15px;
}

.brand-orange { color: #f28532 !important; }

/* --- 6. Responsive --- */
@media (max-width: 991px) {
    .image-container { display: none; }
    .row { flex-direction: column; }
}