.nav-item a
{
    color:  black;
}
.bg {
    background-color: var(--red-diardzair);



    background:  url('/uploads/img/banner/darI3mar.png?v=2')  ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 400px;
}
.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-top: 200px;

    text-align: left;
float: right;


}
.tt h2
{
    color: white;
}
.tt p
{
    color: white;
}



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


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

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

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

    .bg {
        background-color: var(--red-diardzair);
       background-image: none;
        height: auto;
    }



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

    }






}