@font-face {
    font-family: SFArabic;
    src: url(../font/SFArabic-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: SFArabic, sans-serif;
}

/* Ensure the page fills the viewport */
html, body {
    height: 100%;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Wrapper for content and footer */
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Main content */
.main-content {
    flex: 1;
    width: 100%; /* Ensure it doesn't overflow */
    padding: 20px; /* Optional padding for spacing */
}

.ul-settings {text-align: right;}

.ul-settings ul > li {
    display: inline-block;
    margin-left: 50px;
}

label {margin-bottom:0px !important}
.label-ar {float:right}

.ar {text-align: right; direction: rtl;}
.en {text-align: left; direction: ltr;}

.ghmza-logo {width:60px; padding:25px 0 25px 0; margin:0 auto}

footer {background:#000; color:#fff; padding:30px; text-align: right;}

a, a:hover {color:#000; text-decoration: none;}

.job-post {border:1px solid #000; text-align: right; direction: rtl; display: block; padding: 30px 9px;}
.job-post:hover {
    border-color: green;
    border-width: 1px;
    background: repeating-linear-gradient(45deg, #50f5a2, #50f5a2 2px, #fff 2px, #fff 8px);
}
.job-post span {padding: 8px;font-size: 18pt;}
.job-post:hover span {background:#fff;}

.file-upload {text-align: center; height: 40px; border: 2px dashed rgb(142 142 142); padding-top:4px; cursor: pointer;}