.back-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--button);
    padding: 0.6rem 1.2rem;
    border-radius: 60px;
    color: var(--text-white);
    text-decoration: none;
    font-weight: 500;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: 0.2s;
}

.back-button:hover {
    transform: translateX(-5px);
    color: var(--primary);
}


.section-title{
    margin-top:30px ;
    margin-bottom: 50px;
    text-align: center ;
    color:  var(--bs-gray);

}


#navbar-brand {

    padding-left: 10px;
    padding-right: 10px;
}

.container-box {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
    padding-top: 20px;
     padding-left: 20px;
      padding-right: 20px;
}