@font-face {
    font-family: 'Tajawal-Bold';
    src: url('../fonts/tajawal/Tajawal-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-ExtraBold';
    src: url('../fonts/tajawal/Tajawal-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-ExtraLight';
    src: url('../fonts/tajawal/Tajawal-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-Light';
    src: url('../fonts/tajawal/Tajawal-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-Medium';
    src: url('../fonts/tajawal/Tajawal-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Tajawal-Regular';
    src: url('../fonts/tajawal/Tajawal-Regular.ttf') format('truetype');
}
.loader .fade-dark .loaded, .loader-content, .loader .loader-content .loader-logo img {
    margin: auto !important;
    justify-content: center !important;
    text-align: center !important;
    position: absolute;
    left: 50% !important;
    right: 15% !important;
}
@media screen and (max-width: 800px) {
   
    .loader .fade-dark .loaded, .loader-content, .loader .loader-content .loader-logo img {
        margin: auto !important;
        justify-content: center !important;
        text-align: center !important;
        position: absolute;
        left: 50% !important;
        right: -70% !important;
    }
    
    .content-section_info {
        order: 2;
    }

    .content-section_media {
        order: 1;
    }

  

    .content-section_info1 {
        order: 2;
    }

    .content-section_media1 {
        order: 1;
    }


    .content-section_info2 {
        order: 1;
    }

    .content-section_media2 {
        order: 2;
    }
    .section-title .subtitle, .sub-1 {
        font-size:4rem !important;
        bottom: -7rem !important;
    }
    

    .content-section_info3 {
        order: 2;
    }

    .content-section_media3 {
        order: 1;
    }
   

    .content-section_info4 {
        order: 1;
    }

    .content-section_media4 {
        order: 2;
        margin-top: -25rem !important;
    }
   
 
}

a:active, a:hover, a:visited {
    text-decoration: none;
    color: #fff;

}
a .h4 {
    line-height:3rem;
}


*, body {
    font-family: 'Tajawal-Bold' !important;
}
#bgndKenburns-1 {
    background-image: url('../img/bg img.png') !important;

    background-repeat: no-repeat;
    background-size: cover;
}

.text-gray {
    font-family: 'Tajawal-Medium' !important;
}

.list-group{
    text-align:right !important;

}
.pswp__caption__center {
    text-align: right !important;
}
.problem {
    padding-top: 20rem !important;
}
.logo-menu {
    height: 11rem !important;
    width: 12rem !important;
}
.menu-trigger {
    top: 100% !important;
}
.loader .loader-content .loader-logo img {
    height: 14rem !important;
    width: 15rem !important;
    align-content: center !important;
    text-align: center !important;
    justify-content:center;
    margin:auto !important;

}
@media only screen and (min-width: 800px) {
    
    .section-title .subtitle, .sub-1 {
        margin-top: -5rem !important;
        margin-right: -30rem !important;
        font-size: 15rem !important;
        left: -1.8rem !important;
    }
    nav.dark ul.menu {
        top: 60% !important;
    }
}