/* 1. Completely remove the sidebar column's width */
.col-md-3 {
    display: none !important;
}

/* 2. Force the main content to take up the full width and reset margins */
.col-md-9 {
    width: 100% !important;
    padding-left: 0 !important; /* This pulls the text to the far left */
    margin-left: 0 !important;
}

/* 3. Optional: If you want the whole site container to be wider or left-aligned */
.container {
    max-width: 70%; /* Makes the page use more of the screen width */
    margin-left: 25%; /* Centers it slightly but stays mostly left */
}

/* Keep your existing profile-circle code below */
.profile-circle {
    float: left;
    width: 185px; 
    height: 185px;
    border-radius: 50%; 
    margin-right: 30px;
    object-fit: cover;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}