.background-intro{
            background-color: #F3EFCC;
            width: 130%;
            height: 473px;
            position: absolute;
            -ms-transform: rotate(-5deg);
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
            left: -45px;
            top: -104px;
        }
        .text-center {
            color: #878148;
            font-size: 15pt;
        }
        a {
            color: #878148;
            font-size: 37pt;
        }
        .sahelbld{
            font-family: Sahelblack;
        }
        .sahel{
            font-family: Sahel;
        }
        .arabic{
            font-family: "B Arabic Style";
        }
.intrance-page img{
    width: 400px;
    height: 400px;
    z-index: 9;
}
.intrance-page i{
    border: #b4b08c;
    border-style: solid;
    border-radius: 50%;

}
#divaa1{
    position:absolute;
    left:100px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    border: 3px solid #f3efcc;
    border-radius: 100px;
    background: white;
    transition:.6s;
    bottom:0px;
    margin: auto;
}
#divaa2{
    position:absolute;
    left:145px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    border: 3px solid #f3efcc;
    border-radius: 100px;
    background: white;
    transition:.6s;
    bottom:0px;
    margin: auto;
}
#divaa3{
    position:absolute;
    left:190px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    border: 3px solid #f3efcc;
    border-radius: 100px;
    background: white;
    transition:.6s;
    bottom:0px;
    margin: auto;
}
#divaa4{
    position:absolute;
    left:235px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    border: 3px solid #f3efcc;
    border-radius: 100px;
    background: white;
    transition:.6s;
    bottom:0px;
    margin: auto;
}
#divaa1:hover{
    height:150px;
}
#divaa2:hover{
    height:150px;
}
#divaa3:hover{
    height:150px;
}
#divaa4:hover{
    height:150px;
}
#btna1{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:"Adobe Arabic";
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#divaa1:hover > #btna1{
    bottom:10px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa2:hover > #btna4{
    bottom:10px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa3:hover > #btna7{
    bottom:10px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa4:hover > #btna10{
    bottom:10px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#btna2{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#divaa1:hover > #btna2{
    bottom:45px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa2:hover > #btna5{
    bottom:45px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa3:hover > #btna8{
    bottom:45px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa4:hover > #btna11{
    bottom:45px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#btna3{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;

}
#divaa1:hover > #btna3{
    bottom:80px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa2:hover > #btna6{
    bottom:80px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa3:hover > #btna9{
    bottom:80px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#divaa4:hover > #btna12{
    bottom:80px;
    color:black;
    background:dimgrey;
    padding-bottom:5px;
}
#btna4{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;

}
#btna5{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#btna6{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#btna7{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#btna8{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#btna9{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#btna10{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#btna11{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}
#btna12{
    position:absolute;
    bottom:0px;
    background:transparent;
    width:100%;
    color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    font-family:Georgia, serif;
    font-size:15px;
    border:2.5px solid transparent;
    border-radius:100px;
    cursor:pointer;
    transition:.6s;
    right: -2px;
    padding: 7px 2px;
}