.nav-item a
{
    color:  black;
}
.bg {
    background-color: var(--red-diardzair);
    height: 500px;
    background:  url('/uploads/img/banner/location.png?v=1') no-repeat center center;
}
.nav-item a:hover{
    color: var(--red-diardzair);

}
.df h2
{
    color: var(--red-diardzair);
}
.df h3
{
    color: grey;;
    padding: 20px;
}

.df
{
    padding: 50px;

}
.df ul {
    list-style: none; /* Remove list bullets */

}
.help3
{
    padding: 50px;
    text-align: center;
}
.help3 h2
{
    color: var(--red-diardzair);
    padding: 20px;
}
.help1-t1
{
    box-shadow: 5px 5px 15px rgba(36, 36, 36, 0.2);
    border-radius: 3px;
    padding: 2em 0 1em;
    position: relative;
    margin-bottom: 30px;
    margin: 1em 0;
    border: 2px solid var(--red-diardzair);
    padding: 20px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.divider{
    margin-top: 30px;
    margin-bottom: 30px;
    width: 50%;
    color: var(--red-diardzair);
    background-color: var(--red-diardzair);
    margin-right: auto;
    margin-left: auto;

}
.pp
{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tt
{
    padding: 100px;
    text-align: left;
}
.tt h2
{
    color: white;
}
.tt p
{
    color: white;
}



@media screen and (max-width: 849px) {


    .tt
    {
        padding: 10px;
        text-align: left;
    }
    .b-sim
    {
        padding: 0px;
    }
    .df
    {
        padding: 10px;

    }
    .df h3
    {
        color: grey;;
        padding: 5px;

    }
    .help3
    {
        padding: 10px;
        text-align: center;
    }
    .b-dossier
    {
        display: none;
    }



}