.pdp {
    border-radius: 50%;
    width: 30%;
    /*height: 30%;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.presentation {
    margin-left: 1%;
}

#test_colonne {
    padding-left: 300px;   
    padding-right: 150px; 
}

#video_display {
    padding-left: 300px;   
    padding-right: 150px; 
}

p {
    word-wrap: break-word;
}
  
.card-link {
    color: inherit; /* Ensure text inherits the color, not the default link color */
    text-decoration: none; /* No underline */
}

.card-link:hover {
    text-decoration: none; /* No underline on hover */
}

.card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* Optional: Add a shadow effect on hover */
    cursor: pointer; /* Change cursor to indicate it's clickable */
}

.breadcrumb {
    background-color: white; /* Light background */
    padding: 10px 15px; /* Bigger padding for a larger overall feel */
    font-size: 1.10rem; /* Larger font size */
    font-family: 'Arial', sans-serif; /* Change the font family */
}
  
.breadcrumb a {
    color: #000000; /* Color for links */
    font-weight: bold; /* Make the text bold */
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

footer.footer {
    margin-top: auto;
    background-color: #dfdede
}

.profile-header-container{
    margin: 50px 0;
}
.profile-header-img {
    padding: 54px;
}

.profile-header-info {
    padding: 30px;
    background: #f8f9fa;
}

.profile-header-info h2, .profile-status, .modify-profile-btn {
    color: #333;
}

.profile-header-info p, .profile-status {
    color: #666;
    padding-top: 10px;
}

.modify-profile-btn {
    margin-top: 20px;
}