@import url('https://fonts.cdnfonts.com/css/tajawal');
body{
    font-family: 'Tajawal', sans-serif;
}
.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
}

.float-btn{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.float-btn.btn2{
    bottom:110px;
}

.float-btn.btn3{
    bottom:180px;
}

.float-btn i{
    margin-top:16px;
}
@media screen and (max-width: 600px) {
    .nav {
        overflow: hidden;
        background-color: #333;
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .nav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }
}

h1{
    font-size: 22px;
    margin-bottom: 20px;
}
h2{
    font-size: 21px;
    margin-bottom: 20px;
}
h3, h4, h5, h6{
    font-size: 20px;
    margin-bottom: 20px;
}

p, .article{
    margin-bottom: 20px;
    text-align: justify;
}
.article img {
    padding: 40px 0 40px 0;
    max-width: 100%;
}
.videofilter{
    position: absolute;
    left: -50px;
    top: -50px;
    bottom: -50px;
    right: -50px;
    z-index: 2;
    background: rgba(25, 43, 80, .75) url(/storage/images/patt.png);
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.contact_btn {
    direction: ltr;
}