*{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    word-wrap:break-word;
    overflow-wrap:break-word
}

/* @font-face{
    font-family:'arabia';
    src:local("arabia"),url(/fonts/ae_AlArabiya_2136.woff) format('woff');
    font-display: block;
}*/
/* @font-face{
    font-family:'Jazeera';
    src:local("Jazeera"),url(/fonts/Al-Jazeera-Arabic.woff2) format('woff2');
    font-display: block;
}  */
/* @font-face{
    font-family:'JazeeraTTF';
    src:local("Jazeera"),url(/fonts/Al-Jazeera-Arabic.ttf) format('ttf');
    font-display: block;
} */
/* @font-face{
    font-family:'JazeeraBoldTTF';
    src:local("Jazeera"),url(/fonts/Al-Jazeera-ArabicBold.ttf) format('ttf');
    font-display: block;
} */

a{
    text-decoration:none;
}

h1{
    order:1;
    font-size: clamp(1.5rem, 2.1vw, 2.5rem);line-height:2.5rem;
    color:#000000;
    font-weight:600;
    max-width:96%;
    margin:1rem auto;
}
h2{
    order:1;
    max-width:96%;margin:.5rem auto;
    font-size:1.3rem;
    line-height:1.7rem;
    color:#000000;
    font-weight:500;
}
h3{
    order:1;
    max-width:96%;margin:.5rem auto;
    font-size:1.25rem;
    line-height:1.8rem;
    color:#333;
    font-weight:400;
}
a{
    font-size:.95em
}
a:hover{
    text-decoration:none;
    color:rgb(235, 169, 27);
}
a.active{border-bottom:1px solid rgb(235, 169, 27)}



   



.menuBurger,.menuBurgerClose{
    align-self:center;
    margin:.5rem;
    margin-top:1rem;
    cursor:pointer;
    position:relative;
    order:1;
    width:32px;
    height:32px
}
.menuBurger line,.menuBurgerClose line{
    -webkit-transition:all .3s cubic-bezier(1, 0.03, 0, 0.97);
    -moz-transition:all .3s cubic-bezier(1, 0.03, 0, 0.97);
    -ms-transition:all .3s cubic-bezier(1, 0.03, 0, 0.97);
    -o-transition:all .3s cubic-bezier(1, 0.03, 0, 0.97);
    transition:all .3s cubic-bezier(1, 0.03, 0, 0.97);
    stroke:#fff;
    stroke-width:2.5;
    position:absolute;
    margin:.2em auto
}
.menuBurger svg line :nth-child(1) {
    transform-origin:26px 6px;
    -webkit-transform-origin:28px 3px;
}
.menuBurger svg line:nth-child(2) {
    top:20px;
    bottom:1%
}
.menuBurger svg line:nth-child(3) {
    transform-origin:23px 23px;
    -webkit-transform-origin:23px 23px
}
.menuBurgerClose svg line:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: 8px 15px;
}
.menuBurgerClose svg line:nth-child(1){
    transform: rotate(45deg); 
    transform-origin: 6px 10px;  
}
.menuBurgerClose svg line:nth-child(2){
    display: none;  
}




