.breadcrumb__container {
  background: #f2f2f2;
  padding: 35px 0 0; }
  .breadcrumb__container .breadcrumb {
    padding-bottom: 1.5em;
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-family: "Montserrat", "Tajawal", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700; }
    .breadcrumb__container .breadcrumb:lang(ar) {
      font-weight: 800; }
    .breadcrumb__container .breadcrumb a:hover {
      text-decoration: none; }
    .breadcrumb__container .breadcrumb li {
      display: inline-block;
      margin: 10px 0 !important;
      padding: 0;
      list-style-type: none;
      float: left;
      color: #666666; }
      .breadcrumb__container .breadcrumb li:before {
        display: none; }
      .breadcrumb__container .breadcrumb li:after {
        content: '';
        padding: 0 20px;
        background-image: url("../svg/red-arrow.svg");
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 17px;
        position: relative;
        left: -4px;
        top: 4px; }
      .breadcrumb__container .breadcrumb li:lang(ar):after {
        background-image: url("../svg/red-arrow-left.svg");
        left: 0; }
      .breadcrumb__container .breadcrumb li:last-child:after {
        content: '';
        padding: 0;
        background-image: none; }
      .breadcrumb__container .breadcrumb li:lang(ar) {
        float: right; }
      .breadcrumb__container .breadcrumb li:last-child {
        max-width: 400px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block; }
    @media screen and (min-width: 45rem) {
      .breadcrumb__container .breadcrumb li {
        margin: 0; } }

.page-node-type-page .breadcrumb__container {
  padding-bottom: 35px; }

.page-node-type-article .breadcrumb__container,
.page-node-type-press-release .breadcrumb__container,
.page-node-type-speech .breadcrumb__container,
.path-media .breadcrumb__container,
.path-jobs .breadcrumb__container {
  background: #fff; }

@media (max-width: 68.75rem) {
  .container .row nav.breadcrumb.col-12 li {
    display: none; }
  .page-node-type-page .breadcrumb__container {
    padding-bottom: 10px; }
  .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a) {
    display: block; }
    .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a):after {
      content: '';
      padding: 0;
      background-image: none; }
    .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a):before {
      background-image: url("../svg/red-arrow-left.svg");
      background-position: center;
      background-repeat: no-repeat;
      content: '';
      padding: 0 20px;
      height: 20px;
      display: block;
      float: left; }
    .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a):lang(ar):before {
      content: '';
      padding: 0;
      background-image: none; }
    .container .row nav.breadcrumb.col-12 li:nth-last-child(2):has(a):lang(ar):after {
      background-image: url("../svg/red-arrow.svg");
      background-position: center;
      background-repeat: no-repeat;
      content: '';
      padding: 0 20px;
      height: 20px;
      display: block;
      float: right; }
  .container .row nav.breadcrumb.col-12 li:first-child {
    display: block; }
    .container .row nav.breadcrumb.col-12 li:first-child:after {
      content: '';
      padding: 0;
      background-image: none; }
    .container .row nav.breadcrumb.col-12 li:first-child:before {
      background-image: url("../svg/red-arrow-left.svg");
      background-position: center;
      background-repeat: no-repeat;
      content: '';
      padding: 0 20px;
      height: 20px;
      display: block;
      float: left; }
    .container .row nav.breadcrumb.col-12 li:first-child:lang(ar):before {
      content: '';
      padding: 0;
      background-image: none; }
    .container .row nav.breadcrumb.col-12 li:first-child:lang(ar):after {
      background-image: url("../svg/red-arrow.svg");
      background-position: center;
      background-repeat: no-repeat;
      content: '';
      padding: 0 20px;
      height: 20px;
      display: block;
      float: right; }
    .container .row nav.breadcrumb.col-12 li:first-child:has(a) {
      display: block; }
      .container .row nav.breadcrumb.col-12 li:first-child:has(a):after {
        content: '';
        padding: 0;
        background-image: none; }
      .container .row nav.breadcrumb.col-12 li:first-child:has(a):before {
        background-image: url("../svg/red-arrow-left.svg");
        background-position: center;
        background-repeat: no-repeat;
        content: '';
        padding: 0 20px;
        height: 20px;
        display: block;
        float: left; }
      .container .row nav.breadcrumb.col-12 li:first-child:has(a):lang(ar):before {
        content: '';
        padding: 0;
        background-image: none; }
      .container .row nav.breadcrumb.col-12 li:first-child:has(a):lang(ar):after {
        background-image: url("../svg/red-arrow.svg");
        background-position: center;
        background-repeat: no-repeat;
        content: '';
        padding: 0 20px;
        height: 20px;
        display: block;
        float: right; }
  .content-lister-view--container {
    padding: 5px 0 95px; }
  .breadcrumb__container {
    padding: 10px 0 0; }
  .container .row nav.breadcrumb.col-12 li:first-child {
    display: none; }
  .container .row nav.breadcrumb.col-12 li:first-child:nth-last-child(2),
  .container .row nav.breadcrumb.col-12 li:first-child:nth-last-child(2) ~ li:first-child {
    display: block; } }

@media (max-width: 1160px) {
  .breadcrumb__container .container {
    max-width: 95%; } }

@media (min-width: 68.75rem) {
  .container .row nav.breadcrumb.col-12 li:first-child {
    display: none; }
    .container .row nav.breadcrumb.col-12 li:first-child:has(a) {
      display: block; } }