@font-face {
  font-family: "din";
  src: url("../fonts/din.eot");
  src: url("../fonts/din.eot?#iefix") format("embedded-opentype"), url("../fonts/din.woff2") format("woff2"), url("../fonts/din.woff") format("woff"), url("../fonts/din.ttf") format("truetype"), url("../fonts/din.svg#din") format("svg");
}
@font-face {
  font-family: "din-bold";
  src: url("../fonts/din-bold.eot");
  src: url("../fonts/din-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/din-bold.woff2") format("woff2"), url("../fonts/din-bold.woff") format("woff"), url("../fonts/din-bold.ttf") format("truetype"), url("../fonts/din-bold.svg#din-bold") format("svg");
}
@font-face {
  font-family: "din-medium";
  src: url("../fonts/din-medium.eot");
  src: url("../fonts/din-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/din-medium.woff2") format("woff2"), url("../fonts/din-medium.woff") format("woff"), url("../fonts/din-medium.ttf") format("truetype"), url("../fonts/din-medium.svg#din-medium") format("svg");
}
@font-face {
  font-family: "din-regular";
  src: url("../fonts/din-regular.eot");
  src: url("../fonts/din-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/din-regular.woff2") format("woff2"), url("../fonts/din-regular.woff") format("woff"), url("../fonts/din-regular.ttf") format("truetype"), url("../fonts/din-regular.svg#din-regular") format("svg");
}
@font-face {
  font-family: "din-regular_italic";
  src: url("../fonts/din-regular_italic.eot");
  src: url("../fonts/din-regular_italic.eot?#iefix") format("embedded-opentype"), url("../fonts/din-regular_italic.woff2") format("woff2"), url("../fonts/din-regular_italic.woff") format("woff"), url("../fonts/din-regular_italic.ttf") format("truetype"), url("../fonts/din-regular_italic.svg#din-regular_italic") format("svg");
}
@font-face {
  font-family: "din-next_lt-arabic-light";
  src: url("../fonts/din-next_lt-arabic-light.eot");
  src: url("../fonts/din-next_lt-arabic-light.eot?#iefix") format("embedded-opentype"), url("../fonts/din-next_lt-arabic-light.woff2") format("woff2"), url("../fonts/din-next_lt-arabic-light.woff") format("woff"), url("../fonts/din-next_lt-arabic-light.ttf") format("truetype"), url("../fonts/din-next_lt-arabic-light.svg#din-next_lt-arabic-light") format("svg");
}
@font-face {
  font-family: "din-next_lt-arabic-bold";
  src: url("../fonts/din-next_lt-arabic-bold.eot");
  src: url("../fonts/din-next_lt-arabic-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/din-next_lt-arabic-bold.woff2") format("woff2"), url("../fonts/din-next_lt-arabic-bold.woff") format("woff"), url("../fonts/din-next_lt-arabic-bold.ttf") format("truetype"), url("../fonts/din-next_lt-arabic-bold.svg#din-next_lt-arabic-bold") format("svg");
}
@font-face {
  font-family: "din-next_lt-arabic-regular";
  src: url("../fonts/din-next_lt-arabic-regular.eot");
  src: url("../fonts/din-next_lt-arabic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/din-next_lt-arabic-regular.woff2") format("woff2"), url("../fonts/din-next_lt-arabic-regular.woff") format("woff"), url("../fonts/din-next_lt-arabic-regular.ttf") format("truetype"), url("../fonts/din-next_lt-arabic-regular.svg#din-next_lt-arabic-regular") format("svg");
}
html {
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  scroll-behavior: smooth;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}

*,
*: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;
}

body {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1.5rem;
}
[lang=en] h1,
[lang=en] h2,
[lang=en] h3,
[lang=en] h4,
[lang=en] h5,
[lang=en] h6 {
  line-height: 130%;
  font-weight: normal;
}
[lang=ar] h1,
[lang=ar] h2,
[lang=ar] h3,
[lang=ar] h4,
[lang=ar] h5,
[lang=ar] h6 {
  line-height: 150%;
  font-weight: normal;
}

ul {
  list-style: none;
}

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

ul.no-padding {
  padding: 0;
}

ul.no-margin {
  margin: 0;
}

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

main {
  background: #ffffff;
  width: 100%;
}

.section-tag {
  display: block;
}

table {
  border-collapse: collapse;
}

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;
}

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 {
  visibility: hidden;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

ul.menu {
  margin: 0;
}

.menu-item {
  padding-top: 0;
}

/*Width Setting*/
/* Fonts -  English */
/* Fonts -  Arabic */
/* Font Size */
/* Mobile view */
/* Mobile view Ends */
/* Font Size Wnds */
.user-login-form label, .user-pass label {
  display: block;
  padding-bottom: 8px;
}
.user-login-form input[type=text], .user-login-form input[type=password], .user-pass input[type=text], .user-pass input[type=password] {
  padding: 5px;
}
.user-login-form .description, .user-pass .description {
  font-size: 14px;
}
.user-login-form p, .user-pass p {
  font-size: 14px;
}

/*Animations*/
/**
 * ----------------------------------------
 * 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.2);
  }
}
@keyframes scale-image {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}
/**
* ----------------------------------------
* animation animate-opacity
* ----------------------------------------
*/
@-webkit-keyframes animate-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.contact-link-wrap.in-view > div {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}

.in-view h1 {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view h2 {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view h3 {
  -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;
}
.in-view .award-categories-list .award-categories-item {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .award-categories-list .award-categories-item:nth-child(1n) {
  animation-delay: 0.3s;
}
.in-view .award-categories-list .award-categories-item:nth-child(2n) {
  animation-delay: 0.6s;
}
.in-view .award-categories-list .award-categories-item:nth-child(3n) {
  animation-delay: 0.9s;
}
.in-view .award-categories-list .award-categories-item:nth-child(4n) {
  animation-delay: 1.2s;
}
.in-view .moral-content {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .award-winners-list .slick-slide {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .award-winners-list .slick-slide:nth-child(1n) {
  animation-delay: 0.3s;
}
.in-view .award-winners-list .slick-slide:nth-child(2n) {
  animation-delay: 0.6s;
}
.in-view .award-winners-list .slick-slide:nth-child(3n) {
  animation-delay: 0.9s;
}
.in-view .award-winners-list .slick-slide:nth-child(4n) {
  animation-delay: 1.2s;
}
.in-view .about-content .content-block {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .about-content .image-block {
  -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;
}
.in-view .mission-vision-wrap {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .objective-content {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s both;
}
.in-view .campaign .content-block {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s both;
}
.in-view .jury-list .jury-item {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .award-item {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .album-list {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .home-morals article > 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;
}
.in-view .home-about li.grid-cell {
  -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;
}
.in-view .home-about li.grid-cell:nth-child(1n) {
  animation-delay: 0.3s;
}
.in-view .home-about li.grid-cell:nth-child(2n) {
  animation-delay: 0.6s;
}
.in-view .home-about li.grid-cell:nth-child(3n) {
  animation-delay: 0.9s;
}
.in-view .home-about li.grid-cell:nth-child(4n) {
  animation-delay: 1.2s;
}
.in-view .section-container .wrap-finalist-img {
  -webkit-animation: animate-opacity 1s ease-in 0.3s both;
  animation: animate-opacity 1s ease-in 0.3s both;
}
[lang=en] .in-view .section-container .finalist-content {
  -webkit-animation: slide-in-left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
[lang=ar] .in-view .section-container .finalist-content {
  -webkit-animation: slide-in-right 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-right 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.in-view .count-down .wrap-deadline {
  -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;
}
.in-view .submit-about .wrap-about-award a {
  -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;
}
.in-view .submit-about .wrap-project-submit a {
  -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;
}
.in-view .testimonials-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;
}
.in-view .section-container .wrap-community-img {
  -webkit-animation: animate-opacity 1s ease-in 0.3s both;
  animation: animate-opacity 1s ease-in 0.3s both;
}
[lang=en] .in-view .section-container .join-community-content {
  -webkit-animation: slide-in-left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
[lang=ar] .in-view .section-container .join-community-content {
  -webkit-animation: slide-in-right 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-right 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.in-view .award-details-list li, .in-view .project-cycle-list li {
  -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;
}
.in-view .award-details-list li:nth-child(1n), .in-view .project-cycle-list li:nth-child(1n) {
  animation-delay: 0.3s;
}
.in-view .award-details-list li:nth-child(2n), .in-view .project-cycle-list li:nth-child(2n) {
  animation-delay: 0.6s;
}
.in-view .award-details-list li:nth-child(3n), .in-view .project-cycle-list li:nth-child(3n) {
  animation-delay: 0.9s;
}
.in-view .award-details-list li:nth-child(4n), .in-view .project-cycle-list li:nth-child(4n) {
  animation-delay: 1.2s;
}
.in-view .webform-ajax-form-wrapper {
  -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;
}
.in-view .social-network-list li {
  -webkit-animation: animate-opacity 1s ease-in 0.3s both;
  animation: animate-opacity 1s ease-in 0.3s both;
}
.in-view .social-network-list li.grid-cell:nth-child(1n) {
  animation-delay: 0.3s;
}
.in-view .social-network-list li.grid-cell:nth-child(2n) {
  animation-delay: 0.6s;
}
.in-view .social-network-list li.grid-cell:nth-child(3n) {
  animation-delay: 0.9s;
}
.in-view .social-media-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;
}
.in-view .section-container .wrap-project-winner-img {
  -webkit-animation: animate-opacity 1s ease-in 0.3s both;
  animation: animate-opacity 1s ease-in 0.3s both;
}
.in-view .section-container .project-winner-content {
  -webkit-animation: slide-in-left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.in-view .faq-accordion-content li.wrap-question {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(1n) {
  animation-delay: 0.1s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(2n) {
  animation-delay: 0.2s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(3n) {
  animation-delay: 0.3s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(4n) {
  animation-delay: 0.4s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(5n) {
  animation-delay: 0.5s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(6n) {
  animation-delay: 0.6s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(7n) {
  animation-delay: 0.7s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(8n) {
  animation-delay: 0.8s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(9n) {
  animation-delay: 0.9s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(10n) {
  animation-delay: 1s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(11n) {
  animation-delay: 1.1s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(12n) {
  animation-delay: 1.2s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(13n) {
  animation-delay: 1.3s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(14n) {
  animation-delay: 1.4s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(15n) {
  animation-delay: 1.5s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(16n) {
  animation-delay: 1.6s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(17n) {
  animation-delay: 1.7s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(18n) {
  animation-delay: 1.8s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(19n) {
  animation-delay: 1.9s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(20n) {
  animation-delay: 2s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(21n) {
  animation-delay: 2.1s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(22n) {
  animation-delay: 2.2s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(23n) {
  animation-delay: 2.3s;
}
.in-view .faq-accordion-content li.wrap-question:nth-child(24n) {
  animation-delay: 2.4s;
}
.in-view .about-award-article, .in-view .submission-inside {
  -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;
}
.in-view .wrap-moral-quote {
  -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;
}
.in-view .moral-guide-list li.moral-guide-item {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .moral-guide-list li.moral-guide-item:nth-child(1n) {
  animation-delay: 0.3s;
}
.in-view .moral-guide-list li.moral-guide-item:nth-child(2n) {
  animation-delay: 0.6s;
}
.in-view .moral-guide-list li.moral-guide-item:nth-child(3n) {
  animation-delay: 0.9s;
}
.in-view .moral-guide-list li.moral-guide-item:nth-child(4n) {
  animation-delay: 1.2s;
}
.in-view .jury-box .wrap-jury-banner {
  -webkit-animation: animate-opacity 1s ease-in 0.3s both;
  animation: animate-opacity 1s ease-in 0.3s both;
}
.in-view .jury-box .wrap-jury-content {
  -webkit-animation: slide-in-left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  animation: slide-in-left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.in-view .judges-list .wrap-judge {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .judges-list li.wrap-judge:nth-child(1n) {
  animation-delay: 0.3s;
}
.in-view .judges-list li.wrap-judge:nth-child(2n) {
  animation-delay: 0.6s;
}
.in-view .judges-list li.wrap-judge:nth-child(3n) {
  animation-delay: 0.9s;
}
.in-view .judges-list li.wrap-judge:nth-child(4n) {
  animation-delay: 1.2s;
}
.in-view .judges-list li.wrap-judge:nth-child(5n) {
  animation-delay: 1.5s;
}
.in-view .community-programs-list .community-program-item {
  -webkit-animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
  animation: slide-in-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s both;
}
.in-view .community-programs-list .community-program-item:nth-child(1n) {
  animation-delay: 0.3s;
}
.in-view .community-programs-list .community-program-item:nth-child(2n) {
  animation-delay: 0.6s;
}
.in-view .community-programs-list .community-program-item:nth-child(3n) {
  animation-delay: 0.9s;
}

/*Theme Specific styles*/
html {
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.3;
}
[lang=en] html {
  font-family: "din-medium", sans-serif;
}
[lang=ar] html {
  font-family: "din-next_lt-arabic-regular", sans-serif;
}

body {
  margin: 0 auto;
  line-height: 1.4;
  color: #4d5156;
  font-size: 16px;
}
[lang=en] body {
  font-family: "din-medium", sans-serif;
}
[lang=ar] body {
  font-family: "din-next_lt-arabic-regular", sans-serif;
}

.container-2024 h2 {
  position: relative;
  margin-bottom: 2rem;
}
.container-2024 h2::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
[lang=en] .container-2024 h2::after {
  left: 0;
}
[lang=ar] .container-2024 h2::after {
  right: 0;
}

.path-search #block-nexgen-mainpagecontent .search-form {
  display: none;
}
.path-search #block-nexgen-mainpagecontent h2 {
  position: relative;
  margin-bottom: 2rem;
}
.path-search #block-nexgen-mainpagecontent h2::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
[lang=en] .path-search #block-nexgen-mainpagecontent h2::after {
  left: 0;
}
[lang=ar] .path-search #block-nexgen-mainpagecontent h2::after {
  right: 0;
}
.path-search #block-nexgen-mainpagecontent ol {
  list-style: none;
}
.path-search #block-nexgen-mainpagecontent ol li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.path-search #block-nexgen-mainpagecontent .pager ul {
  list-style: none;
}
.path-search #block-nexgen-mainpagecontent .pager ul li {
  display: inline-block;
}
.path-search #block-nexgen-mainpagecontent .pager ul li a {
  padding: 4px 8px;
  display: block;
  background: #243e8c;
  color: #fff;
}

#block-connectwithus-2 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 2.5rem;
}
#block-connectwithus-2 h2::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
[lang=en] #block-connectwithus-2 h2::after {
  left: calc(50% - 15px);
}
[lang=ar] #block-connectwithus-2 h2::after {
  right: calc(50% - 15px);
}

.container {
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 1800px;
}

.container-2024 {
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 1200px;
}

a.logo {
  display: block;
}

#block-nexgen-pagetitle h1 {
  position: relative;
  margin-bottom: 2rem;
}
#block-nexgen-pagetitle h1::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}

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

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
[lang=en] h1, [lang=en] h2, [lang=en] h3, [lang=en] h4, [lang=en] h5, [lang=en] h6 {
  font-family: "din-bold", sans-serif;
}
[lang=ar] h1, [lang=ar] h2, [lang=ar] h3, [lang=ar] h4, [lang=ar] h5, [lang=ar] h6 {
  font-family: "din-next_lt-arabic-bold", sans-serif;
}

p {
  font-size: 18px;
  margin-bottom: 1rem;
}
[lang=en] p {
  font-family: "din-medium", sans-serif;
}
[lang=ar] p {
  font-family: "din-next_lt-arabic-regular", sans-serif;
}

.path-node .content-wrap {
  margin: 3rem 0;
}

h1 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}

h2 {
  font-size: 2.1rem;
  margin-bottom: 1rem;
}

h3 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

h4 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

#block-nexgen-mainpagecontent, #block-nexgen-pagetitle {
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 1200px;
}

@media only screen and (min-width: 50rem) and (max-width: 64rem) {
  h1 {
    font-size: 3.1rem;
    margin-bottom: 1rem;
  }
  h2 {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  h3 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  h4 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 64rem) {
  h1 {
    font-size: 3.1rem;
    margin-bottom: 1rem;
  }
  h2 {
    font-size: 3.1rem;
    margin-bottom: 1rem;
  }
  h3 {
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }
  h4 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
}
.item-content ul li, .page-node-type-yearly-campaigns .content-wrap ul li {
  display: block;
  list-style: none;
  padding-bottom: 0.7rem;
}
[lang=en] .item-content ul li, [lang=en] .page-node-type-yearly-campaigns .content-wrap ul li {
  padding-left: 30px;
  background: url(../images/icons/tick.png) top 5px left 0 no-repeat;
}
[lang=ar] .item-content ul li, [lang=ar] .page-node-type-yearly-campaigns .content-wrap ul li {
  padding-right: 30px;
  background: url(../images/icons/tick.png) top 5px right 0 no-repeat;
}

.yearly-filter-year-wrap {
  padding: 20px 0px;
}
.yearly-filter-year-wrap .slick-track {
  margin-left: 0px;
}
.yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year a {
  font-family: "din-bold", sans-serif;
  display: block;
  background: url(../images/yearly-cal.png) no-repeat;
  width: 120px;
  height: 120px;
  background-size: contain;
  text-align: center;
  padding-top: 46px;
  font-size: 44px;
}
.yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year.tab-active a, .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year:hover a, .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year.image-tab-active a, .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year.video-tab-active a, .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year.active a {
  color: #ee2e7f;
  text-decoration: none;
  background: url(../images/yearly-cal-pink.png) no-repeat;
  width: 120px;
  height: 120px;
  background-size: contain;
}
.yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year:first-child {
  padding-left: 0px;
}
.yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year:first-child a:hover {
  text-decoration: none;
}
.yearly-filter-year-wrap .yearly-filter-years .slick-dotted.slick-slider {
  margin-bottom: 40px;
}
.yearly-filter-year-wrap .yearly-filter-years .slick-dots li {
  margin: 0px 2px;
}
.yearly-filter-year-wrap .yearly-filter-years .slick-dots li button:before {
  font-size: 20px;
  color: #ccc;
  opacity: 1;
}
.yearly-filter-year-wrap .yearly-filter-years .slick-dots li.slick-active button:before {
  color: #1050c8;
  opacity: 1;
}

.loader-wrap {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background: #fff;
  position: fixed;
  z-index: 1000;
}
.loader-wrap .loader {
  animation: rotate 5s infinite;
  height: 100px;
  width: 100px;
}
.loader-wrap .loader:before,
.loader-wrap .loader:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 40px;
  width: 40px;
}
.loader-wrap .loader:before {
  animation: ball1 3s infinite;
  background-color: rgb(220, 67, 127);
  box-shadow: 60px 0 0 rgb(118, 59, 150);
  margin-bottom: 20px;
}
.loader-wrap .loader:after {
  animation: ball2 3s infinite;
  background-color: #1050c8;
  box-shadow: 60px 0 0 rgb(33, 148, 143);
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(720deg) scale(0.8);
    -moz-transform: rotate(720deg) scale(0.8);
  }
}
@keyframes ball1 {
  0% {
    box-shadow: 60px 0 0 rgb(118, 59, 150);
  }
  50% {
    box-shadow: 0 0 0 rgb(118, 59, 150);
    margin-bottom: 0;
    -webkit-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
  }
  100% {
    box-shadow: 60px 0 0 rgb(118, 59, 150);
    margin-bottom: 20px;
  }
}
@keyframes ball2 {
  0% {
    box-shadow: 60px 0 0 rgb(33, 148, 143);
  }
  50% {
    box-shadow: 0 0 0 rgb(33, 148, 143);
    margin-top: -40px;
    -webkit-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
  }
  100% {
    box-shadow: 60px 0 0 rgb(33, 148, 143);
    margin-top: 0;
  }
}

@media only screen and (max-width: 50rem) {
  .container-2024 {
    padding: 0 1rem;
  }
  .yearly-filter-year-wrap {
    padding: 20px 0px;
  }
  .yearly-filter-year-wrap .slick-track {
    margin-left: 0px;
  }
  .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year a {
    font-family: "din-bold", sans-serif;
    display: block;
    background: url(../images/yearly-cal.png) no-repeat;
    width: 80px;
    height: 80px;
    background-size: contain;
    text-align: center;
    padding-top: 34px;
    font-size: 26px;
  }
  .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year.tab-active a, .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year:hover a, .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year.image-tab-active a, .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year.video-tab-active a, .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year.active a {
    color: #ee2e7f;
    text-decoration: none;
    background: url(../images/yearly-cal-pink.png) no-repeat;
    width: 80px;
    height: 80px;
    background-size: contain;
  }
  .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year:first-child {
    padding-left: 0px;
  }
  .yearly-filter-year-wrap .yearly-filter-years .yearly-filter-year:first-child a:hover {
    text-decoration: none;
  }
  .yearly-filter-year-wrap .yearly-filter-years .slick-dotted.slick-slider {
    margin-bottom: 40px;
  }
  .yearly-filter-year-wrap .yearly-filter-years .slick-dots li {
    margin: 0px 2px;
  }
  .yearly-filter-year-wrap .yearly-filter-years .slick-dots li button:before {
    font-size: 20px;
    color: #ccc;
    opacity: 1;
  }
  .yearly-filter-year-wrap .yearly-filter-years .slick-dots li.slick-active button:before {
    color: #ee2e7f;
    opacity: 1;
  }
}
.header-warning-wrapper {
  background: #0077c9;
  text-align: center;
  padding: 12px 5px;
}
.header-warning-wrapper .header-warning-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.header-warning-wrapper .header-warning-container > div.wrap-content {
  margin: 0 10px;
}
.header-warning-wrapper .header-warning-container > div.wrap-content > div, .header-warning-wrapper .header-warning-container > div.wrap-content > a {
  display: inline-block;
}
.header-warning-wrapper .header-warning-container > div.wrap-content .header-warning-title {
  margin: 0;
  font-size: 20px;
}
[lang=en] .header-warning-wrapper .header-warning-container > div.wrap-content .header-warning-title {
  margin-right: 15px;
}
[lang=ar] .header-warning-wrapper .header-warning-container > div.wrap-content .header-warning-title {
  margin-left: 15px;
}
.header-warning-wrapper .header-warning-container > div.wrap-content .header-warning-title a {
  color: #FFFFFF;
  font-size: 18px;
  padding: 4px 10px;
  display: block;
  font-size: 20px;
}
.header-warning-wrapper .header-warning-container > div.wrap-content p, .header-warning-wrapper .header-warning-container > div.wrap-content a {
  margin: 0;
  font-size: 17px;
  color: #fff;
}
.header-warning-wrapper .header-warning-container > div.wrap-close-icon .icon-close {
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  width: 30px;
  height: 30px;
  background: url("../images/close.png") center bottom no-repeat;
  display: block;
  background-size: 20px;
}

body.menu-open .topnav-wrapper {
  display: none;
}

body.menu-open header.main .header-wrapper #block-nexgen-sitebranding a img {
  filter: none;
}

header.main {
  position: absolute;
  z-index: 10;
  width: 100%;
  padding-top: 0rem;
  padding-bottom: 2rem;
}
header.main .header-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  padding-top: 2rem;
}
header.main .header-wrapper #block-nexgen-sitebranding {
  z-index: 10;
  position: relative;
}
header.main .header-wrapper #block-nexgen-sitebranding a {
  display: block;
}
header.main .header-wrapper #block-nexgen-sitebranding a img {
  max-width: 242px;
  width: 242px;
  filter: brightness(0) invert(1);
}
header.main .header-wrapper .header-navigations {
  display: none;
}
header.main .header-wrapper .search-block-form {
  display: none;
}
header.main .header-wrapper .header-right {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}
header.main .header-wrapper .header-right .language-switcher-language-url {
  position: relative;
  z-index: 10;
}
header.main .header-wrapper .header-right .language-switcher-language-url ul li a {
  display: block;
  background: #35bbba;
  color: #FFFFFF;
  font-weight: bold;
  padding: 8px 10px 12px;
  line-height: 20px;
}
[lang=en] header.main .header-wrapper .header-right .language-switcher-language-url ul li a {
  font-family: "din-next_lt-arabic-regular", sans-serif;
}
[lang=ar] header.main .header-wrapper .header-right .language-switcher-language-url ul li a {
  font-family: "din", sans-serif;
}
header.main .header-wrapper .header-right .searchtoggle {
  position: relative;
  z-index: 10;
}
header.main .header-wrapper .header-right .searchtoggle .searchIcon {
  width: 40px;
  height: 40px;
  padding: 7px;
  background-color: #ba3d8d;
  cursor: pointer;
}
header.main .header-wrapper .header-right .searchtoggle .searchIcon span {
  display: none;
}
header.main .header-wrapper .mainmenutoggle {
  cursor: pointer;
  z-index: 10;
  position: relative;
  width: 41px;
  height: 41px;
  margin-top: 32px;
}
header.main .header-wrapper .mainmenutoggle > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1rem;
  height: 0.135rem;
  pointer-events: none;
  border-radius: 1px;
  background: #fff;
  transition: transform 0.2s, background-color 0.4s;
}
[dir=ltr] header.main .header-wrapper .mainmenutoggle > div {
  align-items: flex-end;
  margin: 0 0 0 auto;
}
[dir=rtl] header.main .header-wrapper .mainmenutoggle > div {
  align-items: flex-start;
  margin: 0 auto 0 0;
}
header.main .header-wrapper .mainmenutoggle > div:nth-child(even) {
  width: 1.2rem;
}
header.main .header-wrapper .mainmenutoggle > div:nth-child(odd) {
  width: 2.2rem;
}
header.main .header-wrapper:not(.hamburger-menu--open) .mainmenutoggle > div:first-child {
  transform: translate3d(0, -8px, 0);
}
header.main .header-wrapper:not(.hamburger-menu--open) .mainmenutoggle > div:nth-child(2) {
  transform: translate3d(0, 0, 0);
}
header.main .header-wrapper:not(.hamburger-menu--open) .mainmenutoggle > div:nth-child(3) {
  transform: translate3d(0, 8px, 0);
}
header.main .header-wrapper.hamburger-menu--open .mainmenutoggle > div {
  background: #000;
}
header.main .header-wrapper.hamburger-menu--open .mainmenutoggle > div:first-child {
  transform: translate3d(0, 4px, 0) rotate(45deg);
}
header.main .header-wrapper.hamburger-menu--open .mainmenutoggle > div:nth-child(2) {
  transform: translate3d(-8px, 2px, 0) scale(0, 1);
}
header.main .header-wrapper.hamburger-menu--open .mainmenutoggle > div:nth-child(3) {
  transform: translate3d(0, 0px, 0) rotate(-45deg);
}
header.main .header-wrapper.hamburger-menu--open .header-navigations {
  display: block;
  position: absolute;
  width: 100vw;
  min-height: 100vh;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 9;
}
header.main .header-wrapper.hamburger-menu--open .header-navigations > div {
  padding: 8rem 3rem 2rem;
}
header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-akhlaquna2023menu ul li {
  padding: 10px;
}
header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-akhlaquna2023menu ul li a {
  font-size: 24px;
}
header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-topnavigation {
  margin-top: 2rem;
}
header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-topnavigation ul li {
  margin-bottom: 15px;
}
header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-topnavigation ul li a {
  display: inline-block;
  border: 1px solid #4d5156;
  padding: 10px 20px;
  font-size: 24px;
  color: #4d5156;
}
header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-topnavigation ul li a:focus, header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-topnavigation ul li a:hover, header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-topnavigation ul li a::selection, header.main .header-wrapper.hamburger-menu--open .header-navigations nav#block-nexgen-topnavigation ul li a.is-active {
  text-decoration: none;
  background: #ee2e7f;
  border: 1px solid #ee2e7f;
}

header.main .header-wrapper.search--open .search-block-form {
  display: flex;
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 98;
  background: rgba(255, 255, 255, 0.98);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
}
header.main .header-wrapper.search--open .search-block-form form {
  position: relative;
  width: 90%;
  max-width: 400px;
}
header.main .header-wrapper.search--open .search-block-form form .form-submit {
  position: absolute;
  border: none;
  width: 50px;
  height: 50px;
  padding: 7px;
  background: url(/themes/nexgen/images/svg-icons/search-ico.svg) no-repeat center #ba3d8d;
  cursor: pointer;
  background-size: 28px;
  top: 1px;
  font-size: 0;
  color: transparent;
}
[lang=en] header.main .header-wrapper.search--open .search-block-form form .form-submit {
  right: 0px;
}
[lang=ar] header.main .header-wrapper.search--open .search-block-form form .form-submit {
  left: 0px;
}
header.main .header-wrapper.search--open .search-block-form input[type=search] {
  width: 100%;
  max-width: 400px;
  border: 1px solid #ba3d8d;
  line-height: 40px;
  padding: 5px;
}
header.main .header-wrapper.search--open .searchtoggle {
  z-index: 99;
}
header.main .header-wrapper.search--open .searchtoggle .searchIcon {
  cursor: pointer;
  background: url(/themes/nexgen/images/icons/close.png) no-repeat center #ba3d8d;
  background-size: 26px;
}
header.main .header-wrapper.search--open .searchtoggle .searchIcon img {
  display: none;
}

.inside-page header.main {
  position: relative;
}
.inside-page header.main .header-wrapper #block-nexgen-sitebranding a {
  display: block;
  padding-bottom: 15px;
}
.inside-page header.main .header-wrapper #block-nexgen-sitebranding a img {
  filter: none;
}
.inside-page header.main .header-wrapper .mainmenutoggle > div {
  background: #000;
}

@media only screen and (min-width: 1580px) {
  header.main .header-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  header.main .header-wrapper .header-navigations {
    display: block;
  }
  header.main .header-wrapper .header-navigations > div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li {
    padding: 0;
  }
  header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a {
    color: #fff;
    font-size: 20px;
    padding: 5px 14px;
    position: relative;
  }
  div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a {
    filter: invert(1);
  }
  header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a:hover::after, header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a.is-active::after {
    content: "";
    width: 30px;
    height: 3px;
    display: block;
    background: #ee2e7f;
    bottom: 0px;
    left: calc(50% - 15px);
    position: absolute;
  }
  div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a:hover::after, div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a.is-active::after {
    filter: invert(1);
  }
  header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li {
    padding: 0 8px;
    display: inline-block;
  }
  header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li a {
    display: block;
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 5px 8px;
  }
  div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li a {
    filter: invert(1);
  }
  header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li a:hover, header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li a.is-active {
    text-decoration: none;
    background: #ee2e7f;
    border: 1px solid #ee2e7f;
  }
  header.main .header-wrapper .mainmenutoggle {
    display: none;
  }
}
@media only screen and (max-width: 560px) {
  header.main .header-wrapper #block-nexgen-sitebranding a img {
    max-width: 120px;
    margin: 10px 0;
  }
}
.home-page-slider {
  position: relative;
}
.home-page-slider .slide-wrap {
  position: relative;
}
.home-page-slider .slide-wrap .native-video-player {
  height: 100vh;
}
.home-page-slider .slide-wrap .native-video-player video {
  height: 100vh !important;
}
.home-page-slider .slider-caption {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: 0 auto;
}
[lang=en] .home-page-slider .slider-caption {
  padding-left: 0rem;
}
[lang=ar] .home-page-slider .slider-caption {
  padding-right: 0rem;
}
.home-page-slider .slider-caption .caption-content h2 {
  color: #FFFFFF;
  position: relative;
  max-width: 48rem;
}
.home-page-slider .slider-caption .caption-content .sub-title {
  max-width: 20rem;
  max-width: 48rem;
}
.home-page-slider .slider-caption .caption-content .sub-title p {
  color: #FFFFFF;
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
}
.home-page-slider .slider-caption .caption-content .button-apply {
  padding: 0;
  margin-bottom: 1rem;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 18px;
  max-width: 48rem;
}
[lang=en] .home-page-slider .slider-caption .caption-content .button-apply {
  background: url(../images/icons/arrow-right.png) right 10px top 14px no-repeat #1050c8;
  margin-right: 0.75rem;
  padding: 14px 35px 14px 20px;
  font-family: "din-bold", sans-serif;
  background-size: 24px;
}
[lang=ar] .home-page-slider .slider-caption .caption-content .button-apply {
  background: url(../images/icons/arrow-left.png) left 10px top 20px no-repeat #1050c8;
  margin-left: 0.75rem;
  padding: 14px 20px 14px 35px;
  font-family: "din-next_lt-arabic-bold", sans-serif;
  background-size: 24px;
}
.home-page-slider .slider-caption .caption-content .button-apply:hover {
  opacity: 0.8;
}
.home-page-slider .slick-dots {
  z-index: 25;
}
.home-page-slider .fancybox-video {
  display: none;
}

.page-banner {
  position: relative;
  clear: both;
}
.page-banner .banner-image {
  height: 40vh;
  background-size: cover;
  background-position: top center;
}
.page-banner .banner-image:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
[lang=en] .page-banner .banner-image:after {
  left: 0;
}
[lang=ar] .page-banner .banner-image:after {
  right: 0;
}
.page-banner .banner-content {
  position: absolute;
  top: 40%;
  width: 100%;
}
[lang=en] .page-banner .banner-content {
  left: 0;
}
[lang=ar] .page-banner .banner-content {
  right: 0;
}
.page-banner .banner-content .banner-inner h1 {
  color: #fff;
}
.page-banner .banner-content .banner-inner .banner-desc {
  color: #fff;
}
.page-banner .slick-dots {
  bottom: 40px;
}
.page-banner .slick-dots li {
  width: 24px;
  height: 24px;
}
.page-banner .slick-dots li button {
  width: 24px;
  height: 24px;
}
.page-banner .slick-dots li button::before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  color: #FFFFFF;
}
.page-banner .slick-dots li.slick-active button:before {
  color: #FFFFFF;
  opacity: 1;
}

.home-page .home-page-slider {
  position: relative;
}
.home-page .home-page-slider .slider-video video {
  height: 100vh;
}
.home-page .home-page-slider .slider-image {
  width: 100vw;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center;
}
.home-page .home-page-slider .slider-image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
[lang=en] .home-page .home-page-slider .slider-image::after {
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
[lang=ar] .home-page .home-page-slider .slider-image::after {
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.home-page .home-page-slider .slide-wrap {
  position: relative;
}
.home-page .home-page-slider .slider-caption {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: 0 auto;
}
[lang=en] .home-page .home-page-slider .slider-caption {
  padding-left: 0rem;
}
[lang=ar] .home-page .home-page-slider .slider-caption {
  padding-right: 0rem;
}
.home-page .home-page-slider .slider-caption .caption-content {
  max-width: 1200px;
  position: relative;
}
.home-page .home-page-slider .slider-caption .caption-content h2 {
  color: #FFFFFF;
  position: relative;
  max-width: 48rem;
  font-size: 60px;
}
.home-page .home-page-slider .slider-caption .caption-content .sub-title {
  max-width: 20rem;
  max-width: 48rem;
}
.home-page .home-page-slider .slider-caption .caption-content .sub-title p {
  color: #FFFFFF;
  font-size: 30px;
  margin-bottom: 1.5rem;
  color: #01bcb5;
}
.home-page .home-page-slider .slider-caption .caption-content .button-apply {
  padding: 0;
  margin-bottom: 1rem;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 18px;
  max-width: 48rem;
}
[lang=en] .home-page .home-page-slider .slider-caption .caption-content .button-apply {
  background: url(../images/read-more-en.png) right 10px top 50% no-repeat #ba3d8d;
  margin-right: 0.75rem;
  padding: 14px 50px 14px 20px;
  font-family: "din-bold", sans-serif;
  background-size: 24px;
}
[lang=ar] .home-page .home-page-slider .slider-caption .caption-content .button-apply {
  background: url(../images/read-more-ar.png) left 10px top 50% no-repeat #ba3d8d;
  margin-left: 0.75rem;
  padding: 14px 20px 14px 50px;
  font-family: "din-next_lt-arabic-bold", sans-serif;
  background-size: 24px;
}
.home-page .home-page-slider .slider-caption .caption-content .button-apply:hover {
  opacity: 0.8;
}
.home-page .home-page-slider .slider-caption .caption-content .home-play-button {
  background: url(../images/svg-icons/play-btn-ico.svg) no-repeat transparent;
  padding: 0;
  margin-bottom: 1rem;
  color: transparent;
  width: 50px;
  display: block;
  height: 50px;
  background-size: contain;
  max-width: 48rem;
  left: calc(50% - 25px);
  position: absolute;
  top: 50%;
}
.home-page .home-page-slider .slider-caption .caption-content .home-play-button:hover {
  opacity: 0.7;
}
.home-page .home-page-slider .slider-caption .caption-content .home-play-button.playing {
  background: url(../images/stop.png) no-repeat transparent;
  background-size: contain;
}
.home-page .home-page-slider .slick-dots {
  z-index: 25;
}
.home-page .home-page-slider .fancybox-video {
  display: none;
}
.home-page .page-banner {
  position: relative;
  clear: both;
}
.home-page .page-banner .banner-image {
  height: 40vh;
  background-size: cover;
  background-position: top center;
}
.home-page .page-banner .banner-image:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
[lang=en] .home-page .page-banner .banner-image:after {
  left: 0;
}
[lang=ar] .home-page .page-banner .banner-image:after {
  right: 0;
}
.home-page .page-banner .banner-content {
  position: absolute;
  top: 40%;
  width: 100%;
}
[lang=en] .home-page .page-banner .banner-content {
  left: 0;
}
[lang=ar] .home-page .page-banner .banner-content {
  right: 0;
}
.home-page .page-banner .banner-content .banner-inner h1 {
  color: #fff;
}
.home-page .page-banner .banner-content .banner-inner .banner-desc {
  color: #fff;
}
.home-page .page-banner .slick-dots {
  bottom: 40px;
}
.home-page .page-banner .slick-dots li {
  width: 24px;
  height: 24px;
}
.home-page .page-banner .slick-dots li button {
  width: 24px;
  height: 24px;
}
.home-page .page-banner .slick-dots li button::before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  color: #FFFFFF;
}
.home-page .page-banner .slick-dots li.slick-active button:before {
  color: #FFFFFF;
  opacity: 1;
}

.fancybox-video.fancy-slider-video.fancybox-content {
  width: 100%;
}

.home-page-slider .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.fancybox-slide--html .fancybox-close-small {
  padding: 2px;
}

.fancybox-button svg {
  color: #fff;
}

@media only screen and (max-width: 800px) {
  .home-page .home-page-slider .slider-caption {
    bottom: 120px;
    top: auto;
  }
  .home-page .home-page-slider .video-slide .slider-caption {
    bottom: auto;
    top: 48%;
  }
  .home-page .home-page-slider .slider-caption .caption-content .button-apply {
    display: inline-block;
  }
  .header-warning-wrapper .header-warning-container {
    padding: 0px;
  }
}
.home-morals {
  padding: 3rem 0;
  margin: 0 auto;
}
[lang=en] .home-morals {
  background: url(../images/moral-bg.jpg) no-repeat;
  background-size: 1800px;
  background-position: center top -35px;
}
[lang=ar] .home-morals {
  background: url(/sites/default/files/2024-09/moral-bg-ar.jpg) no-repeat;
  background-size: 1800px;
  background-position: center top -35px;
}
.home-morals .section-inner {
  max-width: 1350px;
}
.home-morals .moral-content {
  display: flex;
  flex-wrap: wrap;
  align-items: inherit;
  justify-content: space-between;
  width: 100%;
}
.home-morals .moral-content .column-70, .home-morals .moral-content .column-30 {
  flex-basis: 100%;
  position: relative;
}
.home-morals .moral-inner-content::before {
  display: block;
  width: 80px;
  height: 80px;
  content: "";
  margin-bottom: 1rem;
}
[lang=en] .home-morals .moral-inner-content::before {
  background: url(../images/quote.png) no-repeat;
  background-size: contain;
}
[lang=ar] .home-morals .moral-inner-content::before {
  background: url(../images/quote-ar.png) no-repeat;
  background-size: contain;
}
.home-morals .moral-inner-content h2 {
  margin-bottom: 1rem;
  color: #4d5156;
  letter-spacing: -1px;
}
[lang=en] .home-morals .moral-inner-content h2 {
  font-family: "din-medium", sans-serif;
}
.home-morals .moral-inner-content h2::after {
  display: none;
}
.home-morals .moral-inner-content p.quote {
  font-size: 22px;
  margin-bottom: 3rem;
  color: #4d5156;
  color: #4d5156;
}
.home-morals .moral-inner-content p.quoted-by {
  color: #ba3d8d;
  margin-bottom: 3rem;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.home-morals .moral-image img {
  border-radius: 0px;
  width: 100%;
}

@media only screen and (min-width: 1280px) {
  .home-morals {
    padding: 0;
  }
  .home-morals .section-inner {
    margin-bottom: 0rem;
  }
  .home-morals .moral-content .column-70 {
    flex-basis: 68%;
  }
  .home-morals .moral-content .column-30 {
    flex-basis: 32%;
    padding-top: 11rem;
  }
  .home-morals .moral-inner-content {
    padding: 10rem 1rem 6rem;
  }
  [lang=en] .home-morals .moral-inner-content {
    padding-left: 320px;
  }
  [lang=ar] .home-morals .moral-inner-content {
    padding-right: 320px;
  }
  .home-morals .moral-inner-content::before {
    display: block;
    width: 160px;
    height: 160px;
    content: "";
    margin-bottom: 1rem;
    position: absolute;
    top: calc(50% - 80px);
  }
  [lang=en] .home-morals .moral-inner-content::before {
    left: 0px;
  }
  [lang=ar] .home-morals .moral-inner-content::before {
    right: 0px;
  }
  .home-morals .moral-inner-content h2 {
    font-size: 42px;
  }
  .home-morals .moral-inner-content p.quote {
    font-size: 26px;
    line-height: 1.7;
  }
  [lang=en] .home-morals .moral-inner-content p.quote {
    padding-right: 50px;
  }
  [lang=ar] .home-morals .moral-inner-content p.quote {
    padding-left: 50px;
  }
  .home-morals .moral-inner-content p.quoted-by {
    font-size: 16px;
    padding-top: 7rem;
  }
  [lang=en] .home-morals .moral-image {
    padding-left: 50px;
  }
  [lang=ar] .home-morals .moral-image {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 1280px) {
  [lang=en] .home-morals {
    background-size: 1000px;
    background-position: center top;
  }
  [lang=ar] .home-morals {
    background-size: 1000px;
    background-position: center top;
  }
}
.award-categories-wrap h2 {
  position: relative;
}
.award-categories-wrap h2::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
[lang=en] .award-categories-wrap h2::after {
  left: 2rem;
}
[lang=ar] .award-categories-wrap h2::after {
  right: 2rem;
}
div.inside-page .award-categories-wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.award-categories-wrap .award-categories-list {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  justify-content: space-between;
  margin: 2rem 0 0;
}
.award-categories-wrap .award-categories-item {
  flex-basis: 49.8%;
  margin-bottom: 0.2rem;
  padding: 2rem 1.5rem;
  text-align: center;
  border-radius: 0;
  position: relative;
  background-size: cover;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.award-categories-wrap .award-categories-item:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 119, 201, 0.8);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 119, 201, 0.8);
  transition: all 0.4s ease 0s;
}
.award-categories-wrap .award-categories-item .icon {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 5px 10px;
}
.award-categories-wrap .award-categories-item .award-title {
  padding: 1.5rem 0 4rem;
}
.award-categories-wrap .award-categories-item .award-title span {
  text-decoration: none;
  display: block;
}
.award-categories-wrap .award-categories-item .award-title span:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.award-categories-wrap .award-categories-item .award-title h3 {
  font-size: 22px;
  color: #FFFFFF;
  margin: 0px;
}
.award-categories-wrap .award-categories-item .award-title h4 {
  font-size: 32px;
  color: #FFFFFF;
  margin: 0px;
}
.award-categories-wrap .award-categories-item .award-desc {
  min-height: 60px;
  margin-top: 10px;
  margin-bottom: 60px;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.award-categories-wrap .award-categories-item .read-more {
  position: absolute;
  bottom: 30px;
}
[lang=en] .award-categories-wrap .award-categories-item .read-more {
  right: 30px;
}
[lang=ar] .award-categories-wrap .award-categories-item .read-more {
  left: 30px;
}
.award-categories-wrap .award-categories-item .read-more div {
  display: inline-block;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.award-categories-wrap .award-categories-item .read-more div span {
  display: none;
}
[lang=en] .award-categories-wrap .award-categories-item .read-more div {
  background: url(../images/svg-icons/next-arrow-btn.svg) no-repeat center transparent;
  background-size: 42px;
  width: 42px;
  height: 42px;
}
[lang=ar] .award-categories-wrap .award-categories-item .read-more div {
  background: url(../images/svg-icons/next-arrow-btn.svg) no-repeat center transparent;
  background-size: 42px;
  width: 42px;
  height: 42px;
  transform: scaleX(-1);
}

@media only screen and (max-width: 40rem) {
  .award-categories-wrap .award-categories-item {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .award-categories-wrap .award-categories-item {
    flex-basis: 19.8%;
  }
  div.inside-page .award-categories-wrap .award-categories-item {
    flex-basis: 49.8%;
    margin-bottom: 0.25rem;
  }
  .award-categories-wrap .award-categories-item .icon {
    display: inline-block;
    padding: 10px 25px;
  }
}
@media only screen and (min-width: 64rem) and (max-width: 84rem) {
  .award-categories-wrap .award-categories-item .award-title {
    padding: 1rem 0 2.5rem;
  }
}
@media only screen and (max-width: 600px) {
  .award-categories-wrap .award-categories-item .award-title {
    padding: 2rem 0 2.5rem;
  }
}
.award-winners-wrap {
  background: url(../images/winner-bg.jpg) no-repeat;
  background-size: cover;
  padding: 2rem 0 0;
  margin-bottom: 3rem;
  overflow: hidden;
}
.award-winners-wrap .award-winners .award-winners-list a:hover {
  text-decoration: none;
}
.award-winners-wrap .award-winners .award-winners-list .slick-slide {
  margin: 0px;
}
.award-winners-wrap .award-winners .award-winners-list .slick-list {
  margin: 0px;
}
.award-winners-wrap .award-winners .award-winners-list .slick-next {
  left: auto;
  right: -30px;
  top: calc(50% - 100px);
}
.award-winners-wrap .award-winners .award-winners-list .slick-prev {
  left: -30px;
  top: calc(50% - 100px);
  right: auto;
}
.award-winners-wrap .award-winners .award-winners-list .slick-prev, .award-winners-wrap .award-winners .award-winners-list .slick-next {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  z-index: 2;
}
.award-winners-wrap .award-winners .award-winners-list .slick-prev:before {
  content: "";
  background: url(../images/icons/arrow-left.png) center right 18px no-repeat #000;
  width: 64px;
  height: 64px;
  display: block;
  border-radius: 50%;
}
.award-winners-wrap .award-winners .award-winners-list .slick-next:before {
  content: "";
  background: url(../images/icons/arrow-right.png) center left 18px no-repeat #000;
  width: 64px;
  height: 64px;
  display: block;
  border-radius: 50%;
}
.award-winners-wrap .award-winners .award-winners-list .slick-dots {
  position: relative;
  background: #fff;
  bottom: 0px;
}
.award-winners-wrap .award-winners .award-winners-list .slick-dots li {
  margin: 0 4px;
}
.award-winners-wrap .award-winners .award-winners-list .slick-dots li button:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #ee2e7f;
  padding: 0;
  border-radius: 50%;
}
.award-winners-wrap .award-winners h2 {
  color: #FFFFFF;
  margin-bottom: 1rem;
  position: relative;
}
.award-winners-wrap .award-winners h2::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
[lang=en] .award-winners-wrap .award-winners h2::after {
  left: 2rem;
}
[lang=ar] .award-winners-wrap .award-winners h2::after {
  right: 2rem;
}
.award-winners-wrap .award-winners h3 {
  color: #FFFFFF;
}
[lang=en] .award-winners-wrap .award-winners h3 {
  padding-right: 70px;
}
[lang=ar] .award-winners-wrap .award-winners h3 {
  padding-left: 70px;
}
.award-winners-wrap .award-winners-list {
  display: flex;
  flex-wrap: wrap;
  align-items: inherit;
  justify-content: space-between;
  margin: 2rem 0 0;
}
.award-winners-wrap .award-winners-item {
  flex-basis: 100%;
  margin-bottom: 0rem;
  padding: 0rem 0rem;
  position: relative;
}
.award-winners-wrap .award-winners-item .image-block {
  border-radius: 0px;
  margin-bottom: 0rem;
  overflow: hidden;
  padding-top: 10px;
}
.award-winners-wrap .award-winners-item .image-block img {
  border-radius: 0px;
  width: 90%;
  transition: transform 0.2s; /* Animation */
}
.award-winners-wrap .award-winners-item:hover .image-block img {
  border-radius: 0px;
  transform: scale(1.05);
}
.award-winners-wrap .award-winners-item .content-block {
  position: relative;
  text-align: center;
  background: #fff;
  min-height: 140px;
}
.award-winners-wrap .award-winners-item .content-block a, .award-winners-wrap .award-winners-item .content-block a:hover {
  text-decoration: none;
}
.award-winners-wrap .award-winners-item .content-block .winner-title {
  font-size: 20px;
  margin-bottom: 0rem;
  padding: 10px 10px 0;
}
[lang=en] .award-winners-wrap .award-winners-item .content-block .winner-title {
  font-family: "din-medium", sans-serif;
}
[lang=ar] .award-winners-wrap .award-winners-item .content-block .winner-title {
  font-family: "din-next_lt-arabic-bold", sans-serif;
}
.award-winners-wrap .award-winners-item .content-block .category {
  min-height: auto;
  padding: 0px 10px 0px;
}
.award-winners-wrap .award-winners-item .content-block .category label {
  font-size: 15px;
}
[lang=en] .award-winners-wrap .award-winners-item .content-block .category label {
  font-family: "din-medium", sans-serif;
}
[lang=ar] .award-winners-wrap .award-winners-item .content-block .category label {
  font-family: "din-next_lt-arabic-bold", sans-serif;
}
.award-winners-wrap .award-winners-item .content-block .category p {
  font-size: 16px;
  color: #828282;
}

.site-social-media .social-media-list {
  display: flex;
  flex-wrap: wrap;
  align-items: inherit;
  justify-content: space-between;
  margin: 2rem 0;
}
.site-social-media .social-media-list .grid-cell {
  flex-basis: 100%;
  background: #FFFFFF;
  margin-bottom: 1rem;
  padding: 2rem 1.5rem;
  border-radius: 20px;
  position: relative;
  -webkit-box-shadow: 0px 0px 100px -5px rgb(233, 244, 244);
  -moz-box-shadow: 0px 0px 100px -5px rgb(233, 244, 244);
  box-shadow: 0px 0px 100px -5px rgb(233, 244, 244);
}
.site-social-media .social-media-list .grid-cell .social-media-name {
  margin-bottom: 1.5rem;
}
.site-social-media .social-media-list .grid-cell .social-media-name a {
  color: #4d5156;
  display: block;
  background: url(../images/icons/fb.jpg) no-repeat;
  background-size: 28px;
  line-height: 32px;
}
[lang=en] .site-social-media .social-media-list .grid-cell .social-media-name a {
  padding-left: 2.5rem;
  background-position: left;
}
[lang=ar] .site-social-media .social-media-list .grid-cell .social-media-name a {
  padding-right: 2.5rem;
  background-position: right;
}
.site-social-media .social-media-list .grid-cell .post-image {
  border-radius: 20px;
}
.site-social-media .social-media-list .grid-cell .post-image img {
  border-radius: 20px;
  margin-bottom: 1.5rem;
  width: 100%;
}
.site-social-media .social-media-list .grid-cell .post-content p {
  font-size: 18px;
}
.site-social-media .social-media-list .grid-cell .post-date p {
  text-transform: uppercase;
}
[lang=en] .site-social-media .social-media-list .grid-cell .post-date p {
  font-family: "din-bold", sans-serif;
}
[lang=ar] .site-social-media .social-media-list .grid-cell .post-date p {
  font-family: "din-next_lt-arabic-bold", sans-serif;
}
.site-social-media .social-media-list .grid-cell.grid-instagram .social-media-name a {
  background: url(../images/icons/insta.jpg) no-repeat;
  background-size: 28px;
}
[lang=en] .site-social-media .social-media-list .grid-cell.grid-instagram .social-media-name a {
  padding-left: 2.5rem;
  background-position: left;
}
[lang=ar] .site-social-media .social-media-list .grid-cell.grid-instagram .social-media-name a {
  padding-right: 2.5rem;
  background-position: right;
}
.site-social-media .social-media-list .grid-cell.grid-twitter .social-media-name a {
  background: url(../images/icons/tw.jpg) no-repeat;
  background-size: 28px;
  background-position: right;
}
[lang=en] .site-social-media .social-media-list .grid-cell.grid-twitter .social-media-name a {
  padding-left: 2.5rem;
  background-position: left;
}
[lang=ar] .site-social-media .social-media-list .grid-cell.grid-twitter .social-media-name a {
  padding-right: 2.5rem;
  background-position: right;
}

/*Follow Us*/
.content-wrap ul.social-network-list {
  position: absolute;
  left: 20px;
  top: calc(50% - 3rem);
}
.content-wrap ul.social-network-list li {
  display: block;
  padding: 5px 10px;
}
.content-wrap ul.social-network-list li a {
  display: block;
  background: url(../images/svg-icons/facebook-ico.svg) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
}
.content-wrap ul.social-network-list li a.social-instagram {
  background-image: url(../images/svg-icons/instagram-ico.svg);
  background-size: contain;
}
.content-wrap ul.social-network-list li a.social-twitter {
  background-image: url(../images/svg-icons/x-ico.svg);
  background-size: contain;
}
.content-wrap ul.social-network-list li a.social-youtube {
  background-image: url(../images/svg-icons/youtube-ico.svg);
  background-size: contain;
}
.content-wrap ul.social-network-list li a:hover {
  filter: brightness(0) invert(0.6);
}

.j-post-overlay.juicer-feed .j-navigate {
  direction: ltr;
}

@media only screen and (min-width: 50rem) {
  .site-social-media .social-media-list .grid-cell {
    flex-basis: 32.6%;
  }
}
@media only screen and (max-width: 1270px) {
  .content-wrap ul.social-network-list {
    display: none;
  }
}
footer {
  margin-bottom: 0;
}
footer .footermenu-wrapper {
  background: url(../images/footer-bg.jpg) no-repeat center;
  background-size: cover;
}
footer .footermenu-wrapper .footer-bottom {
  padding: 3rem 2rem 0;
}
footer .footermenu-wrapper .footer-bottom div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
footer .footermenu-wrapper .footer-bottom div nav ul {
  position: relative;
}
[lang=en] footer .footermenu-wrapper .footer-bottom div nav ul {
  padding-left: 40px;
}
[lang=ar] footer .footermenu-wrapper .footer-bottom div nav ul {
  padding-right: 40px;
}
footer .footermenu-wrapper .footer-bottom div nav ul li a {
  color: #fff;
  font-size: 24px;
  padding: 4px 0;
}
footer .footermenu-wrapper .footer-bottom div nav#block-nexgen-mainmenu ul::before {
  content: "";
  width: 30px;
  height: 5px;
  display: block;
  background: #ee2e7f;
  top: 10px;
  position: absolute;
}
[lang=en] footer .footermenu-wrapper .footer-bottom div nav#block-nexgen-mainmenu ul::before {
  left: 0;
}
[lang=ar] footer .footermenu-wrapper .footer-bottom div nav#block-nexgen-mainmenu ul::before {
  right: 0;
}
footer .footermenu-wrapper .footer-bottom div ul.social-network-list li {
  display: block;
  padding: 5px 10px;
}
footer .footermenu-wrapper .footer-bottom div ul.social-network-list li a {
  display: block;
  background: url(../images/svg-icons/facebook-ico.svg) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  filter: brightness(0) invert(1);
}
footer .footermenu-wrapper .footer-bottom div ul.social-network-list li a.social-instagram {
  background-image: url(../images/svg-icons/instagram-ico.svg);
  background-size: contain;
}
footer .footermenu-wrapper .footer-bottom div ul.social-network-list li a.social-twitter {
  background-image: url(../images/svg-icons/x-ico.svg);
  background-size: contain;
}
footer .footermenu-wrapper .footer-bottom div ul.social-network-list li a.social-youtube {
  background-image: url(../images/svg-icons/youtube-ico.svg);
  background-size: contain;
}
footer .footermenu-wrapper .footer-bottom div ul.social-network-list li a:hover {
  filter: brightness(0) invert(0.6);
}
footer .footermenu-wrapper .copyright {
  text-align: center;
  padding: 2rem 2rem 3rem;
  color: #fff;
}

@media only screen and (max-width: 40rem) {
  .footermenu-wrapper .footer-bottom div, .footermenu-wrapper .footer-bottom nav {
    margin-bottom: 1.5rem;
    flex-basis: 100%;
  }
  footer .footermenu-wrapper .footer-bottom div ul.social-network-list li {
    display: inline-block;
  }
}
.about-wrap h2 {
  position: relative;
  margin-bottom: 2rem;
}
.about-wrap h2::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
.about-wrap .content-block {
  width: 100%;
  overflow: hidden;
  padding-bottom: 3rem;
}
.about-wrap .content-block p {
  font-size: 28px;
}
.about-wrap .image-block {
  margin: 2rem 0 3rem;
}
.about-wrap .image-block img {
  border-radius: 0;
  width: 100%;
}

.mission-vision {
  background: #ba3d8d;
  padding: 3rem 0;
  margin-bottom: 3rem;
}
.mission-vision > div {
  display: flex;
  flex-wrap: wrap;
  align-items: inherit;
  justify-content: space-between;
  width: 100%;
}
.mission-vision img {
  margin-bottom: 1rem;
}
.mission-vision .sub-title {
  text-transform: capitalize;
  margin-bottom: 2rem;
  color: #fff;
  position: relative;
}
.mission-vision .sub-title::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #fff;
  bottom: -5px;
  position: absolute;
}
.mission-vision .mission-vision-wrap {
  border-radius: 0;
  padding: 2rem;
  margin-bottom: 2rem;
}
.mission-vision .mission-vision-wrap p {
  color: #fff;
  font-size: 28px;
}
.mission-vision .mission-vision-wrap ul li {
  display: block;
  list-style: none;
  font-size: 28px;
  padding-bottom: 0.7rem;
}
[lang=en] .mission-vision .mission-vision-wrap ul li {
  padding-left: 30px;
  background: url(../images/tick.png) top 5px left 0 no-repeat;
}
[lang=ar] .mission-vision .mission-vision-wrap ul li {
  padding-right: 30px;
  background: url(../images/tick.png) top 5px right 0 no-repeat;
}

.objective-content {
  margin-bottom: 0;
  border-radius: 0;
  padding: 2rem;
  margin-bottom: 2rem;
}
.objective-content p {
  color: #fff;
  font-size: 28px;
}
.objective-content ul {
  display: flex;
  flex-wrap: wrap;
  align-items: inherit;
  justify-content: space-between;
  width: 100%;
}
.objective-content ul li {
  display: block;
  list-style: none;
  flex-basis: 100%;
  font-size: 28px;
  padding-bottom: 1rem;
}
[lang=en] .objective-content ul li {
  padding-left: 30px;
  background: url(../images/tick.png) top 3px left 0 no-repeat;
}
[lang=ar] .objective-content ul li {
  padding-right: 30px;
  background: url(../images/tick.png) top 3px right 0 no-repeat;
}
.objective-content .sub-title {
  text-transform: capitalize;
  margin-bottom: 2rem;
  position: relative;
}
.objective-content .sub-title::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}

.campaign-wrap {
  background: url(../images/campaign-call-bg.jpg) no-repeat;
  padding: 3rem 0;
  background-size: cover;
}
.campaign-wrap .campaign {
  position: relative;
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.campaign-wrap .image-block {
  flex-basis: 100%;
}
.campaign-wrap .content-block {
  flex-basis: 100%;
}
.campaign-wrap .content-block h2 {
  color: #fff;
}
.campaign-wrap .content-block h3 {
  color: #fff;
  font-size: 30px;
}
.campaign-wrap .content-block p {
  color: #fff;
  font-size: 20px;
}
.campaign-wrap .content-block a {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 15px;
}
[lang=en] .campaign-wrap .content-block a {
  background: url(../images/read-more-en.png) no-repeat top 14px right 8px #243e8c;
  padding: 8px 42px 8px 15px;
  background-size: 22px;
}
[lang=ar] .campaign-wrap .content-block a {
  background: url(../images/read-more-ar.png) no-repeat top 14px left 8px #243e8c;
  padding: 8px 15px 8px 42px;
  background-size: 22px;
}

.jury-wrap {
  margin-bottom: 2rem;
}
.jury-wrap .jury-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: inherit;
  justify-content: space-between;
  margin: 2rem 0;
}
.jury-wrap .jury-list .jury-item {
  flex-basis: 49%;
  margin-bottom: 1rem;
  padding: 0;
  text-align: center;
  position: relative;
}
.jury-wrap .jury-list .jury-item .image-block {
  padding: 0 10px;
}
.jury-wrap .jury-list .jury-item .image-block img {
  border-radius: 50%;
  border: 10px solid #fff;
  width: 200px;
  margin-bottom: -90px;
}
.jury-wrap .jury-list .jury-item .content-block {
  background: #f2f2f2;
  border-radius: 20px;
  padding: 150px 0.5rem 3rem;
}
.jury-wrap .jury-list .jury-item .content-block .title {
  font-size: 1.1rem;
  margin-bottom: 10px;
}
[lang=en] .jury-wrap .jury-list .jury-item .content-block .title {
  font-family: "din-bold", sans-serif;
}
[lang=ar] .jury-wrap .jury-list .jury-item .content-block .title {
  font-family: "din-next_lt-arabic-bold", sans-serif;
}
.inside-page .award-categories-wrap .award-categories-list {
  padding: 0 2rem;
}

@media only screen and (min-width: 50rem) {
  .jury-wrap .jury-list .jury-item {
    flex-basis: 32.6%;
  }
  .objective-content ul li {
    flex-basis: 49%;
  }
  .about-wrap {
    overflow: hidden;
    clear: both;
  }
  .about-wrap .content-block {
    width: 100%;
    overflow: hidden;
  }
  .about-wrap .content-block p {
    font-size: 28px;
  }
  .about-wrap .image-block {
    width: 100%;
    margin: 0;
    padding: 0rem 0 0rem 0;
  }
  .about-wrap .image-block img {
    border-radius: 0;
    width: 100%;
  }
  .campaign-wrap .image-block, .campaign-wrap .content-block {
    flex-basis: 48%;
  }
}
@media only screen and (min-width: 64rem) {
  .jury-wrap .jury-list .jury-item {
    flex-basis: 24%;
  }
  .mission-vision .mission-vision-wrap > div {
    flex-basis: 49%;
    margin-bottom: 0;
  }
}
.faqs {
  margin-top: 5rem !important;
}
.faqs .wrap-question {
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding-top: 1.5rem;
}
.faqs .wrap-question:first-child {
  border-top: 0;
}
.faqs .faq-question {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  font-size: 1.2rem;
  text-transform: uppercase;
}
[lang=en] .faqs .faq-question {
  padding: 0 3rem 0 0rem;
  font-family: "din-bold", sans-serif;
}
[lang=ar] .faqs .faq-question {
  padding: 0 0rem 0 3rem;
  font-family: "din-next_lt-arabic-bold", sans-serif;
}
.faqs .faq-answer {
  position: relative;
  width: 100% !important;
  height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: -1;
  transition: 0.3s ease;
}
[lang=en] .faqs .faq-answer {
  padding: 1.5rem 3rem 0 0rem;
}
[lang=ar] .faqs .faq-answer {
  padding: 1.5rem 0rem 0 3rem;
}
.faqs .input-faqs:checked ~ .faq-answer {
  height: auto;
  opacity: 1;
  z-index: 1;
}
[lang=en] .faqs .input-faqs:checked ~ .faq-answer {
  padding: 1.5rem 3rem 1.5rem 0rem;
}
[lang=ar] .faqs .input-faqs:checked ~ .faq-answer {
  padding: 1.5rem 0rem 1.5rem 3rem;
}
[lang=ar] .faqs .input-faqs:checked ~ .plus ~ label {
  line-height: 180%;
}
.faqs .plus {
  position: absolute;
  top: 1.1rem;
  font-size: 2rem;
  line-height: 100%;
  user-select: none;
  transition: 0.3s ease;
  width: 48px;
  height: 48px;
  background: #f2f2f2;
  text-align: center;
  border-radius: 50%;
  padding: 8px;
  display: block;
  transform: rotate(90deg);
}
[lang=en] .faqs .plus {
  right: 0.25rem;
}
[lang=ar] .faqs .plus {
  left: 0.25rem;
  padding-top: 0px;
}
.faqs .plus img {
  -webkit-filter: invert(100%); /* Safari/Chrome */
  filter: invert(100%);
}
.faqs .input-faqs:checked ~ .plus {
  transform: rotate(270deg);
  background: #1050c8;
}
.faqs .input-faqs:checked ~ .plus img {
  -webkit-filter: invert(0%); /* Safari/Chrome */
  filter: invert(0%);
}
.faqs .input-faqs {
  display: none;
}

/* 320px */
/* 480px */
@media only screen and (min-width: 30rem) {
  [lang=en] .faqs .faq-question {
    padding: 0 4rem 0 0rem;
  }
  [lang=ar] .faqs .faq-question {
    padding: 0 0rem 0 4rem;
  }
  [lang=en] .faqs .faq-answer {
    padding: 1.5rem 4rem 0 0rem;
  }
  [lang=ar] .faqs .faq-answer {
    padding: 1.5rem 0rem 0 4rem;
  }
  [lang=en] .faqs .input-faqs:checked ~ .faq-answer {
    padding: 1.5rem 4rem 1.5rem 0rem;
  }
  [lang=ar] .faqs .input-faqs:checked ~ .faq-answer {
    padding: 1.5rem 0rem 1.5rem 4rem;
  }
}
/* 570px */
/* 820px */
/* 1087px */
/* 1088px */
.section-contact-us-faq #block-nexgen-webform, .page-node-121 #block-nexgen-webform {
  background: url(../images/contact-bg.jpg) no-repeat #243e8c;
  padding: 4rem 2rem;
  display: block;
  width: 100%;
}
.section-contact-us-faq #block-nexgen-webform form, .page-node-121 #block-nexgen-webform form {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0rem;
}
.section-contact-us-faq #block-nexgen-webform form .webform-confirmation__message, .page-node-121 #block-nexgen-webform form .webform-confirmation__message {
  color: #fff;
}
.section-contact-us-faq #block-nexgen-webform h2, .page-node-121 #block-nexgen-webform h2 {
  max-width: 1200px;
  margin: 0 auto 3rem;
  padding: 0rem;
  color: #fff;
  position: relative;
}
.section-contact-us-faq #block-nexgen-webform h2::after, .page-node-121 #block-nexgen-webform h2::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
.section-contact-us-faq #block-nexgen-webform .form-item, .page-node-121 #block-nexgen-webform .form-item {
  margin-bottom: 2rem;
}
.section-contact-us-faq #block-nexgen-webform .form-item .webform-confirmation__message, .page-node-121 #block-nexgen-webform .form-item .webform-confirmation__message {
  color: #fff;
}
.section-contact-us-faq #block-nexgen-webform .form-item label, .page-node-121 #block-nexgen-webform .form-item label {
  color: #fff;
  padding-bottom: 8px;
  display: block;
}
.section-contact-us-faq #block-nexgen-webform .form-item input.form-text, .section-contact-us-faq #block-nexgen-webform .form-item input.form-email, .section-contact-us-faq #block-nexgen-webform .form-item .form-textarea, .page-node-121 #block-nexgen-webform .form-item input.form-text, .page-node-121 #block-nexgen-webform .form-item input.form-email, .page-node-121 #block-nexgen-webform .form-item .form-textarea {
  background: #314c9c;
  color: #fff;
  padding: 15px;
  border: none;
  max-width: 100%;
  display: block;
  line-height: 1.5;
  width: 100%;
}
.section-contact-us-faq #block-nexgen-webform .form-item input.form-text::placeholder, .section-contact-us-faq #block-nexgen-webform .form-item input.form-email::placeholder, .section-contact-us-faq #block-nexgen-webform .form-item .form-textarea::placeholder, .page-node-121 #block-nexgen-webform .form-item input.form-text::placeholder, .page-node-121 #block-nexgen-webform .form-item input.form-email::placeholder, .page-node-121 #block-nexgen-webform .form-item .form-textarea::placeholder {
  color: #738fe2;
}
[lang=en] .section-contact-us-faq #block-nexgen-webform .form-actions, [lang=en] .page-node-121 #block-nexgen-webform .form-actions {
  text-align: right;
}
[lang=ar] .section-contact-us-faq #block-nexgen-webform .form-actions, [lang=ar] .page-node-121 #block-nexgen-webform .form-actions {
  text-align: left;
}
.section-contact-us-faq #block-nexgen-webform .form-actions input, .page-node-121 #block-nexgen-webform .form-actions input {
  margin-bottom: 1rem;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  border: none;
}
[lang=en] .section-contact-us-faq #block-nexgen-webform .form-actions input, [lang=en] .page-node-121 #block-nexgen-webform .form-actions input {
  background: url(../images/icons/arrow-right.png) right 10px top 15px no-repeat #0cbab4;
  font-family: "din-bold", sans-serif;
  padding: 15px 35px 15px 20px;
  margin-right: 0;
  color: #fff;
}
[lang=ar] .section-contact-us-faq #block-nexgen-webform .form-actions input, [lang=ar] .page-node-121 #block-nexgen-webform .form-actions input {
  background: url(../images/icons/arrow-left.png) left 10px top 15px no-repeat #0cbab4;
  font-family: "din-next_lt-arabic-bold", sans-serif;
  padding: 15px 20px 15px 35px;
  margin-left: 0;
  color: #fff;
}
.section-contact-us-faq #block-nexgen-webform .form-actions input:hover, .page-node-121 #block-nexgen-webform .form-actions input:hover {
  opacity: 0.8;
}
.section-contact-us-faq #block-nexgen-contactinfoblock, .page-node-121 #block-nexgen-contactinfoblock {
  background: #1050c8;
  padding: 3rem;
  display: block;
  width: 100%;
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap {
  color: #fff;
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .contact-info .contact-image, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .contact-info .contact-image {
  margin-bottom: 1rem;
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .contact-info .contact-image img, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .contact-info .contact-image img {
  border-radius: 50%;
  width: 140px;
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .contact-info h3, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .contact-info h3 {
  color: #fff;
  margin-bottom: 5px;
}
[lang=en] .section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .contact-info h3, [lang=en] .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .contact-info h3 {
  font-family: "din-medium", sans-serif;
}
[lang=ar] .section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .contact-info h3, [lang=ar] .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .contact-info h3 {
  font-family: "din-next_lt-arabic-regular", sans-serif;
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list {
  margin: 1.5rem 0 1.5rem;
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li {
  display: inline-block;
  padding: 10px;
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a {
  display: block;
  background: url(../images/svg-icons/facebook-ico.svg) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  filter: brightness(0) invert(1);
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a.social-instagram, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a.social-instagram {
  background-image: url(../images/svg-icons/instagram-ico.svg);
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a.social-twitter, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a.social-twitter {
  background-image: url(../images/svg-icons/x-ico.svg);
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a.social-youtube, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a.social-youtube {
  background-image: url(../images/svg-icons/youtube-ico.svg);
}
.section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a:hover, .page-node-121 #block-nexgen-contactinfoblock .contact-info-wrap .socialmedia-info ul.social-network-list li a:hover {
  filter: grayscale(0%);
}

/*NEW*/
#block-nexgen-contactlinkblock {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}
#block-nexgen-contactlinkblock .contact-link-wrap {
  background: #0cbab4;
  position: relative;
  padding: 2rem;
  /*[lang="en"] & {
      padding: 3rem 3rem 3rem 9rem;
  }

  [lang="ar"] & {
      padding: 3rem 9rem 3rem 3rem;
  }*/
  /*&:before
  {
      display: block;
      content: "";
      width: 5rem;
      height: 5rem;
      background: url(/themes/nexgen/images/call.png) no-repeat;
      position: absolute;

      top: 4.5rem;
      background-size: cover;
      [lang="en"] & {
          left: 3rem;
      }

      [lang="ar"] & {
          right: 3rem;
      }
  }
  &:after
  {
      display: block;
      content: "";
      width: 5rem;
      height: 5rem;
      background: url(/themes/nexgen/images/phone-icon.png) no-repeat;
      position: absolute;

      top: 4.5rem;
      background-size: cover;
      [lang="en"] & {
          right: 3rem;
      }

      [lang="ar"] & {
          left: 3rem;
      }
  }*/
}
#block-nexgen-contactlinkblock .contact-link-wrap > div {
  display: table;
}
#block-nexgen-contactlinkblock .contact-link-wrap > div > div {
  display: table-cell;
  padding: 0 1rem;
  vertical-align: middle;
}
#block-nexgen-contactlinkblock .contact-link-wrap > div > div.phone-icon {
  max-width: 400px;
}
#block-nexgen-contactlinkblock .contact-link-wrap h3 {
  color: #fff;
  font-size: 48px;
}
#block-nexgen-contactlinkblock .contact-link-wrap h3 span {
  display: block;
}
#block-nexgen-contactlinkblock .contact-link-wrap h3 a {
  display: block;
}
[lang=ar] #block-nexgen-contactlinkblock .contact-link-wrap h3 a {
  text-align: right;
}
#block-nexgen-contactlinkblock .contact-link-wrap p {
  color: #fff;
}

@media only screen and (min-width: 64rem) {
  .section-contact-us-faq .full-width-content > div > div, .page-node-121 .full-width-content > div > div {
    flex-basis: 65%;
  }
  .section-contact-us-faq .full-width-content > div > div#block-nexgen-contactinfoblock, .page-node-121 .full-width-content > div > div#block-nexgen-contactinfoblock {
    flex-basis: 35%;
  }
  .section-contact-us-faq #block-nexgen-webform .js-form-type-textfield, .section-contact-us-faq #block-nexgen-webform .js-form-type-email, .page-node-121 #block-nexgen-webform .js-form-type-textfield, .page-node-121 #block-nexgen-webform .js-form-type-email {
    width: 49.6%;
    display: inline-block;
    padding: 0 4px;
  }
}
@media only screen and (max-width: 64rem) {
  #block-nexgen-contactlinkblock {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap {
    background: #0cbab4;
    position: relative;
    padding: 1rem;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap > div {
    display: block;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap > div > div {
    display: block;
    padding: 1rem 0rem;
    vertical-align: middle;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap > div > div.phone-icon {
    max-width: 300px;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap > div > div.call-icon {
    max-width: 120px;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap h3 {
    color: #fff;
    font-size: 32px;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap h3 span {
    display: block;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap h3 a {
    display: block;
  }
  [lang=ar] #block-nexgen-contactlinkblock .contact-link-wrap h3 a {
    text-align: right;
  }
  #block-nexgen-contactlinkblock .contact-link-wrap p {
    color: #fff;
  }
}
.award-page-wrap .award-categories-list, .award-page-wrap .award-categories .awards-list, .award-page-wrap .award-categories .awards-options-list, .award-page-wrap .award-page-item-list, .award-page-wrap .award-page-item .awards-list, .award-page-wrap .award-page-item .awards-options-list, .award-details .award-categories-list, .award-details .award-categories .awards-list, .award-details .award-categories .awards-options-list, .award-details .award-page-item-list, .award-details .award-page-item .awards-list, .award-details .award-page-item .awards-options-list {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  justify-content: space-between;
  margin: 2rem 0;
}
.award-page-wrap .award-categories-item, .award-page-wrap .award-categories .awards-item, .award-page-wrap .award-page-item-item, .award-page-wrap .award-page-item .awards-item, .award-details .award-categories-item, .award-details .award-categories .awards-item, .award-details .award-page-item-item, .award-details .award-page-item .awards-item {
  flex-basis: 100%;
  margin-bottom: 2%;
  padding: 3.5rem 1.5rem;
  text-align: center;
  border-radius: 0;
  position: relative;
  background-size: cover;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
}
.award-page-wrap .award-categories-item .icon, .award-page-wrap .award-categories .awards-item .icon, .award-page-wrap .award-page-item-item .icon, .award-page-wrap .award-page-item .awards-item .icon, .award-details .award-categories-item .icon, .award-details .award-categories .awards-item .icon, .award-details .award-page-item-item .icon, .award-details .award-page-item .awards-item .icon {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 5px 10px;
}
.award-page-wrap .award-categories-item .award-title, .award-page-wrap .award-categories .awards-item .award-title, .award-page-wrap .award-page-item-item .award-title, .award-page-wrap .award-page-item .awards-item .award-title, .award-details .award-categories-item .award-title, .award-details .award-categories .awards-item .award-title, .award-details .award-page-item-item .award-title, .award-details .award-page-item .awards-item .award-title {
  padding: 5.5rem 0 7rem;
}
.award-page-wrap .award-categories-item .award-title a, .award-page-wrap .award-categories .awards-item .award-title a, .award-page-wrap .award-page-item-item .award-title a, .award-page-wrap .award-page-item .awards-item .award-title a, .award-details .award-categories-item .award-title a, .award-details .award-categories .awards-item .award-title a, .award-details .award-page-item-item .award-title a, .award-details .award-page-item .awards-item .award-title a {
  text-decoration: none;
  display: block;
}
.award-page-wrap .award-categories-item .award-title a:hover, .award-page-wrap .award-categories .awards-item .award-title a:hover, .award-page-wrap .award-page-item-item .award-title a:hover, .award-page-wrap .award-page-item .awards-item .award-title a:hover, .award-details .award-categories-item .award-title a:hover, .award-details .award-categories .awards-item .award-title a:hover, .award-details .award-page-item-item .award-title a:hover, .award-details .award-page-item .awards-item .award-title a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.award-page-wrap .award-categories-item .award-title h3, .award-page-wrap .award-categories .awards-item .award-title h3, .award-page-wrap .award-page-item-item .award-title h3, .award-page-wrap .award-page-item .awards-item .award-title h3, .award-details .award-categories-item .award-title h3, .award-details .award-categories .awards-item .award-title h3, .award-details .award-page-item-item .award-title h3, .award-details .award-page-item .awards-item .award-title h3 {
  font-size: 22px;
  color: #FFFFFF;
  margin: 0px;
}
.award-page-wrap .award-categories-item .award-title h4, .award-page-wrap .award-categories .awards-item .award-title h4, .award-page-wrap .award-page-item-item .award-title h4, .award-page-wrap .award-page-item .awards-item .award-title h4, .award-details .award-categories-item .award-title h4, .award-details .award-categories .awards-item .award-title h4, .award-details .award-page-item-item .award-title h4, .award-details .award-page-item .awards-item .award-title h4 {
  font-size: 32px;
  color: #FFFFFF;
  margin: 0px;
}
.award-page-wrap .award-categories-item .award-desc, .award-page-wrap .award-categories .awards-item .award-desc, .award-page-wrap .award-page-item-item .award-desc, .award-page-wrap .award-page-item .awards-item .award-desc, .award-details .award-categories-item .award-desc, .award-details .award-categories .awards-item .award-desc, .award-details .award-page-item-item .award-desc, .award-details .award-page-item .awards-item .award-desc {
  min-height: 60px;
  margin-top: 10px;
  margin-bottom: 60px;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.award-page-wrap .award-categories-item .read-more, .award-page-wrap .award-categories .awards-item .read-more, .award-page-wrap .award-page-item-item .read-more, .award-page-wrap .award-page-item .awards-item .read-more, .award-details .award-categories-item .read-more, .award-details .award-categories .awards-item .read-more, .award-details .award-page-item-item .read-more, .award-details .award-page-item .awards-item .read-more {
  position: absolute;
  bottom: 30px;
}
[lang=en] .award-page-wrap .award-categories-item .read-more, [lang=en] .award-page-wrap .award-categories .awards-item .read-more, [lang=en] .award-page-wrap .award-page-item-item .read-more, [lang=en] .award-page-wrap .award-page-item .awards-item .read-more, [lang=en] .award-details .award-categories-item .read-more, [lang=en] .award-details .award-categories .awards-item .read-more, [lang=en] .award-details .award-page-item-item .read-more, [lang=en] .award-details .award-page-item .awards-item .read-more {
  right: 30px;
}
[lang=ar] .award-page-wrap .award-categories-item .read-more, [lang=ar] .award-page-wrap .award-categories .awards-item .read-more, [lang=ar] .award-page-wrap .award-page-item-item .read-more, [lang=ar] .award-page-wrap .award-page-item .awards-item .read-more, [lang=ar] .award-details .award-categories-item .read-more, [lang=ar] .award-details .award-categories .awards-item .read-more, [lang=ar] .award-details .award-page-item-item .read-more, [lang=ar] .award-details .award-page-item .awards-item .read-more {
  left: 30px;
}
.award-page-wrap .award-categories-item .read-more a, .award-page-wrap .award-categories .awards-item .read-more a, .award-page-wrap .award-page-item-item .read-more a, .award-page-wrap .award-page-item .awards-item .read-more a, .award-details .award-categories-item .read-more a, .award-details .award-categories .awards-item .read-more a, .award-details .award-page-item-item .read-more a, .award-details .award-page-item .awards-item .read-more a {
  display: inline-block;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.award-page-wrap .award-categories-item .read-more a span, .award-page-wrap .award-categories .awards-item .read-more a span, .award-page-wrap .award-page-item-item .read-more a span, .award-page-wrap .award-page-item .awards-item .read-more a span, .award-details .award-categories-item .read-more a span, .award-details .award-categories .awards-item .read-more a span, .award-details .award-page-item-item .read-more a span, .award-details .award-page-item .awards-item .read-more a span {
  display: none;
}
[lang=en] .award-page-wrap .award-categories-item .read-more a, [lang=en] .award-page-wrap .award-categories .awards-item .read-more a, [lang=en] .award-page-wrap .award-page-item-item .read-more a, [lang=en] .award-page-wrap .award-page-item .awards-item .read-more a, [lang=en] .award-details .award-categories-item .read-more a, [lang=en] .award-details .award-categories .awards-item .read-more a, [lang=en] .award-details .award-page-item-item .read-more a, [lang=en] .award-details .award-page-item .awards-item .read-more a {
  background: url(../images/svg-icons/next-arrow-btn.svg) no-repeat center transparent;
  background-size: 42px;
  width: 42px;
  height: 42px;
}
[lang=ar] .award-page-wrap .award-categories-item .read-more a, [lang=ar] .award-page-wrap .award-categories .awards-item .read-more a, [lang=ar] .award-page-wrap .award-page-item-item .read-more a, [lang=ar] .award-page-wrap .award-page-item .awards-item .read-more a, [lang=ar] .award-details .award-categories-item .read-more a, [lang=ar] .award-details .award-categories .awards-item .read-more a, [lang=ar] .award-details .award-page-item-item .read-more a, [lang=ar] .award-details .award-page-item .awards-item .read-more a {
  background: url(../images/svg-icons/next-arrow-btn.svg) no-repeat center transparent;
  background-size: 42px;
  width: 42px;
  height: 42px;
  transform: scaleX(-1);
}
.award-page-wrap .award-categories-item.need-help, .award-page-wrap .award-categories .awards-item.need-help, .award-page-wrap .award-page-item-item.need-help, .award-page-wrap .award-page-item .awards-item.need-help, .award-details .award-categories-item.need-help, .award-details .award-categories .awards-item.need-help, .award-details .award-page-item-item.need-help, .award-details .award-page-item .awards-item.need-help {
  background: url(../images/nddhelp.jpg) no-repeat;
  background-size: cover;
  justify-content: center;
}
.award-page-wrap .award-categories-item.need-help .award-title, .award-page-wrap .award-categories .awards-item.need-help .award-title, .award-page-wrap .award-page-item-item.need-help .award-title, .award-page-wrap .award-page-item .awards-item.need-help .award-title, .award-details .award-categories-item.need-help .award-title, .award-details .award-categories .awards-item.need-help .award-title, .award-details .award-page-item-item.need-help .award-title, .award-details .award-page-item .awards-item.need-help .award-title {
  color: #fff;
  font-size: 2.4rem;
  font-family: "din-medium", sans-serif;
  padding: 0;
}
.award-page-wrap .award-categories-item.need-help .award-desc, .award-page-wrap .award-categories .awards-item.need-help .award-desc, .award-page-wrap .award-page-item-item.need-help .award-desc, .award-page-wrap .award-page-item .awards-item.need-help .award-desc, .award-details .award-categories-item.need-help .award-desc, .award-details .award-categories .awards-item.need-help .award-desc, .award-details .award-page-item-item.need-help .award-desc, .award-details .award-page-item .awards-item.need-help .award-desc {
  color: #fff;
  font-size: 20px;
  padding-bottom: 4rem;
  padding-top: 2rem;
}
.award-page-wrap .award-categories-item.need-help .buttons, .award-page-wrap .award-categories .awards-item.need-help .buttons, .award-page-wrap .award-page-item-item.need-help .buttons, .award-page-wrap .award-page-item .awards-item.need-help .buttons, .award-details .award-categories-item.need-help .buttons, .award-details .award-categories .awards-item.need-help .buttons, .award-details .award-page-item-item.need-help .buttons, .award-details .award-page-item .awards-item.need-help .buttons {
  position: relative;
}
.award-page-wrap .award-categories-item.need-help .buttons ul, .award-page-wrap .award-categories .awards-item.need-help .buttons ul, .award-page-wrap .award-page-item-item.need-help .buttons ul, .award-page-wrap .award-page-item .awards-item.need-help .buttons ul, .award-details .award-categories-item.need-help .buttons ul, .award-details .award-categories .awards-item.need-help .buttons ul, .award-details .award-page-item-item.need-help .buttons ul, .award-details .award-page-item .awards-item.need-help .buttons ul {
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
}
.award-page-wrap .award-categories-item.need-help .buttons ul li.odd a, .award-page-wrap .award-categories .awards-item.need-help .buttons ul li.odd a, .award-page-wrap .award-page-item-item.need-help .buttons ul li.odd a, .award-page-wrap .award-page-item .awards-item.need-help .buttons ul li.odd a, .award-details .award-categories-item.need-help .buttons ul li.odd a, .award-details .award-categories .awards-item.need-help .buttons ul li.odd a, .award-details .award-page-item-item.need-help .buttons ul li.odd a, .award-details .award-page-item .awards-item.need-help .buttons ul li.odd a {
  background: #35bbba;
  color: #fff;
  padding: 10px 25px;
  min-width: 130px;
  font-size: 24px;
  display: block;
  line-height: 1.2;
}
.award-page-wrap .award-categories-item.need-help .buttons ul li.odd a:hover, .award-page-wrap .award-categories .awards-item.need-help .buttons ul li.odd a:hover, .award-page-wrap .award-page-item-item.need-help .buttons ul li.odd a:hover, .award-page-wrap .award-page-item .awards-item.need-help .buttons ul li.odd a:hover, .award-details .award-categories-item.need-help .buttons ul li.odd a:hover, .award-details .award-categories .awards-item.need-help .buttons ul li.odd a:hover, .award-details .award-page-item-item.need-help .buttons ul li.odd a:hover, .award-details .award-page-item .awards-item.need-help .buttons ul li.odd a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.award-page-wrap .award-categories-item.need-help .buttons ul li.even a, .award-page-wrap .award-categories .awards-item.need-help .buttons ul li.even a, .award-page-wrap .award-page-item-item.need-help .buttons ul li.even a, .award-page-wrap .award-page-item .awards-item.need-help .buttons ul li.even a, .award-details .award-categories-item.need-help .buttons ul li.even a, .award-details .award-categories .awards-item.need-help .buttons ul li.even a, .award-details .award-page-item-item.need-help .buttons ul li.even a, .award-details .award-page-item .awards-item.need-help .buttons ul li.even a {
  background: #ba3d8d;
  color: #fff;
  padding: 10px 25px;
  min-width: 130px;
  font-size: 24px;
  display: block;
  line-height: 1.2;
}
.award-page-wrap .award-categories-item.need-help .buttons ul li.even a:hover, .award-page-wrap .award-categories .awards-item.need-help .buttons ul li.even a:hover, .award-page-wrap .award-page-item-item.need-help .buttons ul li.even a:hover, .award-page-wrap .award-page-item .awards-item.need-help .buttons ul li.even a:hover, .award-details .award-categories-item.need-help .buttons ul li.even a:hover, .award-details .award-categories .awards-item.need-help .buttons ul li.even a:hover, .award-details .award-page-item-item.need-help .buttons ul li.even a:hover, .award-details .award-page-item .awards-item.need-help .buttons ul li.even a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.short-desc p {
  font-size: 28px;
  padding: 2rem 0 0;
}

.video-block img {
  width: 100%;
}

.award-accordion-content {
  margin: 3rem 0;
  border-bottom: 1px solid #aba9a9;
}
.award-accordion-content h3 {
  border-top: 1px solid #aba9a9;
  font-size: 3rem;
}
.award-accordion-content h3 a {
  position: relative;
  display: block;
}
[lang=en] .award-accordion-content h3 a {
  padding: 10px 40px 0 0px;
}
[lang=ar] .award-accordion-content h3 a {
  padding: 10px 0px 0 40px;
}
.award-accordion-content h3 a::after {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(/themes/nexgen/images/icons/arrow-right.png) no-repeat;
  transform: rotate(90deg);
  top: 28px;
  filter: invert(0.5);
}
[lang=en] .award-accordion-content h3 a::after {
  right: 0;
}
[lang=ar] .award-accordion-content h3 a::after {
  left: 0;
}
.award-accordion-content > .award-details, .award-accordion-content > h3 {
  padding: 5px;
}
.award-accordion-content > .award-details a, .award-accordion-content > h3 a {
  display: block;
}
.award-accordion-content > .award-details a:hover, .award-accordion-content > h3 a:hover {
  text-decoration: none;
}
.award-accordion-content > .award-details {
  border-top: 0;
  padding: 1rem 1rem;
}
.award-accordion-content > .award-details ul li, .award-accordion-content > .award-details ol li {
  list-style-position: inside;
  list-style: none;
  display: block;
  padding-bottom: 8px;
}
[lang=en] .award-accordion-content > .award-details ul li, [lang=en] .award-accordion-content > .award-details ol li {
  padding-left: 30px;
  background: url(../images/tick.png) no-repeat;
  background-size: 20px;
}
[lang=ar] .award-accordion-content > .award-details ul li, [lang=ar] .award-accordion-content > .award-details ol li {
  padding-right: 30px;
  background: url(../images/tick.png) right 0 no-repeat;
  background-size: 20px;
}
.award-accordion-content > .award-details:last-of-type {
  position: relative;
}

@media only screen and (max-width: 50rem) {
  .award-accordion-content h3 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 50rem) {
  .award-page-wrap .award-categories-item, .award-page-wrap .award-categories .awards-item, .award-page-wrap .award-page-item-item, .award-page-wrap .award-page-item .awards-item, .award-details .award-categories-item, .award-details .award-categories .awards-item, .award-details .award-page-item-item, .award-details .award-page-item .awards-item {
    flex-basis: 49%;
  }
  .award-page-wrap .award-categories-item .icon, .award-page-wrap .award-categories .awards-item .icon, .award-page-wrap .award-page-item-item .icon, .award-page-wrap .award-page-item .awards-item .icon, .award-details .award-categories-item .icon, .award-details .award-categories .awards-item .icon, .award-details .award-page-item-item .icon, .award-details .award-page-item .awards-item .icon {
    display: inline-block;
    padding: 10px 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .award-apply-wrap .award-apply-list .award-apply-item.need-help .award-title {
    font-size: 1.75rem;
  }
  .award-apply-wrap .award-apply-list .award-apply-item.need-help .award-desc {
    font-size: 18px;
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 1580px) {
  [lang=en] #block-nexgen-akhlaquna2023menu {
    float: left;
  }
  [lang=ar] #block-nexgen-akhlaquna2023menu {
    float: right;
  }
  #block-nexgen-akhlaquna2023menu ul li {
    display: inline-block;
  }
  #block-nexgen-akhlaquna2023menu ul li a {
    font-size: 18px;
    color: #4d5156;
    display: block;
    padding: 1rem 0.7rem;
  }
  [lang=en] #block-nexgen-akhlaquna2023menu ul li a {
    font-family: "din-medium", sans-serif;
    line-height: 45px;
  }
  [lang=ar] #block-nexgen-akhlaquna2023menu ul li a {
    font-family: "din-next_lt-arabic-regular", sans-serif;
    line-height: 45px;
  }
  #block-nexgen-akhlaquna2023menu ul li a:hover, #block-nexgen-akhlaquna2023menu ul li a.is-active {
    color: #333;
    text-decoration: none;
  }
}
.media-image-gallery .album-list.no-gallery {
  margin-bottom: 180px;
}
.media-image-gallery .album-list {
  margin: 2rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1%;
}
.media-image-gallery .album-list .album-item {
  margin-bottom: 3rem;
  flex-basis: 49%;
}
.media-image-gallery .album-list .album-item h3 {
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  font-size: 24px;
  position: relative;
  padding-bottom: 0;
}
.media-image-gallery .album-list .album-item h3::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
[lang=en] .media-image-gallery .album-list .album-item h3::after {
  left: 0;
}
[lang=ar] .media-image-gallery .album-list .album-item h3::after {
  right: 0;
}
.media-image-gallery .album-list .album-item .gallery-list {
  display: grid;
  gap: 5px;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item a {
  background: #fff;
  display: block;
  position: relative;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item a.gallery-list-image {
  background-size: cover;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item a::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #333;
  opacity: 0.2;
  transition: opacity 0.5s;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item a h4 {
  font-size: 18px;
  padding: 20px;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item a:hover::after {
  opacity: 0;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item:nth-child(1) {
  grid-column-start: 1;
  grid-row-start: span 2;
  background: #000;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item:nth-child(1) .gallery-list-image {
  height: 380px;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item:nth-child(2) {
  grid-column-start: 2;
  grid-row-start: span 1;
  grid-row-end: 1;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item:nth-child(2) .gallery-list-image {
  height: 190px;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item:nth-child(3) {
  grid-column-start: 2;
  grid-row-start: 2;
  grid-row-end: 1;
}
.media-image-gallery .album-list .album-item .gallery-list .gallery-item:nth-child(3) .gallery-list-image {
  height: 190px;
}

[lang=en] .yearly-image-gallery-contents .slick-track {
  margin-left: 0px;
}

[lang=ar] .yearly-image-gallery-contents .slick-track {
  margin-right: 0px;
}

@media only screen and (max-width: 50rem) {
  .media-image-gallery .album-list .album-item {
    flex-basis: 100%;
  }
}
.media-video-gallery .album-list.no-videos {
  margin-bottom: 180px;
}
.media-video-gallery .yearly-video-gallery-videos {
  margin-bottom: 2rem;
}
.media-video-gallery .yearly-video-gallery-videos .videos-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1%;
}
.media-video-gallery .yearly-video-gallery-videos .videos-list .videos-item {
  flex-basis: 32.3%;
}
.media-video-gallery .yearly-video-gallery-videos .videos-list .videos-item a {
  display: block;
}
.media-video-gallery .yearly-video-gallery-videos .videos-list .videos-item a .image-block {
  position: relative;
}
.media-video-gallery .yearly-video-gallery-videos .videos-list .videos-item a .image-block::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background: url(../images/icons/video.svg) rgba(0, 0, 0, 0.5) no-repeat;
  background-size: 50px;
  background-position: center center;
}
.media-video-gallery .yearly-video-gallery-videos .videos-list .videos-item a h3 {
  font-size: 24px;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.media-video-gallery .yearly-video-gallery-videos .slick-dots li button:before {
  font-size: 20px;
  color: #fff;
  opacity: 1;
}
.media-video-gallery .yearly-video-gallery-videos .slick-dots li.slick-active button:before {
  color: #1050c8;
  opacity: 1;
}

#cycles-video-popup {
  width: 80%;
}

.video-gallery-popup iframe {
  width: 100%;
  height: 240px;
}

@media only screen and (min-width: 60rem) {
  .video-gallery-popup iframe {
    height: 400px;
  }
}
@media only screen and (min-width: 80rem) {
  .video-gallery-popup iframe {
    height: 500px;
  }
}
[lang=en] .yearly-video-gallery-videos .slick-track {
  margin-left: 0px;
}

[lang=ar] .yearly-video-gallery-videos .slick-track {
  margin-right: 0px;
}

@media only screen and (max-width: 749px) {
  .media-video-gallery .yearly-video-gallery-videos .videos-list .videos-item {
    flex-basis: 49.5%;
  }
}
@media only screen and (max-width: 480px) {
  .media-video-gallery .yearly-video-gallery-videos .videos-list .videos-item {
    flex-basis: 100%;
  }
}
.campaign-overview-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.campaign-item.no-campaign {
  margin-top: 20px;
  margin-bottom: 180px;
}

.campaign-item-overview .more-button a {
  display: inline-block;
  text-transform: uppercase;
}
[lang=en] .campaign-item-overview .more-button a {
  margin-right: 10px;
}
[lang=ar] .campaign-item-overview .more-button a {
  margin-left: 10px;
}
.campaign-item-overview .more-button a.download {
  border: 2px solid #1050c8;
}
[lang=en] .campaign-item-overview .more-button a.download {
  background: url(../images/icons/download.jpg) right 10px top 10px no-repeat;
  padding: 10px 35px 10px 20px;
}
[lang=ar] .campaign-item-overview .more-button a.download {
  background: url(../images/icons/download.jpg) right 10px top 10px no-repeat;
  padding: 10px 20px 10px 35px;
}
.campaign-item-overview .more-button a.participate {
  padding: 0;
  color: #FFFFFF;
  text-transform: uppercase;
  border: 2px solid #1050c8;
  font-size: 18px;
  display: inline-block;
}
[lang=en] .campaign-item-overview .more-button a.participate {
  background: url(../images/icons/arrow-right.png) right 10px top 10px no-repeat #1050c8;
  padding: 10px 35px 10px 20px;
  font-family: "din-bold", sans-serif;
}
[lang=ar] .campaign-item-overview .more-button a.participate {
  background: url(../images/icons/arrow-left.png) left 10px top 10px no-repeat #1050c8;
  padding: 10px 20px 10px 35px;
  font-family: "din-next_lt-arabic-bold", sans-serif;
}
.campaign-item-overview .more-button a.participate:hover {
  opacity: 0.8;
}
.campaign-item-overview .more-button a.more {
  border-bottom: 2px solid #1050c8;
  color: #1050c8;
}
.campaign-item-overview .campaign-body {
  padding: 30px 0px;
}
.campaign-item-overview .campaign-body ul li {
  display: block;
  list-style: none;
  padding-bottom: 0.7rem;
}
[lang=en] .campaign-item-overview .campaign-body ul li {
  padding-left: 30px;
  background: url(../images/icons/tick.png) top 5px left 0 no-repeat;
}
[lang=ar] .campaign-item-overview .campaign-body ul li {
  padding-right: 30px;
  background: url(../images/icons/tick.png) top 5px right 0 no-repeat;
}

.campaign-gallery-link-wrap {
  margin-top: 3rem;
}
.campaign-gallery-link-wrap a.campaign-gallery-link {
  display: inline-block;
  background: #243e8c;
  padding: 10px;
}
.campaign-gallery-link-wrap a.campaign-gallery-link span {
  display: block;
  color: #fff;
  position: relative;
  font-size: 22px;
  background-size: 22px;
}
[lang=en] .campaign-gallery-link-wrap a.campaign-gallery-link span {
  padding: 0 40px 0px 10px;
}
[lang=ar] .campaign-gallery-link-wrap a.campaign-gallery-link span {
  padding: 0 10px 0px 40px;
}
.campaign-gallery-link-wrap a.campaign-gallery-link span::after {
  display: block;
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  top: 4px;
}
[lang=en] .campaign-gallery-link-wrap a.campaign-gallery-link span::after {
  background: url(../images/camera-icon.png) no-repeat;
  background-size: 26px;
  right: 0;
}
[lang=ar] .campaign-gallery-link-wrap a.campaign-gallery-link span::after {
  background: url(../images/camera-icon.png) no-repeat;
  background-size: 26px;
  left: 0;
}

.winner-wrap h2 {
  position: relative;
}
.winner-wrap h2::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
.winner-wrap .winner-list-container .winner-list-wrap {
  padding: 16px 0;
  border-radius: 0;
  margin-bottom: 30px;
}
.winner-wrap .winner-list-container .winner-list-wrap h3 {
  color: #4d5156;
  font-size: 30px;
  position: relative;
}
.winner-wrap .winner-list-container .winner-list-wrap h3::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: -5px;
  position: absolute;
}
.winner-wrap .winner-list-container .winner-list-wrap .winner-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  padding: 16px 0;
  background: #fff;
  flex-wrap: wrap;
  gap: 1%;
}
.winner-wrap .winner-list-container .winner-list-wrap .winner-list .item {
  flex-basis: 32.3%;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.winner-wrap .winner-list-container .winner-list-wrap .winner-list .item .image-block {
  display: block;
  padding-bottom: 15px;
}
.winner-wrap .winner-list-container .winner-list-wrap .winner-list .item .image-block a {
  position: relative;
  display: block;
}
.winner-wrap .winner-list-container .winner-list-wrap .winner-list .item .image-block a::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #333;
  opacity: 0.2;
  transition: opacity 0.5s;
}
.winner-wrap .winner-list-container .winner-list-wrap .winner-list .item h4 {
  font-size: 20px;
  text-transform: none;
  color: #4d5156;
  text-align: center;
}
.winner-wrap .winner-list-container .winner-list-wrap .winner-list .item:hover .image-block a::after {
  opacity: 0;
}

.winner-details .image-block {
  padding: 0 0 20px 0px;
  width: 100%;
}

.related-winner-list {
  padding: 30px 2rem;
  border-radius: 0;
  margin-bottom: 30px;
}
.related-winner-list h3 {
  color: #4d5156;
  font-size: 30px;
}
.related-winner-list .winner-list {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  padding: 30px 0;
  background: #fff;
  flex-wrap: wrap;
  gap: 1%;
}
.related-winner-list .winner-list .item {
  flex-basis: 32.3%;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 30px;
}
.related-winner-list .winner-list .item .image-block {
  display: block;
  border-radius: 20px;
  padding-bottom: 15px;
}
.related-winner-list .winner-list .item .image-block a {
  position: relative;
  display: block;
}
.related-winner-list .winner-list .item .image-block a::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #333;
  opacity: 0.2;
  transition: opacity 0.5s;
}
.related-winner-list .winner-list .item h4 {
  font-size: 20px;
  text-transform: none;
  color: #4d5156;
}
.related-winner-list .winner-list .item:hover .image-block a::after {
  opacity: 0;
}

.winner-details h3 {
  font-size: 42px;
}
.winner-details ul.ambassador-meta li {
  display: inline-block;
  font-size: 30px;
  line-height: 1.3;
  padding: 0px 15px;
  margin: 15px 0;
}
[lang=en] .winner-details ul.ambassador-meta li {
  border-right: 2px solid #ee2e7f;
}
[lang=ar] .winner-details ul.ambassador-meta li {
  border-left: 2px solid #ee2e7f;
}
[lang=en] .winner-details ul.ambassador-meta li:first-child {
  padding-left: 0;
}
[lang=ar] .winner-details ul.ambassador-meta li:first-child {
  padding-right: 0;
}
[lang=en] .winner-details ul.ambassador-meta li:last-child {
  border-right: 0;
}
[lang=ar] .winner-details ul.ambassador-meta li:last-child {
  border-left: 0;
}

@media only screen and (min-width: 50rem) and (max-width: 64rem) {
  .winner-wrap .winner-list-container .winner-list-wrap {
    padding: 20px 0;
  }
  .winner-wrap .winner-list-container .winner-list-wrap h3 {
    font-size: 26px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list {
    padding: 20px 0;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item {
    flex-basis: 49%;
    position: relative;
    padding-bottom: 35px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item .image-block {
    padding-bottom: 15px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item h4 {
    font-size: 18px;
  }
  .related-winner-list .winner-list {
    padding: 20px 0;
  }
  .related-winner-list .winner-list .item {
    flex-basis: 49%;
    position: relative;
    padding-bottom: 35px;
  }
  .related-winner-list .winner-list .item .image-block {
    padding-bottom: 15px;
  }
  .related-winner-list .winner-list .item h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 35rem) and (max-width: 50rem) {
  .winner-wrap .winner-list-container .winner-list-wrap {
    padding: 15px 0;
  }
  .winner-wrap .winner-list-container .winner-list-wrap h3 {
    font-size: 24px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list {
    padding: 15px 0;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item {
    flex-basis: 49%;
    position: relative;
    padding-bottom: 35px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item .image-block {
    padding-bottom: 15px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item h4 {
    font-size: 18px;
  }
  .related-winner-list .winner-list {
    padding: 15px 0;
  }
  .related-winner-list .winner-list .item {
    flex-basis: 49%;
    position: relative;
    padding-bottom: 35px;
  }
  .related-winner-list .winner-list .item .image-block {
    padding-bottom: 15px;
  }
  .related-winner-list .winner-list .item h4 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 35rem) {
  .winner-wrap .winner-list-container .winner-list-wrap {
    padding: 15px 0;
  }
  .winner-wrap .winner-list-container .winner-list-wrap h3 {
    font-size: 24px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list {
    padding: 15px 0;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item {
    flex-basis: 100%;
    position: relative;
    padding-bottom: 35px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item .image-block {
    padding-bottom: 15px;
  }
  .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item h4 {
    font-size: 18px;
  }
  .related-winner-list .winner-list {
    padding: 15px 0;
  }
  .related-winner-list .winner-list .item {
    flex-basis: 100%;
    position: relative;
    padding-bottom: 35px;
  }
  .related-winner-list .winner-list .item .image-block {
    padding-bottom: 15px;
  }
  .related-winner-list .winner-list .item h4 {
    font-size: 18px;
  }
}
.campaign-slider-wrap {
  background: url(../images/callout-bg.jpg) no-repeat;
  background-size: cover;
}
.campaign-slider-wrap .campaign-slider {
  padding: 3rem 0;
}
.campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0rem 2rem;
  max-width: 1200px;
  margin: 0 auto;
}
.campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .image-block {
  flex-basis: 45%;
}
[lang=en] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .image-block {
  padding-right: 5rem;
}
[lang=ar] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .image-block {
  padding-left: 5rem;
}
.campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block {
  flex-basis: 55%;
  margin-bottom: 3rem;
}
.campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block h2 {
  font-size: 50px;
  font-family: "din-medium", sans-serif;
  color: #4d5156;
  line-height: 1.2;
}
.campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block h3 {
  font-size: 82px;
  font-family: "din-bold", sans-serif;
  color: #4d5156;
  line-height: 1.2;
}
.campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block p {
  font-size: 32px;
  font-family: "din-medium", sans-serif;
  color: #01bcb5;
  max-width: 400px;
  line-height: 1.2;
}
.campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .read-more a {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 15px;
}
[lang=en] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .read-more a {
  background: url(../images/read-more-en.png) no-repeat top 14px right 8px #243e8c;
  padding: 10px 42px 10px 15px;
  background-size: 22px;
}
[lang=ar] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .read-more a {
  background: url(../images/read-more-ar.png) no-repeat top 14px left 8px #243e8c;
  padding: 10px 15px 10px 42px;
  background-size: 22px;
}
.campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .info {
  color: #4d5156;
  font-size: 13px;
  background-size: 15px;
}
[lang=en] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .info {
  padding-left: 20px;
  background: url(../images/info.png) top left no-repeat;
}
[lang=ar] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .info {
  padding-right: 20px;
  background: url(../images/info.png) top right no-repeat;
}
.campaign-slider-wrap .campaign-slider .slick-dots {
  position: relative;
  bottom: 0;
}
.campaign-slider-wrap .campaign-slider .slick-dots li {
  height: 32px;
  width: 32px;
}
.campaign-slider-wrap .campaign-slider .slick-dots li button {
  height: 32px;
  width: 32px;
  padding: 0;
}
.campaign-slider-wrap .campaign-slider .slick-dots li button::before {
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  color: #0c3aa4;
}

@media only screen and (max-width: 40rem) {
  .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .image-block {
    flex-basis: 100%;
    margin-bottom: 2rem;
  }
  .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block {
    flex-basis: 100%;
  }
}
.campaign-callout-wrap {
  background: url(../images/callout-bg.jpg) no-repeat;
  background-size: cover;
}
.campaign-callout-wrap h2 {
  margin: 0 auto;
  max-width: 1200px;
}
.campaign-callout-wrap .campaign-callout {
  padding: 3rem 0;
}
.campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0rem 2rem;
  max-width: 1200px;
  margin: 0 auto;
}
.campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .image-block {
  flex-basis: 45%;
}
[lang=en] .campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .image-block {
  padding-right: 5rem;
}
[lang=ar] .campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .image-block {
  padding-left: 5rem;
}
.campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block {
  flex-basis: 55%;
  margin-bottom: 3rem;
}
.campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block h2 {
  font-size: 50px;
  font-family: "din-medium", sans-serif;
  color: #4d5156;
  line-height: 1.2;
}
.campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block h3 {
  font-size: 82px;
  font-family: "din-bold", sans-serif;
  color: #4d5156;
  line-height: 1.2;
}
.campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block p {
  font-size: 32px;
  font-family: "din-medium", sans-serif;
  color: #01bcb5;
  max-width: 400px;
  line-height: 1.2;
}
.campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block .read-more a {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 15px;
}
[lang=en] .campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block .read-more a {
  background: url(../images/read-more-en.png) no-repeat top 14px right 8px #243e8c;
  padding: 8px 42px 8px 15px;
  background-size: 22px;
}
[lang=ar] .campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block .read-more a {
  background: url(../images/read-more-ar.png) no-repeat top 14px left 8px #243e8c;
  padding: 8px 15px 8px 42px;
  background-size: 22px;
}
.campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block .info {
  color: #4d5156;
  font-size: 13px;
  background-size: 15px;
}
[lang=en] .campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block .info {
  padding-left: 20px;
  background: url(../images/info.png) top left no-repeat;
}
[lang=ar] .campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block .info {
  padding-right: 20px;
  background: url(../images/info.png) top right no-repeat;
}

@media only screen and (max-width: 40rem) {
  .campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .image-block {
    flex-basis: 100%;
    margin-bottom: 2rem;
  }
  .campaign-callout-wrap .campaign-callout .campaign-callout-item .flex-wrap .content-block {
    flex-basis: 100%;
  }
}
.campaign-slider-wrap .campaign-slider .slick-dots li {
  height: 22px;
  width: 22px;
  margin: 0 4px;
}
.campaign-slider-wrap .campaign-slider .slick-dots li button {
  height: 20px;
  width: 20px;
  padding: 0;
}
.campaign-slider-wrap .campaign-slider .slick-dots li button::before {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}

.page-node-type-gallery {
  background: #4d5156;
}
.page-node-type-gallery .footer {
  background: #fff;
  padding-top: 3rem;
}
.page-node-type-gallery .inside-page header.main .header-wrapper #block-nexgen-sitebranding a img {
  filter: brightness(0) invert(1);
}
.page-node-type-gallery div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a {
  filter: invert(0);
}
.page-node-type-gallery div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li a {
  filter: none;
  color: #fff;
  border: 1px solid #fff;
}
.page-node-type-gallery div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a:hover::after, .page-node-type-gallery div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-akhlaquna2023menu ul li a.is-active::after {
  filter: invert(0);
}
.page-node-type-gallery .inside-page .content-wrap {
  margin-bottom: 0;
}
.page-node-type-gallery .inside-page header.main .header-wrapper .mainmenutoggle > div {
  background: #fff;
}
.page-node-type-gallery .inside-page header.main .header-wrapper .mainmenutoggle.changemainmenu > div {
  background: #000;
}
.page-node-type-gallery .gallery-main .slick-slide img {
  max-height: calc(100vh - 200px);
  margin: 0 auto;
}

.carousel-block {
  position: relative;
  padding: 20px;
  background-color: #4d5156;
  color: #fff;
}
.carousel-block .carousel-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.carousel-block .carousel-header .back-to-gallery {
  color: #fff;
  text-decoration: none;
  font-size: 0.9rem;
}
[lang=en] .carousel-block .carousel-header .back-to-gallery {
  background: url(../images/svg-icons/back-arrow-w.svg) right no-repeat;
  background-size: 24px;
  padding-right: 32px;
}
[lang=ar] .carousel-block .carousel-header .back-to-gallery {
  background: url(../images/svg-icons/next-arrow-w.svg) left no-repeat;
  background-size: 24px;
  padding-left: 32px;
}
.carousel-block .carousel-header .back-to-gallery:hover {
  color: #efefef;
}
.carousel-block .carousel-header .back-to-gallery .back-arrow {
  margin-right: 5px;
}
.carousel-block .carousel-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3.25rem;
  margin-bottom: 1.5rem;
}
.carousel-block .carousel-title h2 {
  font-size: 2rem;
  color: #fff;
}
.carousel-block .carousel-title h2::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background-color: #ee2e7f;
  margin-top: 5px;
}
.carousel-block .gallery-main {
  position: relative;
}
.carousel-block .gallery-main .slick-slide {
  text-align: center;
}
.carousel-block .gallery-main .slick-arrow {
  width: 60px;
  height: 60px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
}
.carousel-block .gallery-main .slick-next {
  border-radius: 50%;
}
[lang=en] .carousel-block .gallery-main .slick-next {
  right: -40px;
  left: auto;
}
[lang=ar] .carousel-block .gallery-main .slick-next {
  left: -40px;
  right: auto;
}
.carousel-block .gallery-main .slick-next::before {
  opacity: 1;
  content: "";
  width: 64px;
  height: 40px;
  display: block;
}
[lang=en] .carousel-block .gallery-main .slick-next::before {
  background: url(../images/svg-icons/arrow-next-ico-w.svg) center left 15px no-repeat;
  background-size: 32px;
}
[lang=ar] .carousel-block .gallery-main .slick-next::before {
  background: url(../images/svg-icons/arrow-prv-ico-w.svg) center right 15px no-repeat;
  background-size: 32px;
}
.carousel-block .gallery-main .slick-prev {
  border-radius: 50%;
}
[lang=en] .carousel-block .gallery-main .slick-prev {
  left: -40px;
  right: auto;
}
[lang=ar] .carousel-block .gallery-main .slick-prev {
  right: -40px;
  left: auto;
}
.carousel-block .gallery-main .slick-prev::before {
  opacity: 1;
  content: "";
  width: 64px;
  height: 40px;
  display: block;
}
[lang=en] .carousel-block .gallery-main .slick-prev::before {
  background: url(../images/svg-icons/arrow-prv-ico-w.svg) center left 15px no-repeat;
  background-size: 32px;
}
[lang=ar] .carousel-block .gallery-main .slick-prev::before {
  background: url(../images/svg-icons/arrow-next-ico-w.svg) center left 15px no-repeat;
  background-size: 32px;
}
.carousel-block .gallery-main .slick-carousel .carousel-slide img {
  width: 100%;
  height: auto;
}
.carousel-block .gallery-main .carousel-counter {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 1rem;
  color: #fff;
}
.carousel-block .gallery-main .carousel-counter .current-slide {
  font-weight: bold;
}
.carousel-block .gallery-thumbnails {
  margin-top: 10px;
}
.carousel-block .gallery-thumbnails .thumbnail {
  cursor: pointer;
  padding: 4px;
}
.carousel-block .gallery-thumbnails .thumbnail img {
  width: 100%;
}
.carousel-block .gallery-thumbnails .slick-next {
  z-index: 2;
}
[lang=en] .carousel-block .gallery-thumbnails .slick-next {
  right: 0;
}
[lang=ar] .carousel-block .gallery-thumbnails .slick-next {
  left: 0;
}
.carousel-block .gallery-thumbnails .slick-prev {
  z-index: 2;
}
[lang=en] .carousel-block .gallery-thumbnails .slick-prev {
  left: 0;
}
[lang=ar] .carousel-block .gallery-thumbnails .slick-prev {
  right: 0;
}

.page-node-type-gallery .content-wrap ul.social-network-list {
  z-index: 2;
}
.page-node-type-gallery .content-wrap ul.social-network-list li a {
  filter: brightness(0) invert(1);
}

.inthe-news-wrap .inthe-news-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1%;
  flex-wrap: wrap;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item {
  flex-basis: 32.3%;
  margin-bottom: 2rem;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-thumbnail {
  margin-bottom: 10px;
  position: relative;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-thumbnail .source-logo {
  position: absolute;
  top: 10px;
  background: #fff;
  padding: 5px;
  display: block;
  width: 80px;
}
[lang=en] .inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-thumbnail .source-logo {
  left: 10px;
}
[lang=ar] .inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-thumbnail .source-logo {
  right: 10px;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-thumbnail img {
  width: 100%;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details .inthe-news-title {
  font-size: 20px;
  font-weight: bold;
  padding-right: 20px;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details .inthe-news-date {
  color: #e9139b;
  flex-basis: 80px;
  text-transform: uppercase;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details .inthe-news-date .inthe-news-month {
  font-size: 16px;
  display: block;
}
.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details .inthe-news-date .inthe-news-year {
  font-size: 20px;
  display: block;
}

@media only screen and (max-width: 749px) {
  .inthe-news-wrap .inthe-news-list .inthe-news-item {
    flex-basis: 49.5%;
  }
}
@media only screen and (max-width: 480px) {
  .inthe-news-wrap .inthe-news-list .inthe-news-item {
    flex-basis: 100%;
  }
}
.award-apply-wrap {
  width: 100%;
}
.award-apply-wrap .award-apply-list {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  justify-content: space-between;
  margin: 2rem 0;
}
.award-apply-wrap .award-apply-list .award-apply-item {
  flex-basis: 100%;
  margin-bottom: 2%;
  padding: 2rem 1.5rem 2rem;
  text-align: center;
  border-radius: 0;
  position: relative;
  background-size: cover;
  aspect-ratio: 1/0.95;
  background: url(../images/apply-box-bg.jpg) no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  align-items: normal;
  justify-content: space-between;
}
.award-apply-wrap .award-apply-list .award-apply-item.need-help {
  background: url(../images/nddhelp.jpg) no-repeat;
  background-size: contain;
  justify-content: center;
}
.award-apply-wrap .award-apply-list .award-apply-item.need-help .award-title {
  color: #fff;
  font-size: 2.4rem;
  font-family: "din-medium", sans-serif;
}
.award-apply-wrap .award-apply-list .award-apply-item.need-help .award-desc {
  color: #fff;
  font-size: 20px;
  padding-bottom: 4rem;
  padding-top: 2rem;
}
.award-apply-wrap .award-apply-list .award-apply-item .award-title h3 {
  font-size: 1.75rem;
  text-transform: uppercase;
  font-family: "din-medium", sans-serif;
}
.award-apply-wrap .award-apply-list .award-apply-item .award-title h4 {
  font-size: 2.4rem;
  font-family: "din-medium", sans-serif;
  position: relative;
  display: inline-block;
}
.award-apply-wrap .award-apply-list .award-apply-item .award-title h4::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: 0px;
  position: absolute;
  left: calc(50% - 15px);
}
.award-apply-wrap .award-apply-list .award-apply-item .award-desc {
  padding: 2rem 2rem 2rem;
  font-size: 20px;
}
.award-apply-wrap .award-apply-list .award-apply-item .buttons {
  position: relative;
}
.award-apply-wrap .award-apply-list .award-apply-item .buttons ul {
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
}
.award-apply-wrap .award-apply-list .award-apply-item .buttons ul li.odd a {
  background: #35bbba;
  color: #fff;
  padding: 10px 25px;
  min-width: 130px;
  font-size: 24px;
  display: block;
  line-height: 1.2;
}
.award-apply-wrap .award-apply-list .award-apply-item .buttons ul li.odd a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.award-apply-wrap .award-apply-list .award-apply-item .buttons ul li.even a {
  background: #ba3d8d;
  color: #fff;
  padding: 10px 25px;
  min-width: 130px;
  font-size: 24px;
  display: block;
  line-height: 1.2;
}
.award-apply-wrap .award-apply-list .award-apply-item .buttons ul li.even a:hover {
  opacity: 0.8;
  text-decoration: none;
}

@media only screen and (min-width: 50rem) {
  .award-apply-wrap .award-apply-list .award-apply-item {
    flex-basis: 49%;
  }
}
@media only screen and (max-width: 1024px) {
  .award-apply-wrap .award-apply-list .award-apply-item {
    padding: 1rem 1rem 1rem;
  }
  .award-apply-wrap .award-apply-list .award-apply-item .award-title h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .award-apply-wrap .award-apply-list .award-apply-item .award-title h4 {
    font-size: 1.75rem;
    margin-bottom: 10px;
  }
  .award-apply-wrap .award-apply-list .award-apply-item .award-desc {
    padding: 0.5rem 0rem 0.5rem;
    font-size: 16px;
  }
  .award-apply-wrap .award-apply-list .award-apply-item .buttons ul li.even a, .award-apply-wrap .award-apply-list .award-apply-item .buttons ul li.odd a {
    font-size: 18px;
  }
  .award-apply-wrap .award-apply-list .award-apply-item.need-help .award-title {
    font-size: 1.75rem;
  }
  .award-apply-wrap .award-apply-list .award-apply-item.need-help .award-desc {
    font-size: 18px;
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}
#need-help-container.overlay {
  background: url(../images/apply-steps-bg.png) no-repeat #fff;
  background-size: cover;
  overflow-y: auto;
}
#need-help-container.overlay .need-help-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
#need-help-container.overlay .need-help-content .need-help-title-wrap {
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
}
#need-help-container.overlay .need-help-content .need-help-title-wrap .help-title {
  font-size: 3rem;
  color: #ba3d8d;
  padding-bottom: 2rem;
}
[lang=en] #need-help-container.overlay .need-help-content .need-help-title-wrap .help-title {
  font-family: "din-medium", sans-serif;
}
[lang=ar] #need-help-container.overlay .need-help-content .need-help-title-wrap .help-title {
  font-family: "din-next_lt-arabic-bold", sans-serif;
}
#need-help-container.overlay .need-help-content .need-help-title-wrap .help-desc {
  font-size: 20px;
  color: #ba3d8d;
  padding-bottom: 10px;
  margin-bottom: 3rem;
  position: relative;
  display: inline-block;
}
#need-help-container.overlay .need-help-content .need-help-title-wrap .help-desc::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  background: #ee2e7f;
  bottom: 0px;
  position: absolute;
  left: calc(50% - 15px);
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .question {
  font-size: 1.75rem;
  padding-bottom: 1rem;
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
}
[lang=en] #need-help-container.overlay .need-help-content .need-help-question-wrap .question {
  font-family: "din-medium", sans-serif;
}
[lang=ar] #need-help-container.overlay .need-help-content .need-help-question-wrap .question {
  font-family: "din-next_lt-arabic-bold", sans-serif;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .short-description {
  font-size: 20px;
  padding-bottom: 2rem;
  max-width: 680px;
  margin: 0 auto;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .options {
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .options ul li {
  width: 100%;
  max-width: 600px;
  padding-bottom: 12px;
  margin: 0 auto;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .options ul li a {
  width: 100%;
  border: 1px solid #d0d0d0;
  font-size: 1.5rem;
  display: block;
  padding: 10px 5px;
  text-decoration: none;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .options ul li a:hover {
  text-decoration: none;
  border: 1px solid #000000;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap p {
  font-size: 20px;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .category {
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .category p strong {
  display: block;
  font-size: 24px;
  padding: 10px 0;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .note {
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #d0d0d0;
  margin-bottom: 1rem;
}
[lang=en] #need-help-container.overlay .need-help-content .need-help-question-wrap .note {
  background: url(../images/svg-icons/info-ico.svg) no-repeat left 12px top 25px #f8f8f8;
  padding: 20px 20px 20px 55px;
  background-size: 32px;
}
[lang=ar] #need-help-container.overlay .need-help-content .need-help-question-wrap .note {
  background: url(../images/svg-icons/info-ico.svg) no-repeat right 12px top 25px #f8f8f8;
  padding: 20px 55px 20px 20px;
  background-size: 32px;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .note p {
  font-size: 16px;
  margin: 0;
}
[lang=en] #need-help-container.overlay .need-help-content .need-help-question-wrap .note p {
  text-align: left;
}
[lang=ar] #need-help-container.overlay .need-help-content .need-help-question-wrap .note p {
  text-align: right;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .note p a {
  text-decoration: underline;
  font-weight: bold;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .instructions p {
  margin: 2rem 0;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .instructions p a {
  text-decoration: underline;
  font-weight: bold;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .instructions ul li {
  display: block;
  list-style: none;
  font-size: 20px;
  padding-bottom: 0.7rem;
}
[lang=en] #need-help-container.overlay .need-help-content .need-help-question-wrap .instructions ul li {
  padding-left: 30px;
  background: url(../images/tick.png) top 2px left 0 no-repeat;
  text-align: left;
}
[lang=ar] #need-help-container.overlay .need-help-content .need-help-question-wrap .instructions ul li {
  padding-right: 30px;
  background: url(../images/tick.png) top 2px right 0 no-repeat;
  text-align: right;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .instructions ul li a {
  text-decoration: underline;
  font-weight: bold;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .previous-wrap {
  margin-top: 2rem;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .previous-wrap a {
  background: url(../images/svg-icons/back-arrow.svg) no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
  display: inline-block;
}
#need-help-container.overlay .need-help-content .need-help-question-wrap .previous-wrap a span {
  display: none;
}
#need-help-container.overlay .close-btn {
  width: 52px;
  height: 52px;
  background: url(../images/icons/close.png) top 10px left 10px no-repeat #ba3d8d;
  background-size: 32px;
}
[lang=ar] #need-help-container.overlay .close-btn {
  right: auto;
  left: 1rem;
}
#need-help-container.overlay .close-btn span {
  display: none;
}

@media only screen and (max-width: 560px) {
  #need-help-container.overlay .need-help-content {
    display: block;
    padding: 6rem 0;
  }
}
[lang=en] .page-node-type-award-winner #block-nexgen-mainpagecontent article img {
  float: left;
  margin: 0 2rem 2rem 0rem;
  max-width: 400px;
}

[lang=ar] .media-gallery .yearly-gallery-year-wrap .slick-track {
  margin-right: 0px;
  margin-left: auto;
}

[lang=ar] .fancybox-caption__body {
  direction: rtl;
}

[lang=ar] .page-node-type-award-winner #block-nexgen-mainpagecontent article img {
  float: right;
  margin: 0 0 2rem 2rem;
  max-width: 400px;
}

.page-node-type-award-winner #block-nexgen-mainpagecontent {
  overflow: hidden;
}

.fancybox-content {
  width: 80%;
}

.jury-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.jury-position {
  margin-bottom: 1rem;
}

.jury-image {
  float: left;
  max-width: 400px;
  margin: 0 20px 20px 0;
  border-radius: 20px;
  overflow: hidden;
}

[lang=ar] .fancybox-content {
  text-align: right;
}

[lang=ar] .jury-image {
  margin: 0 0px 20px 20px;
  float: right;
}

.campaign-item-overview .more-button a {
  margin-bottom: 15px;
}

.page-banner .banner-image:after {
  display: none;
}

.page-node-type-award-winner #block-nexgen-mainpagecontent article img {
  border-radius: 20px;
}

[lang=ar] .award-winners-wrap .award-winners .award-winners-list .slick-next {
  right: auto;
  left: 0px;
}

.webform-submission-cooperate-with-akhlaquna-form label {
  display: none;
}

.webform-submission-cooperate-with-akhlaquna-form input[type=text], .webform-submission-cooperate-with-akhlaquna-form input[type=email] {
  background: #fcfcfd;
  color: #000;
  border-radius: 20px;
  padding: 15px;
  border: none;
  width: 100%;
  display: block;
  line-height: 1.5;
  width: 100%;
  border: 1px solid #ccc;
  max-width: 420px;
}

.webform-submission-cooperate-with-akhlaquna-form .form-item {
  margin-bottom: 20px;
}

textarea#edit-goals-for-activity {
  background: #fcfcfd;
  color: #000;
  border-radius: 20px;
  padding: 15px;
  border: none;
  max-width: 520px;
  display: block;
  line-height: 1.5;
  width: 100%;
  border: 1px solid #ccc;
}

.webform-submission-cooperate-with-akhlaquna-form input#edit-submit {
  background: url(/themes/nexgen/images/icons/arrow-right.png) right 10px top 15px no-repeat #1050c8;
  font-family: "din-bold", sans-serif;
  padding: 15px 35px 15px 20px;
  margin-right: 0;
  color: #fff;
  margin-bottom: 2rem;
}

[lang=ar] .webform-submission-cooperate-with-akhlaquna-form input#edit-submit {
  background: url(/themes/nexgen/images/icons/arrow-left.png) left 10px top 15px no-repeat #1050c8;
  font-family: "din-next_lt-arabic-bold", sans-serif;
  padding: 15px 20px 15px 35px;
  margin-left: 0;
}

@media only screen and (min-width: 50rem) {
  .page-banner .slick-dots {
    bottom: 5rem;
  }
}
@media only screen and (max-width: 35rem) {
  #block-nexgen-mainpagecontent, #block-nexgen-pagetitle, .container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .award-categories-wrap .award-categories-item {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.page-banner .banner-image:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}

.footer .table-layout #block-nexgen-footer {
  position: relative;
}

.item-content ol li, [lang=en] .page-node-type-yearly-campaigns .content-wrap ol li {
  padding: 0 10px;
  display: list-item;
  list-style: inside decimal;
  padding-bottom: 0.7rem;
}

[lang=ar] .section-contact-us-faq #block-nexgen-contactinfoblock .contact-info-wrap .contact-info h3 {
  direction: ltr;
  text-align: right;
}

[lang=ar] .contact-link-phone {
  direction: ltr;
}

@media only screen and (max-width: 80rem) {
  header {
    overflow: initial;
  }
  #block-nexgen-akhlaquna2023menu.displayMainMenu {
    z-index: 99;
  }
}
@media only screen and (min-width: 50rem) {
  .page-banner .slick-dots {
    bottom: 2rem;
  }
}
@media only screen and (min-width: 80rem) {
  [lang=ar] .header-wrapper .header-navigations > div #block-topnavigation-3 ul li a {
    background: url(/themes/nexgen/images/icons/arrow-left.png) left 10px top 16px no-repeat #1050c8;
  }
  div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li a {
    filter: none;
    color: #4d5156;
    border: 1px solid #4d5156;
  }
  div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li a:hover, div.inside-page header.main .header-wrapper .header-navigations > div #block-nexgen-topnavigation li a.is-active {
    color: #fff;
    border: 1px solid #ee2e7f;
  }
}
.site-social-media .social-media-list .grid-cell.grid-twitter .social-media-name a {
  background: url(/themes/nexgen/images/icons/x-logo.jpg) no-repeat;
  background-size: 28px;
}

.juicer-feed.polaroid .j-poster-meta {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-family: "din-medium", sans-serif;
}

@media only screen and (max-width: 600px) {
  .juicer-feed .j-stacker .j-stack {
    width: 100% !important;
    display: block !important;
  }
}
/* Contact US Style */
/* Contact US Style */
.item-content a {
  text-decoration: underline;
}

.faqs .plus {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}

[dir=rtl] .media-image-gallery .yearly-image-gallery-year-wrap .slick-track {
  margin-right: 0px;
  margin-left: auto;
}

[dir=rtl] .media-video-gallery .yearly-video-gallery-year-wrap .slick-track {
  margin-right: 0px;
  margin-left: auto;
}

[lang=en] .page-node-type-award-winner #block-nexgen-mainpagecontent article img,
[lang=ar] .page-node-type-award-winner #block-nexgen-mainpagecontent article img {
  width: 100%;
  max-width: initial;
  margin-bottom: 20px;
}

.page-node-type-award-winner .content-wrap article iframe {
  width: 100%;
  height: 480px;
  padding: 20px 0px;
}

@media only screen and (min-width: 40rem) {
  [lang=en] .page-node-type-award-winner #block-nexgen-mainpagecontent article img,
  [lang=ar] .page-node-type-award-winner #block-nexgen-mainpagecontent article img {
    width: 40%;
    max-width: initial;
  }
  [lang=en] .page-node-type-award-winner #block-nexgen-mainpagecontent article img {
    margin-right: 20px;
  }
  [lang=ar] .page-node-type-award-winner #block-nexgen-mainpagecontent article img {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 60rem) {
  .page-node-type-award-winner .content-wrap article iframe {
    width: 57%;
    height: 480px;
    padding: 20px 0px;
  }
}
@media only screen and (min-width: 80rem) {
  [lang=en] .page-node-type-award-winner #block-nexgen-mainpagecontent article img,
  [lang=ar] .page-node-type-award-winner #block-nexgen-mainpagecontent article img {
    width: 34%;
    max-width: initial;
  }
  .page-node-type-award-winner .content-wrap article iframe {
    width: 62%;
    height: 520px;
    padding: 20px 0px;
  }
}
.media-video-gallery .yearly-video-gallery-videos .videos-list .videos-item a h4 {
  min-height: 100px;
}

.webform-confirmation__message {
  padding: 3rem 0 2rem;
}

.webform-confirmation__back a {
  background: #1050c8;
  padding: 10px 20px 10px 20px;
  color: #fff;
  display: inline-block;
}

[lang=ar] .winner-wrap .winner-list-container .winner-list-wrap .winner-list .item a {
  font-family: "din-next_lt-arabic-regular", sans-serif;
}

.winner-wrap .winner-list-container .winner-list-wrap .winner-list {
  gap: 1%;
}

form .captcha {
  margin-bottom: 25px;
}

form .captcha__title {
  display: none;
}

.related-winner-list {
  overflow: hidden;
  width: 100%;
}

.related-winner-list .winner-list {
  gap: 1%;
}

[lang=en] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .read-more a, [lang=ar] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .read-more a {
  background-size: 22px;
}

[lang=ar] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block h2, [lang=ar] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block h3, [lang=ar] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block p {
  font-family: "din-next_lt-arabic-bold", sans-serif;
}

[lang=ar] .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block .read-more a {
  background: url(/themes/nexgen/images/read-more-ar.png) no-repeat top 14px left 8px #243e8c;
}

.award-winners-wrap .award-winners .award-winners-list .slick-prev, .award-winners-wrap .award-winners .award-winners-list .slick-next {
  z-index: 99;
}

[lang=ar] .award-winners-wrap .award-winners .award-winners-list .slick-prev {
  right: auto;
  left: -30px;
}

[lang=ar] .award-winners-wrap .award-winners .award-winners-list .slick-next {
  left: auto;
  right: -30px;
}

@media only screen and (min-width: 35rem) {
  .header-wrapper #block-nexgen-sitebranding a img {
    max-width: 220px;
  }
}
@media only screen and (max-width: 40rem) {
  .home-page .home-page-slider .slider-caption .caption-content h2 {
    font-size: 42px;
  }
  .home-page .home-page-slider .slider-caption .caption-content .sub-title p, .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block p {
    font-size: 24px;
  }
  .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block h2 {
    font-size: 32px;
  }
  .campaign-slider-wrap .campaign-slider .campaign-slider-item .flex-wrap .content-block h3 {
    font-size: 48px;
  }
}
.content-wrap ul.social-network-list {
  top: 40%;
}

.path-node .content-wrap {
  margin: 7rem 0 3rem;
}

.media-image-gallery.container {
  max-width: 1200px;
}

.award-accordion-content > .award-details .item-content a {
  display: inline;
}

.inside-page header.main .header-wrapper .mainmenutoggle > div {
  background: #000;
}

.yearly-campaign-accordion-content {
  margin: 3rem 0;
  border-bottom: 1px solid #aba9a9;
}

.yearly-campaign-accordion-content h3 {
  border-top: 1px solid #aba9a9;
  font-size: 3rem;
}

.yearly-campaign-accordion-content h3 a {
  position: relative;
  display: block;
}

[lang=en] .yearly-campaign-accordion-content h3 a {
  padding: 10px 40px 0 0px;
}

[lang=ar] .yearly-campaign-accordion-content h3 a {
  padding: 10px 0px 0 40px;
}

.yearly-campaign-accordion-content h3 a::after {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(/themes/nexgen/images/icons/arrow-right.png) no-repeat;
  transform: rotate(90deg);
  top: 28px;
  filter: invert(0.5);
}

[lang=en] .yearly-campaign-accordion-content h3 a::after {
  right: 0;
}

[lang=ar] .yearly-campaign-accordion-content h3 a::after {
  left: 0;
}

.yearly-campaign-accordion-content > .yearly-campaign-details, .yearly-campaign-accordion-content > h3 {
  padding: 5px;
}

.yearly-campaign-accordion-content > .yearly-campaign-details a, .yearly-campaign-accordion-content > h3 a {
  display: block;
}

.yearly-campaign-accordion-content > .yearly-campaign-details a:hover, .yearly-campaign-accordion-content > h3 a:hover {
  text-decoration: none;
}

.yearly-campaign-accordion-content > .yearly-campaign-details {
  border-top: 0;
  padding: 1rem 1rem;
}

.yearly-campaign-accordion-content > .yearly-campaign-details ul li, .yearly-campaign-accordion-content > .yearly-campaign-details ol li {
  list-style-position: inside;
  list-style: none;
  display: block;
  padding-bottom: 8px;
}

[lang=en] .yearly-campaign-accordion-content > .yearly-campaign-details ul li, [lang=en] .yearly-campaign-accordion-content > .yearly-campaign-details ol li {
  padding-left: 30px;
  background: url(/themes/nexgen/images/icons/tick.png) no-repeat;
  background-size: 20px;
}

[lang=ar] .yearly-campaign-accordion-content > .yearly-campaign-details ul li, [lang=ar] .yearly-campaign-accordion-content > .yearly-campaign-details ol li {
  padding-right: 30px;
  background: url(/themes/nexgen/images/icons/tick.png) right 0 no-repeat;
  background-size: 20px;
}

.yearly-campaign-accordion-content > .yearly-campaign-details:last-of-type {
  position: relative;
}

.campaign-item-overview h2, .campaign-item-overview h3 {
  font-size: 44px;
}

[lang=ar] .yearly-campaign-year-wrap .slick-track {
  margin-left: auto;
  margin-right: 0px;
}

.yearly-campaign-accordion-content > .yearly-campaign-details .item-content a {
  display: inline;
}

header.main {
  padding-top: 0rem;
}

header.main .header-wrapper {
  padding-top: 2rem;
}

#block-connectwithus-2 .container {
  padding: 0;
  max-width: unset;
  width: 100%;
}

@media only screen and (max-width: 50rem) {
  .award-accordion-content h3 {
    font-size: 2rem;
  }
}
.slick-slide .thumbnail img {
  border: 2px solid #333;
}

.slick-slide.slick-current .thumbnail img {
  border: 2px solid #fff;
}

.carousel-block .gallery-thumbnails .thumbnail {
  padding: 1px;
}

[lang=ar] .inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details .inthe-news-title {
  padding-left: 20px;
  padding-right: 0;
}

.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details .inthe-news-title {
  width: 80%;
}

.inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details .inthe-news-date {
  width: 20%;
  text-align: right;
}

[lang=ar] .inthe-news-wrap .inthe-news-list .inthe-news-item .inthe-news-details .inthe-news-date {
  text-align: left;
}

#winners-tabs-nav li {
  display: inline-block;
}

.home-page .home-page-slider .slider-caption .caption-content .home-play-button.playing {
  background: url(/sites/default/files/2024-09/stop.png) no-repeat transparent;
  background-size: contain;
}

.webform-submission-cooperate-with-akhlaquna-form .text-count-message {
  display: none !important;
}

[lang=ar] .j-paginate.juicer-button {
  font-family: "din-next_lt-arabic-regular", sans-serif;
  font-size: 20px;
}

@media only screen and (max-width: 50rem) {
  .campaign-item-overview h2, .campaign-item-overview h3 {
    font-size: 28px;
  }
  .winner-details ul.ambassador-meta li {
    display: block;
    padding: 0;
    border: none !important;
    font-size: 18px;
  }
  .winner-details h3 {
    font-size: 28px;
  }
}