::-moz-selection {
  background: #ddd;
  text-shadow: none;
}

::selection {
  background: #ddd;
  text-shadow: none;
}

::-moz-selection {
  background: #ddd;
  color: #fff;
}

::selection {
  background: #ddd;
  color: #fff;
}

html {
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

*,
*:after,
*:before {
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-word;
  -webkit-tap-highlight-color: transparent;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -moz-touch-callout: none;
  -webkit-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none;
  -moz-user-drag: none;
  -webkit-user-drag: none;
  -ms-user-drag: none;
  user-drag: none;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
}
a[data-Controller] {
  outline: none;
}

.content-wrap a {
  font-weight: bold;
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1rem 0;
  padding: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

[data-type~=noEvents] {
  pointer-events: none;
  -ms-touch-action: none;
  touch-action: none;
}

html [data-isHidden=true],
hidden,
invisible,
none {
  display: none;
}

input[disabled] {
  color: #ccc;
}

input[disabled]:focus,
input[disabled]:hover {
  box-shadow: inset 0 0 0 1px #ccc;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  speak: none;
}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible-element {
  width: 0;
  height: 0;
  visibility: hidden;
}

html {
  overflow-x: hidden;
}

body,
html {
  background-color: #ffffff;
  color: #1c1343;
  font-size: 1rem;
  line-height: 1.4;
}
[lang=en-gb] body,
[lang=en-gb] html {
  font-family: "DaxlinePro Regular", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] body,
[lang=ar] html {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}

.opacity-0 {
  opacity: 0;
  filter: opacity(0);
}

.dimmed {
  color: #ddd;
}

ul, ol {
  list-style: none;
  margin: 0;
}

ul.no-list-type {
  list-style: none;
}

ul.no-padding {
  padding: 0;
}

ul.no-margin {
  margin: 0;
}

.normal-text-list {
  list-style-type: disc;
}

.centered {
  margin: 0 auto;
}

.clear:after {
  content: "";
  display: table;
  clear: both;
}

.table-view {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.table-view > li,
.table-view > .cell {
  display: table-cell;
}

.cell.middle {
  vertical-align: middle;
}
.cell.center {
  text-align: center;
}

::-webkit-input-placeholder {
  color: #ddd;
}

::-moz-placeholder {
  color: #ddd;
}

:-ms-input-placeholder {
  color: #ddd;
}

:-moz-placeholder {
  color: #ddd;
}

.uppercase {
  text-transform: uppercase;
}

.academic-collaboration-list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  gap: 2%;
  flex-wrap: wrap;
}
.academic-collaboration-list .academic-collaboration-item-wrap {
  flex-basis: 31.3%;
  -webkit-box-shadow: 0px 1px 10px 0px rgb(32, 23, 71);
  -moz-box-shadow: 0px 1px 10px 0px rgb(32, 23, 71);
  box-shadow: 0px 1px 10px 0px rgb(32, 23, 71);
  border-radius: 10px;
}
.academic-collaboration-list .academic-collaboration-item-wrap a {
  display: block;
  padding: 2rem;
  background: #fff;
  border-radius: 10px;
}
.academic-collaboration-list .academic-collaboration-item-wrap a:hover {
  background: #fefefe;
}
.academic-collaboration-list .academic-collaboration-item-wrap .academic-collaboration-logo {
  text-align: center;
  margin-bottom: 20px;
}
.academic-collaboration-list .academic-collaboration-item-wrap h3 {
  text-align: center;
  display: none;
}

@media only screen and (min-width: 600px) and (max-width: 960px) {
  .academic-collaboration-list {
    gap: 2%;
  }
  .academic-collaboration-list .academic-collaboration-item-wrap {
    flex-basis: 49%;
  }
}
@media only screen and (max-width: 600px) {
  .academic-collaboration-list {
    gap: 15px;
  }
  .academic-collaboration-list .academic-collaboration-item-wrap {
    flex-basis: 100%;
  }
}
.academic-partner-list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  gap: 2%;
  flex-wrap: wrap;
}
.academic-partner-list .academic-partner-item-wrap {
  flex-basis: 31.3%;
  -webkit-box-shadow: 0px 1px 10px 0px rgb(32, 23, 71);
  -moz-box-shadow: 0px 1px 10px 0px rgb(32, 23, 71);
  box-shadow: 0px 1px 10px 0px rgb(32, 23, 71);
  border-radius: 10px;
}
.academic-partner-list .academic-partner-item-wrap a {
  display: block;
  padding: 2rem;
  background: #fff;
  border-radius: 10px;
}
.academic-partner-list .academic-partner-item-wrap a:hover {
  background: #fefefe;
}
.academic-partner-list .academic-partner-item-wrap .academic-partner-logo {
  text-align: center;
  margin-bottom: 20px;
}
.academic-partner-list .academic-partner-item-wrap h3 {
  text-align: center;
  display: none;
}

@media only screen and (min-width: 600px) and (max-width: 960px) {
  .academic-partner-list {
    gap: 2%;
  }
  .academic-partner-list .academic-partner-item-wrap {
    flex-basis: 49%;
  }
}
@media only screen and (max-width: 600px) {
  .academic-partner-list {
    gap: 0;
  }
  .academic-partner-list .academic-partner-item-wrap {
    flex-basis: 100%;
  }
}
.upcoming-wrapper .event-counter-wrap .event-counter {
  display: flex;
}
.upcoming-wrapper .event-counter-wrap .event-counter .counthead {
  background-color: #fff;
  flex-basis: 20%;
  border-radius: 5px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  margin: 0 1px;
  padding: 2px;
}
.upcoming-wrapper .event-counter-wrap .event-counter .counthead .countspan {
  font-size: x-large;
}
.upcoming-wrapper .event-counter-wrap .event-counter .counthead .labelspan {
  font-size: medium;
  display: block;
}
.upcoming-wrapper .event-counter-wrap .reached {
  background-color: #ffffff;
  border-radius: 5px;
  color: #000000;
  font-weight: bold;
  margin: 0 1px;
  padding: 10px;
  font-size: large;
}

.common-padding {
  padding: 20px 0 50px;
}

.grey-bg-wrapper {
  background-color: #efece7;
}

.heading-main {
  padding: 25px 0 15px;
}
.heading-main h2 {
  font-size: 33.95px;
  color: #712077;
  text-transform: uppercase;
}

.heading-secondary {
  padding: 25px 0 15px;
}
.heading-secondary h3 {
  font-size: 25.21px;
  color: #711f77;
}

.para-main p {
  color: #201747;
}

.image-container {
  width: 50%;
}
.image-container img {
  border-radius: 15px;
}

.para-container {
  width: 50%;
}
[lang=en-gb] .para-container {
  padding: 0 70px 0 100px;
}
[lang=ar] .para-container {
  padding: 0 100px 0 70px;
}

.nav-ma {
  padding: 0;
}
.nav-ma ul {
  display: flex;
}
.nav-ma ul li {
  flex-basis: 20%;
  display: inline-block;
  padding: 0px 20px;
}
.nav-ma ul li a {
  font-size: 20.07px;
  color: #712077;
  text-decoration: none;
}
.nav-ma ul li:first-child {
  padding-left: 0px;
}
.nav-ma ul li:last-child {
  padding-right: 0px;
}
.nav-ma ul li.active {
  border-bottom: 8px solid #5e5292;
}

.about-ma .para-main {
  column-count: 2;
}
.about-ma .para-main p {
  column-gap: 60px;
}
.about-ma .para-main ul li {
  list-style: none;
  color: #201747;
}

.learn-more .learn-professor {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.learn-more .learn-professor .professor-bio-outer-wrap {
  flex: 1;
}
.learn-more .learn-professor .professor-bio-outer-wrap .professor-bio .professor-bio-image {
  max-width: 100%;
  padding: 12.5px 0;
}
.learn-more .learn-professor .professor-bio-outer-wrap .professor-bio .professor-bio-image img {
  border-radius: 5px;
}
.learn-more .learn-professor .professor-bio-outer-wrap .professor-bio .professor-bio-info {
  padding: 10px 0;
}
.learn-more .learn-professor .professor-bio-outer-wrap .professor-bio .professor-bio-info h3 {
  font-size: 21px;
  color: #1b1343;
}
.learn-more .learn-professor .professor-bio-outer-wrap .professor-bio .professor-bio-info h4 {
  font-size: 18px;
  color: #312a55;
}
[lang=en-gb] .learn-more .learn-professor .professor-bio-outer-wrap .professor-bio .professor-bio-info h4 {
  padding-right: 30px;
}
[lang=ar] .learn-more .learn-professor .professor-bio-outer-wrap .professor-bio .professor-bio-info h4 {
  padding-left: 30px;
}
.learn-more .find-buttons ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}
.learn-more .find-buttons ul li {
  border-radius: 30px;
  background-color: #9b7b37;
  list-style-type: none;
  padding: 5px;
}
.learn-more .find-buttons ul li a {
  font-size: 18.6px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 45px;
}

.curriculum-wrapper {
  padding-bottom: 0px;
}
.curriculum-wrapper .curriculum-image {
  padding-bottom: 20px;
}
.curriculum-wrapper .curriculum-image img {
  border-radius: 5px;
}
.curriculum-wrapper .btn-curriculum {
  list-style-type: none;
  overflow: hidden;
}
[lang=en-gb] .curriculum-wrapper .btn-curriculum {
  float: right;
}
[lang=ar] .curriculum-wrapper .btn-curriculum {
  float: left;
}
.curriculum-wrapper .btn-curriculum a {
  font-size: 16px;
  color: #ffffff;
  background-color: #201747;
  border-radius: 30px;
  text-transform: capitalize;
  text-decoration: none;
  padding: 5px 30px;
  display: inline-block;
}
.curriculum-wrapper .heading-secondary {
  padding-top: 30px;
}
.curriculum-wrapper .aie-icon-wrap {
  display: inline-flex;
  flex-wrap: wrap;
  padding-bottom: 50px;
}
.curriculum-wrapper .aie-icon-wrap .aie-icon {
  flex-basis: 50%;
  display: flex;
}
.curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-image {
  flex-basis: 28%;
}
.curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-image img {
  padding: 20px 0;
}
.curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-para {
  flex-basis: 68%;
}
.curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-para p {
  font-size: 18px;
  color: #2f2853;
  padding: 15px 40px;
}

.research-wrapper {
  padding-top: 50px;
}
.research-wrapper .research-content {
  display: flex;
  flex-wrap: wrap;
}
.research-wrapper .research-content .research-image {
  flex: 50%;
}
.research-wrapper .research-content .research-intensive {
  flex: 50%;
}
.research-wrapper .research-content .research-intensive .heading-secondary {
  padding: 0;
  padding-bottom: 30px;
}
.research-wrapper .research-content .research-intensive .heading-secondary h3 {
  text-transform: capitalize;
}
.research-wrapper .research-content .research-intensive .heading-secondary h3 span {
  display: block;
}
.research-wrapper .research-content .research-intensive .research-para ul {
  padding-left: 35px;
}
.research-wrapper .research-content .research-intensive .research-para ul li {
  font-size: 18px;
  color: #302853;
  list-style: disc;
}

.professor-wrapper .professor-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: 1%;
}
.professor-wrapper .professor-list-wrapper .professor-list {
  flex: 1;
  position: relative;
}
.professor-wrapper .professor-list-wrapper .professor-list .professor-list-image img {
  border-radius: 5px;
}
.professor-wrapper .professor-list-wrapper .professor-list .professor-list-info {
  padding-bottom: 30px;
}
.professor-wrapper .professor-list-wrapper .professor-list .professor-list-info h3 {
  font-size: 21px;
  color: #1b1343;
  padding: 15px 0 0;
  margin-bottom: 5px;
}
.professor-wrapper .professor-list-wrapper .professor-list .professor-list-info h4 {
  font-size: 16px;
  color: #3c384f;
  margin-bottom: 10px;
}
.professor-wrapper .professor-list-wrapper .professor-list .professor-list-info h4 span {
  font-size: 16px;
  color: #7d3482;
}
.professor-wrapper .professor-list-wrapper .professor-list .professor-list-btn {
  position: absolute;
  bottom: 0;
}
.professor-wrapper .professor-list-wrapper .professor-list .professor-list-btn a {
  background-color: #9b7c38;
  border-radius: 30px;
  font-size: 15.98px;
  color: #ffffff;
  padding: 5px 30px;
  text-decoration: none;
  display: inline-block;
}

.academic-wrapper .academic-content {
  display: flex;
  flex-wrap: wrap;
}
.academic-wrapper .academic-content .academic-image {
  flex: 50%;
}
.academic-wrapper .academic-content .academic-para {
  flex: 50%;
}

.graduate-content {
  display: flex;
  flex-wrap: wrap;
}
.graduate-content .graduate-img {
  flex: 50%;
}
.graduate-content .graduate-para {
  flex: 50%;
}
.graduate-content .graduate-para p span {
  display: block;
  padding-top: 15px;
}
.graduate-content .graduate-para ul {
  margin-left: 20px;
}
.graduate-content .graduate-para ul li {
  list-style: disc outside;
}

.admission-wrapper {
  text-align: center;
}
.admission-wrapper h2 span {
  display: block;
}
.admission-wrapper p {
  padding: 0 210px 20px;
}
.admission-wrapper .btn-ma {
  display: inline-block;
}
.admission-wrapper .btn-ma a {
  background-color: #9b7c38;
  border-radius: 30px;
  font-size: 19.31px;
  color: #ffffff;
  padding: 5px 30px;
  margin: 0 10px;
  text-decoration: none;
}
.admission-wrapper .btn-blue {
  background-color: #201747 !important;
}

.node--type-news {
  overflow: hidden;
}
.node--type-news .field--name-field-image img {
  width: 50%;
  height: auto;
  float: right;
  padding: 0 0 20px 20px;
}

.field--name-field-image {
  padding: 7px 0;
}
.field--name-field-image img {
  width: 100%;
  height: auto;
}

.field--name-field-author {
  font-weight: bold;
}

.field--name-field-publish-date {
  font-weight: bold;
  padding: 7px 0;
}

.field--name-field-caption {
  font-weight: bold;
  padding: 7px 0;
}

.field--name-field-event-date {
  font-weight: bold;
  padding: 7px 0;
}

.field--name-field-summary {
  padding: 7px 0;
}

.field--name-field-link {
  padding: 7px 0;
}

.field--name-field-attachment {
  padding: 7px 0;
}

.field--name-field-speaker-sessions > .field__label {
  font-size: 26px;
  color: #1c1343;
}
.field--name-field-speaker-sessions > .field__items .field__item .field--name-field-title {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
}
.field--name-field-speaker-sessions > .field__items .field__item .field--name-field-speakers > .field__label {
  padding-bottom: 10px;
}
.field--name-field-speaker-sessions > .field__items > .field__item {
  padding: 20px 10px;
  border-bottom: #efece7 solid 1px;
}

#search-form {
  display: none;
}

.search-results li {
  list-style: none;
  margin: 0;
  border-bottom: #eee 2px solid;
  padding: 1rem 0;
}
.search-results .search-result__snippet {
  font-size: 20px;
}

@media only screen and (max-width: 1127px) {
  .nav-ma #about-ma-top-nav {
    display: block;
  }
  .nav-ma #about-ma-top-nav li {
    display: block;
    padding: 0;
  }
  .learn-more .find-buttons ul li {
    flex-basis: 30%;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .para-container {
    padding: 0 40px 0 80px;
  }
  .learn-more .learn-professor {
    display: flex;
    flex-wrap: wrap;
  }
  .learn-more .learn-professor .professor-bio-outer-wrap {
    flex-basis: 47%;
    padding: 5px 0;
  }
  .learn-more .find-buttons ul {
    max-width: 100%;
    gap: 3%;
  }
  .learn-more .find-buttons ul li {
    flex-basis: 45%;
  }
  .learn-more .find-buttons ul li a {
    padding: 0;
    text-align: center;
  }
  .curriculum-wrapper .btn-curriculum a {
    width: 100%;
    display: block;
  }
  .curriculum-wrapper .aie-icon-wrap {
    display: block;
  }
  .curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-image {
    max-width: 100%;
    flex-basis: unset;
  }
  .curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-image img {
    width: 100%;
  }
  .curriculum-wrapper .aie-icon-wrap .aie-icon p {
    padding: 10px 35px;
  }
  .professor-wrapper .professor-list-wrapper .professor-list {
    flex: 40%;
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .image-container {
    width: 100%;
    margin: 20px 0;
  }
  .para-container {
    width: 100%;
  }
  [lang=en-gb] .para-container {
    padding: 0;
  }
  [lang=ar] .para-container {
    padding: 0;
  }
  .about-ma .para-main {
    column-count: 1;
  }
  .about-ma .para-main p {
    column-gap: 60px;
  }
  .learn-more .learn-professor {
    display: block;
  }
  .learn-more .learn-professor .professor-bio {
    max-width: 100%;
  }
  .learn-more .learn-professor .professor-bio img {
    width: 100%;
  }
  .research-wrapper .research-content {
    display: block;
  }
  .research-wrapper .research-content .research-image img {
    width: 100%;
  }
  .research-wrapper .research-content .research-intensive {
    display: block;
  }
  .professor-wrapper .professor-list-wrapper {
    gap: 5%;
  }
  .academic-wrapper .academic-content {
    display: block;
  }
  .academic-wrapper .academic-content .academic-image img {
    width: 100%;
  }
  .graduate-content {
    display: block;
  }
  .graduate-content .graduate-image img {
    width: 100%;
  }
  .admission-wrapper .para-main p {
    padding: 0;
  }
  .admission-wrapper .btn-ma a {
    display: block;
    margin: 10px 10px;
  }
  .node--type-news .field--name-field-image img {
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .learn-more .find-buttons ul {
    display: block;
  }
  .learn-more .find-buttons ul li {
    width: 100%;
    text-align: center;
  }
  .curriculum-wrapper .btn-curriculum {
    width: 100%;
    text-align: center;
  }
  .curriculum-wrapper .heading-secondary {
    margin-top: 15px;
  }
  .curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-para p {
    padding: 10px 0;
  }
  .professor-wrapper .professor-list-wrapper {
    display: block;
  }
  .professor-wrapper .professor-list-wrapper .professor-list {
    width: 100%;
    padding: 10px 0;
  }
  .professor-wrapper .professor-list-wrapper .professor-list .professor-list-info h4 {
    height: auto;
  }
}
@media screen and (max-width: 420px) {
  .curriculum-wrapper .aie-icon-wrap .aie-icon {
    display: block;
  }
  .curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-image img {
    width: 33%;
    padding: 0;
  }
  .curriculum-wrapper .aie-icon-wrap .aie-icon .aie-icon-para {
    width: 100%;
  }
}
.pageloaded .home-page-slider.in-view .slider-caption {
  -webkit-animation: slide-in-top 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-top 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .about-callout-wrapper.in-view h2, .pageloaded .about-callout-wrapper.in-view > div {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .academic-collaboration-wrap.in-view .academic-collaboration-list {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .common-padding.in-view .container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .node__content {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded #block-submenu {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s both;
}
.pageloaded .inside-slider--title {
  -webkit-animation: slide-in-bottom 1.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .impact-page.in-view .info-wrap {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .impact-page.in-view .impact-area-list {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .impact-page.in-view .impact-regions {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .archived-conferences-listing-wrapper.in-view .archived-conferences-listing-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .book-series-wrapper.in-view .book-series-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .book-details-wrapper.in-view .book-details-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .cile-publications-wrapper.in-view .cile-publications-list {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .conferences-listing-wrapper.in-view .conferences-listing-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .events-listing-wrapper.in-view .events-listing-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .upcoming-wrapper.in-view .event-counter-wrap {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .upcoming-wrapper.in-view .up-event-wrap {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .followus-wrapper.in-view h2, .pageloaded .followus-wrapper.in-view .followus-info {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .contact-info.in-view h2, .pageloaded .contact-info.in-view .contact-content {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .funded-projects-wrapper.in-view .funded-projects-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .journal-list-wrapper.in-view .journal-list-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .home-listing-wrapper.in-view .container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .lectures-listing-wrapper.in-view .lectures-listing-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .news-listing-wrapper.in-view .news-listing-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .oped-list-wrapper.in-view .oped-list-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .our-team-wrapper.in-view .team-categiry-wrap {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .academic-partner-wrap.in-view .academic-partner-list {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .podcast-details-wrap.in-view > div {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .publications-list-wrapper.in-view .publications-list-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .schools-listing-wrapper.in-view .schools-listing-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .seminars-listing-wrapper.in-view .seminars-listing-container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .team-profile-wrap.in-view .team-profile-content {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .inside-banner .image-block {
  -webkit-animation: scale-image 5s linear 0.5s both;
  animation: scale-image 5s linear 0.5s both;
}
.pageloaded .team-item:hover .image-block {
  -webkit-animation: scale-image 5s linear 0.5s both;
  animation: scale-image 5s linear 0.5s both;
}
.pageloaded .inside-banner.in-view h2 {
  -webkit-animation: slide-in-top 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-top 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .site-main-content-wrap.in-view {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.pageloaded .prize-contacts--wrapper.in-view .prize-contacts--container {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}

.book-series-wrapper .book-series {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
}
.book-series-wrapper .book-series .book-series-item {
  flex-basis: 100%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 0px;
  transition: all linear 0.3s;
  position: relative;
}
.book-series-wrapper .book-series .book-series-item .image-block {
  display: block;
  min-height: 220px;
  background-size: 50%;
  position: relative;
  border-radius: 10px;
}
[lang=en-gb] .book-series-wrapper .book-series .book-series-item .image-block {
  background-position: right;
}
[lang=ar] .book-series-wrapper .book-series .book-series-item .image-block {
  background-position: left;
}
.book-series-wrapper .book-series .book-series-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.book-series-wrapper .book-series .book-series-item .content-block {
  padding: 30px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
[lang=en-gb] .book-series-wrapper .book-series .book-series-item .content-block {
  background: linear-gradient(to right, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
[lang=ar] .book-series-wrapper .book-series .book-series-item .content-block {
  background: linear-gradient(to left, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
.book-series-wrapper .book-series .book-series-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.book-series-wrapper .book-series .book-series-item .content-block .publication-element, .book-series-wrapper .book-series .book-series-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.book-series-wrapper .book-series .book-series-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.book-series-wrapper .book-series .book-series-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

.book-details-container .book-summary {
  font-weight: bold;
  padding: 7px 0;
}
.book-details-container .book-authors ul {
  list-style: none;
  margin: 10px 0;
  padding: 0 0 7px;
}
.book-details-container .book-authors ul li {
  list-style: none;
  display: inline;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1%;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item {
  flex-basis: 24%;
  margin-bottom: 30px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item.active {
  height: 900px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a {
  display: block;
  position: relative;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a .image-block {
  display: block;
  height: 400px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a .image-block .overlay-element {
  border-radius: 10px;
  background: transparent;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, #211848));
  background: linear-gradient(to bottom, transparent 0%, #211848 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#211848",GradientType=0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a .image-block .issue-element {
  display: inline-block;
  padding: 5px 10px;
  background: #201747;
  color: #fff;
  border-radius: 20px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a .image-block .content-block {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a .image-block .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 10px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a .image-block .content-block h3 {
  font-size: 1rem;
  color: #fff;
}
[lang=en-gb] .book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a .image-block .content-block h3 {
  font-family: "DaxlinePro Medium", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a .image-block .content-block h3 {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a:hover .overlay-element, .book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a.active .overlay-element {
  background: transparent;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, #000));
  background: linear-gradient(to bottom, transparent 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item a.active:after {
  border-bottom: 12px solid #9b7b37;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  height: 0;
  width: 0;
  margin: 2px auto 0;
  display: block;
  content: "";
  position: absolute;
  bottom: -20px;
  left: calc(50% - 6px);
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block {
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block.active {
  position: absolute;
  width: 98vw;
  height: 500px;
  visibility: visible;
  opacity: 1;
  left: 10px;
  background: #9b7b37;
  padding: 30px;
  border-radius: 20px;
  margin-top: 20px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block .volume-detail-item .image-block {
  float: right;
  padding: 0 0rem 1rem 1rem;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block .volume-detail-item .image-block a {
  position: relative;
  transition: all 0.5s;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block .volume-detail-item .image-block a:hover::after {
  content: "Preview";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block .volume-detail-item .content-block * {
  color: #fff;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block .volume-detail-item .content-block .volume-info ul li {
  list-style: none;
  display: inline-block;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block .volume-detail-item .content-block .volume-summary * {
  color: #fff !important;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block .volume-detail-item .content-block .volume-links ul li {
  list-style: none;
  display: inline-block;
}
.book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item .book-volume-detail-block .volume-detail-item .content-block .volume-links ul li a {
  display: block;
  background: #201747;
  border-radius: 20px;
  padding: 5px 10px;
  color: #fff;
  margin-top: 1rem;
  font-size: 16px;
  line-height: 1;
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .book-series-wrapper .book-series .book-series-item {
    flex-basis: 100%;
  }
  .book-series-wrapper .book-series .book-series-item .content-block h3 {
    font-size: 1.1rem;
  }
  .book-series-wrapper .book-series .book-series-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .book-series-wrapper .book-series .book-series-item .content-block .view-more {
    font-size: 14px;
  }
  .book-series-wrapper .book-series .book-series-item:hover {
    background: #201747;
  }
  .book-series-wrapper .book-series .book-series-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item {
    flex-basis: 32%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .book-series-wrapper .book-series .book-series-item {
    flex-basis: 100%;
  }
  .book-series-wrapper .book-series .book-series-item .content-block h3 {
    font-size: 1.1rem;
  }
  .book-series-wrapper .book-series .book-series-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .book-series-wrapper .book-series .book-series-item .content-block .view-more {
    font-size: 14px;
  }
  .book-series-wrapper .book-series .book-series-item:hover {
    background: #201747;
  }
  .book-series-wrapper .book-series .book-series-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .book-series-wrapper .book-series .book-series-item {
    flex-basis: 100%;
  }
  .book-series-wrapper .book-series .book-series-item .content-block h3 {
    font-size: 1.1rem;
  }
  .book-series-wrapper .book-series .book-series-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .book-series-wrapper .book-series .book-series-item .content-block .view-more {
    font-size: 14px;
  }
  .book-series-wrapper .book-series .book-series-item:hover {
    background: #201747;
  }
  .book-series-wrapper .book-series .book-series-item:hover .content-block .view-more {
    font-size: 14px;
  }
  .book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item {
    flex-basis: 49%;
  }
}
@media screen and (max-width: 420px) {
  .book-details-container .book-volumes .book-volumes-content .book-volumes-list .book-volume-item {
    flex-basis: 100%;
  }
}
.events-calendar-wrapper .events-calendar-views ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: center;
}
.events-calendar-wrapper .events-calendar-views ul li {
  display: inline-block;
  padding: 10px;
}
.events-calendar-wrapper .events-calendar-views ul li a {
  display: block;
  border: 2px solid #201747;
  border-radius: 20px;
  font-size: 16px;
  color: #201747;
}
[lang=en-gb] .events-calendar-wrapper .events-calendar-views ul li a {
  padding: 5px 20px 5px 40px;
  background: url(../images/icons/cal-blue.png) 10px 6px no-repeat;
  background-size: 17px;
}
[lang=ar] .events-calendar-wrapper .events-calendar-views ul li a {
  padding: 5px 40px 5px 20px;
  background: url(../images/icons/cal-blue.png) right 10px top 6px no-repeat;
  background-size: 17px;
}
.events-calendar-wrapper .events-calendar-views ul li a:hover, .events-calendar-wrapper .events-calendar-views ul li a.active {
  color: #fff;
}
[lang=en-gb] .events-calendar-wrapper .events-calendar-views ul li a:hover, [lang=en-gb] .events-calendar-wrapper .events-calendar-views ul li a.active {
  background: url(../images/icons/cal-white.png) 10px 6px no-repeat #201747;
  background-size: 17px;
}
[lang=ar] .events-calendar-wrapper .events-calendar-views ul li a:hover, [lang=ar] .events-calendar-wrapper .events-calendar-views ul li a.active {
  background: url(../images/icons/cal-white.png) right 10px top 6px no-repeat #201747;
  background-size: 17px;
}
[lang=en-gb] .events-calendar-wrapper .events-calendar-views ul li a.compact-view-link {
  background: url(../images/icons/compact-blue.png) 10px 6px no-repeat;
  background-size: 17px;
}
[lang=ar] .events-calendar-wrapper .events-calendar-views ul li a.compact-view-link {
  background: url(../images/icons/compact-blue.png) right 10px top 6px no-repeat;
  background-size: 17px;
}
.events-calendar-wrapper .events-calendar-views ul li a.compact-view-link:hover, .events-calendar-wrapper .events-calendar-views ul li a.compact-view-link.active {
  color: #fff;
}
[lang=en-gb] .events-calendar-wrapper .events-calendar-views ul li a.compact-view-link:hover, [lang=en-gb] .events-calendar-wrapper .events-calendar-views ul li a.compact-view-link.active {
  background: url(../images/icons/compact-white.png) 10px 6px no-repeat #201747;
  background-size: 17px;
}
[lang=ar] .events-calendar-wrapper .events-calendar-views ul li a.compact-view-link:hover, [lang=ar] .events-calendar-wrapper .events-calendar-views ul li a.compact-view-link.active {
  background: url(../images/icons/compact-white.png) right 10px top 6px no-repeat #201747;
  background-size: 17px;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title {
  position: relative;
  margin: 2rem 0;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .previous-link, .events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .next-link {
  position: absolute;
  top: 5px;
  left: 0;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .previous-link a, .events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .next-link a {
  background: url(../images/calendar-nav-prev.png) no-repeat;
  width: 20px;
  height: 32px;
  display: block;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .previous-link a span, .events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .next-link a span {
  display: none;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .next-link {
  right: 0;
  left: auto;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .next-link a {
  background: url(../images/calendar-nav-next.png) no-repeat;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-title .month-name h2 {
  text-align: center;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-days {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-days div {
  flex-basis: 14.285%;
  background: #201747;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
  border: 1px solid #fff;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-dates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-dates .date-item {
  flex-basis: 14.285%;
  height: 200px;
  background: #eeeeee;
  padding: 10px 20px;
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
  border: 1px solid #fff;
  font-size: 40px;
  color: #201747;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-dates .date-item.with-event {
  background: #abe5ef;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-dates .date-item.with-event .event-title {
  font-size: 12px;
  color: #201747;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-dates .date-item.with-event .event-links ul {
  margin: 0;
  list-style: none;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-dates .date-item.with-event .event-links ul li {
  display: inline-block;
}
.events-calendar-wrapper .events-calendar-content .monthly-view .monthly-calendar-dates .date-item.with-event .event-links ul li a {
  display: block;
  padding: 2px 8px;
  background: #9b7b37;
  color: #fff;
  font-size: 12px;
  border-radius: 10px;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header {
  background: #201747;
  width: 100%;
  color: #fff;
  display: flex;
  padding: 20px 20px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header > div {
  display: flex;
  flex-wrap: wrap;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .date-filter-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .date-filter-wrap ul li {
  list-style: none;
  margin: 0;
  font-size: 18px;
  margin-bottom: 8px;
}
[lang=en-gb] .events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .date-filter-wrap ul li {
  padding-right: 10px;
}
[lang=ar] .events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .date-filter-wrap ul li {
  padding-left: 10px;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .date-filter-wrap ul li select {
  border-radius: 15px;
  min-width: 100px;
}
[lang=en-gb] .events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .date-filter-wrap ul li.date-filter-field {
  padding-right: 2rem;
}
[lang=ar] .events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .date-filter-wrap ul li.date-filter-field {
  padding-left: 2rem;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .keyword-filter-wrap input {
  border-radius: 15px;
  border: none;
  padding: 0 10px;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-event-month {
  flex-basis: 250px;
  background: #efebe7;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 240px;
  padding: 20px;
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  color: #864c89;
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
  position: relative;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-event-month::after {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #efebe7;
  content: "";
  display: block;
  right: -16px;
  position: absolute;
  top: calc(50% - 8px);
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month-items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month-items .compact-event-item {
  width: 250px;
  border-radius: 10px;
  height: 240px;
  padding: 20px;
  background: #abe5ef;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month-items .compact-event-item > div {
  width: 100%;
  margin-bottom: 10px;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month-items .compact-event-item .event-categoty {
  display: inline-block;
  padding: 3px 20px;
  background: #201747;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  margin-bottom: 10px;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month-items .compact-event-item .event-date {
  font-size: 12px;
  text-transform: uppercase;
  color: #201747;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month-items .compact-event-item .event-title {
  font-size: 14px;
  color: #201747;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month-items .compact-event-item .event-links ul {
  margin: 0;
}
.events-calendar-wrapper .events-calendar-content .compact-view .compact-view-content .compact-events-list .compact-view-month-items .compact-event-item .event-links ul li {
  display: inline-block;
  padding: 3px 15px;
  background: #9b7c38;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
}

@media only screen and (max-width: 900px) {
  .events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .date-filter-wrap ul li {
    flex-basis: 49%;
  }
  .events-calendar-wrapper .events-calendar-content .compact-view .compact-view-header .keyword-filter-wrap input {
    padding: 10px;
  }
}
@media only screen and (max-width: 900px) {
  .events-calendar-views {
    display: none;
  }
}
.cile-publications-wrapper .cile-publications-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.cile-publications-wrapper .cile-publications-list .cile-publications-item {
  flex-basis: 24%;
  border-radius: 10px;
  border: 1px solid #9b7b37;
  background: #fff;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.cile-publications-wrapper .cile-publications-list .cile-publications-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.cile-publications-wrapper .cile-publications-list .cile-publications-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.cile-publications-wrapper .cile-publications-list .cile-publications-item .content-block {
  padding: 15px;
}
.cile-publications-wrapper .cile-publications-list .cile-publications-item .content-block h3 {
  font-size: 1.1rem;
  color: #201747;
  margin-bottom: 5px;
}
.cile-publications-wrapper .cile-publications-list .cile-publications-item .content-block .publication-element, .cile-publications-wrapper .cile-publications-list .cile-publications-item .content-block .date-element {
  font-size: 0.95rem;
  color: #201747;
  margin-bottom: 5px;
}
.cile-publications-wrapper .cile-publications-list .cile-publications-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.cile-publications-wrapper .cile-publications-list .cile-publications-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

.more-link {
  width: 100%;
}
[lang=en-gb] .more-link {
  text-align: center;
}
[lang=ar] .more-link {
  text-align: center;
}
.more-link a {
  display: inline-block;
  background: #9b7b37;
  border-radius: 20px;
  padding: 8px 20px;
  color: #fff;
  margin-top: 1rem;
  font-size: 16px;
  line-height: 1;
}
[lang=en-gb] .more-link a {
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .more-link a {
  font-family: "GE Thameen", Helvetica, Roboto, Arial, sans-serif;
}
.more-link a:hover {
  background: #201747;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.container.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.content-wrap {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  padding: 3rem 2rem;
}

p {
  margin-bottom: 1rem;
  font-size: 1rem;
}
[lang=en-gb] p {
  font-family: "DaxlinePro Medium", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] p {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}

ul, ol {
  margin: 0;
}
ul li, ol li {
  margin-bottom: 8px;
  font-size: 1rem;
}
[lang=en-gb] ul li, [lang=en-gb] ol li {
  font-family: "DaxlinePro Medium", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] ul li, [lang=ar] ol li {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
}
[lang=en-gb] h1, [lang=en-gb] h2, [lang=en-gb] h3, [lang=en-gb] h4, [lang=en-gb] h5, [lang=en-gb] h6 {
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] h1, [lang=ar] h2, [lang=ar] h3, [lang=ar] h4, [lang=ar] h5, [lang=ar] h6 {
  font-family: "GE Thameen", Helvetica, Roboto, Arial, sans-serif;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 32px;
  color: #712077;
  text-transform: uppercase;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 22px;
}

main ul li {
  list-style: disc inside;
}
main ol li {
  list-style: decimal inside;
}

.load-more {
  display: block;
  text-align: center;
}
.load-more a {
  display: inline-block;
  background: #201747;
  border-radius: 20px;
  padding: 8px 20px;
  color: #fff;
  margin-top: 1rem;
  font-size: 16px;
  line-height: 1;
}
[lang=en-gb] .load-more a {
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .load-more a {
  font-family: "GE Thameen", Helvetica, Roboto, Arial, sans-serif;
}
.load-more a:hover {
  background: #201747;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

@media only screen and (max-width: 600px) {
  .container.row {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .content-wrap {
    padding: 2rem 1rem;
  }
}
.ma-nav-fixed {
  position: fixed;
  top: 0;
  background: #fff;
  width: 100%;
  left: 0;
  z-index: 100;
}

.loader {
  width: 100%;
  height: 100%;
  background: #fff url(/themes/ethics/images/loader.gif) center center no-repeat;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
}

#podcast-video-popup.fancybox-content, #professor-video-popup.fancybox-content {
  width: 1000px;
  height: 560px;
}

.field--name-field-media-oembed-video {
  position: relative;
  margin-bottom: 2rem;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.field--name-field-media-oembed-video iframe, .field--name-field-media-oembed-video object, .field--name-field-media-oembed-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#podcast-video-popup.fancybox-content iframe, #professor-video-popup.fancybox-content iframe {
  width: 100%;
  height: 465px;
}

.field--name-field-event-date {
  font-size: 25px;
  color: #712077;
}

.additional-accordion {
  background: #efece7;
}

.accordion-element {
  border-top: 1px solid #b9b9b5;
  font-size: 15px;
}

.accordion-title {
  font-weight: bold;
  padding: 10px 36px 10px 0;
  position: relative;
  cursor: pointer;
  color: #712077;
  margin-top: 12px;
}

.accordion-title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 36px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
  color: inherit;
  font-size: 20px;
  background: url(/themes/ethics/images/icons/arrow-accordion-up.png);
  height: 20px;
  background-repeat: no-repeat;
  background-size: 24px;
}

.accordion-title.content-open:after {
  content: "";
  background: url(/themes/ethics/images/icons/arrow-accordion-down.png);
  height: 20px;
  background-repeat: no-repeat;
  background-size: 24px;
}

.accordion-content {
  display: none;
  padding-bottom: 10px;
}

/*Grid boxes for Related content*/
.related-wrapper h3 {
  font-size: 32px;
}
.related-wrapper .row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  overflow: hidden;
  gap: 1%;
}
.related-wrapper .row > div {
  height: 350px;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: ease-in-out;
}
.related-wrapper .row > div:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition-property: all;
  transition-duration: 0.2s;
  border-radius: 7px;
  background: rgba(32, 23, 71, 0.3);
}
.related-wrapper .row:hover > div {
  flex-basis: 16.6666666667%;
  flex-basis: 16.6%;
  max-width: 16.6666666667%;
  max-width: 16.6%;
}
.related-wrapper .row .related-item {
  flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
  max-width: 25%;
  position: relative;
  height: 100%;
  background-image: url(/themes/ethics/images/photos-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
  height: 350px;
  border-radius: 7px;
  padding: 30px;
}
.related-wrapper .row .related-item.video {
  background-image: url(/themes/ethics/images/video-bg.jpg);
}
.related-wrapper .row .related-item.publication {
  background-image: url(/themes/ethics/images/publication-bg.jpg);
}
.related-wrapper .row .related-item.activity {
  background-image: url(/themes/ethics/images/activities-bg.jpg);
}
.related-wrapper .row .related-item a {
  text-decoration: none;
}
.related-wrapper .row .related-item a h3 {
  text-decoration: none;
}
.related-wrapper .row .related-item .icon {
  position: absolute;
  width: 64px;
  height: 64px;
  background-image: url(/themes/ethics/images/icons/photos-ico.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  filter: invert(1);
  transition-property: all;
  transition-duration: 0.7s;
}
.related-wrapper .row .related-item.video .icon {
  background-image: url(/themes/ethics/images/icons/viedo-ico.svg);
}
.related-wrapper .row .related-item.publication .icon {
  background-image: url(/themes/ethics/images/icons/publication-ico.svg);
}
.related-wrapper .row .related-item.activity .icon {
  background-image: url(/themes/ethics/images/icons/activities-ico.svg);
}
.related-wrapper .row .related-item h3 {
  font-size: 25px;
  color: #fff;
  text-decoration: none;
}
.related-wrapper .row .related-item > div {
  height: 100%;
  position: relative;
}
.related-wrapper .row .related-item > a > div {
  position: relative;
  height: 100%;
  padding: 0rem 0;
}
.related-wrapper .row .related-item .description {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem 0;
  opacity: 0;
  color: #fff;
}
.related-wrapper .row .related-item .description a {
  color: #fff;
}
.related-wrapper .row .related-item:hover {
  flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
  max-width: 50%;
}
.related-wrapper .row .related-item:hover .icon {
  top: 0px;
  right: 0px;
  left: auto;
  background-size: 42px;
  transition-property: all;
  transition-duration: 0.7s;
}
.related-wrapper .row .related-item:hover .title {
  text-shadow: none;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
.related-wrapper .row .related-item:hover .title a {
  text-decoration: none;
}
.related-wrapper .row .related-item:hover .subtitle {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0.5s;
}
.related-wrapper .row .related-item:hover .category-icon {
  opacity: 1;
  filter: grayscale(0%);
}
.related-wrapper .row .related-item:hover .description {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0.5s;
}
.related-wrapper .row .related-item:hover .description a {
  text-decoration: none;
}
.related-wrapper .row .related-item:hover .description .view-details {
  position: absolute;
  left: 0;
  top: calc(50% - 15px);
  text-align: center;
  width: 100%;
}
.related-wrapper .row .related-item:hover .description .view-details span {
  display: inline-block;
  background: #9b7b37;
  border-radius: 20px;
  padding: 8px 20px;
  color: #fff;
  margin-top: 1rem;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.related-wrapper .row .related-item:hover:before {
  background: rgba(32, 23, 71, 0.3);
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.page-node-type-annual-conferences .fancybox-content {
  width: 1200px;
}

.webform-submission-contact-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.webform-submission-contact-form .form-type-textfield, .webform-submission-contact-form .form-type-email {
  flex-basis: 49%;
  margin-top: 0;
}
.webform-submission-contact-form .form-type-textfield label, .webform-submission-contact-form .form-type-email label {
  display: none;
}
.webform-submission-contact-form .form-type-textfield input, .webform-submission-contact-form .form-type-email input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.webform-submission-contact-form .form-type-select, .webform-submission-contact-form .form-type-textarea {
  flex-basis: 100%;
  margin-top: 0;
}
.webform-submission-contact-form .form-type-select label, .webform-submission-contact-form .form-type-textarea label {
  display: none;
}
.webform-submission-contact-form .form-type-select textarea, .webform-submission-contact-form .form-type-textarea textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.webform-submission-contact-form .form-type-select select, .webform-submission-contact-form .form-type-textarea select {
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  color: #0a0a0a;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.webform-submission-contact-form .form-actions {
  position: relative;
  overflow: hidden;
  clear: both;
  width: 100%;
}
[lang=en-gb] .webform-submission-contact-form .form-actions {
  text-align: right;
}
[lang=ar] .webform-submission-contact-form .form-actions {
  text-align: left;
}
.webform-submission-contact-form .form-actions::before {
  content: " ";
  height: 1px;
  background: #ccc;
  width: 100%;
  display: block;
  position: absolute;
  top: 30px;
}
.webform-submission-contact-form .form-actions .form-submit {
  display: inline-block;
  border-radius: 30px;
  font-size: 1.2rem;
  color: #fff;
  border: none;
  outline: none;
  margin: 0;
  border: 10px solid #fff;
  position: relative;
  z-index: 1;
  background-size: 20px auto;
}
[lang=en-gb] .webform-submission-contact-form .form-actions .form-submit {
  padding: 10px 50px 10px 20px;
  background: url(/themes/ethics/images/arrowRight.png) right 20px top 15px no-repeat #9b7c39;
}
[lang=ar] .webform-submission-contact-form .form-actions .form-submit {
  padding: 10px 20px 10px 50px;
  background: url(/themes/ethics/images/arrowleft.png) left 20px top 15px no-repeat #9b7c39;
}

@media screen and (max-width: 600px) {
  .webform-submission-contact-form .form-type-textfield, .webform-submission-contact-form .form-type-email {
    flex-basis: 100%;
  }
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item {
  flex-basis: 24%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block {
  padding: 15px;
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .publication-element, .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item {
    flex-basis: 32.33%;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item:hover {
    background: #201747;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item {
    flex-basis: 49%;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item:hover {
    background: #201747;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item {
    flex-basis: 100%;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item:hover {
    background: #201747;
  }
  .archived-conferences-listing-wrapper .archived-conferences-listing-list .archived-conferences-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.conferences-listing-wrapper {
  margin: 2rem 0;
}
.conferences-listing-wrapper .conferences-listing-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item {
  flex-basis: 100%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 30px;
  padding: 30px;
  transition: all linear 0.3s;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item > a {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 2%;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .image-block {
  display: block;
  height: 260px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
  flex-basis: 28%;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block {
  padding: 15px;
  flex-basis: 70%;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .publication-element, .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .description {
  color: #fff;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .date-element {
  color: #fff;
  font-weight: bold;
  padding-bottom: 10px;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.conferences-listing-wrapper .conferences-listing-list .conferences-listing-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item {
    flex-basis: 100%;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item:hover {
    background: #201747;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item {
    flex-basis: 100%;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .image-block {
    flex-basis: 100%;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block {
    flex-basis: 100%;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item:hover {
    background: #201747;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item {
    flex-basis: 100%;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .image-block {
    flex-basis: 100%;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block {
    flex-basis: 100%;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item:hover {
    background: #201747;
  }
  .conferences-listing-wrapper .conferences-listing-list .conferences-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.events-calendar-wrapper .events-calendar-view-content {
  display: none;
}
.events-calendar-wrapper .events-calendar-view-content.active {
  display: block;
}
.events-calendar-wrapper .date-item.previous-date,
.events-calendar-wrapper .date-item.next-date {
  opacity: 0.5;
}
.events-calendar-wrapper a.month-nav-link.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.events-listing-wrapper .events-listing-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.events-listing-wrapper .events-listing-list .events-listing-item {
  flex-basis: 24%;
  border-radius: 10px;
  border: 1px solid #9b7b37;
  background: #fff;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.events-listing-wrapper .events-listing-list .events-listing-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.events-listing-wrapper .events-listing-list .events-listing-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.events-listing-wrapper .events-listing-list .events-listing-item .content-block {
  padding: 15px;
}
.events-listing-wrapper .events-listing-list .events-listing-item .content-block h3 {
  font-size: 1.1rem;
  color: #201747;
  margin-bottom: 5px;
}
.events-listing-wrapper .events-listing-list .events-listing-item .content-block .publication-element {
  font-size: 0.95rem;
  color: #201747;
  margin-bottom: 5px;
}
.events-listing-wrapper .events-listing-list .events-listing-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.events-listing-wrapper .events-listing-list .events-listing-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .events-listing-wrapper .events-listing-list .events-listing-item {
    flex-basis: 32.33%;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .events-listing-wrapper .events-listing-list .events-listing-item {
    flex-basis: 49%;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .events-listing-wrapper .events-listing-list .events-listing-item {
    flex-basis: 100%;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .events-listing-wrapper .events-listing-list .events-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@font-face {
  font-family: "DaxlinePro Regular";
  src: url("../fonts/DaxlinePro-Regular.eot");
  src: url("../fonts/DaxlinePro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DaxlinePro-Regular.woff2") format("woff2"), url("../fonts/DaxlinePro-Regular.woff") format("woff"), url("../fonts/DaxlinePro-Regular.ttf") format("truetype"), url("../fonts/DaxlinePro-Regular.svg#DaxlinePro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DaxlinePro Light";
  src: url("../fonts/DaxlinePro-Light.eot");
  src: url("../fonts/DaxlinePro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DaxlinePro-Light.woff2") format("woff2"), url("../fonts/DaxlinePro-Light.woff") format("woff"), url("../fonts/DaxlinePro-Light.ttf") format("truetype"), url("../fonts/DaxlinePro-Light.svg#DaxlinePro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DaxlinePro Medium";
  src: url("../fonts/DaxlinePro-Medium.eot");
  src: url("../fonts/DaxlinePro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DaxlinePro-Medium.woff2") format("woff2"), url("../fonts/DaxlinePro-Medium.woff") format("woff"), url("../fonts/DaxlinePro-Medium.ttf") format("truetype"), url("../fonts/DaxlinePro-Medium.svg#DaxlinePro-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DaxlinePro Bold";
  src: url("../fonts/DaxlinePro-Bold.eot");
  src: url("../fonts/DaxlinePro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DaxlinePro-Bold.woff2") format("woff2"), url("../fonts/DaxlinePro-Bold.woff") format("woff"), url("../fonts/DaxlinePro-Bold.ttf") format("truetype"), url("../fonts/DaxlinePro-Bold.svg#DaxlinePro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DaxlinePro Black";
  src: url("../fonts/DaxlinePro-Black.eot");
  src: url("../fonts/DaxlinePro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/DaxlinePro-Black.woff2") format("woff2"), url("../fonts/DaxlinePro-Black.woff") format("woff"), url("../fonts/DaxlinePro-Black.ttf") format("truetype"), url("../fonts/DaxlinePro-Black.svg#DaxlinePro-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GretaArabic";
  src: url("../fonts/GretaArabic-Regular.eot");
  src: url("../fonts/GretaArabic-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GretaArabic-Regular.woff2") format("woff2"), url("../fonts/GretaArabic-Regular.woff") format("woff"), url("../fonts/GretaArabic-Regular.ttf") format("truetype"), url("../fonts/GretaArabic-Regular.svg#GretaArabic-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GE Thameen";
  src: url("../fonts/GEThameen-DemiBold.eot");
  src: url("../fonts/GEThameen-DemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/GEThameen-DemiBold.woff2") format("woff2"), url("../fonts/GEThameen-DemiBold.woff") format("woff"), url("../fonts/GEThameen-DemiBold.ttf") format("truetype"), url("../fonts/GEThameen-DemiBold.svg#GEThameen-DemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}
footer {
  background: url(/themes/ethics/images/icons/logo-mark.png) right top no-repeat #201747;
}
footer .footer-wrap {
  padding: 3rem 0;
}
footer .footer-wrap .footer-top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
  border-bottom: 1px solid #4d456c;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}
footer .footer-wrap .footer-top-left {
  flex-basis: 66%;
}
[lang=en-gb] footer .footer-wrap .footer-top-left {
  border-right: 1px solid #4d456c;
}
[lang=ar] footer .footer-wrap .footer-top-left {
  border-left: 1px solid #4d456c;
}
footer .footer-wrap .footer-top-left > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
footer .footer-wrap .footer-top-left nav.menu--footer {
  flex-basis: 40%;
}
footer .footer-wrap .footer-top-left nav.menu--footer ul {
  margin: 0;
  padding: 0;
}
footer .footer-wrap .footer-top-left nav.menu--footer ul li {
  display: block;
  list-style: none;
  width: 100%;
}
footer .footer-wrap .footer-top-left nav.menu--footer ul li a {
  color: #fff;
  display: block;
  padding: 5px 0;
  font-size: 1rem;
}
footer .footer-wrap .footer-top-left .block-footer-contact-block {
  flex-basis: 59%;
}
footer .footer-wrap .footer-top-left .block-footer-contact-block .contact-info h2 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 10px;
}
footer .footer-wrap .footer-top-left .block-footer-contact-block .contact-info p {
  color: #fff;
  margin-bottom: 0px;
}
footer .footer-wrap .footer-top-left .block-footer-contact-block .contact-info a {
  color: #fff;
  border: 1px solid #4d456c;
  display: inline-block;
  border-radius: 20px;
  padding: 3px 20px;
  margin-top: 10px;
}
footer .footer-wrap .footer-top-left .block-footer-contact-block .contact-info a:hover {
  color: #fff;
}
footer .footer-wrap .footer-top-right {
  flex-basis: 33%;
}
footer .footer-wrap .block-follow-us-block {
  width: 100%;
}
footer .footer-wrap .block-follow-us-block .followus-wrapper {
  margin-bottom: 2rem;
  padding-left: 30px;
}
footer .footer-wrap .block-follow-us-block .followus-wrapper h2 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 10px;
}
footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul {
  margin: 0;
  padding: 0;
}
footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul li {
  list-style: none;
  display: inline-block;
}
[lang=en-gb] footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul li {
  padding-right: 10px;
}
[lang=ar] footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul li {
  padding-left: 10px;
}
footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul li a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(/themes/ethics/images/icons/yt.png) no-repeat #fff;
  background-size: 20px;
  border-radius: 50%;
  background-position: center center;
}
footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul li a span {
  display: none;
}
footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul li a:hover {
  background-color: #f1f1f1;
}
footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul li a.xter {
  background-image: url(/themes/ethics/images/icons/twitter.png);
}
footer .footer-wrap .block-follow-us-block .followus-wrapper .followus-info ul li a.fbook {
  background-image: url(/themes/ethics/images/icons/meta.png);
}
footer .footer-wrap #block-ethics-webform {
  max-width: 350px;
  width: 100%;
  padding-left: 30px;
}
footer .footer-wrap #block-ethics-webform form {
  width: 100%;
  position: relative;
}
footer .footer-wrap #block-ethics-webform form #edit-actions--2 {
  position: absolute;
  bottom: -2px;
}
[lang=en-gb] footer .footer-wrap #block-ethics-webform form #edit-actions--2 {
  right: 10px;
}
[lang=ar] footer .footer-wrap #block-ethics-webform form #edit-actions--2 {
  left: 10px;
}
footer .footer-wrap #block-ethics-webform form #edit-actions--2 input.button {
  margin: 0;
  padding: 0;
  background: url(/themes/ethics/images/icons/send-btn.png) no-repeat transparent;
  width: 24px;
  height: 20px;
  background-size: contain;
  color: transparent;
  font-size: 1px;
  border: none;
  cursor: pointer;
}
footer .footer-wrap #block-ethics-webform form .webform-confirmation__message {
  color: #fff;
}
footer .footer-wrap #block-ethics-webform h2 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 10px;
}
footer .footer-wrap #block-ethics-webform label {
  display: none;
}
footer .footer-wrap #block-ethics-webform input[type=email] {
  background: transparent;
  border: 1px solid #4d456c;
  border-radius: 20px;
  color: #fff;
  padding: 12px;
  width: 100%;
}

.bottom-bar {
  padding: 2rem 0;
  color: #fff;
}

.copyright {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  footer .footer-wrap .footer-top {
    display: block;
  }
  footer .footer-wrap .footer-top .footer-top-left > div {
    display: block;
  }
  footer .footer-wrap .footer-top .footer-top-left {
    border-right: 0;
  }
  footer .footer-wrap .footer-top .footer-top-left nav .menu--footer {
    padding: 20px 0px;
  }
  footer .footer-wrap .footer-top .footer-top-left .block-footer-contact-block {
    padding-bottom: 20px;
  }
  footer .footer-wrap .footer-top .block-follow-us-block .followus-wrapper {
    padding-left: 0;
  }
  footer .footer-wrap .footer-top #block-ethics-webform {
    padding-left: 0;
  }
}
.funded-projects-wrapper .funded-projects {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.funded-projects-wrapper .funded-projects .funded-projects-item {
  flex-basis: 100%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 0px;
  transition: all linear 0.3s;
  position: relative;
}
.funded-projects-wrapper .funded-projects .funded-projects-item .image-block {
  display: block;
  min-height: 220px;
  background-size: 100%;
  position: relative;
  border-radius: 10px;
}
[lang=en-gb] .funded-projects-wrapper .funded-projects .funded-projects-item .image-block {
  background-position: right;
}
[lang=ar] .funded-projects-wrapper .funded-projects .funded-projects-item .image-block {
  background-position: left;
}
.funded-projects-wrapper .funded-projects .funded-projects-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.funded-projects-wrapper .funded-projects .funded-projects-item .content-block {
  padding: 30px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
[lang=en-gb] .funded-projects-wrapper .funded-projects .funded-projects-item .content-block {
  background: linear-gradient(to right, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
[lang=ar] .funded-projects-wrapper .funded-projects .funded-projects-item .content-block {
  background: linear-gradient(to left, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
.funded-projects-wrapper .funded-projects .funded-projects-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.funded-projects-wrapper .funded-projects .funded-projects-item .content-block .publication-element, .funded-projects-wrapper .funded-projects .funded-projects-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.funded-projects-wrapper .funded-projects .funded-projects-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.funded-projects-wrapper .funded-projects .funded-projects-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .funded-projects-wrapper .funded-projects .funded-projects-item {
    flex-basis: 100%;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block h3 {
    font-size: 1.1rem;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block .view-more {
    font-size: 14px;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item:hover {
    background: #201747;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .funded-projects-wrapper .funded-projects .funded-projects-item {
    flex-basis: 100%;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block h3 {
    font-size: 1.1rem;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block .view-more {
    font-size: 14px;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item:hover {
    background: #201747;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .funded-projects-wrapper .funded-projects .funded-projects-item {
    flex-basis: 100%;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block h3 {
    font-size: 1.1rem;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item .content-block .view-more {
    font-size: 14px;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item:hover {
    background: #201747;
  }
  .funded-projects-wrapper .funded-projects .funded-projects-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
header {
  background: #201747;
}
header .header-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.path-frontpage header .header-container {
  position: relative;
}
header .header-container .header-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0px;
}
header .header-container .header-wrap .header-left .site-logo {
  max-width: 250px;
  display: block;
  padding-bottom: 20px;
}
header .header-container .header-wrap .header-right .header-right-top {
  padding-bottom: 30px;
}
[lang=en-gb] header .header-container .header-wrap .header-right .header-right-top {
  text-align: right;
}
[lang=ar] header .header-container .header-wrap .header-right .header-right-top {
  text-align: left;
}
header .header-container .header-wrap .header-right .header-right-top .language-switcher-language-url, header .header-container .header-wrap .header-right .header-right-top .search-block-form {
  display: inline-block;
}
header .header-container .header-wrap .header-right .header-right-top .language-switcher-language-url a, header .header-container .header-wrap .header-right .header-right-top .search-block-form a {
  color: #fff;
}
[lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .language-switcher-language-url a, [lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .search-block-form a {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] header .header-container .header-wrap .header-right .header-right-top .language-switcher-language-url a, [lang=ar] header .header-container .header-wrap .header-right .header-right-top .search-block-form a {
  font-family: "DaxlinePro Medium", Helvetica, Roboto, Arial, sans-serif;
}
header .header-container .header-wrap .header-right .header-right-top .search-block-form {
  position: relative;
}
header .header-container .header-wrap .header-right .header-right-top .search-block-form form input[type=search] {
  border: none;
  border-radius: 20px;
}
[lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .search-block-form form input[type=search] {
  margin-left: 15px;
  padding: 5px 30px 5px 20px;
}
[lang=ar] header .header-container .header-wrap .header-right .header-right-top .search-block-form form input[type=search] {
  margin-right: 15px;
  padding: 5px 20px 5px 30px;
}
header .header-container .header-wrap .header-right .header-right-top .search-block-form .form-actions {
  display: block;
  position: absolute;
  top: 25px;
}
[lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .search-block-form .form-actions {
  right: 10px;
}
[lang=ar] header .header-container .header-wrap .header-right .header-right-top .search-block-form .form-actions {
  left: 10px;
}
header .header-container .header-wrap .header-right .header-right-top .search-block-form .form-actions input[data-drupal-selector=edit-submit] {
  background: url(/themes/ethics/images/icons/search.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  border-radius: 0%;
  outline: none;
  color: transparent;
  border: none;
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu {
  margin: 0;
  padding: 0;
  display: block;
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li {
  display: inline-block;
  padding: 20px 5px;
  position: relative;
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li a {
  color: #fff;
  font-size: 18px;
  padding: 5px;
}
[lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li a {
  font-family: "DaxlinePro Medium", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li a {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul {
  display: none;
  position: absolute;
  width: 300px;
  background: #fff;
  z-index: 1;
  padding: 25px 0;
  top: 65px;
  -webkit-box-shadow: 0px 1px 2px -1px rgb(51, 51, 51);
  -moz-box-shadow: 0px 1px 2px -1px rgb(51, 51, 51);
  box-shadow: 0px 1px 2px -1px rgb(51, 51, 51);
}
[lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul {
  margin-left: 0rem;
}
[lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul {
  margin-right: 0rem;
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li {
  display: block;
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li a {
  color: #000;
  padding: 8px 20px;
  display: block;
  position: relative;
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  width: 20px;
  height: 20px;
}
[lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li a::after {
  right: 15px;
  background: url(/themes/ethics/images/arrowRight.svg);
}
[lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li a::after {
  left: 15px;
  background: url(/themes/ethics/images/arrow-Left.svg);
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li a:hover {
  background: #f3f2f9;
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li.menu-item--expanded:hover::after {
  width: 0;
  text-align: center;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #fff;
  position: absolute;
  top: 50px;
  content: "";
  display: block;
}
[lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li.menu-item--expanded:hover::after {
  left: calc(50% - 9px);
}
[lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li.menu-item--expanded:hover::after {
  right: calc(50% - 9px);
}
header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li.menu-item--expanded:hover ul {
  display: block;
}

/*Home Page Banner*/
.header-container .slider-container {
  margin-bottom: 0;
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
}
.header-container .slider-container .slide-wrap .slider-image {
  height: 440px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.header-container .slider-container .slide-wrap .slider-image::after {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(37, 9, 40, 0) 0%, rgba(37, 9, 40, 0) 1%, rgba(37, 9, 40, 0.7) 100%);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}
.header-container .slider-container .slide-wrap .slider-caption {
  position: absolute;
  bottom: 0;
  padding: 40px;
  max-width: 600px;
}
.header-container .slider-container .slide-wrap .slider-caption h2 {
  font-size: 2rem;
  color: #fff;
}
.header-container .slider-container .slick-prev, .header-container .slider-container .slick-next {
  z-index: 3;
}
.header-container .slider-container .slick-dots {
  bottom: 30px;
}
.header-container .slider-container .slick-dots li button:before {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
}

.page-banner {
  width: 100%;
  height: 50vh;
  min-height: 400px;
  position: relative;
}
.page-banner .banner-image {
  height: 100%;
  background-size: cover;
  background-position: center;
}
.page-banner .banner-image:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(32, 23, 71, 0.6);
}
.page-banner .banner-content {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 30px;
}
.page-banner .banner-content h1 {
  color: #fff;
}

.mobileview, .mobile-search-box {
  display: none;
}

@media only screen and (max-width: 1199px) {
  header .header-container .header-wrap {
    align-items: flex-start;
  }
  header .header-container .header-wrap .header-right {
    padding-top: 20px;
  }
  header .header-container .header-wrap .header-right .header-right-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .toggle-search {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: url(../images/icons/search.png) no-repeat center center #fff;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .toggle-search span {
    display: none;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--container {
    display: inline-block;
    z-index: 999;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder {
    display: flex;
    flex-direction: column;
    gap: 0.4125rem;
    justify-content: end;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder .bar {
    background-color: #fff;
    border-radius: 30px;
    width: 1.875rem;
    height: 0.125rem;
    transition: transform 0.2s, background-color 0.4s;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder .bar:nth-child(1) {
    transform: translate3d(0, -1px, 0);
    width: 2.2rem;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder .bar:nth-child(2) {
    transform: translate3d(0, 0, 0);
    width: 1.2rem;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder .bar:nth-child(2) {
    margin: 0 0 0 auto;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder .bar:nth-child(2) {
    margin: 0 auto 0 0;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder .bar:nth-child(3) {
    transform: translate3d(0, 1px, 0);
    width: 2.2rem;
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder.mobile--icon-clicked .bar:nth-child(1) {
    -webkit-transform: translate3d(0, 8px, 0) rotate(43deg);
    -moz-transform: translate3d(0, 8px, 0) rotate(43deg);
    -o-transform: translate3d(0, 8px, 0) rotate(43deg);
    transform: translate3d(0, 8px, 0) rotate(43deg);
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder.mobile--icon-clicked .bar:nth-child(2) {
    -webkit-transform: translate3d(-8px, 2px, 0) scale(0, 1);
    -moz-transform: translate3d(-8px, 2px, 0) scale(0, 1);
    -o-transform: translate3d(-8px, 2px, 0) scale(0, 1);
    transform: translate3d(-8px, 2px, 0) scale(0, 1);
  }
  header .header-container .header-wrap .header-right .header-right-top .mobileview .menu-toggle--holder.mobile--icon-clicked .bar:nth-child(3) {
    -webkit-transform: translate3d(0, -12px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -12px, 0) rotate(-45deg);
    -o-transform: translate3d(0, -12px, 0) rotate(-45deg);
    transform: translate3d(0, -12px, 0) rotate(-45deg);
  }
  header .header-container .header-wrap .header-right .header-right-top .search-block-form {
    position: absolute;
    background: #fff;
    top: 6rem;
    padding: 2rem 0 0;
    transition: all 0.5s;
    min-height: 100vh;
    height: 100%;
    width: 100vw;
    z-index: 98;
  }
  header .header-container .header-wrap .header-right .header-right-top .search-block-form::after {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    top: -16px;
    content: "";
    display: block;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .search-block-form::after {
    right: 70px;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-top .search-block-form::after {
    left: 70px;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .search-block-form {
    left: -100%;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-top .search-block-form {
    right: -100%;
  }
  header .header-container .header-wrap .header-right .header-right-top .search-block-form.mobile--search-clicked {
    bottom: 0;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .search-block-form.mobile--search-clicked {
    left: 0;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-top .search-block-form.mobile--search-clicked {
    right: 0;
  }
  header .header-container .header-wrap .header-right .header-right-top .search-block-form form {
    position: relative;
    padding: 2rem;
  }
  header .header-container .header-wrap .header-right .header-right-top .search-block-form form .form-item {
    width: 100%;
    display: block;
  }
  header .header-container .header-wrap .header-right .header-right-top .search-block-form form label {
    display: none;
    color: #201747;
  }
  header .header-container .header-wrap .header-right .header-right-top .search-block-form form input[type=search] {
    border: 1px solid #201747;
    width: 100%;
    margin: 0px 0;
  }
  header .header-container .header-wrap .header-right .header-right-top .search-block-form .form-actions {
    top: 65px;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-top .search-block-form .form-actions {
    right: 50px;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-top .search-block-form .form-actions {
    left: 50px;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main {
    position: absolute;
    background: #fff;
    top: 6rem;
    padding: 2rem 0 0;
    transition: all 0.5s;
    min-height: 100vh;
    height: 100%;
    width: 100vw;
    z-index: 98;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main::after {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    top: -16px;
    content: "";
    display: block;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main::after {
    right: 25px;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main::after {
    left: 25px;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main {
    left: -100%;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main {
    right: -100%;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main.mobile--menu-clicked {
    bottom: 0;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main.mobile--menu-clicked {
    left: 0;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main.mobile--menu-clicked {
    right: 0;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu {
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px -1px rgb(51, 51, 51);
    -moz-box-shadow: 0px 1px 2px -1px rgb(51, 51, 51);
    box-shadow: 0px 1px 2px -1px rgb(51, 51, 51);
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li {
    display: block;
    padding: 10px 0px;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li > a {
    display: block;
    color: #201747;
    font-size: 24px;
    padding: 10px 20px;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li > a::after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    background: url(/themes/ethics/images/icons/arrow-down-solid.svg);
    width: 20px;
    height: 20px;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li > a::after {
    right: 15px;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li > a::after {
    left: 15px;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li.menu-item--active-trail > a {
    background: #f3f2f9;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul {
    display: block;
    position: relative;
    top: auto;
    width: auto;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: 0;
    margin: 0;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li {
    display: block;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li a {
    font-size: 16px;
  }
  [lang=en-gb] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li.menu-item--active-trail a {
    font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
  }
  [lang=ar] header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li ul li.menu-item--active-trail a {
    font-family: "GE Thameen", Helvetica, Roboto, Arial, sans-serif;
  }
  header .header-container .header-wrap .header-right .header-right-bottom .menu--main > .menu > li.menu-item--expanded:hover ul {
    display: block;
  }
}
@media only screen and (max-width: 1335px) {
  .banner-content h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 900px) {
  .banner-content h1 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-content h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 600px) {
  header .header-container .header-wrap .header-left .site-logo {
    max-width: 180px;
  }
  .header-container .slider-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .header-container .slider-container .slide-wrap .slider-caption {
    max-width: 300px;
  }
  .header-container .slider-container .slide-wrap .slider-caption h2 {
    font-size: 25px;
  }
  .banner-content h1 {
    font-size: 27px;
  }
}
.block-featured-event-block, .block-about-us-block {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}

.upcoming-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: normal;
  margin: 0rem 0 3rem;
  flex-wrap: wrap;
}
.upcoming-wrapper .event-counter-wrap {
  flex-basis: 29%;
  background: #9b7b37;
  border-radius: 10px;
  padding: 20px;
}
.upcoming-wrapper .event-counter-wrap .category-label {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 1rem;
}
[lang=en-gb] .upcoming-wrapper .event-counter-wrap .category-label {
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .upcoming-wrapper .event-counter-wrap .category-label {
  font-family: "GE Thameen", Helvetica, Roboto, Arial, sans-serif;
}
.upcoming-wrapper .event-counter-wrap h3 {
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 1rem;
}
[lang=en-gb] .upcoming-wrapper .event-counter-wrap h3 {
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .upcoming-wrapper .event-counter-wrap h3 {
  font-family: "GE Thameen", Helvetica, Roboto, Arial, sans-serif;
}
.upcoming-wrapper .event-counter-wrap .date-label {
  font-size: 1.9rem;
  color: #fff;
  padding-top: 45px;
}
[lang=en-gb] .upcoming-wrapper .event-counter-wrap .date-label {
  font-family: "DaxlinePro Bold", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .upcoming-wrapper .event-counter-wrap .date-label {
  font-family: "GE Thameen", Helvetica, Roboto, Arial, sans-serif;
}
.upcoming-wrapper .up-event-wrap {
  flex-basis: 70%;
  background: #efece7;
  border-radius: 10px;
  padding: 20px;
}
.upcoming-wrapper .up-event-wrap h2 {
  color: #201747;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.upcoming-wrapper .up-event-wrap p {
  color: #201747;
  font-size: 16px;
}
[lang=en-gb] .upcoming-wrapper .up-event-wrap p {
  font-family: "DaxlinePro Medium", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .upcoming-wrapper .up-event-wrap p {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}
[lang=en-gb] .upcoming-wrapper .up-event-wrap .more-link {
  text-align: left;
}
[lang=ar] .upcoming-wrapper .up-event-wrap .more-link {
  text-align: right;
}
.upcoming-wrapper .up-event-wrap .more-link a {
  background: #201747;
}
.upcoming-wrapper .up-event-wrap .more-link a:hover {
  background: #201747;
}

.about-callout-wrapper {
  margin: 3rem 0;
}
.about-callout-wrapper h2 {
  color: #201747;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.about-callout-wrapper p {
  color: #201747;
  font-size: 16px;
}
[lang=en-gb] .about-callout-wrapper p {
  font-family: "DaxlinePro Medium", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .about-callout-wrapper p {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}
[lang=en-gb] .about-callout-wrapper .more-link {
  text-align: left;
}
[lang=ar] .about-callout-wrapper .more-link {
  text-align: right;
}
.about-callout-wrapper .more-link a {
  background: #9b7b37;
}
.about-callout-wrapper .more-link a:hover {
  background: #201747;
}

.home-listing-wrapper {
  padding: 3rem 0.75rem;
  width: 100%;
}
.home-listing-wrapper.news-callout-wrapper, .home-listing-wrapper.publication-callout-wrapper {
  background: #efece7;
}
.home-listing-wrapper .container h2 {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #201747;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
[lang=en-gb] .home-listing-wrapper .container h2 {
  padding-left: 34px;
  background: url(/themes/ethics/images/globIcon.png) 0 3px no-repeat;
  background-size: 24px;
}
[lang=ar] .home-listing-wrapper .container h2 {
  padding-right: 34px;
  background: url(/themes/ethics/images/globIcon.png) right 3px no-repeat;
  background-size: 24px;
}
.home-listing-wrapper .container .slider-container {
  margin-bottom: 1rem;
}
.home-listing-wrapper .container .slider-container .sl-slide {
  width: 100%;
}
.home-listing-wrapper .container .slider-container .sl-slide .item {
  display: inline-block;
  margin: 0 10px;
  float: left;
  height: 330px;
}
.home-listing-wrapper .container .slider-container .sl-slide .item a {
  display: block;
}
.home-listing-wrapper .container .slider-container .sl-slide .item a .image-block {
  display: block;
  height: 330px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.home-listing-wrapper .container .slider-container .sl-slide .item a .image-block .overlay-element {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.home-listing-wrapper .container .slider-container .sl-slide .item a .image-block .tag-element {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  font-size: 13px;
}
.home-listing-wrapper .container .slider-container .sl-slide .item a .image-block .tag-element span {
  display: block;
  padding: 5px 10px;
  background: #201747;
  color: #fff;
  border-radius: 20px;
}
.home-listing-wrapper .container .slider-container .sl-slide .item a .image-block .content-block {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
}
.home-listing-wrapper .container .slider-container .sl-slide .item a .image-block .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 10px;
}
.home-listing-wrapper .container .slider-container .sl-slide .item a .image-block .content-block h3 {
  font-size: 1rem;
  color: #fff;
}
[lang=en-gb] .home-listing-wrapper .container .slider-container .sl-slide .item a .image-block .content-block h3 {
  font-family: "DaxlinePro Medium", Helvetica, Roboto, Arial, sans-serif;
}
[lang=ar] .home-listing-wrapper .container .slider-container .sl-slide .item a .image-block .content-block h3 {
  font-family: "GretaArabic", Helvetica, Roboto, Arial, sans-serif;
}
.home-listing-wrapper .container .slider-container .slick-next {
  right: -25px;
}
.home-listing-wrapper .container .slider-container .slick-next::before {
  content: "";
  background: url(../images/slick-arrow-right.png) no-repeat;
  width: 16px;
  height: 28px;
  display: block;
}
.home-listing-wrapper .container .slider-container .slick-prev {
  left: -25px;
}
.home-listing-wrapper .container .slider-container .slick-prev::before {
  content: "";
  background: url(../images/slick-arrow-left.png) no-repeat;
  width: 16px;
  height: 28px;
  display: block;
}

[lang=en-gb] .home-listing-wrapper.events-callout-wrapper .container h2 {
  background: url(/themes/ethics/images/articleIcon.png) 0 3px no-repeat;
}
[lang=ar] .home-listing-wrapper.events-callout-wrapper .container h2 {
  background: url(/themes/ethics/images/articleIcon.png) right 3px no-repeat;
}

[lang=en-gb] .home-listing-wrapper.publication-callout-wrapper .container h2 {
  background: url(/themes/ethics/images/articleIcon.png) 0 3px no-repeat;
}
[lang=ar] .home-listing-wrapper.publication-callout-wrapper .container h2 {
  background: url(/themes/ethics/images/articleIcon.png) right 3px no-repeat;
}

@media only screen and (max-width: 63.94em) {
  .home-listing-wrapper {
    padding: 3rem 1rem;
  }
  .home-listing-wrapper .container .slider-container {
    max-height: 330px;
  }
  .home-listing-wrapper .container .slider-container .sl-slide .item {
    display: inline-block;
    margin: 0 10px;
    float: left;
    height: 330px;
  }
}
@media only screen and (max-width: 900px) {
  .upcoming-wrapper .event-counter-wrap {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
  .upcoming-wrapper .up-event-wrap {
    flex-basis: 100%;
  }
}
.journal-list-wrapper .journal-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.journal-list-wrapper .journal-list .journal-list-item {
  flex-basis: 100%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 0px;
  transition: all linear 0.3s;
  position: relative;
}
.journal-list-wrapper .journal-list .journal-list-item .image-block {
  display: block;
  min-height: 220px;
  background-size: 100%;
  position: relative;
  border-radius: 10px;
}
[lang=en-gb] .journal-list-wrapper .journal-list .journal-list-item .image-block {
  background-position: right;
}
[lang=ar] .journal-list-wrapper .journal-list .journal-list-item .image-block {
  background-position: left;
}
.journal-list-wrapper .journal-list .journal-list-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.journal-list-wrapper .journal-list .journal-list-item .content-block {
  padding: 30px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
[lang=en-gb] .journal-list-wrapper .journal-list .journal-list-item .content-block {
  background: linear-gradient(to right, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
[lang=ar] .journal-list-wrapper .journal-list .journal-list-item .content-block {
  background: linear-gradient(to left, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
.journal-list-wrapper .journal-list .journal-list-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.journal-list-wrapper .journal-list .journal-list-item .content-block .publication-element, .journal-list-wrapper .journal-list .journal-list-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.journal-list-wrapper .journal-list .journal-list-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.journal-list-wrapper .journal-list .journal-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .journal-list-wrapper .journal-list .journal-list-item {
    flex-basis: 100%;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block .view-more {
    font-size: 14px;
  }
  .journal-list-wrapper .journal-list .journal-list-item:hover {
    background: #201747;
  }
  .journal-list-wrapper .journal-list .journal-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .journal-list-wrapper .journal-list .journal-list-item {
    flex-basis: 100%;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block .view-more {
    font-size: 14px;
  }
  .journal-list-wrapper .journal-list .journal-list-item:hover {
    background: #201747;
  }
  .journal-list-wrapper .journal-list .journal-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .journal-list-wrapper .journal-list .journal-list-item {
    flex-basis: 100%;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .journal-list-wrapper .journal-list .journal-list-item .content-block .view-more {
    font-size: 14px;
  }
  .journal-list-wrapper .journal-list .journal-list-item:hover {
    background: #201747;
  }
  .journal-list-wrapper .journal-list .journal-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation Spinner
 * ----------------------------------------
 */
@-webkit-keyframes sk-three-bounce {
  0%, 100%, 80% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-three-bounce {
  0%, 100%, 80% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/**
   * ----------------------------------------
   * animation slide-in-right
   * ----------------------------------------
   */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/**
   * ----------------------------------------
   * animation slide-in-bottom
   * ----------------------------------------
   */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/**
   * ----------------------------------------
   * animation slide-in-top
   * ----------------------------------------
   */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/*
   * ----------------------------------------
   * animation scale-in-center
   * ----------------------------------------
   */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/* Scale image*/
@-webkit-keyframes scale-image {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes scale-image {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
/**
 * ----------------------------------------
 * animation animate-opacity
 * ----------------------------------------
 */
@-webkit-keyframes animate-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2021-5-29 11:19:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2021-5-29 11:24:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
/* The typing effect */
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: orange;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2021-5-29 12:36:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tilt-in-top-1
 * ----------------------------------------
 */
@-webkit-keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lectures-listing-wrapper .lectures-listing-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.lectures-listing-wrapper .lectures-listing-list .lectures-listing-item {
  flex-basis: 24%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block {
  padding: 15px;
}
.lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .publication-element, .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.lectures-listing-wrapper .lectures-listing-list .lectures-listing-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item {
    flex-basis: 32.33%;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item:hover {
    background: #201747;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item {
    flex-basis: 49%;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item:hover {
    background: #201747;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item {
    flex-basis: 100%;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item:hover {
    background: #201747;
  }
  .lectures-listing-wrapper .lectures-listing-list .lectures-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.news-listing-wrapper .news-listing-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.news-listing-wrapper .news-listing-list .news-listing-item {
  flex-basis: 24%;
  border-radius: 10px;
  border: 1px solid #9b7b37;
  background: #fff;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.news-listing-wrapper .news-listing-list .news-listing-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.news-listing-wrapper .news-listing-list .news-listing-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.news-listing-wrapper .news-listing-list .news-listing-item .content-block {
  padding: 15px;
}
.news-listing-wrapper .news-listing-list .news-listing-item .content-block h3 {
  font-size: 1.1rem;
  color: #201747;
  margin-bottom: 5px;
}
.news-listing-wrapper .news-listing-list .news-listing-item .content-block .publication-element, .news-listing-wrapper .news-listing-list .news-listing-item .content-block .date-element {
  font-size: 0.95rem;
  color: #201747;
  margin-bottom: 5px;
}
.news-listing-wrapper .news-listing-list .news-listing-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.news-listing-wrapper .news-listing-list .news-listing-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .news-listing-wrapper .news-listing-list .news-listing-item {
    flex-basis: 32.33%;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .news-listing-wrapper .news-listing-list .news-listing-item {
    flex-basis: 49%;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .news-listing-wrapper .news-listing-list .news-listing-item {
    flex-basis: 100%;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .news-listing-wrapper .news-listing-list .news-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.oped-list-wrapper .oped-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.oped-list-wrapper .oped-list .oped-list-item {
  flex-basis: 24%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.oped-list-wrapper .oped-list .oped-list-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.oped-list-wrapper .oped-list .oped-list-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.oped-list-wrapper .oped-list .oped-list-item .content-block {
  padding: 15px;
}
.oped-list-wrapper .oped-list .oped-list-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.oped-list-wrapper .oped-list .oped-list-item .content-block .publication-element, .oped-list-wrapper .oped-list .oped-list-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.oped-list-wrapper .oped-list .oped-list-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.oped-list-wrapper .oped-list .oped-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .oped-list-wrapper .oped-list .oped-list-item {
    flex-basis: 32.33%;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block .view-more {
    font-size: 14px;
  }
  .oped-list-wrapper .oped-list .oped-list-item:hover {
    background: #201747;
  }
  .oped-list-wrapper .oped-list .oped-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .oped-list-wrapper .oped-list .oped-list-item {
    flex-basis: 49%;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block .view-more {
    font-size: 14px;
  }
  .oped-list-wrapper .oped-list .oped-list-item:hover {
    background: #201747;
  }
  .oped-list-wrapper .oped-list .oped-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .oped-list-wrapper .oped-list .oped-list-item {
    flex-basis: 100%;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .oped-list-wrapper .oped-list .oped-list-item .content-block .view-more {
    font-size: 14px;
  }
  .oped-list-wrapper .oped-list .oped-list-item:hover {
    background: #201747;
  }
  .oped-list-wrapper .oped-list .oped-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.our-team-wrapper .team-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.our-team-wrapper .team-list .team-item {
  flex-basis: 24%;
  border-radius: 10px;
  background: #9b7b37;
  margin-bottom: 20px;
  transition: all linear 0.3s;
  position: relative;
  padding-bottom: 50px;
}
.our-team-wrapper .team-list .team-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.our-team-wrapper .team-list .team-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.our-team-wrapper .team-list .team-item .content-block {
  padding: 15px;
}
.our-team-wrapper .team-list .team-item .content-block a {
  text-decoration: none;
}
.our-team-wrapper .team-list .team-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.our-team-wrapper .team-list .team-item .content-block .position-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.our-team-wrapper .team-list .team-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  font-size: 14px;
  position: absolute;
  bottom: 15px;
}
[lang=en-gb] .our-team-wrapper .team-list .team-item .content-block .view-more {
  left: 15px;
}
[lang=ar] .our-team-wrapper .team-list .team-item .content-block .view-more {
  right: 15px;
}
.our-team-wrapper .team-list .team-item:hover {
  background: #201747;
}
.our-team-wrapper .team-list .team-item:hover .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  font-size: 14px;
}

.team-profile-header {
  background: #9b7b37;
  color: #ffffff;
  overflow: hidden;
  padding: 30px 150px;
}
[lang=en-gb] .team-profile-header .team-profile-prime {
  float: left;
}
[lang=ar] .team-profile-header .team-profile-prime {
  float: right;
}
.team-profile-header .team-profile-prime h2 {
  color: #ffffff;
  text-transform: capitalize;
}
[lang=en-gb] .team-profile-header .team-profile-social {
  float: right;
}
[lang=ar] .team-profile-header .team-profile-social {
  float: left;
}
.team-profile-header .team-profile-social ul.profile-social-links li {
  list-style: none;
  position: relative;
}
.team-profile-header .team-profile-social ul.profile-social-links li a {
  background-image: url(/themes/ethics/images/icons/twitter.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  position: absolute;
  margin-left: 10px;
}
.team-profile-header .team-profile-social ul.profile-social-links li a .social-link-item {
  display: none;
}

.team-profile-content .team-profile-tab-links {
  background: #cdab61;
}
.team-profile-content .team-profile-tab-links ul li {
  list-style: none;
  display: inline-block;
  padding-top: 10px;
  width: 32.3%;
}
.team-profile-content .team-profile-tab-links ul li .profile-tab-link {
  color: #5c4a23;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 2px #5c4a23 solid;
  display: block;
  text-align: center;
}
.team-profile-content .team-profile-tab-links ul li .active {
  color: #ffffff;
}
.team-profile-content .team-profile-tab-links ul li a#publications-tab-link {
  border-right: 0;
}
.team-profile-content .team-profile-tab-content {
  margin-top: 10px;
}
.team-profile-content .team-profile-tab-content > div {
  display: none;
}
.team-profile-content .team-profile-tab-content > div.active {
  display: block;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .bio-image img {
  width: 100%;
  height: auto;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .bio-content {
  padding-top: 40px;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .career-list {
  background: #9b7b37;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .career-list .career-item {
  display: flex;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .career-list .career-item .career-interval {
  color: #5c4a23;
  flex-basis: 20%;
  padding: 15px;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .career-list .career-item .career-details {
  color: #ffffff;
  flex-basis: 75%;
  padding: 15px;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item {
  flex-basis: 24.2%;
  border-radius: 10px;
  background: #9b7b37;
  color: #ffffff;
  margin-bottom: 20px;
  transition: all linear 0.3s;
  position: relative;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item .publication-image {
  height: 400px;
  max-width: 100%;
  overflow: hidden;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item .publication-image img {
  border-radius: 10px;
  height: auto;
  width: 100%;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item .publication-issue-role {
  padding: 15px;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item .publication-issue-role ul li {
  display: inline;
  list-style: none;
}
.team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item .publication-title {
  padding: 15px;
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .our-team-wrapper .team-list .team-item {
    flex-basis: 32.33%;
  }
  .our-team-wrapper .team-list .team-item .content-block h3 {
    font-size: 1.1rem;
  }
  .our-team-wrapper .team-list .team-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .our-team-wrapper .team-list .team-item .content-block .view-more {
    font-size: 14px;
  }
  .our-team-wrapper .team-list .team-item:hover {
    background: #201747;
  }
  .our-team-wrapper .team-list .team-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .team-profile-header {
    padding: 30px 90px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .our-team-wrapper .team-list .team-item {
    flex-basis: 49%;
  }
  .our-team-wrapper .team-list .team-item .content-block h3 {
    font-size: 1.1rem;
  }
  .our-team-wrapper .team-list .team-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .our-team-wrapper .team-list .team-item .content-block .view-more {
    font-size: 14px;
  }
  .our-team-wrapper .team-list .team-item:hover {
    background: #201747;
  }
  .our-team-wrapper .team-list .team-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .team-profile-header {
    padding: 30px 80px;
  }
  .team-profile-header .team-profile-prime {
    float: none !important;
    padding-bottom: 10px;
  }
  .team-profile-header .team-profile-social {
    float: none !important;
    display: block;
  }
  .team-profile-content .team-profile-tab-content .team-profile-tab-item .career-list .career-item {
    display: block;
  }
  .team-profile-content .team-profile-tab-content .team-profile-tab-item .career-list .career-item .career-interval {
    padding: 10px 15px;
  }
  .team-profile-content .team-profile-tab-content .team-profile-tab-item .career-list .career-item .career-details {
    padding: 5px 15px;
  }
  .team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item {
    flex-basis: 32.5%;
  }
}
@media only screen and (max-width: 600px) {
  .our-team-wrapper .team-list .team-item {
    flex-basis: 100%;
  }
  .our-team-wrapper .team-list .team-item .content-block h3 {
    font-size: 1.1rem;
  }
  .our-team-wrapper .team-list .team-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .our-team-wrapper .team-list .team-item .content-block .view-more {
    font-size: 14px;
  }
  .our-team-wrapper .team-list .team-item:hover {
    background: #201747;
  }
  .our-team-wrapper .team-list .team-item:hover .content-block .view-more {
    font-size: 14px;
  }
  .team-profile-header {
    padding: 30px 50px;
  }
  .team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item {
    flex-basis: 49.5%;
  }
}
@media screen and (max-width: 420px) {
  .team-profile-content .team-profile-tab-content .team-profile-tab-item .publications-list .publication-item {
    flex-basis: 100%;
  }
}
.podcast-image img {
  width: 100%;
}

.podcast-details-wrap .podcast-videos-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
  margin: 30px 0;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item {
  flex-basis: 24%;
  border-radius: 10px;
  border: 1px solid #9b7b37;
  background: #fff;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item .podcast-video-image {
  display: block;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item .podcast-video-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item .podcast-video-image .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item h3 {
  padding: 15px;
  font-size: 1.1rem;
  color: #201747;
  margin-bottom: 5px;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block {
  padding: 15px;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block h3 {
  font-size: 1.1rem;
  color: #201747;
  margin-bottom: 5px;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .publication-element, .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .date-element {
  font-size: 0.95rem;
  color: #201747;
  margin-bottom: 5px;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.podcast-details-wrap .podcast-videos-list .podcast-video-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .podcast-details-wrap .podcast-videos-list .podcast-video-item {
    flex-basis: 32.33%;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block h3 {
    font-size: 1.1rem;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .view-more {
    font-size: 14px;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .podcast-details-wrap .podcast-videos-list .podcast-video-item {
    flex-basis: 49%;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block h3 {
    font-size: 1.1rem;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .view-more {
    font-size: 14px;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .podcast-details-wrap .podcast-videos-list .podcast-video-item {
    flex-basis: 100%;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block h3 {
    font-size: 1.1rem;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item .content-block .view-more {
    font-size: 14px;
  }
  .podcast-details-wrap .podcast-videos-list .podcast-video-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.podcasts-listing-wrapper .podcasts-listing-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
}
.podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item {
  flex-basis: 100%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 0px;
  transition: all linear 0.3s;
  position: relative;
}
.podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .image-block {
  display: block;
  min-height: 220px;
  background-size: 100%;
  position: relative;
  border-radius: 10px;
}
[lang=en-gb] .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .image-block {
  background-position: right;
}
[lang=ar] .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .image-block {
  background-position: left;
}
.podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block {
  padding: 30px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
[lang=en-gb] .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block {
  background: linear-gradient(to right, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
[lang=ar] .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block {
  background: linear-gradient(to left, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
.podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .publication-element, .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item {
    flex-basis: 100%;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item:hover {
    background: #201747;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item {
    flex-basis: 100%;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item:hover {
    background: #201747;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item {
    flex-basis: 100%;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item:hover {
    background: #201747;
  }
  .podcasts-listing-wrapper .podcasts-listing-list .podcasts-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.publications-list-wrapper .publications-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
}
.publications-list-wrapper .publications-list .publications-list-item {
  flex-basis: 100%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 0px;
  transition: all linear 0.3s;
  position: relative;
}
.publications-list-wrapper .publications-list .publications-list-item .image-block {
  display: block;
  min-height: 220px;
  background-size: 50%;
  position: relative;
  border-radius: 10px;
}
[lang=en-gb] .publications-list-wrapper .publications-list .publications-list-item .image-block {
  background-position: right;
}
[lang=ar] .publications-list-wrapper .publications-list .publications-list-item .image-block {
  background-position: left;
}
.publications-list-wrapper .publications-list .publications-list-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.publications-list-wrapper .publications-list .publications-list-item .content-block {
  padding: 30px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
[lang=en-gb] .publications-list-wrapper .publications-list .publications-list-item .content-block {
  background: linear-gradient(to right, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
[lang=ar] .publications-list-wrapper .publications-list .publications-list-item .content-block {
  background: linear-gradient(to left, #201747 40%, #201747 51%, #201747 52%, #201747 56%, rgba(32, 23, 71, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201747",endColorstr="#80201747",GradientType=1);
}
.publications-list-wrapper .publications-list .publications-list-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.publications-list-wrapper .publications-list .publications-list-item .content-block .publication-element, .publications-list-wrapper .publications-list .publications-list-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.publications-list-wrapper .publications-list .publications-list-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.publications-list-wrapper .publications-list .publications-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .publications-list-wrapper .publications-list .publications-list-item {
    flex-basis: 100%;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block .view-more {
    font-size: 14px;
  }
  .publications-list-wrapper .publications-list .publications-list-item:hover {
    background: #201747;
  }
  .publications-list-wrapper .publications-list .publications-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .publications-list-wrapper .publications-list .publications-list-item {
    flex-basis: 100%;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block .view-more {
    font-size: 14px;
  }
  .publications-list-wrapper .publications-list .publications-list-item:hover {
    background: #201747;
  }
  .publications-list-wrapper .publications-list .publications-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .publications-list-wrapper .publications-list .publications-list-item {
    flex-basis: 100%;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block h3 {
    font-size: 1.1rem;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .publications-list-wrapper .publications-list .publications-list-item .content-block .view-more {
    font-size: 14px;
  }
  .publications-list-wrapper .publications-list .publications-list-item:hover {
    background: #201747;
  }
  .publications-list-wrapper .publications-list .publications-list-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.schools-listing-wrapper .schools-listing-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.schools-listing-wrapper .schools-listing-list .schools-listing-item {
  flex-basis: 24%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.schools-listing-wrapper .schools-listing-list .schools-listing-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.schools-listing-wrapper .schools-listing-list .schools-listing-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block {
  padding: 15px;
}
.schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .publication-element, .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.schools-listing-wrapper .schools-listing-list .schools-listing-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .schools-listing-wrapper .schools-listing-list .schools-listing-item {
    flex-basis: 32.33%;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item:hover {
    background: #201747;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .schools-listing-wrapper .schools-listing-list .schools-listing-item {
    flex-basis: 49%;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item:hover {
    background: #201747;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .schools-listing-wrapper .schools-listing-list .schools-listing-item {
    flex-basis: 100%;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item:hover {
    background: #201747;
  }
  .schools-listing-wrapper .schools-listing-list .schools-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
.seminars-listing-wrapper .seminars-listing-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  flex-wrap: wrap;
  gap: 1%;
}
.seminars-listing-wrapper .seminars-listing-list .seminars-listing-item {
  flex-basis: 24%;
  border-radius: 10px;
  background: #201747;
  margin-bottom: 20px;
  padding: 10px;
  transition: all linear 0.3s;
}
.seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .image-block {
  display: block;
  height: 280px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .image-block .overlay-element {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block {
  padding: 15px;
}
.seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block h3 {
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 5px;
}
.seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .publication-element, .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .date-element {
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 5px;
}
.seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .view-more {
  display: inline-block;
  padding: 3px 8px;
  color: #201747;
  border: 1px solid #201747;
  border-radius: 10px;
  font-size: 14px;
}
.seminars-listing-wrapper .seminars-listing-list .seminars-listing-item:hover {
  -webkit-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  -moz-box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
  box-shadow: 0px 0px 15px 2px rgb(51, 51, 51);
}

@media only screen and (min-width: 900px) and (max-width: 1280px) {
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item {
    flex-basis: 32.33%;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item:hover {
    background: #201747;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item {
    flex-basis: 49%;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item:hover {
    background: #201747;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item {
    flex-basis: 100%;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block h3 {
    font-size: 1.1rem;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .position-element {
    font-size: 0.95rem;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item .content-block .view-more {
    font-size: 14px;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item:hover {
    background: #201747;
  }
  .seminars-listing-wrapper .seminars-listing-list .seminars-listing-item:hover .content-block .view-more {
    font-size: 14px;
  }
}