@font-face {
  font-family: "BukraGM-Extra-Light";
  src: url(fonts/Bukra/29LTBukra-Extra-Light.otf);
}
@font-face {
  font-family: "BukraGM-Light";
  src: url(fonts/Bukra/29LT-Bukra-Light.otf);
}
@font-face {
  font-family: "BukraGM";
  src: url(fonts/Bukra/29LTBukraGM.otf);
}
@font-face {
  font-family: "BukraGM-Medium";
  src: url(fonts/Bukra/29LTBukraGM-Medium.otf);
}
@font-face {
  font-family: "BukraGM-Semi-Bold";
  src: url(fonts/Bukra/29LTBukra-Semi-Bold.otf);
}
@font-face {
  font-family: "BukraGM-Bold";
  src: url(fonts/Bukra/29ltbukrabold.otf);
}
html, body {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #F6F6F6;
  color: #000;
  margin: 0;
  padding: 0;
  font-family: "BukraGM";
  /*margin-top: 80px;*/
  
}



a {
  color: #404042;
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.common-section {
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 1300px) {
  .common-section {
    padding: 0 1rem;
  }
}

header {
  width: 100%;
}
header .top-hd {
  background-color: #d9d9d9;
  background-color: rgba(42, 107, 135, 0.2);
  height: 115px;
}
header .top-hd .top-hd-pane {
  height: 100%;
}
header .top-hd .top-hd-pane .top-hd-content {
  height: 100%;
  display: flex;
  direction: rtl;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: right;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont {
  max-width: 400px;
  height: 100%;
  display: flex;
  align-items: center;
}

.sv-text ul ul ul li:before{content: "\f053"; font-family: fontawesome; font-size: 8px; padding-right: 15px;}


@media (max-width: 460px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont {
    max-width: 500px;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont .logo-c {
  height: -moz-fit-content;
  height: fit-content;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont img {
  width: 100%;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single ul {
  margin: 0;
  padding: 0 1rem;
  list-style: none;
}
@media (max-width: 670px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single ul {
    display: none;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single ul li a {
  font-family: "BukraGM-Semi-Bold";
  font-size: 0.75rem;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu {
  display: none;
  padding: 0 1rem;
}
@media (max-width: 1040px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu {
    display: block;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button-container {
  display: block;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle {
  display: none;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button,
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::before,
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::after {
  display: block;
  background-color: #404042;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::before {
  content: "";
  margin-top: -8px;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::after {
  content: "";
  margin-top: 8px;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu {
  position: absolute;
  top: 0;
  margin-top: 80px;
  left: 0;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
@media (max-width: 800px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button-container {
    display: flex;
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle:checked ~ .menu {
    visibility: visible;
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 2.5em;
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu > li {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: white;
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu > li a {
    color: #fff;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu > li:not(:last-child) {
    border-bottom: 1px solid #f8f5f5;
  }
}
@media (max-width: 460px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single.top-hd-content-left {
    width: 70%;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single.top-hd-content-right {
  justify-content: right;
}
@media (max-width: 460px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single.top-hd-content-right {
    width: 30% !important;
    flex-direction: row-reverse;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content {
  padding: 0.5rem;
  direction: rtl;
}
@media (max-width: 500px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content {
    padding: 0 0.5rem;
  }
}
@media (max-width: 460px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content {
    /*display: none;*/
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content input[type=text] {
  height: 20px;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 0.95rem;
  width: 150px;
}
@media (max-width: 500px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content input[type=text] {
    width: 120px;
  }
}
@media (max-width: 3000px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content input[type=text] {
    width: 90px;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
header .main-hd .main-hd-pane {
  height: 100%;
}
header .main-hd .main-hd-pane .main-hd-content {
  height: 100%;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single {
  padding: 0.5rem 0;
  /*&.main-hd-content-left{
      width:25%;
      @media (max-width: 1250px) {
          width:20%;
      }

      @media (max-width: 960px) {
          width:50%;

      }
      @media (max-width: 700px) {
          width:60%;                            
      }
      @media (max-width: 500px) {
          width:65%;                            
      }
  }
  &.main-hd-content-right{
      justify-content: right;
      width:75%;
      @media (max-width: 1250px) {
          width:80%;
      }

      @media (max-width: 960px) {
          display: none;
      }
  }*/
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single .log-container {
  width: 100%;
  padding: 3rem 0;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single .log-container img {
  width: 100%;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul {
  margin: 0;
  list-style: none;
  direction: rtl;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li {
  position: relative;
}
@media (max-width: 1200px) {
  header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li {
    /*margin: 0 6rem;*/
  }
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li a {
  font-family: "BukraGM-Medium";
  color: #7f7f7f;
  font-size: 0.85rem;
}
@media (max-width: 1170px) {
  header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li a {
    font-size: 0.9rem;
  }
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 0;
  transition: 0.5s;
  right: 0;
  bottom: -10px;
  color: #2A6B87;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li:hover a, header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li.selected a {
  color: #2A6B87;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li:hover::after, header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li.selected::after {
  width: 100%;
}

.NavMenu li ul li {
  padding-right: 0.5rem;
  padding-left: 0;
}
.NavMenu li ul li a:hover {
  border-right: 2px solid #fff;
  border-left: none;
}

@media (max-width: 1050px) {
  .NavMenu {
    width: 400px;
    max-width: 100%;
    flex: 12;
    position: fixed;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.95);
    right: 0;
    left: auto;
    top: 115px;
    height: 100vh;
    z-index: -1;
    padding: 15px 0 50px 0;
    justify-content: start;
    overflow-y: scroll;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
  }
  .NavMenu li ul,
  .NavMenu li ul li ul {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }
  .NavMenu li a {
    padding: 8px 15px;
    border-bottom: 1px solid #fff;
    color: #2A6B87 !important;
  }
  .NavMenu li ul li ul {
    background: #2874f0;
    position: inherit;
    margin-top: -10px;
  }
  .NavMenu li ul li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: initial;
    padding: 7px 15px 7px 30px;
  }
  .NavMenu li a label::after {
    left: 10px;
    right: auto;
  }
  .NavMenu li input:checked + ul,
  .NavMenu li ul li input:checked + ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }
  input#menu-toggle:checked + .NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    z-index: 9999;
  }
}
.main-top-content .mtc-pane {
  padding-top: 2rem;
}
.main-top-content .mtc-pane .mtc-header {
  display: flex;
  direction: rtl;
}
@media (max-width: 800px) {
  .main-top-content .mtc-pane .mtc-header {
    flex-direction: column;
  }
}
.main-top-content .mtc-pane .mtc-header .mtc-h {
  width: 50%;
}
@media (max-width: 800px) {
  .main-top-content .mtc-pane .mtc-header .mtc-h {
    width: 100%;
    padding: 1rem 0;
  }
}
.main-top-content .mtc-pane .mtc-header .mtc-h h1 {
  font-size: 4rem;
  padding: 0;
  margin: 0;
  font-family: "BukraGM-Bold";
}
@media (max-width: 1100px) {
  .main-top-content .mtc-pane .mtc-header .mtc-h h1 {
    font-size: 3rem;
  }
}
@media (max-width: 550px) {
  .main-top-content .mtc-pane .mtc-header .mtc-h h1 {
    font-size: 2rem;
  }
}
.main-top-content .mtc-pane .mtc-header .mtc-h h1 span {
  color: #2A6B87;
}
.main-top-content .mtc-pane .mtc-header .mtc-h p {
  font-size: 1.3rem;
  line-height: 2.5rem;
  padding: 0 0 1rem 0;
  margin: 0;
}
@media (max-width: 550px) {
  .main-top-content .mtc-pane .mtc-header .mtc-h p {
    font-size: 1rem;
  }
}
.main-top-content .mtc-pane .mtc-header .mtc-h a {
  padding: 0.3rem 0;
  color: #2A6B87;
  font-weight: 700;
  border-bottom: 2px solid #2A6B87;
}
.main-top-content .mtc-pane .mtc-video {
  padding: 3rem 0;
}
.main-top-content .mtc-pane .mtc-video .mtc-v {
  position: relative;
}
.main-top-content .mtc-pane .mtc-video .mtc-v img {
  width: 100%;
  border-radius: 1rem;
}
.main-top-content .mtc-pane .mtc-video .mtc-v a {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  right: 3%;
  bottom: 3%;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(90deg, #cdd2d7 0%, #bbc3c9 50%);
}
@media (max-width: 800px) {
  .main-top-content .mtc-pane .mtc-video .mtc-v a {
    width: 30px;
    height: 30px;
    bottom: 5%;
  }
}
.main-top-content .mtc-pane .counter-pane {
  padding-bottom: 3rem;
  direction: rtl;
}
.main-top-content .mtc-pane .counter-pane .counter-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(11, 1fr);
}
@media (max-width: 450px) {
  .main-top-content .mtc-pane .counter-pane .counter-main {
    grid-column-gap: 1rem;
  }
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot {
  grid-column: span 1;
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot span {
  font-size: 6rem;
  color: #2A6B87;
  margin-top: -60%;
}
@media (max-width: 950px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot span {
    margin-top: -100%;
  }
}
@media (max-width: 750px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot span {
    margin-top: -150%;
  }
}
@media (max-width: 450px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot span {
    margin-top: -200%;
  }
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child h4 {
  color: #2A6B87;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  font-family: "BukraGM-Semi-Bold";
}
@media (max-width: 750px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 450px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child h4 {
    font-size: 1rem;
  }
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child p {
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1.2rem;
}
@media (max-width: 750px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child p {
    font-size: 1rem;
  }
}
@media (max-width: 450px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child p {
    font-size: 0.8rem;
  }
}

.cooperation {
  background-color: #f7f7f7;
}
.cooperation .coop-inner {
  padding: 2rem 0;
}
@media (max-width: 1300px) {
  .cooperation .coop-inner {
    padding: 2rem 1rem;
  }
}
.cooperation .coop-inner .coop-main {
  display: flex;
  direction: rtl;
}
@media (max-width: 910px) {
  .cooperation .coop-inner .coop-main {
    flex-direction: column;
  }
}
.cooperation .coop-inner .coop-main .coop-sub {
  width: 50%;
  min-height: 300px;
  padding: 0;
}
@media (max-width: 910px) {
  .cooperation .coop-inner .coop-main .coop-sub {
    width: 100%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .dots-design {
  max-width: 15%;
}
.cooperation .coop-inner .coop-main .coop-sub .dots-design .dots-main {
  display: inline-block;
  width: 100%;
  padding-top: 1rem;
}
.cooperation .coop-inner .coop-main .coop-sub .dots-design .dots-main .dots-child {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 25%;
}
.cooperation .coop-inner .coop-main .coop-sub .dots-design .dots-main .dots-child p {
  padding: 0;
  margin: 0;
  font-size: 4rem;
  margin-top: -4rem;
  color: #2A6B87;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main {
  display: grid;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: repeat(6, 1fr);
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}
@media (max-width: 910px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child img {
    width: 97%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.main {
  grid-column: span 6;
  max-height: 250px;
  height: 250px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.main {
    height: 210px;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.sub {
  grid-column: span 4;
  max-height: 180px;
  height: 180px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.sub {
    grid-column: span 6;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.sub img {
  width: 100%;
  height: 100%;
  max-height: 180px;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.sub img {
    width: 96%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.super-sub {
  grid-column: span 2;
  max-height: 180px;
  height: 180px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.super-sub {
    grid-column: span 6;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content {
  background-color: #2A6B87;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
}
@media (max-width: 910px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content {
    width: 90%;
  }
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content {
    width: 96%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .sm-icon {
  height: 15%;
  padding: 0.5rem;
  direction: ltr;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .sm-icon .smi-pane {
  width: 20%;
  padding: 2%;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .sm-icon .smi-pane {
    width: 12%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .sm-icon .smi-pane img {
  width: 100%;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .ssc-text {
  padding: 1rem;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .ssc-text p {
  color: #fff;
  padding: 0;
  margin: 0;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .ssc-text p span {
  font-size: 2rem;
  font-family: "BukraGM-Semi-Bold";
  direction: rtl;
}

.sub-heading h2 {
  padding: 0;
  font-size: 2.5rem;
  font-family: "BukraGM-Medium";
  margin: 1rem 0;
}

.sub-link-buttons ul {
  display: flex;
}
@media (max-width: 435px) {
  .sub-link-buttons ul {
    flex-direction: column;
  }
}
.sub-link-buttons ul li {
  margin-left: 2rem;
}
@media (max-width: 435px) {
  .sub-link-buttons ul li {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.sub-link-buttons ul li a {
  color: #2A6B87;
  font-weight: bold;
}
@media (max-width: 1150px) {
  .sub-link-buttons ul li a {
    font-size: 0.9rem;
  }
}
@media (max-width: 1070px) {
  .sub-link-buttons ul li a {
    font-size: 0.7rem;
  }
}
.sub-link-buttons ul li a:hover {
  background-color: #2A6B87;
  color: #fff;
}

.common-description {
  padding: 1rem 0;
  line-height: 2rem;
}
.common-description p {
  color: #7f7f7f;
}

.common-link {
  padding: 0.3rem 0;
  color: #2a6b87;
  font-weight: 700;
  border-bottom: 2px solid #2a6b87;
}

.scroll-area {
  padding-bottom: 3rem;
  background-color: #d1e8f5;
}
.scroll-area .sa-content {
  padding: 2rem 0;
  direction: rtl;
}
.scroll-area .sa-content .sa-hd-bottom {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-desc {
  grid-column: span 4;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-desc p {
  margin: 0;
  line-height: 2rem;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-desc h2 {
  padding: 0;
  font-size: 2.5rem;
  font-family: "BukraGM-Medium";
  margin: 1rem 0;
}
@media (max-width: 850px) {
  .scroll-area .sa-content .sa-hd-bottom .sa-hd-desc {
    grid-column: span 6;
  }
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action {
  grid-column: span 2;
  display: flex;
  justify-content: flex-end;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation {
  display: flex;
  justify-content: left;
  padding: 0 3rem;
  padding: 0;
  align-items: center;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation div {
  padding: 0 2rem;
  position: relative;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation div i {
  font-size: 2rem;
  font-weight: 700;
  color: #A5CCE2;
  position: absolute;
  display: none;
  transition: all ease-in 0.5s;
  z-index: 1;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation div:hover i {
  display: block;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation div img {
  z-index: 11;
  position: relative;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation .sa-swiper-button-next i {
  right: 21px;
  top: -7px;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation .sa-swiper-button-prev i {
  left: 21px;
  top: -7px;
}
@media (max-width: 850px) {
  .scroll-area .sa-content .sa-hd-bottom .sa-hd-action {
    grid-column: span 6;
  }
  .scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation {
    justify-content: center;
    padding: 3rem 3rem 0 3rem;
  }
}
.scroll-area .slider-content .sa-swiper {
  padding: 0 1rem;
  padding: 0;
}
.scroll-area .slider-content .sa-swiper .swiper-slide {
  border-radius: 1rem;
  background-color: #fff;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner {
  padding: 1rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back {
  min-height: 250px;
  border-radius: 1rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .vec-sec img {
  width: 100%;
  min-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
  -o-object-position: center;
     object-position: center;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions {
  min-height: 20px;
  display: flex;
  direction: rtl;
  padding-top: 1rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch {
  width: 50%;
  display: flex;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-left {
  justify-content: right;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-left a {
  display: flex;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #81a7b8 0%, #477f97 50%);
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-left a i {
  color: #fff;
  font-size: 0.9rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-right {
  justify-content: left;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-right a {
  border: 1px solid #fff;
  background: linear-gradient(90deg, #81a7b8 0%, #477f97 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0.5rem 0.5rem;
  border-radius: 2rem;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner h2 {
  font-family: "BukraGM-Semi-Bold";
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-desc {
  min-height: 160px;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner p {
  line-height: 1.7rem;
  color: #7f7f7f;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links {
  padding: 1rem 0;
  display: flex;
  justify-content: left;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links a {
  color: #000;
  background-color: #cdd2d7;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}

footer {
  font-family: "BukraGM-Semi-Bold";
}
footer .footer-main {
  position: relative; /*Parent MUST be relative*/
  z-index: 9;
  background: #2A6B87;
  width: 100%;
  min-height: 400px;
  padding: 4rem 0 4rem 0;
}
footer .footer-main:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 50%;
  left: 0;
  background: #fff;
}
footer .footer-main .ft-mn-content {
  min-height: 500px;
  background-color: #fff;
  position: relative;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  border-radius: 1rem;
  padding: 2rem 1rem 5rem 1rem;
}
footer .footer-main .ft-mn-content h5 {
  padding: 0;
  margin: 0;
  font-family: "BukraGM";
}
footer .footer-main .ft-mn-content .ft-mn-img {
  max-height: 500px;
}
footer .footer-main .ft-mn-content .ft-mn-img img {
  width: 100%;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center -25px;
     object-position: center -25px;
}
footer .footer-main .ft-mn-content .ft-mn-ct-txt {
  text-align: center;
}
footer .footer-main .ft-mn-content .ft-mn-ct-txt h1 {
  color: #000;
  font-family: "BukraGM-Semi-Bold";
  font-size: 2rem;
}
footer .footer-main .ft-mn-content .ft-mn-ct-txt p {
  font-family: "BukraGM";
  color: #7f7f7f;
  font-size: 0.85rem;
  padding: 0;
  margin: 0;
}
footer .footer-main .ft-mn-content .ft-bt-icon {
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: center;
  bottom: -62px;
}
footer section {
  background-color: #2A6B87;
}
footer section .ft-top {
  direction: rtl;
  padding: 3rem 0 0 0;
}
@media (max-width: 500px) {
  footer section .ft-top {
    padding: 0;
  }
}
footer section .ft-top ul {
  display: flex;
  justify-content: center;
}
@media (max-width: 650px) {
  footer section .ft-top ul {
    flex-wrap: wrap;
  }
}
footer section .ft-top ul li {
  padding: 0 4rem;
}
@media (max-width: 900px) {
  footer section .ft-top ul li {
    padding: 0 3rem;
  }
}
@media (max-width: 750px) {
  footer section .ft-top ul li {
    padding: 0 2rem;
  }
}
@media (max-width: 650px) {
  footer section .ft-top ul li {
    padding: 0 1rem;
  }
}
@media (max-width: 500px) {
  footer section .ft-top ul li {
    width: 100%;
    padding: 0.5rem 0;
  }
}
footer section .ft-top ul li a {
  color: #fff;
}
footer section .ft-top ul li a:hover {
  color: #000;
}
footer section .ft-middle {
  margin: 0 auto;
  direction: rtl;
/*  padding: 7rem 0;*/
}
@media (max-width: 950px) {
  footer section .ft-middle {
    padding: 7rem 4rem;
  }
}
@media (max-width: 500px) {
  footer section .ft-middle {
    padding: 2rem 1rem 2rem 1rem;
  }
}
footer section .ft-middle .ft-m-content {
  display: grid;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: repeat(8, 1fr);
}
footer section .ft-middle .ft-m-content .ft-m-ch {
  grid-column: span 2;
}
@media (max-width: 950px) {
  footer section .ft-middle .ft-m-content .ft-m-ch {
    display: flex;
    padding-bottom: 2rem;
    grid-column: span 4;
  }
}
@media (max-width: 700px) {
  footer section .ft-middle .ft-m-content .ft-m-ch {
    display: flex;
    padding-bottom: 2rem;
    grid-column: span 8;
  }
}
footer section .ft-middle .ft-m-content .ft-m-ch ul li {
  padding: 0.5rem 0;
}
footer section .ft-middle .ft-m-content .ft-m-ch ul li a {
  color: #fff;
  padding-bottom: 1rem;
}
footer section .ft-middle .ft-m-content .ft-m-ch ul li a:hover {
  color: #000;
}
footer section .ft-bottom {
  font-family: "BukraGM-Light";
  border-top: 1px solid #fff;
  font-size: 0.8rem;
}
footer section .ft-bottom .ft-b-main {
  display: flex;
}
@media (max-width: 745px) {
  footer section .ft-bottom .ft-b-main {
    flex-direction: column;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch {
  width: 50%;
}
@media (max-width: 745px) {
  footer section .ft-bottom .ft-b-main .ft-b-ch {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch p {
  color: #fff;
  padding: 1rem;
  margin: 0;
}
@media (max-width: 745px) {
  footer section .ft-bottom .ft-b-main .ft-b-ch p {
    text-align: center;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch ul {
  display: flex;
  padding: 1rem;
}
@media (max-width: 745px) {
  footer section .ft-bottom .ft-b-main .ft-b-ch ul {
    padding: 0.5rem;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch ul li a {
  color: #fff;
  padding: 0 0.5rem;
  border-right: 1px solid #fff;
}
@media (max-width: 785px) {
  footer section .ft-bottom .ft-b-main .ft-b-ch ul li a {
    padding: 0 0.3rem;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch ul li:last-child a {
  border-right: none;
}
footer section .ft-bottom .ft-b-main .ft-b-ch.right ul {
  justify-content: right;
}

.home-message-area {
  background-color: #2A6B87;
  padding: 3rem 0;
}
.home-message-area .vision-sec {
  display: flex;
  max-width: 1000px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}
.home-message-area .vision-sec .vs-img {
  width: 20%;
}
.home-message-area .vision-sec .vs-img img {
  width: 100%;
}
.home-message-area .vision-sec .vs-head h1 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 2.5rem;
}
.home-message-area .vision-sec .vs-desc {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-message-area .vision-sec .vs-desc p {
  color: #fff;
  text-align: center;
  line-height: 2rem;
}
.home-message-area .msg-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(6, 1fr);
  padding-top: 1rem;
  direction: rtl;
}
@media (max-width: 725px) {
  .home-message-area .msg-main {
    grid-template-columns: repeat(7, 1fr);
  }
}
.home-message-area .msg-main .msg-sub {
  min-height: 300px;
}
.home-message-area .msg-main .msg-sub.msg-desc {
  grid-column: span 4;
}
@media (max-width: 725px) {
  .home-message-area .msg-main .msg-sub.msg-desc {
    grid-column: span 4;
  }
}
@media (max-width: 550px) {
  .home-message-area .msg-main .msg-sub.msg-desc {
    grid-column: span 7;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.home-message-area .msg-main .msg-sub.msg-desc h2 {
  margin: 0;
  margin-bottom: 2rem;
  color: #fff;
/*  border: 1px solid #fff;*/
/*  border-radius: 3rem;*/
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1rem;
/*  background: linear-gradient(90deg, #81a7b8 0%, #477f97 50%);*/
}
.home-message-area .msg-main .msg-sub.msg-desc p {
  color: #fff;
  line-height: 2rem;
  text-align: justify;
}
.home-message-area .msg-main .msg-sub.msg-img {
  grid-column: span 2;
  display: flex;
  align-items: start;
  justify-content: flex-start;
}
@media (max-width: 725px) {
  .home-message-area .msg-main .msg-sub.msg-img {
    grid-column: span 3;
  }
}
@media (max-width: 550px) {
  .home-message-area .msg-main .msg-sub.msg-img {
    grid-column: span 7;
    justify-content: center;
  }
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img {
  max-width: 90%;
}
@media (max-width: 1000px) {
  .home-message-area .msg-main .msg-sub.msg-img .ceo-img {
    max-width: 100%;
  }
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img img {
  width: 100%;
  border-radius: 1rem;
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img .ceo-details {
  text-align: center;
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img .ceo-details p {
  font-size: 1rem;
  padding: 0.3rem 0;
  margin: 0;
  color: #fff;
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img .ceo-details p span {
  font-size: 0.8rem;
}

.readmore {
  color: #fff;
  padding: 0.5rem 0;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #fff;
  font-weight: 600;
}

.hm-activities {
  padding: 3rem 0;
}
.hm-activities .hma-main {
  display: flex;
  flex-direction: row;
  direction: rtl;
}
@media (max-width: 850px) {
  .hm-activities .hma-main {
    flex-direction: column;
  }
}
.hm-activities .hma-main .hma-sub {
  width: 50%;
}
@media (max-width: 850px) {
  .hm-activities .hma-main .hma-sub {
    width: 100%;
  }
}
.hm-activities .hma-main .hma-sub img {
  width: 100%;
  border-radius: 2rem;
}
.hm-activities .hma-main .hma-sub.hma-details {
  padding: 1rem 2rem 1rem 0rem;
}
@media (max-width: 850px) {
  .hm-activities .hma-main .hma-sub.hma-details {
    padding: 3rem 0;
  }
}
.hm-activities .hma-main .hma-sub .hma-heading h1 {
  color: #2A6B87;
  font-family: "BukraGM-Semi-Bold";
  font-size: 2rem;
  padding: 0;
  margin: 0;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li {
  background-color: #fff;
  margin: 1rem 0;
  border-radius: 1rem;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main {
  display: flex;
  justify-content: center;
  padding: 0 0.5rem;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-desc {
  width: 80%;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-desc h2 {
  color: #2A6B87;
  font-size: 1rem;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-desc p {
  font-size: 0.9rem;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo {
  width: 15%;
  display: flex;
  justify-content: center;
  padding: 1rem;
}
@media (max-width: 550px) {
  .hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo {
    width: 20%;
  }
}
@media (max-width: 450px) {
  .hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo {
    width: 25%;
  }
}
@media (max-width: 450px) {
  .hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo {
    padding: 2rem;
  }
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo img {
  border-radius: 0;
}

.home-news {
  background-color: #fff;
  padding: 3rem 0;
  direction: rtl;
}
.home-news .sa-content .sa-heading .sub-heading h2 {
  color: #2A6B87;
}
.home-news .sa-content .sa-heading .sa-hd-bottom .sa-hd-desc p {
  color: #7f7f7f;
}
.home-news .hm-ns-ls-content .hm-ns-ls {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(6, 1fr);
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch {
  grid-column: span 2;
}
@media (max-width: 700px) {
  .home-news .hm-ns-ls-content .hm-ns-ls .ns-ch {
    grid-column: span 3;
  }
}
@media (max-width: 500px) {
  .home-news .hm-ns-ls-content .hm-ns-ls .ns-ch {
    grid-column: span 6;
  }
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img {
  max-height: 250px;
  height: 250px;
  border-radius: 1rem;
  overflow: hidden;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch h2 {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #2A6B87;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch p {
  color: #7f7f7f;
  font-size: 1rem;
}

#aboutus .aboutus-top {
  direction: rtl;
}
#aboutus .aboutus-top ul.who-we-are {
  list-style: disc;
  margin: 0 1.5rem 0 0;
}
@media (max-width: 500px) {
  #aboutus .aboutus-top ul.who-we-are {
    margin: 0;
  }
}
#aboutus .aboutus-top ul.who-we-are li {
  color: #fff;
  list-style: none;
  position: relative;
  padding: 0 3rem 0 0;
  line-height: 2rem;
}
#aboutus .aboutus-top ul.who-we-are li:before {
  right: 0;
}
#aboutus .aboutus-top ul.who-we-are li p {
  text-align: justify;
}
#aboutus .abt-introduction {
  direction: rtl;
}
#aboutus .abt-introduction.core-functions ul {
  margin: 0 1.5rem 0 0;
}
@media (max-width: 500px) {
  #aboutus .abt-introduction.core-functions ul {
    margin: 0;
  }
}
#aboutus .abt-introduction.core-functions ul li {
  padding: 0 3rem 0 0;
}
#aboutus .abt-introduction.core-functions ul li:before {
  right: 0;
  left: auto;
  color: #2A6B87;
  content: "\f04a";
}
#aboutus .abt-vmv {
  direction: rtl;
}
#aboutus .board-of-directors {
  direction: rtl;
}
#aboutus .abt-team {
  direction: rtl;
}
#aboutus .abt-org-str {
  direction: rtl;
}
#aboutus .abt-partners {
  direction: rtl;
}
#aboutus .abt-strategy {
  direction: rtl;
}
#aboutus .abt-strategy .strategy-sub h4 {
  left: auto;
  right: 0;
  background: linear-gradient(to left, #cdd2d7 0%, #81a7b8 80%, #477f97 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
#aboutus .abt-strategy .strategy-sub ul {
  margin: 0 1.5rem 0 0;
}
@media (max-width: 500px) {
  #aboutus .abt-strategy .strategy-sub ul {
    margin: 0;
  }
}
#aboutus .abt-strategy .strategy-sub ul li {
  padding: 0 3rem 0 0;
}
#aboutus .abt-strategy .strategy-sub ul li:before {
  right: 0;
  left: auto;
}
#aboutus .abt-strategy .strategy-sub ul.value li:before {
  transform: scaleX(-1);
}

#contactus {
  direction: rtl;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left .cont-comm-txt h5 {
  font-size: 0.9rem;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left .cont-comm-txt.cnt-number p {
  direction: ltr;
  text-align: right;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild {
  direction: rtl;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild input[type=text],
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild input[type=email] {
  direction: rtl;
}

/*** Breadcrumb ***/
#breadcrumb {
  direction: rtl;
}
#breadcrumb ul li::after {
  content: "\f30a";
  right: 5px;
  left: auto;
}

/*** Breadcrumb ***/
/*** Single Page ***/
.single-post {
  direction: rtl;
}

/*** Single Page ***/
#events .events-list {
  direction: rtl;
}
#events .evt-dt .sec-2 {
  padding: 0 1rem;
  padding: 0;
  padding-right: 0.5rem;
}

.sub-title.st-secs {
  display: flex;
  align-items: center;
}
.sub-title.st-secs .sh-sec:last-child {
  text-align: left;
}

/*** Interactiv Documents and Info ***/
.document_info {
  direction: rtl;
}
.document_info .di-hr-journey {
  background-color: #F3FBFF;
}
.document_info .di-hr-journey .di-timeline .tl-container {
  width: 80%;
  margin: auto;
  display: block;
  position: relative;
}
@media (max-width: 800px) {
  .document_info .di-hr-journey .di-timeline .tl-container {
    width: 90%;
  }

}
@media (max-width: 700px) {
  .document_info .di-hr-journey .di-timeline .tl-container {
    width: 90%;
  }
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl {
  margin: 20px 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li {
  list-style: none;
  margin: auto;
  margin-left: auto;
  margin-right: 50%;
  min-height: 0px;
  /*background: rgba(255,255,0,0.1);*/
  border-left: none;
  border-right: 1px solid #477f97;
  padding: 0 30px 0 0;
  position: relative;
  /*&:hover::before{
      border-color:  #258CC7;
      transition: all 1000ms ease-in-out;
  }*/
}
@media (max-width: 700px) {
  .document_info .di-hr-journey .di-timeline .tl-container ul.tl li {
    margin-right: auto;
  }
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li:last-child {
  border-left: 0;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li::before {
  position: absolute;
  left: auto;
  right: -18px;
  top: 0px;
  content: " ";
  border: 8px solid rgba(255, 255, 255, 0.74);
  border-radius: 500%;
  background: #A5CCE2;
  height: 20px;
  width: 20px;
  transition: all 500ms ease-in-out;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li .item-title {
  background-color: #A5CCE2;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25rem 1rem;
  border-radius: 0.9rem;
  font-weight: bold;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li .item-detail {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.9rem;
  line-height: 2rem;
  padding: 1rem 0 2rem 0;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li .timestamp {
  color: #8D8D8D;
  position: absolute;
  left: auto;
  right: -50%;
  text-align: right;
  font-size: 12px;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 700px) {
  .document_info .di-hr-journey .di-timeline .tl-container ul.tl li .timestamp {
    right: auto;
    position: relative;
    justify-content: right;
    padding: 2rem 0 1rem 0;
  }
}

/*** Interactiv Documents and Info ***/
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links .scl-right {
  justify-content: left;
}

/*** Donation and Volunteering **/
/*** Accordion **/
.accordion__content {
  direction: rtl;
}

.bmenu {
  right: auto;
  left: 15px;
}

.btop, .bmid, .bbot {
  right: auto;
  left: 0;
}

.bmenu {
  top: 5px;
}

/*** Accordion **//*# sourceMappingURL=rtl.css.map */

body{
	margin-top: 0px !important;
}

.leadership-section{direction: rtl;}
.leadership-section .row.whowearerow .col-md-6 h4:before{margin-left: 15px;}
.whoweare .whowearerow .col-md-6:nth-child(2) h4::before{margin-left: 15px;}

.values-section, .ourgoals, .eventSection, .faqs, .contact-section .contact-info, .innerbanners {direction: rtl;}
.contactinfo .form-feild label{direction: rtl; width: 100%;}
.values-section .section-title{text-align: right;}
.ourgoals{background-color: #f6f6f6;}
.contact-info i{margin-left: 15px;}
.innerbanners .row .sideimg img{padding-right: 0; padding-left: 50px;}
.innerbanners .row .sideimg{border-right: 0px solid #fff; border-left: 2px solid #fff;}
.ourgoals h2{text-align: right !important;}
#aboutus .abt-introduction.core-functions ul li p{margin-right: 70px;}
.loader-main{top: 0;}
.top-searc-content .search-field{text-align: right;}

@media (max-width: 767px) {

  header{top: 30px !important;}
  header.fixed.minimized{top: 0 !important;}
   #aboutus .aboutus-top ul.who-we-are li{padding: 0;}
   /*html, body{overflow-x: hidden;}*/
   #aboutus .abt-introduction.core-functions ul li p{margin-right: 0; margin-left: 20px !important;}
   footer .logo img{width: 100% !important;}
   .humanright .accordion{padding-right: 0 !important; margin-right: 0 !important;}
   .common-section .common-text .accordion{padding-right: 10px !important; margin-right: 0 !important;}
   .accordion__title{padding: 0px 0px 0 20px;}
   .accordion{margin-right: 0px !important;}
   header.fixed{padding-left: 20px;}
   header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content a{left: 0;}


}


header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content {
    direction: rtl;
}
header .top-hd .top-hd-pane .top-hd-content{align-items: stretch;}

.newhomebanner .banner-content{text-align: right; }
.newhomebanner .swiper-slide{justify-content: right;}
/* .newhomebanner .banner-content a{float: right;} */
.ourgoals .grid-item{}
.ourgoals .grid-item p{text-align: center;}
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch, #contactus .cont-common-section .ju-form-content .juf-main{direction: rtl;}
.team-section .common-section .chairperson-details h3{text-align: center !important;}
.team-section .common-section .chairperson-details p{text-align: center !important; width: 100%;}
.team-section .common-section .row{direction: ltr;}
.team-section .common-section .row .col-md-5, .team-section .common-section h2, .contactinfo .row{direction: rtl;}
.team-section .common-section .chairperson-section{background-image:url(../../../../wp-content/uploads/2024/08/ceo-image.png)}
.contactinfo .wpcf7{direction: rtl;}
.common-section .common-text .accordion{text-align: right; padding-right: 30px;}
.common-section .common-text .accordion:after{left: 20px; right: auto;}
.humanright .accordion{text-align: right; padding-right: 30px;}
.humanright .accordion:after{left: 20px; right: auto;}



.accordion{ direction:rtl;}
.accordion-header{ direction:rtl;}
.international-and-regional .outer-tabs{ direction:rtl;}

.accordion-header::after { content: "\f067"; font-family: fontawesome; position: absolute;     right: auto !important; left: 20px !important; top: 20px; }
.contactformsection .gform_footer{text-align:right !important;}
.international-and-regional{background:#fff !important;}
.termscondition ul li{padding-right: 30px;}
.termscondition ul li:before{right: 0; }
.sv-text ul li{padding-right: 30px; padding-left: 0;}
.sv-text ul li:before{padding-left: 15px; right: 0;}
.sv-text ul ul{padding-left: 0; padding-right: 30px;}
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch input[type="button" i]{
  text-align: right;
}

.sv-text p a{text-decoration: underline; font-weight: bold;}
.sv-text p a:hover{text-decoration: none;}


.contactformsection{}
.contactformsection form{direction: rtl;}
.contactformsection form input[type="email"]{direction: rtl;}

/*Banner Responsive Css Start*/
@media (max-width:450px){
  header{top: 0 !important;}
  .newhomebanner .mob-banner1{background-image: url(https://theuahr.org/wp-content/uploads/2025/10/Series-of-special-exhibitions-V1_Web-Banner-Ara.jpg) !important;}
  .newhomebanner .mob-banner4{background-image: url(https://theuahr.org/wp-content/uploads/2025/10/International-Seminar-1_Web-Banner-Ara.jpg) !important;}


}


/*Banner Responsive Css End*/