@font-face {
  font-family: "Almarai";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Almarai/Almarai-Light.ttf) format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Almarai";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Almarai/Almarai-Regular.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Almarai";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Almarai/Almarai-Bold.ttf) format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Almarai";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/Almarai/Almarai-ExtraBold.ttf) format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "DINNextLTArabic";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/DINNextLTArabic/DINNextLTArabic-UltraLight.ttf) format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "DINNextLTArabic";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/DINNextLTArabic/DINNextLTArabic-Light.ttf) format("truetype");
  font-weight: 200;
}
@font-face {
  font-family: "DINNextLTArabic";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/DINNextLTArabic/DINNextLTArabic-Regular.ttf) format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "DINNextLTArabic";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/DINNextLTArabic/DINNextLTArabic-Medium.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "DINNextLTArabic";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/DINNextLTArabic/DINNextLTArabic-Bold.ttf) format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "DINNextLTArabic";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/DINNextLTArabic/DINNextLTArabic-Heavy.ttf) format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "DINNextLTArabic";
  font-style: normal;
  font-display: swap;
  src: url(../fonts/DINNextLTArabic/DINNextLTArabic-Black.ttf) format("truetype");
  font-weight: 700;
}

body{
  font-family: "DINNextLTArabic";
}

article.node.node--type-job.node--promoted.node--view-mode-full {
  direction: rtl;
}


.region-sidebar-first{
  padding-top: 60px;
}

.job-front-new
{
  margin-top: 0px !important;
}
.job-front  h5.views-field.views-field-title {
  font-size: 18px;
  color: #333 !important;margin-top: 10px;
  font-weight: 300;
}

.job-front{
  margin-top: 0px;
}

.job-front .form--inline.clearfix {
  display: flex;
  align-items: flex-end;
}

.job-front h5.views-field.views-field-title a {
  color: #333 !important;
  text-decoration: none;
}

.views-field.views-field-field-image-job img {
  border-radius: 6px;
}

div#block-jobsserrices-views-block-jobs-block-1{
  margin-top: 60px;
}


.block-views  h2 {
  color: #607D8B;
  font-size: 33px;
  font-weight: 300;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}


.field.field--name-field-media-image img {
  border-radius: 7px;
  margin-bottom: 20px;
}


.page-node-type-job .region.region-content {
  margin-top: 30px;
}


header {
  padding-top: 29px;
  padding-bottom: 0px;
  border-bottom: 1px solid #607e8c54;
}


.region-sidebar-first {
    padding-top: 60px;
    padding-inline-end: 30px;
}

 

body.path-node.page-node-type-job  h1 {
    margin-bottom: 31px;
}

.field.field--name-field-media-image img {
    margin-inline: auto;
    justify-content: center;
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px;
}




.region.region-content {
    border: 1px solid #d2cfcf;
    padding: 24px;
    border-radius: 5px;
    margin-bottom: 50px;
    margin-top:50px;
}

.page-node-type-job .region.region-content {
    border: 1px solid #d2cfcf;
    padding: 24px;
    border-radius: 5px;
    margin-bottom: 50px;
}


.path-frontpage .region.region-content {
    border: 0px;
    padding-top: 0px;
}