@font-face {
    font-family: Amiri;
    src: local('Amiri'), url(../fonts/arabic/Amiri-Regular.ttf) format('truetype');
}

#frameContainerParent {
    max-width: 1600px;
    width: 100%;
    /*margin: auto*/
}


#header {
    background: #F6F9FC;
    height: 80px
}

#logo_container_top {
    height:60px;
    padding-top:10px;
    padding-bottom:10px
}

#logo_container_top img {
    border-radius: 100px;
    box-shadow: 0 6px 42px 0 rgb(0 0 0 / 20%);
    height: 60px
}

/* Styles of index.html */
#side_img_container {
    height: 90vh;
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}



body[data-device-type="Mobile"] #logo_container{
    display: none;
}

body[data-device-type="Mobile"] #side_img_container {
    display: none;
}



body{
    min-height: 100vh
}
.header-container {
    padding: 35px;
}

.header-inner-container {
    position: fixed;
    height: 70px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #d5d5d5;
}

.header {
    box-sizing: border-box;
    max-width: 80rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.header-link {
    font-family: sans-serif;
    font-size: 16px;
    padding: 1.5rem;
    text-decoration: none;
    color: black;
}

/*[ FOOTER ]
///////////////////////////////////////////////////////////
*/

.footer-container {
	background-color: rgb(247, 247, 247);
    padding: 2.2em 0px;
}

.norbloc-footer-container {
    background-color: rgb(247, 247, 247);  
    padding: 1em 1.5rem; 
}

.footer-inner-container {
	box-sizing: border-box;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.norbloc-footer-inner-container {
    font-family: sans-serif;
    font-size: 11px;
    color: #a5a5a5;
    box-sizing: border-box;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

main {
    min-height: 800px;
}

.hide {
    display: none!important;
}
#frameContainer {
    max-width: 1200px;
    margin-left: 16px;
    margin-right: 16px;
}

@media (max-width: 1200px) {

    #side_img_container {
        display: none;
    }


    #frameContainer {
        max-width: calc(100% - 32px);
    }



}


#ifrm {
    width: 100%;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    padding-top: 30px;
    padding-bottom: 30px;

    /*padding: 30px 50px 30px 0;*/

}
.spacer {
    height: 60px
}