@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap");
:root {
  --main-color: #091234;
  --second-color: #3148a2;
  --third-color: #5293d0;
  --light-color: #d0e9f9;
  --black-color: #000;
  --white-color: #fff;
  --main-font-color: #fff;
  --second-font-color: #3148a2;
  --dark-BgColor: #0f0e0f;
  --pc: #091234;
  --sc: #3148a2;
  --tc: #5293d0;
}

@font-face {
  font-family: "IBM";
  src: url("/fonts/IBMPlexSansArabic-Thin.ttf") format("truetype");
  font-weight: 100; /* Thin */
  font-style: normal;
}
@font-face {
  font-family: "IBM";
  src: url("/fonts/IBMPlexSansArabic-ExtraLight.ttf") format("truetype");
  font-weight: 200; /* ExtraLight */
  font-style: normal;
}
@font-face {
  font-family: "IBM";
  src: url("/fonts/IBMPlexSansArabic-Light.ttf") format("truetype");
  font-weight: 300; /* Light */
  font-style: normal;
}
@font-face {
  font-family: "IBM";
  src: url("/fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-weight: 400; /* Regular */
  font-style: normal;
}
@font-face {
  font-family: "IBM";
  src: url("/fonts/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: "IBM";
  src: url("/fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 600; /* SemiBold */
  font-style: normal;
}
@font-face {
  font-family: "IBM";
  src: url("/fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-weight: 700; /* Bold */
  font-style: normal;
}
@font-face {
  font-family: "BAHNSCHRIFT";
  src: url("/fonts/BAHNSCHRIFT.ttf");
  src: url("/fonts/BAHNSCHRIFT.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.pc {
  color: var(--main-color) !important;
}

.sc {
  color: var(--second-color) !important;
}

.tc {
  color: var(--third-color) !important;
}

.blue {
  color: #1D49F8;
}

html body {
  direction: ltr;
}

html[dir=rtl] body {
  direction: rtl;
}

body {
  padding: 0;
  margin: 0;
  background-color: white;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}
body.dark {
  background: url(/images/Component1.png), radial-gradient(circle, rgba(5, 16, 40, 0.7607843137), rgba(0, 0, 0, 0.88));
  background-repeat: no-repeat;
  background-color: var(--dark-BgColor);
}

/*site-loader*/
.site-loader {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 76, 152);
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*End site-loader*/
/*title*/
.title-head {
  display: flex;
  align-items: start;
  flex-direction: column;
  margin-bottom: 60px;
}
body.dark .title-head {
  color: white;
}
.title-head h3 {
  font-size: 70px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  color: #1D49F8;
}
@media (max-width: 767px) {
  .title-head h3 {
    font-size: 60px;
  }
}
@media (max-width: 576px) {
  .title-head h3 {
    font-size: 50px;
  }
}
body.dark .title-head h3 {
  color: white;
}
.title-head h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 20px;
  background: #F2F3F5;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 30px;
}
body.dark .title-head h3::after {
  background: rgb(30, 73, 247);
}
html[dir=ltr] .title-head h3::after {
  left: 0;
  right: auto;
}
.title-head p {
  font-size: 35px;
  font-weight: 500;
  opacity: 0.9;
}
@media (max-width: 767px) {
  .title-head p {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .title-head p {
    font-size: 25px;
  }
}
body.dark .title-head p {
  font-size: 35px;
  font-weight: 400;
  opacity: 0.8;
}

/*title*/
/*sub sction*/
.sub-sction {
  display: flex;
  align-items: start;
  flex-direction: column;
  margin-bottom: 60px;
}
body.dark .sub-sction {
  color: white;
}
.sub-sction > h3 {
  font-size: 50px;
  color: #1D49F8;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .sub-sction > h3 {
    font-size: 25px;
  }
}
@media (max-width: 576px) {
  .sub-sction > h3 {
    font-size: 20px;
  }
}
body.dark .sub-sction > h3 {
  color: white;
}
.sub-sction > h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 20px;
  background: #F2F3F5;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .sub-sction > h3::after {
    height: 10px;
  }
}
body.dark .sub-sction > h3::after {
  background: rgb(30, 73, 247);
}
html[dir=ltr] .sub-sction > h3::after {
  left: 0;
  right: auto;
}
.sub-sction p {
  font-size: 24px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.8;
  margin-bottom: 5px;
  text-align: justify;
}
@media (max-width: 767px) {
  .sub-sction p {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .sub-sction p {
    font-size: 25px;
  }
}

/*sub sction*/
/*register button*/
.register-button {
  text-decoration: none;
  padding: 10px 40px;
  color: white;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  background: linear-gradient(316.59deg, rgba(26, 71, 248, 0.99) 24.53%, rgba(104, 188, 202, 0.99) 83.14%);
  transition: outline 0.5s;
}
.register-button img {
  margin-left: 10px;
}
html[dir=ltr] .register-button img {
  margin-left: 0;
  margin-right: 10px;
}
.register-button:hover {
  outline: 7px solid rgba(0, 0, 0, 0.0705882353);
}
body.dark .register-button:hover {
  outline: 7px solid rgba(255, 255, 255, 0.0705882353);
}
.register-button.white--border:hover {
  outline: 7px solid rgba(255, 255, 255, 0.0705882353);
}

/*register button*/
/*sign button*/
.sign a, .sign button {
  display: block;
  text-decoration: none;
  padding: 13px 30px;
  background: linear-gradient(175deg, rgba(104, 188, 202, 0.9882352941), rgba(26, 71, 248, 0.9882352941));
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
}
body.dark .sign a, body.dark .sign button {
  background: linear-gradient(175deg, #0F204A, #293B7F);
}

/*sign button*/
/*blur befor blue*/
.blue-blur-before:before {
  content: "";
  position: absolute;
  width: 264px;
  height: 264px;
  top: -100px;
  right: -100px;
  opacity: 0.3;
  background: #1D49F8;
  z-index: -1;
  filter: blur(150px);
}
@media (max-width: 767px) {
  .blue-blur-before:before {
    right: 0px;
  }
}
body.dark .blue-blur-before:before {
  filter: blur(110px);
}

.blue-blur-after:after {
  content: "";
  position: absolute;
  width: 264px;
  height: 264px;
  top: 90%;
  left: -100px;
  opacity: 0.3;
  background: #1D49F8;
  z-index: -1;
  filter: blur(150px);
}
@media (max-width: 767px) {
  .blue-blur-after:after {
    left: 0px;
  }
}
body.dark .blue-blur-after:after {
  filter: blur(110px);
}

.my-ellipse {
  position: absolute;
  width: 2000px;
  height: 2000px;
  top: 0px;
  left: 0;
  z-index: -1;
  overflow-x: hidden;
}
.my-ellipse:after {
  content: "";
  position: absolute;
  width: 1000px;
  height: 1000px;
  top: 500px;
  left: -500px;
  background: rgba(218, 213, 213, 0.83);
  opacity: 0.3;
  z-index: -1;
  border-radius: 30%;
  filter: blur(150px);
}
body.dark .my-ellipse:after {
  background: rgba(104, 188, 202, 0.99);
}

/*blur*
    /
/*card-theam*/
.card-theam {
  border-radius: 40px;
  box-shadow: -2px -1px 22px 0px #e8e8e8;
  position: relative;
  background: #fff;
}
body.dark .card-theam {
  box-shadow: -2px -1px 22px 0px #0c1e2e;
  background: url(../images/Component1.png) no-repeat center;
  background-color: rgba(42, 51, 87, 0.574);
  color: white;
}
.card-theam .cover .col-data {
  width: 355px;
  position: relative;
}
.card-theam .main-data {
  background: #f5f6fa;
  height: 100%;
  padding: 30px 0px;
}
body.dark .card-theam .main-data {
  color: white;
  background: #0c1e2e;
}
.card-theam .main-data.radius-right {
  border-radius: 0 40px 40px 0;
}
html[dir=ltr] .card-theam .main-data.radius-right {
  border-radius: 40px 0 0 40px;
}
@media (max-width: 767px) {
  .card-theam .main-data.radius-right {
    border-radius: 40px 40px 0 0;
  }
  html[dir=ltr] .card-theam .main-data.radius-right {
    border-radius: 40px 40px 0 0;
  }
}
.card-theam .main-data.radius-left {
  border-radius: 40px 0 0 40px;
}
html[dir=ltr] .card-theam .main-data.radius-left {
  border-radius: 0 40px 40px 0;
}
@media (max-width: 767px) {
  .card-theam .main-data.radius-left {
    border-radius: 0 0 40px 40px;
  }
  html[dir=ltr] .card-theam .main-data.radius-left {
    border-radius: 0 0 40px 40px;
  }
}

/*card-theam*/
/* Start banner */
.banner {
  height: auto;
  margin: 10px;
  border-radius: 40px;
  position: relative;
  /*overflow: hidden;*/
  /* top-section */
}
.banner video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: -1;
  top: 0;
  border-radius: 40px;
}
.banner .banner-overlay {
  background: url(/images/Component1.png), radial-gradient(circle, rgba(5, 16, 40, 0.7607843137), rgba(0, 0, 0, 0.88));
  background-color: rgba(161, 212, 245, 0.0784313725);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
}
.banner .banner-overlay .banner-overlay2 {
  background: url(/images/Maskgroup3.png);
  padding: 0px 0px 150px 0px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  /*background-size: cover;*/
  /*background-size: 100% 70%;*/
}
.banner .banner-overlay .banner-overlay-3 {
  background-color: #091324;
  border-radius: 40px;
}
.banner .header .row-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0px;
  z-index: 1000;
}
@media (max-width: 767px) {
  .banner .header .row-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;
    padding: 30px 0px;
  }
}
@media (max-width: 576px) {
  .banner .header .row-content {
    padding: 30px 20px;
  }
}
.banner .header .row-content .right-side {
  display: flex;
  align-items: end;
}
@media (max-width: 767px) {
  .banner .header .row-content .right-side {
    margin-bottom: 50px;
    justify-content: space-around;
    width: 100%;
  }
}
.banner .header .row-content .right-side .head-items {
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .banner .header .row-content .right-side .head-items {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.banner .header .row-content .right-side .head-items .logo {
  margin-right: 50px;
  text-align: left;
}
html[dir=ltr] .banner .header .row-content .right-side .head-items .logo {
  margin-left: 50px;
  margin-right: auto;
  text-align: right;
}
@media (max-width: 576px) {
  .banner .header .row-content .right-side .head-items .logo {
    margin-right: 0px;
  }
  html[dir=ltr] .banner .header .row-content .right-side .head-items .logo {
    margin-left: 0px;
    margin-right: auto;
  }
}
@media (max-width: 370px) {
  .banner .header .row-content .right-side .head-items .logo {
    margin-right: 0px;
  }
  html[dir=ltr] .banner .header .row-content .right-side .head-items .logo {
    margin-left: 0px;
    margin-right: auto;
  }
}
.banner .header .row-content .right-side .head-items .logo img {
  width: 100%;
}
@media (max-width: 576px) {
  .banner .header .row-content .right-side .head-items .logo img {
    width: 80%;
  }
}
.banner .header .row-content .right-side .head-items .date {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid white;
}
html[dir=ltr] .banner .header .row-content .right-side .head-items .date {
  margin-right: 0;
  padding-right: 0;
  margin-left: 30px;
  padding-left: 30px;
  border-right: 0;
  border-left: 1px solid white;
}
@media (max-width: 480px) {
  .banner .header .row-content .right-side .head-items .date {
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid white;
    border-top: 1px solid white;
    margin-top: 10px;
    padding-top: 10px;
  }
  html[dir=ltr] .banner .header .row-content .right-side .head-items .date {
    margin-left: 0;
    padding-left: 0;
    border-left: 0px solid white;
  }
}
@media (max-width: 370px) {
  .banner .header .row-content .right-side .head-items .date {
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid white;
    border-top: 1px solid white;
    margin-top: 10px;
    padding-top: 10px;
  }
  html[dir=ltr] .banner .header .row-content .right-side .head-items .date {
    margin-left: 0;
    padding-left: 0;
    border-left: 0px solid white;
  }
}
.banner .header .row-content .right-side .head-items h4 {
  color: white;
  font-size: 15px;
  font-weight: 400;
}
.banner .header .row-content .right-side .head-items h4:first-child {
  font-size: 45px;
  font-weight: 500;
  margin-bottom: 0;
}
.banner .header .row-content .right-side .head-items h4:nth-child(2) {
  font-size: 27px;
  font-weight: 600;
}
@media (max-width: 576px) {
  .banner .header .row-content .right-side .head-items h4 {
    color: white;
    font-size: 9px;
    font-weight: 400;
  }
  .banner .header .row-content .right-side .head-items h4:first-child {
    font-size: 25px;
  }
  .banner .header .row-content .right-side .head-items h4:nth-child(2) {
    font-size: 16px;
  }
}
.banner .header .row-content .menu {
  position: relative;
}
@media (max-width: 480px) {
  .banner .header .row-content .menu {
    margin-bottom: 40px;
  }
}
.banner .header .row-content .menu .menu-button {
  --deg: 10;
  padding: 1px 2px;
  border-radius: 14px;
  cursor: pointer;
  /*background: linear-gradient(0deg, #0023BD 0%, #FFFFFF 100%);*/
  display: flex;
  transition: box-shadow 0.5s;
  /*                animation: menu-button 5s infinite;
                  animation-direction: reverse;
                  -webkit-animation: menu-button 5s infinite;
                  -webkit-animation-direction: reverse;
                  animation-timing-function: ease-in-out;
                  -webkit-animation-timing-function: ease-in-out;
  */
}
.banner .header .row-content .menu .menu-button:hover {
  box-shadow: 0px 0px 10px 2px #fff;
}
.banner .header .row-content .menu .menu-button svg {
  font-size: 24px;
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
  background: radial-gradient(circle, rgba(31, 60, 127, 0.52), rgba(12, 23, 49, 0.52));
}
.banner .header .row-content .menu ul {
  list-style: none;
  position: absolute;
  padding: 30px;
  margin: 0;
  top: 70px;
  right: 0px;
  background: radial-gradient(118.18% 118.18% at 7.95% -18.18%, rgba(3, 31, 95, 0.58) 0%, rgba(0, 46, 156, 0.5) 84.65%);
  border-radius: 20px;
  width: 270px;
  transition: 0.4s;
  opacity: 0.3;
  visibility: hidden;
  transform: translateY(30px);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
}
html[dir=ltr] .banner .header .row-content .menu ul {
  left: 0px;
  right: auto;
}
.banner .header .row-content .menu ul.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.banner .header .row-content .menu ul li a {
  display: block;
  padding: 10px 5px;
  cursor: pointer;
  text-decoration: none;
  color: white;
  font-size: 20px;
  font-weight: 700;
  width: 100%;
  transition: padding 0.5s;
}
.banner .header .row-content .menu ul li a:hover {
  background-color: #234db1;
  border-radius: 8px;
  padding-right: 10px;
  /*padding: 10px 5px;*/
}
html[dir=ltr] .banner .header .row-content .menu ul li a:hover {
  padding-right: inherit;
  padding-left: 10px;
}
.banner .header .row-content .menu ul li:not(:last-child) {
  margin-bottom: 10px;
}
.banner .header .row-content .left-side .lang a {
  text-decoration: none;
  cursor: pointer;
  border: 0.5px solid #6970A7;
  padding: 10px 12px;
  border-radius: 10px;
  background: radial-gradient(118.18% 118.18% at 7.95% -18.18%, rgba(31, 60, 127, 0.46) 0%, rgba(12, 23, 49, 0.46) 84.65%);
  margin-left: 15px;
  /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
}
html[dir=ltr] .banner .header .row-content .left-side .lang a {
  margin-left: 0;
  margin-right: 15px;
}
.banner .header .row-content .left-side .lang a:first-child {
  padding: 10px 10px 10px 10px;
  /*border: 0.5px solid #6970A7;*/
}
.banner .header .row-content .left-side .lang a:first-child img {
  width: 25px;
}
.banner .head-content {
  color: #ddd;
}
.banner .head-content .word {
  display: inline-block;
}
.banner .head-content .large-text {
  margin: 10px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.banner .head-content .large-text h2 {
  font-size: 80px;
  font-weight: 700;
  color: #ddd;
}
@media (max-width: 480px) {
  .banner .head-content .large-text h2 {
    font-size: 55px;
    padding: 20px 30px;
  }
}
.banner .head-content h2:first-child {
  background: rgba(29, 73, 248, 0.5019607843);
  padding: 20px 30px;
  border-radius: 15px;
}
.banner .head-content .mid-text .first-p {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 20px;
}
.banner .head-content .mid-text .first-p div {
  font-size: 32px;
  font-weight: 500;
  margin-left: 7px;
}
html[dir=ltr] .banner .head-content .mid-text .first-p div {
  margin-left: 0;
  margin-right: 7px;
}
@media (max-width: 480px) {
  .banner .head-content .mid-text .first-p {
    font-size: 23px;
  }
  .banner .head-content .mid-text .first-p div {
    font-size: 23px;
  }
}
.banner .head-content .mid-text .mid p {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
  width: 600px;
}
.banner .head-content .mid-text .mid p div {
  font-size: 24px;
  font-weight: 400;
  margin-left: 10px;
}
html[dir=ltr] .banner .head-content .mid-text .mid p div {
  margin-left: 0;
  margin-right: 10px;
}
.banner .head-content .mid-text .mid p.title4 {
  font-weight: 300;
}
.banner .head-content .mid-text .mid p.title4 div {
  font-weight: 300;
}
@media (max-width: 576px) {
  .banner .head-content .mid-text .mid p {
    width: auto;
  }
}
@media (max-width: 480px) {
  .banner .head-content .mid-text .mid p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    width: auto;
  }
  .banner .head-content .mid-text .mid p div {
    font-size: 20px;
    font-weight: 400;
  }
}
.banner .head-content .mid-text .mid p:last-child {
  font-size: 20px;
}
.banner .head-content .mid-text .mid p:last-child div {
  font-size: 20px;
}
@media (max-width: 767px) {
  .banner .head-content .mid-text .mid p {
    width: auto;
  }
}
.banner .head-content .action-btns {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  margin: 40px 0px;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .banner .head-content .action-btns {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
    margin: 0;
    margin: 40px 0px;
    justify-content: center;
  }
}
.banner .head-content .action-btns li:not(:last-child) {
  margin-left: 20px;
}
html[dir=ltr] .banner .head-content .action-btns li:not(:last-child) {
  margin-left: 0;
  margin-right: 20px;
}
@media (max-width: 480px) {
  .banner .head-content .action-btns li:not(:last-child) {
    margin-left: 0px;
    margin-bottom: 20px;
    justify-content: center;
  }
  html[dir=ltr] .banner .head-content .action-btns li:not(:last-child) {
    margin-right: 0;
  }
}
.banner .head-content .action-btns li a {
  text-decoration: none;
  padding: 10px 50px;
  color: white;
  border-radius: 15px;
  display: flex;
  align-items: center;
  background: linear-gradient(316.59deg, rgba(26, 71, 248, 0.99) 24.53%, rgba(104, 188, 202, 0.99) 83.14%);
}
@media (max-width: 480px) {
  .banner .head-content .action-btns li a {
    margin-left: 0px;
    margin-bottom: 20px;
    justify-content: center;
  }
  html[dir=ltr] .banner .head-content .action-btns li a {
    margin-right: 0;
  }
}
.banner .head-content .action-btns li:last-child a {
  background: linear-gradient(278.37deg, rgba(255, 255, 255, 0.09) 3.23%, rgba(104, 188, 202, 0.09) 95.34%);
  padding: 10px 30px;
}
.banner .head-content .action-btns li a img {
  margin-left: 10px;
}
html[dir=ltr] .banner .head-content .action-btns li a img {
  margin-left: 0;
  margin-right: 10px;
}
.banner .head-content .social {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  .banner .head-content .social {
    justify-content: center;
  }
}
.banner .head-content .social .chat {
  position: fixed;
  left: 50px;
  bottom: 50px;
  z-index: 10000;
}
html[dir=ltr] .banner .head-content .social .chat {
  left: auto;
  right: 50px;
}
@media (max-width: 767px) {
  .banner .head-content .social .chat {
    bottom: 20px;
    left: 20px;
  }
  html[dir=ltr] .banner .head-content .social .chat {
    left: auto;
    right: 20px;
  }
}
.banner .head-content .social-list {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  /*            @media (max-width:768px) {
                  display: grid;
                  grid-template-columns: 1fr 1fr 1fr 1fr;
                  text-align: center;
              }

              @media (max-width:370px) {
                  display: grid;
                  grid-template-columns: 1fr 1fr 1fr;
                  text-align: center;
              }
  */
}
.banner .head-content .social-list li {
  margin: 10px 10px;
}
@media (max-width: 370px) {
  .banner .head-content .social-list li {
    margin-bottom: 20px;
  }
}
.banner .head-content .social-list li a {
  text-decoration: none;
  color: white;
  width: 43px;
  height: 42px;
  display: flex;
  font-size: 23px;
  background: linear-gradient(278.37deg, rgba(255, 255, 255, 0.09) 3.23%, rgba(104, 188, 202, 0.09) 95.34%);
  padding: 8px;
  border-radius: 10px;
  transition: 0.3s;
  justify-content: center;
  align-items: center;
}
.banner .head-content .social-list li a.app-store {
  width: auto;
  background: initial;
  padding: 0;
}
.banner .head-content .social-list li a.app-store:hover {
  background: initial;
}
.banner .head-content .social-list li a:hover {
  background: #254997;
}

/* End banner */
/* ************************************** */
/* Start stats style */
.stats {
  position: relative;
  margin: -130px 70px 100px 70px;
  background: url(../images/stats.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 991px) {
  .stats {
    margin: -130px 40px 100px 40px;
  }
}
@media (max-width: 767px) {
  .stats {
    margin: -130px 40px 0px 40px;
  }
}
@media (max-width: 350px) {
  .stats {
    margin: -130px 25px 100px 25px;
  }
}
.stats .cover {
  background-color: rgba(247, 250, 253, 0.7607843137);
  padding: 40px 30px;
  border-radius: 40px;
  color: black;
}
body.dark .stats .cover {
  background-color: rgba(5, 16, 40, 0.76);
  color: white;
}
@media (max-width: 350px) {
  .stats .cover {
    padding: 50px 20px;
  }
}
.stats .cover .row {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .stats .cover .row .col-12:not(:last-child) {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.072);
    padding-bottom: 40px;
  }
}
.stats .cover .col-data .top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border-right: 1px solid rgb(29, 73, 248);
  padding: 0px 15px 10px 0px;
}
html[dir=ltr] .stats .cover .col-data .top {
  border-right: 0;
  border-left: 1px solid rgb(29, 73, 248);
  padding: 0px 0px 10px 15px;
}
.stats .cover .col-data .top img {
  width: 30px;
  margin-left: 10px;
}
html[dir=ltr] .stats .cover .col-data .top img {
  margin-left: 0;
  margin-right: 10px;
}
.stats .cover .col-data .top h4 {
  font-size: 30px;
  font-weight: 500;
  opacity: 0.8;
  margin-bottom: 0;
}
body.dark .stats .cover .col-data .top h4 {
  opacity: 1;
}
.stats .cover .col-data .bottom h2 {
  font-size: 72px;
  font-weight: 700;
  margin-bottom: 10px;
  color: rgb(29, 73, 248);
}
.stats .cover .col-data .bottom p {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  color: rgb(153, 153, 153);
  text-align: justify;
}

/* End stats style */
/* ************************************** */
/* Start about style */
.about {
  padding: 100px 0px;
  width: 100%;
}
body.dark .about {
  color: white;
}
.about .cover .ellipse {
  position: relative;
  display: none;
}
body.dark .about .cover .ellipse {
  display: block;
}
.about .cover .ellipse img {
  position: absolute;
  top: -2000px;
  right: 0;
  z-index: -1;
  width: 100%;
}
html[dir=ltr] .about .cover .ellipse img {
  left: 0;
  right: auto;
}
.about .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .about .row {
    flex-direction: column-reverse;
  }
}
.about .col-img {
  background: url(../images/mask2.png) no-repeat center;
  background-size: cover;
  background-size: 140%;
  background-position: right;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.79);
  background-blend-mode: overlay;
}
@media (max-width: 991px) {
  .about .col-img {
    background-position: center;
  }
}
html[dir=ltr] .about .col-img {
  background-position: left;
}
@media (max-width: 991px) {
  html[dir=ltr] .about .col-img {
    background-position: center;
  }
}
body.dark .about .col-img {
  background-color: rgba(13, 0, 34, 0.37);
  background-color: initial;
  background-blend-mode: initial;
}
.about .col-img .img-border {
  background-color: rgba(255, 255, 255, 0.37);
  border-radius: 30px;
  padding: 8px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  width: fit-content;
  margin: 20px 30px;
}
@media (max-width: 576px) {
  .about .col-img .img-border {
    border-radius: 20px;
    padding: 5px;
  }
}
body.dark .about .col-img .img-border {
  background-color: rgba(13, 0, 34, 0.37);
}
.about .col-img .img-border:last-child {
  margin: -120px 150px 20px 20px;
}
html[dir=ltr] .about .col-img .img-border:last-child {
  margin: -120px -20px 20px 150px;
}
@media (max-width: 576px) {
  .about .col-img .img-border:last-child {
    margin: -80px 150px 20px 20px;
  }
  html[dir=ltr] .about .col-img .img-border:last-child {
    margin: -80px -20px 20px 150px;
  }
}
.about .col-img .img-border img {
  width: 280px;
}
@media (max-width: 991px) {
  .about .col-img .img-border img {
    width: 200px;
  }
}
@media (max-width: 576px) {
  .about .col-img .img-border img {
    width: 150px;
  }
}
.about .col-data {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 25px;
}
html[dir=ltr] .about .col-data {
  padding-left: 0;
  padding-right: 25px;
}
@media (max-width: 991px) {
  .about .col-data {
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .about .col-data {
    padding-left: 10px;
  }
  html[dir=ltr] .about .col-data {
    padding-left: 0;
    padding-right: 10px;
  }
}
.about .col-data h3 {
  font-size: 50px;
  color: #1D49F8;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
}
body.dark .about .col-data h3 {
  color: inherit;
}
.about .col-data h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 20px;
  background: #F2F3F5;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 30px;
}
html[dir=ltr] .about .col-data h3::after {
  left: 0;
  right: auto;
}
body.dark .about .col-data h3::after {
  background: rgb(30, 73, 247);
}
.about .col-data p {
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  opacity: 0.8;
  margin-bottom: 5px;
}
.about .col-data hr {
  color: rgba(255, 255, 255, 0.544);
  width: 200px;
  margin-bottom: 25px;
}
.about .col-data ul {
  padding: 0px 35px 0px 0px;
  margin: 0;
}
.about .col-data ul li span {
  font-size: 16px;
  font-weight: 500;
  opacity: 0.8;
}
.about .col-data ul li:not(:last-child) {
  margin-bottom: 8px;
}
.about .to-sign {
  margin-top: 30px;
}

/* End stats style */
/* ************************************** */
/* Start about style */
/* attend style */
.attend {
  padding: 70px 0px;
  width: 100%;
  overflow: hidden;
  /*    .attend-head h3::after {
          position: absolute;
          content: '';
          width: 100%;
          height: 20px;
          background: rgba(30, 73, 247, 1);
          bottom: 0;
          right: 0;
          z-index: -1;
          border-radius: 30px;
      }
  */
}
@media (min-width: 1920px) {
  .attend {
    padding-bottom: 270px;
  }
}
.attend .attend-head {
  display: flex;
  align-items: start;
  flex-direction: column;
  /*margin-right: 80px;
        color: white;*/
  margin-bottom: 150px;
}
.attend .attend-head h3 {
  /*font-size: 50px;
        font-weight: 700;*/
  margin-bottom: 20px;
  position: relative;
}
.attend .attend-head p {
  /*font-size: 18px;
        font-weight: 400;
        opacity: .8;*/
  margin-bottom: 0px;
}
.attend .marquee {
  width: 140%;
  height: 100%;
  transform: rotate(-5deg);
  margin-right: -150px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  transform: rotate(-5deg) translate3d(0%, 0px, 0px);
}
html[dir=ltr] .attend .marquee {
  margin-left: 0;
  margin-right: -150px;
  justify-content: flex-start;
}
@media (max-width: 400px) {
  .attend .marquee {
    width: 140%;
    margin-right: -100px;
  }
  html[dir=ltr] .attend .marquee {
    margin-left: 0;
    margin-right: -100px;
  }
}
.attend .marquee.mymarquee:hover .marquee-wrapper {
  animation-play-state: paused;
}
.attend .marquee.mymarquee .marquee-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
  /*animation: Footer_marquee__fw8VN 24s linear infinite;*/
  will-change: transform;
  animation: Footer_marquee1 30s linear infinite;
}
html[dir=ltr] .attend .marquee.mymarquee2 {
  justify-content: flex-end;
}
.attend .marquee.mymarquee2:hover .marquee-wrapper {
  animation-play-state: paused;
}
.attend .marquee.mymarquee2 .marquee-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  /*animation: Footer_marquee__fw8VN 24s linear infinite;*/
  will-change: transform;
  animation: Footer_marquee2 30s linear infinite;
}
.attend .sec-slider {
  margin: 50px 0px;
  direction: ltr;
}
.attend .marquee-slide {
  text-align: center;
  font-size: 18px;
  height: 340px;
  width: 450px;
  user-select: none;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
}
@media (max-width: 400px) {
  .attend .marquee-slide {
    height: 300px;
  }
}
.attend .marquee-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.attend .sec-slider .marquee-slide img {
  filter: grayscale(0);
}
.attend .marquee-slide .slide-data {
  position: absolute;
  bottom: -100%;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 5%, rgba(0, 56, 177, 0.8901960784) 65%);
  width: 100%;
  padding: 60px 20px 40px 20px;
  color: white;
  transition: 0.3s;
  text-align: right;
  /* html[dir=ltr] & {
            right: auto;
            left: 0;
            text-align: left;
        }*/
}
html[dir=ltr] .attend .marquee-slide .slide-data {
  text-align: left;
}
.attend .marquee-slide:hover .slide-data {
  bottom: 0px;
}
.attend .marquee-slide .slide-data h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}
.attend .marquee-slide .slide-data p {
  font-size: 16px;
  font-weight: 400;
  opacity: 0.8;
  margin-bottom: 0;
}

/* End attend style */
/* ************************************** */
/* speaker style */
.speakers {
  width: 100%;
  padding: 70px 0px;
  position: relative;
  /*.speakers-head h3::after {
         position: absolute;
         content: '';
         width: 100%;
         height: 20px;
         background: rgba(30, 73, 247, 1);
         bottom: 0;
         right: 0;
         z-index: -1;
         border-radius: 30px;
     }*/
  /*─────────────────────*/
  /*─────────────────────*/
}
.speakers .ellipse img {
  width: 100%;
  position: absolute;
  bottom: -1250px;
  left: 0;
  z-index: -1;
  display: none;
}
body.dark .speakers .ellipse img {
  display: block;
}
.speakers .speakers-head {
  display: flex;
  align-items: start;
  flex-direction: column;
  /*color: white;*/
  margin-bottom: 60px;
}
.speakers .speakers-head h3 {
  /*font-size: 80px;
        font-weight: 700;*/
  margin-bottom: 20px;
  position: relative;
}
.speakers .speakers-head p {
  /*font-size: 48px;
        font-weight: 400;
        opacity: .8;*/
  margin-bottom: 0px;
  width: 550px;
}
.speakers .speaker-swiper {
  margin-bottom: 60px;
  /*This will make the height calculated for the visible only, but had issues with the sliding:*/
  /*@media(min-width:768px) {
  	&:not(.sub-swiper-wrapper) {
  		.swiper-slide:not(.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active) {
  			height: 0;
  		}
  	}
  }*/
}
.speakers .speaker-swiper .speaker-item {
  display: flex;
  /* align-items: center; */
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  background-color: rgba(255, 255, 255, 0.136);
  border: 1px solid #E8EAF0;
  /*box-shadow: 0px 0px 100px 1px rgba(0, 0, 0, 0.056);*/
  min-height: 420px;
}
body.dark .speakers .speaker-swiper .speaker-item {
  background-color: initial;
  border: 0;
  box-shadow: initial;
}
.speakers .speaker-swiper .speaker-item .cover-back {
  position: absolute;
  z-index: -1;
  top: 0;
  background: url(../images/stats.png) no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
html[dir=ltr] .speakers .speaker-swiper .speaker-item .cover-back {
  right: auto;
  left: 0;
}
.speakers .speaker-swiper .speaker-item .info {
  width: 80%;
}
body.dark .speakers .speaker-swiper .speaker-item .info {
  background: url(../images/stats.png) no-repeat center;
}
.speakers .speaker-swiper .speaker-item .cover {
  padding: 50px 40px;
}
body.dark .speakers .speaker-swiper .speaker-item .cover {
  background-color: rgba(42, 51, 87, 0.574);
  color: white;
  height: 100%;
}
.speakers .speaker-swiper .speaker-item .info p {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 35px;
  text-align: justify;
}
body.dark .speakers .speaker-swiper .speaker-item .info p {
  font-weight: 200;
  opacity: 0.8;
}
.speakers .speaker-swiper .speaker-item .img {
  width: 20%;
  text-align: center;
  background: initial;
  height: auto;
  padding: 35px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: black;
}
html[dir=ltr] .speakers .speaker-swiper .speaker-item .img {
  border-right: 0px solid rgba(150, 150, 150, 0.282);
  border-left: 1px solid rgba(150, 150, 150, 0.282);
}
body.dark .speakers .speaker-swiper .speaker-item .img {
  color: white;
  background: #0c1e2e;
  border-right: 0;
}
html[dir=ltr] body.dark .speakers .speaker-swiper .speaker-item .img {
  border-left: 0;
}
.speakers .speaker-swiper .speaker-item .img img {
  width: 100%;
  max-height: 200px;
  object-fit: contain;
}
.speakers .speaker-swiper .speaker-item .img h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.speakers .speaker-swiper .speaker-item .img p {
  font-size: 15px;
  font-weight: 400;
  opacity: 0.8;
  margin-bottom: 30px;
}
.speakers .speaker-swiper .speaker-item .img ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.speakers .speaker-swiper .speaker-item .img ul li a {
  text-decoration: none;
  color: #1D49F8;
  font-size: 22px;
  padding: 5px 10px;
  border-radius: 10px;
  background: rgba(174, 174, 174, 0.364);
  transition: 0.3s;
}
body.dark .speakers .speaker-swiper .speaker-item .img ul li a {
  color: white;
  background: rgba(255, 255, 255, 0.112);
}
.speakers .speaker-swiper .speaker-item .img ul li a:hover {
  background: #013f76;
  color: white;
}
body.dark .speakers .speaker-swiper .speaker-item .img ul li a:hover {
  background: #013f76;
  color: inherit;
}
.speakers .speakers-list ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.speakers .speakers-list .swiper-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.dark .speakers .speakers-list .swiper-wrapper {
  color: white;
}
.speakers .speakers-list ul li, .speakers .speakers-list .swiper-wrapper .speaker-man {
  margin: 0px 10px;
  text-align: center;
  width: 130px;
  cursor: pointer;
}
.speakers .speakers-list ul li img, .speakers .speakers-list .swiper-wrapper .speaker-man img {
  width: auto;
  height: 110px;
  margin-bottom: 10px;
}
.speakers .speakers-list ul li h4, .speakers .speakers-list .swiper-wrapper .speaker-man h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  transition: all 0.5s;
}
.speakers .speakers-list ul li p, .speakers .speakers-list .swiper-wrapper .speaker-man p {
  font-size: 12px;
  opacity: 0.8;
  font-weight: 300;
  margin-bottom: 0;
  transition: all 0.5s;
}
body.dark .speakers .speakers-list ul li p, body.dark .speakers .speakers-list .swiper-wrapper .speaker-man p {
  opacity: 0.6;
}
.speakers .swiper-slide-thumb-active ul li h4,
.speakers .swiper-slide-thumb-active .speaker-man h4 {
  font-weight: 700;
  transform: scale(1.1);
  color: rgb(71, 107, 251);
}
.speakers .swiper-slide-thumb-active ul li p,
.speakers .swiper-slide-thumb-active .speaker-man p {
  font-weight: 400;
  transform: scale(1.1);
  color: rgb(71, 107, 251);
}
.speakers .swiper-button-next:after, .speakers .swiper-button-prev:after,
.speakers .sub-swiper-button-next:after, .speakers .sub-swiper-button-prev:after {
  font-size: 20px;
  color: #000;
}
body.dark .speakers .swiper-button-next:after, body.dark .speakers .swiper-button-prev:after,
body.dark .speakers .sub-swiper-button-next:after, body.dark .speakers .sub-swiper-button-prev:after {
  color: white;
  opacity: 0.6;
}
.speakers .swiper-button-next:hover:after,
.speakers .swiper-button-prev:hover:after {
  color: rgb(71, 107, 251) !important;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .speakers .speaker-item {
    display: block;
  }
  .speakers .speaker-item .info {
    width: 100%;
  }
  .speakers .speaker-item .img {
    width: 100%;
    align-items: center;
  }
  .speakers .speaker-item .img img {
    width: 250px;
  }
  .speakers .speakers-list ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .speakers .speakers-list ul li {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .speakers .speaker-swiper .speaker-item {
    display: flex;
    flex-direction: column-reverse;
  }
  .speakers .speaker-swiper .speaker-item .info {
    width: 100%;
  }
  .speakers .speaker-swiper .speaker-item .img {
    width: 100%;
    align-items: center;
  }
  .speakers .speaker-swiper .speaker-item .img img {
    width: 250px;
  }
  .speakers .speakers-list ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .speakers .speakers-list ul li {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .speakers .speaker-item .info p {
    font-size: 17px;
  }
  .speakers .speakers-head p {
    font-size: 35px;
    width: auto;
  }
}
@media (max-width: 470px) {
  .speakers .speaker-item .cover {
    padding: 50px 20px;
  }
  .speakers .speaker-item .info p {
    font-size: 15px;
  }
  .speakers .speakers-list ul, .speakers .speakers-list .swiper-wrapper .speaker-man {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
  }
  .speakers .speaker-item .img img {
    width: 100%;
  }
  .speakers .speakers-head p {
    font-size: 25px;
  }
}

/* End speaker style */
/* ************************************** */
/* Start partner style */
.partner {
  padding: 70px 0px;
  width: 100%;
  overflow: hidden;
  /*    .partner-head h3::after {
          position: absolute;
          content: '';
          width: 100%;
          height: 20px;
          background: rgba(30, 73, 247, 1);
          bottom: 0;
          right: 0;
          z-index: -1;
          border-radius: 30px;
      }
  */
}
.partner .partner-head {
  display: flex;
  align-items: start;
  flex-direction: column;
  /*margin-right: 80px;
        color: white;*/
  margin-bottom: 100px;
}
.partner .partner-head h3 {
  /*font-size: 50px;
        font-weight: 700;*/
  margin-bottom: 20px;
  position: relative;
}
.partner .partner-head p {
  /*font-size: 20px;
        font-weight: 400;
        opacity: .8;*/
  margin-bottom: 0px;
  width: 100%;
}
.partner .partner-info {
  margin: 70px 0;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0px 20px;
}
.partner .partner-info h3 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  color: #1D49F8;
}
body.dark .partner .partner-info h3 {
  color: white;
}
.partner .partner-info h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 10px;
  background: #F2F3F5;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 30px;
}
html[dir=ltr] .partner .partner-info h3::after {
  right: auto;
  left: 0;
}
body.dark .partner .partner-info h3::after {
  background: rgb(30, 73, 247);
}
.partner .partner-info p {
  font-size: 24px;
  font-weight: 400;
  opacity: 0.8;
  margin-bottom: 20px;
  color: #000;
}
body.dark .partner .partner-info p {
  color: #fff;
}
.partner .partner-info ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
}
.partner .partner-info ul li {
  /*margin: 10px 45px;*/
}
.partner .partner-info ul li img {
  width: 100%;
  transition: 0.3s;
  /*filter: brightness(2);*/
}
.partner .partner-info ul li img:hover {
  filter: brightness(1.2);
}
.partner .partner-slider {
  /*width: 140%;*/ /*Amer*/
  height: 100%;
  /*margin-right: -50px;*/ /*Amer*/
  background: url(../images/stats.png) no-repeat center;
  background-size: auto;
}
html[dir=ltr] .partner .partner-slider {
  margin-right: 0;
  margin-left: -50px;
}
.partner .marquee {
  background-color: rgba(247, 250, 253, 0.7607843137);
  padding: 100px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /*justify-content: flex-end;*/
  justify-content: center;
  align-items: center;
  gap: 10rem;
  /*transform: translate3d(0%, 0px, 0px);*/ /*Amer*/
}
body.dark .partner .marquee {
  background-color: rgba(7, 17, 62, 0.6784313725);
}
.partner .marquee:hover .marquee-wrapper {
  animation-play-state: paused;
}
.partner .marquee .marquee-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; /*Amer*/
  justify-content: center; /*flex-start*/ /*Amer*/
  align-items: center;
  gap: 10rem;
  /*will-change: transform;*/
  /*animation: Footer_marquee2 24s linear infinite;*/ /*Amer*/
}
.partner .marquee .marquee-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #40486e;
  font-size: 16px;
  font-weight: 500;
}
.partner .marquee .marquee-slide img {
  max-width: 250px;
  max-height: 100px;
  transition: 0.4s;
  object-fit: contain;
  /*filter: grayscale(1);*/
}
body.dark .partner .marquee .marquee-slide img {
  filter: grayscale(0);
}
.partner .marquee .marquee-slide img:hover {
  filter: brightness(1.4);
}
body.dark .partner .marquee .marquee-slide img:hover {
  filter: brightness(2);
}
@media (max-width: 650px) {
  .partner .partner-head {
    margin-bottom: 60px;
  }
  html[dir=ltr] .partner .partner-head {
    margin-right: 0;
    margin-left: 30px;
  }
  .partner .partner-head p {
    font-size: 18px;
    width: auto;
  }
  html[dir=ltr] .partner .partner-head p {
    padding-left: inherit;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .partner .partner-info ul {
    align-items: center;
    flex-direction: column;
  }
  .partner .partner-info ul li {
    margin: 0px 0px 15px 0px;
  }
}

/* End partner style */
/* ************************************** */
/* Start footer  */
footer {
  background: url(../images/stats.png) no-repeat center;
  background-size: auto;
  margin: 30px;
  overflow: hidden;
}
footer .cover {
  background-color: #091324;
  padding: 70px 0px 20px;
  border-radius: 30px;
  color: white;
}
body.dark footer .cover {
  background-color: rgba(5, 16, 40, 0.76);
}
footer .cover .row {
  display: flex;
  justify-content: space-between;
}
footer .cover .right {
  padding-right: 20px;
}
html[dir=ltr] footer .cover .right {
  padding-right: 0;
  padding-left: 20px;
}
footer .cover .right img {
  width: 350px;
  margin-bottom: 80px;
}
footer .cover .right .col-data h4 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
  opacity: 0.5;
}
footer .cover .right .col-data ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .cover .right .col-data ul li:not(:last-child) {
  margin-bottom: 10px;
}
footer .cover .right .col-data ul li.num {
  direction: ltr;
}
footer .cover .right .col-data ul li a {
  text-decoration: none;
  color: white;
  font-size: 20px;
}
footer .cover .left .top {
  margin-bottom: 65px;
}
footer .cover .left .top .logo {
  width: 200px;
  margin-bottom: 50px;
  margin-top: -25px;
}
footer .cover .left .top h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
footer .cover .left .top ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
}
footer .cover .left .top ul li:first-child {
  margin-left: 20px;
}
html[dir=ltr] footer .cover .left .top ul li:first-child {
  padding-left: 0;
  padding-right: 20px;
}
footer .cover .left .top ul li img {
  width: 150px;
}
footer .cover .left .bottom h4 {
  display: flex;
  align-items: center;
}
footer .cover .left .bottom h4 img {
  width: 30px;
  margin-left: 10px;
}
html[dir=ltr] footer .cover .left .bottom h4 img {
  padding-left: 0;
  padding-right: 10px;
}
footer .cover .left .bottom h4 {
  font-size: 26px;
  margin-bottom: 30px;
}
footer .social-list {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
footer .social-list li {
  margin-left: 20px;
}
html[dir=ltr] footer .social-list li {
  margin-left: 0;
  margin-right: 20px;
}
footer .social-list li a {
  text-decoration: none;
  color: white;
}
footer .social-list li a svg {
  font-size: 18px;
  background: linear-gradient(278.37deg, rgba(255, 255, 255, 0.09) 3.23%, rgba(104, 188, 202, 0.09) 95.34%);
  padding: 8px;
  border-radius: 10px;
  transition: 0.3s;
  font-size: 24px;
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
  background: radial-gradient(circle, rgba(31, 60, 127, 0.52), rgba(12, 23, 49, 0.52));
}
footer .social-list li a:hover svg {
  background: #254997;
}
footer .cover .col-info {
  margin-top: 40px;
  text-align: center;
}
footer .cover .col-info span {
  font-size: 17px;
  font-weight: 700;
}
footer .cover .col-info label {
  font-size: 17px;
  font-weight: 300;
  opacity: 0.6;
  margin-bottom: 0;
  margin-left: 5px;
}
html[dir=ltr] footer .cover .col-info label {
  padding-left: 0;
  padding-right: 5px;
}
@media (max-width: 991px) {
  footer .cover .right {
    padding-right: 10px;
  }
  html[dir=ltr] footer .cover .right {
    padding-right: 0;
    padding-left: 10px;
  }
  footer .cover .right .col-data ul li a {
    font-size: 14px;
  }
  footer .cover .right img {
    width: 300px;
  }
  footer .cover .left .top .logo {
    width: 220px;
  }
  footer .cover .left .top ul li img {
    width: 120px;
  }
  footer .cover .left .bottom .social-list li {
    margin-left: 8px;
  }
  html[dir=ltr] footer .cover .left .bottom .social-list li {
    padding-left: 0;
    padding-right: 8px;
  }
}
@media (max-width: 767px) {
  footer .cover .right {
    padding-right: 0px;
    margin-bottom: 60px;
  }
  html[dir=ltr] footer .cover .right {
    padding-right: initial;
    padding-left: 0;
  }
  footer .cover {
    padding: 70px 15px;
  }
}
@media (max-width: 576px) {
  footer .cover .right .col-12:first-child {
    margin-bottom: 40px;
  }
}
@media (max-width: 450px) {
  footer footer {
    margin: 15px;
  }
  footer .cover .right img,
  footer .cover .left .top .logo {
    width: 100%;
  }
  footer .cover .left .top ul li img {
    width: 100%;
  }
  footer .cover .left .bottom .social-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
  }
  footer .cover .left .bottom .social-list li {
    margin-bottom: 15px;
  }
}

/* End footer style */
/* ************************************** */
/* ************************************** */
/* Start about style */
.future {
  padding: 50px 0px;
  width: 100%;
}
body.dark .future {
  color: white;
}
.future .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .future .row {
    flex-direction: column-reverse;
  }
}
.future .col-img {
  position: relative;
}
body.dark .future .col-img:before {
  content: "";
  position: absolute;
  width: 264px;
  height: 264px;
  top: -100px;
  left: 500px;
  opacity: 0.3;
  background: #1D49F8;
  z-index: -1;
  filter: blur(60px);
}
body.dark .future .col-img::after {
  content: "";
  position: absolute;
  width: 264px;
  height: 264px;
  top: 513px;
  left: 1197px;
  opacity: 0.3;
  background: #1D49F8;
  z-index: -1;
  filter: blur(63px);
}
.future .col-img .name-title h4 {
  font-size: 22.47px;
  font-weight: 600;
  line-height: 33.7px;
  color: #1D49F8;
}
.future .col-img .name-title h3 {
  font-size: 26.74px;
  font-weight: 600;
  line-height: 40.12px;
}
.future .col-img .name-title p {
  font-size: 16.05px;
  font-weight: 500;
  line-height: 24.07px;
}
body.dark .future .col-img .name-title p {
  color: #B1B5CC;
}
.future .col-img .img-border {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  padding: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  width: fit-content;
  margin: 20px 30px;
  width: 460px;
  box-shadow: 0px 4px 4px 4px rgba(5, 22, 90, 0.2509803922);
  max-width: 100%;
}
@media (max-width: 576px) {
  .future .col-img .img-border {
    border-radius: 20px;
    padding: 5px;
  }
}
body.dark .future .col-img .img-border {
  background: rgba(2, 16, 72, 0.5019607843);
  box-shadow: 0px 4.28px 42.79px 0px rgba(178, 178, 178, 0.2509803922);
}
.future .col-img .img-border:last-child {
  margin: -80px 100px 20px 20px;
}
html[dir=ltr] .future .col-img .img-border:last-child {
  margin: -80px -20px 20px 150px;
}
@media (min-width: 992px) and (max-width: 1400px) {
  .future .col-img .img-border:last-child {
    margin: -80px auto 20px auto;
  }
  html[dir=ltr] .future .col-img .img-border:last-child {
    margin: -80px auto 20px auto;
  }
}
@media (max-width: 767px) {
  .future .col-img .img-border:last-child {
    margin: -80px auto 20px auto;
  }
  html[dir=ltr] .future .col-img .img-border:last-child {
    margin: -80px auto 20px auto;
  }
}
.future .col-data {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 25px;
}
html[dir=ltr] .future .col-data {
  padding-left: 0;
  padding-right: 25px;
}
@media (max-width: 991px) {
  .future .col-data {
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .future .col-data {
    padding-left: 10px;
  }
  html[dir=ltr] .future .col-data {
    padding-left: 0;
    padding-right: 10px;
  }
}
.future .col-data h3 {
  font-size: 40px;
  color: #1D49F8;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
}
body.dark .future .col-data h3 {
  color: white;
}
.future .col-data h3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 20px;
  background: #F2F3F5;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 30px;
}
html[dir=ltr] .future .col-data h3::after {
  left: 0;
  right: auto;
}
body.dark .future .col-data h3::after {
  background: rgb(30, 73, 247);
}
.future .col-data p {
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  opacity: 0.8;
  margin-bottom: 5px;
  text-align: justify;
}

/* End future style */
/* ************************************** */
/* Start about style */
.about-page {
  padding: 50px 0px;
  width: 100%;
}
body.dark .about-page {
  color: white;
}
.about-page .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .about-page .row {
    flex-direction: column-reverse;
  }
}

/* End about-page style */
/* ************************************** */
/* Start goals style */
.goals {
  padding: 50px 0px;
  width: 100%;
}
body.dark .goals {
  color: white;
}
.goals .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .goals .row {
    flex-direction: column-reverse;
  }
}
.goals .goal-items {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.goals .goal-items div {
  width: 270px;
  height: 300px;
  padding: 28px 16px 28px 16px;
  text-align: center;
  border-radius: 30px;
  /*background: linear-gradient(145deg, #141627 0%, rgba(72, 80, 141, 0.1) 100%) border-box;*/
  background: linear-gradient(135deg, rgba(241, 249, 253, 0.2) 0%, rgba(161, 200, 244, 0.2) 100%) border-box;
  display: flow-root;
  position: relative;
  padding: 1.3rem;
  transition: all 0.5s;
  margin-bottom: 40px;
}
body.dark .goals .goal-items div {
  background: linear-gradient(135deg, #131524 0%, #0E0E10 100%) border-box;
}
.goals .goal-items div:hover {
  box-shadow: rgba(239, 239, 239, 0.61) 1px 1px 4px 1px inset, rgba(255, 255, 255, 0) -8px -8px 0px 1px inset;
}
.goals .goal-items div:hover img {
  box-shadow: rgba(18, 50, 157, 0.6117647059) 1px 1px 1px 0px inset, rgba(255, 255, 255, 0) -8px -8px 6px 1px inset;
}
.goals .goal-items div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  border: 1.28px solid transparent;
  /*background: linear-gradient(145deg, #141627 0%, rgba(72, 80, 141, 0.1) 100%) border-box;*/
  background: linear-gradient(359deg, #FAFDFE 0%, rgba(161, 200, 244, 0.2) 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
body.dark .goals .goal-items div::before {
  background: linear-gradient(359deg, #141627 0%, rgba(250, 251, 255, 0.09) 100%) border-box;
}
.goals .goal-items div:hover::before {
  border: 3px solid transparent;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3450980392) 0%, rgba(4, 12, 44, 0.1450980392) 100%) border-box;
}
body.dark .goals .goal-items div:hover::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3450980392) 0%, rgba(4, 12, 44, 0.1450980392) 100%) border-box;
}
.goals .goal-items div img {
  background: linear-gradient(136.64deg, rgba(46, 46, 120, 0.12) 10.88%, rgba(87, 99, 187, 0.12) 90.49%);
  width: 64px;
  height: 64px;
  padding: 15px;
  border-radius: 14px;
  margin-bottom: 20px;
}
.goals .goal-items div h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  text-align: center;
  margin-bottom: 20px;
}
html[dir=ltr] .goals .goal-items div h3 {
  font-size: 23px;
  line-height: 30px;
}
body.dark .goals .goal-items div h3 {
  color: #E0E0E0;
}
.goals .goal-items div p {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
}
html[dir=ltr] .goals .goal-items div p {
  font-size: 19px;
  line-height: 24px;
}

/* End goals style */
/* ************************************** */
/* Start about style */
.fream {
  padding: 50px 0px;
  width: 100%;
}
body.dark .fream {
  color: white;
}
.fream .fream-items {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 20px;
}
.fream .fream-items h2 {
  padding: 10px 20px;
  border-radius: 42.26px;
  font-size: 28px;
  font-weight: 600;
  border: 1px solid rgba(237, 241, 247, 0.1490196078);
  background: rgba(192, 203, 226, 0.1019607843);
}
body.dark .fream .fream-items h2 {
  border: 1px solid rgba(237, 241, 247, 0.1490196078);
  background: rgba(251, 252, 253, 0.1019607843);
}
.fream .fream-items h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
  color: #1D49F8;
}
body.dark .fream .fream-items h3 {
  color: #FFFFFF;
}
.fream .fream-items p {
  font-size: 24px;
  font-weight: 300;
  line-height: 48px;
  text-align: right;
}
html[dir=ltr] .fream .fream-items p {
  text-align: left;
}

/* End about-page style */
/* ************************************** */
:root {
  --main-color: #1e386f;
  --second-color: black;
}

.contact {
  padding: 70px 0px;
}

.contact .cover .main-data ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.contact .cover .main-data ul li {
  text-align: center;
  padding: 15px 20px 0px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.dark .contact .cover .main-data ul li {
  opacity: 0.8;
}
.contact .cover .main-data ul li svg {
  color: #000;
  font-size: 24px;
  max-height: 36px;
  max-width: 36px;
  background: rgba(171, 186, 217, 0.1921568627);
  padding: 17px;
  border-radius: 50%;
  margin-bottom: 10px;
  transition: 0.3s;
}
body.dark .contact .cover .main-data ul li svg {
  color: #fff;
  background: rgba(251, 252, 253, 0.1294117647);
  border: 1px solid rgba(237, 241, 247, 0.1294117647);
}
.contact .cover .main-data ul li svg:hover {
  background: var(--main-color);
  color: #fff;
}
.contact .cover .main-data ul li:first-child svg {
  padding: 17px 16px;
}
.contact .cover .main-data ul li:nth-child(2) svg {
  padding: 17px 19px;
}
.contact .cover .main-data ul li:nth-child(3) svg {
  padding: 17px;
}
.contact .cover .main-data ul li h4 {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.contact .contact-form {
  padding: 40px 60px;
}
@media (max-width: 991px) {
  .contact .contact-form {
    padding: 40px 30px;
  }
}

.contact .contact-form h3 {
  font-size: 40px;
  margin-bottom: 10px;
  font-family: 700;
}

.contact .contact-form .form-group {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
body.dark .contact .contact-form .form-group {
  opacity: 0.8;
}

.contact .contact-form .form-group input,
.contact .contact-form .form-group textarea {
  width: 100%;
  padding: 15px 20px;
  border: 1px solid #e7ebf4;
  border-radius: 10px;
  outline: none;
  background: rgba(31, 34, 58, 0.0196078431);
}
body.dark .contact .contact-form .form-group input,
body.dark .contact .contact-form .form-group textarea {
  color: #fff;
}

.contact .contact-form .form-group label {
  /*        position: absolute;
          top: -26px;
          right: 5px;
          background: white;
  */
  padding: 10px 0;
  font-weight: 600;
  font-size: 15px;
}

.contact .contact-form .col-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact .contact-form .col-items .input-item {
  width: 49%;
}

.contact .contact-form .social-list {
  list-style: none;
  margin-top: 60px;
  display: flex;
  justify-content: center;
}

.contact .contact-form .social-list li {
  margin: 0px 10px;
}

.contact .contact-form .social-list li a {
  text-decoration: none;
  color: white;
}

.contact .contact-form .social-list li a svg {
  font-size: 18px;
  background: rgba(22, 66, 141, 0.2509803922);
  padding: 8px;
  border-radius: 10px;
  transition: 0.3s;
}

.contact .contact-form .social-list li a:hover svg {
  background: #254997;
}

@media (max-width: 1199px) {
  .contact .cover .col-data {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .contact .cover .col-data {
    width: 40%;
  }
  .contact .cover .col-form {
    width: 60%;
  }
  .contact .contact-form .col-items {
    display: block;
  }
  .contact .contact-form .col-items .input-item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .contact .cover .col-data {
    width: 100%;
  }
  .contact .cover .col-form {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .contact .contact-form .social-list {
    display: grid;
    grid-template-columns: repeat(3, 50px);
  }
  .contact .contact-form .social-list li {
    margin-bottom: 10px;
  }
  .contact .contact-form {
    padding: 40px 10px;
  }
}
:root {
  --main-color: #1e386f;
  --second-color: #16428D;
}

.program {
  padding: 70px 0px;
}
.program .program-info {
  padding: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  margin-bottom: 40px;
}
body.dark .program .program-info {
  color: white;
  border: 0;
  background: #000;
}
.program .program-info ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  margin: 0;
}
.program .program-info ul li {
  display: flex;
  align-items: center;
}
.program .program-info ul li img {
  width: 30px;
  margin-left: 10px;
}
html[dir=ltr] .program .program-info ul li img {
  margin-right: 10px;
}
.program .program-info ul li h5 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  opacity: 0.6;
  margin-left: 20px;
  padding: 10px;
  padding-left: 20px;
  border-left: 1px solid #626262;
}
html[dir=ltr] .program .program-info ul li h5 {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #626262;
}
.program .program-info ul li h3 {
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 700;
}
.program .program-content .col-data {
  margin-bottom: 50px;
}
.program .program-content .col-data .col-item {
  padding: 50px 30px;
}
.program .program-content .col-data .col-item h2 {
  font-size: 32px;
  margin-bottom: 25px;
  font-weight: 500;
  line-height: 48px;
  opacity: 0.8;
}
.program .program-content .col-data .col-item p {
  font-size: 18px;
  font-weight: 300;
  opacity: 0.6;
  line-height: 150%;
  text-align: justify;
}
.program .program-content .col-data .col-item .list-info {
  padding: 0px 40px 0px 0px;
}
.program .program-content .col-data .col-item .list-info li {
  margin-bottom: 5px;
}
.program .program-content .col-data .col-item .list-info li p {
  font-size: 24px;
  font-weight: 300;
  opacity: 0.6;
  margin-bottom: 0;
  text-align: justify;
}
.program .program-content .col-data .list-img {
  list-style: none;
  display: flex;
  justify-content: center; /*flex-start;*/
  text-align: center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.program .program-content .col-data .list-img li {
  margin: 0px 5px;
  width: 110px;
}
.program .program-content .col-data .list-img img {
  width: auto;
  height: 80px;
  margin-bottom: 5px;
}
.program .program-content .col-data .list-img h4 {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.program .program-content .col-data .list-img p {
  font-size: 10px;
  opacity: 0.6;
  margin-bottom: 0;
}
.program .program-content .col-data .main-data {
  height: 100%;
  padding: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.program .program-content .col-data .main-data h2 {
  font-size: 35px;
  padding: 13px 26px;
  background: rgba(171, 186, 217, 0.1019607843);
  border-radius: 50%;
  border: 1px solid rgba(237, 241, 247, 0.1490196078);
  display: flex;
  margin-bottom: 10px;
}
body.dark .program .program-content .col-data .main-data h2 {
  background: rgba(251, 252, 253, 0.1019607843);
  /*border: 1px solid #edf1f749;*/
}
.program .program-content .col-data .main-data h3 {
  font-size: 27px;
  margin-bottom: 15px;
  font-weight: 500;
}
.program .program-content .col-data .main-data h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  opacity: 0.6;
}
.program .program-content .col-data .main-data hr {
  margin: 10px 0;
  border: 1px solid;
  opacity: 0.25;
  width: 70%;
}
.program .program-content .col-data .main-data .sub-data {
  height: 100%;
  padding: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.program .program-content .col-data .main-data .sub-data h2 {
  font-size: 24px;
  padding: 8px 12px;
  background: rgba(171, 186, 217, 0.1019607843);
  border-radius: 50%;
  border: 1px solid rgba(237, 241, 247, 0.1490196078);
  display: flex;
  margin-bottom: 10px;
}
body.dark .program .program-content .col-data .main-data .sub-data h2 {
  background: rgba(251, 252, 253, 0.1019607843);
  border: 1px solid rgba(237, 241, 247, 0.3411764706);
}
.program .program-content .col-data .main-data .sub-data h3 {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 500;
}
.program .program-content .col-data .main-data .sub-data h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  opacity: 0.6;
}
.program .program-content .col-data .man {
  height: 100%;
  text-align: center;
  /*width: 20%;*/
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.program .program-content .col-data .man img {
  width: 100%;
  max-height: 200px;
  object-fit: contain;
}
.program .program-content .col-data .man h5 {
  font-size: 17px;
  font-weight: 700;
  margin-top: 20px;
}
.program .program-content .col-data .man p {
  font-size: 15px;
  opacity: 0.6;
}

@media (max-width: 1199px) {
  .program .program-content .col-data .col-item .list-img {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .program .program-content .col-data .col-item .list-img li {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .program .program-info ul {
    flex-direction: column;
  }
  .program .program-info ul li h5 {
    font-size: 17px;
  }
  .program .program-info ul li h3 {
    font-size: 20px;
  }
  .program .program-content .col-data {
    display: block;
  }
  .program .program-content .col-data .col-item {
    width: 100%;
  }
  .program .program-content .col-data .man img {
    width: 250px;
  }
}
@media (max-width: 450px) {
  .program .program-content .col-data .man img {
    width: 80%;
  }
  .program .program-content .col-data .col-item h2 {
    font-size: 22px;
  }
  .program .program-content .col-data .col-item p {
    font-size: 14px;
  }
  .program .program-content .col-data .main-date h3 {
    font-size: 20px;
  }
  .program .program-content .col-data .main-date h4 {
    font-size: 18px;
  }
}
@media (max-width: 400px) {
  .program .program-info ul li img {
    width: 25px;
  }
  .program .program-info ul li h5 {
    font-size: 14px;
  }
  .program .program-info ul li h3 {
    font-size: 16px;
  }
  .program .program-content .col-data .col-item .list-img {
    display: grid;
    grid-template-columns: 1fr;
  }
}
:root {
  --main-color: #1e386f;
  --second-color: #16428D;
}

.workshop {
  padding: 70px 0px;
}
.workshop .workshop-content .col-data {
  margin-bottom: 50px;
}
.workshop .workshop-content .col-data .col-item {
  padding: 50px 30px;
}
.workshop .workshop-content .col-data .col-item h2 {
  font-size: 32px;
  margin-bottom: 25px;
  font-weight: 500;
  line-height: 48px;
  opacity: 0.8;
}
.workshop .workshop-content .col-data .col-item h3 {
  font-size: 24px;
  font-weight: 400;
  opacity: 0.8;
}
.workshop .workshop-content .col-data .col-item p {
  font-size: 24px;
  font-weight: 300;
  opacity: 0.6;
  /*line-height: 150%;*/
}
.workshop .workshop-content .col-data .col-item .list-info {
  padding: 0px 40px 0px 0px;
}
.workshop .workshop-content .col-data .col-item .list-info li {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 300;
}
.workshop .workshop-content .col-data .col-item .list-info li p {
  font-size: 24px;
  font-weight: 300;
  opacity: 0.6;
  margin-bottom: 0;
  text-align: justify;
}
.workshop .workshop-content .col-data .list-img {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  text-align: center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.workshop .workshop-content .col-data .list-img li {
  margin: 0px 5px;
  width: 110px;
}
.workshop .workshop-content .col-data .list-img img {
  width: auto;
  height: 80px;
  margin-bottom: 5px;
}
.workshop .workshop-content .col-data .list-img h4 {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.workshop .workshop-content .col-data .list-img p {
  font-size: 10px;
  opacity: 0.6;
  margin-bottom: 0;
}
.workshop .workshop-content .col-data .main-data {
  height: 100%;
  padding: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.workshop .workshop-content .col-data .main-data h2 {
  font-size: 35px;
  padding: 13px 26px;
  background: rgba(171, 186, 217, 0.1019607843);
  border-radius: 50%;
  border: 1px solid rgba(237, 241, 247, 0.1490196078);
  display: flex;
  margin-bottom: 10px;
}
body.dark .workshop .workshop-content .col-data .main-data h2 {
  background: rgba(251, 252, 253, 0.1019607843);
  /*border: 1px solid #edf1f757;*/
}
.workshop .workshop-content .col-data .main-data h3 {
  font-size: 27px;
  margin-bottom: 15px;
  font-weight: 500;
}
.workshop .workshop-content .col-data .main-data h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  opacity: 0.6;
}
.workshop .workshop-content .col-data .main-data hr {
  margin: 10px 0;
  border: 1px solid;
  opacity: 0.25;
  width: 70%;
}
.workshop .workshop-content .col-data .main-data .sub-data {
  height: 100%;
  padding: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.workshop .workshop-content .col-data .main-data .sub-data h2 {
  font-size: 24px;
  padding: 8px 12px;
  background: rgba(171, 186, 217, 0.1019607843);
  border-radius: 50%;
  border: 1px solid rgba(237, 241, 247, 0.1490196078);
  display: flex;
  margin-bottom: 10px;
}
body.dark .workshop .workshop-content .col-data .main-data .sub-data h2 {
  background: rgba(251, 252, 253, 0.1019607843);
  border: 1px solid rgba(237, 241, 247, 0.3411764706);
}
.workshop .workshop-content .col-data .main-data .sub-data h3 {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 500;
}
.workshop .workshop-content .col-data .main-data .sub-data h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  opacity: 0.6;
}
.workshop .workshop-content .col-data .man {
  height: 100%;
  text-align: center;
  /*width: 20%;*/
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.workshop .workshop-content .col-data .man img {
  width: 100%;
  max-height: 200px;
  object-fit: contain;
}
.workshop .workshop-content .col-data .man h5 {
  font-size: 17px;
  font-weight: 700;
  margin-top: 20px;
}
.workshop .workshop-content .col-data .man p {
  font-size: 15px;
  opacity: 0.6;
}

@media (max-width: 1199px) {
  .workshop .workshop-content .col-data .col-item .list-img {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .workshop .workshop-content .col-data .col-item .list-img li {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .workshop .workshop-content .col-data {
    display: block;
  }
  .workshop .workshop-content .col-data .col-item {
    width: 100%;
  }
  .workshop .workshop-content .col-data .man img {
    width: 250px;
  }
}
@media (max-width: 450px) {
  .workshop .workshop-content .col-data .man img {
    width: 80%;
  }
  .workshop .workshop-content .col-data .col-item h2 {
    font-size: 22px;
  }
  .workshop .workshop-content .col-data .col-item p {
    font-size: 14px;
  }
  .workshop .workshop-content .col-data .main-date h3 {
    font-size: 20px;
  }
  .workshop .workshop-content .col-data .main-date h4 {
    font-size: 18px;
  }
}
@media (max-width: 400px) {
  .workshop .workshop-content .col-data .col-item .list-img {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.certificate {
  padding: 70px 0px;
}
.certificate .title-head p {
  width: 550px;
  max-width: 100%;
}
body.dark .certificate .card-theam {
  opacity: 0.8;
}
.certificate .card-theam .main-data.radius-right {
  border-radius: 40px 40px 0 0;
}
.certificate .card-theam .main-data .top {
  text-align: center;
  padding: 1rem;
}
.certificate .card-theam .main-data .top div {
  width: 500px;
  max-width: 100%;
  margin: auto;
  text-align: right;
}
html[dir=ltr] .certificate .card-theam .main-data .top div {
  text-align: left;
}
.certificate .card-theam .main-data .top h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;
}
.certificate .card-theam .main-data .top p {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.certificate .card-theam .col-item {
  padding: 40px;
  width: 500px;
  max-width: 100%;
  margin: auto;
}
.certificate .card-theam .col-item .form-group {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.certificate .card-theam .col-item .form-group input {
  width: 100%;
  padding: 15px 20px;
  border: 1px solid #EAEBEE;
  border-radius: 10px;
  outline: none;
  background: rgba(31, 34, 58, 0.0196078431);
}
body.dark .certificate .card-theam .col-item .form-group input {
  color: white;
  border: 1px solid #7488C4;
}
.certificate .card-theam .col-item .form-group label {
  padding: 10px 0;
  font-weight: 600;
  font-size: 15px;
}

@media (max-width: 400px) {
  .certificate .certificate-header .head-content h3 {
    border-top: 2px solid #1e386f;
    border-right: 0px solid #1e386f;
    margin-top: 20px;
    font-size: 25px;
    margin-right: 0px;
    text-align: center;
  }
  .certificate .content-data {
    padding: 30px;
  }
  .certificate .content .top p {
    font-size: 12px;
  }
}
/*border gradient*/
@property --degree {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --show-degree {
  syntax: "<number>";
  inherits: false;
  initial-value: 150;
}
.gradient-border-mask {
  display: flow-root;
  position: relative;
  padding: 1.3rem;
}

.gradient-border-mask::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 13px;
  border: 2px solid transparent;
  background: linear-gradient(150deg, rgb(35, 66, 202), rgb(216, 232, 238)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  transition: 0.5s ease-out all;
}

.gradient-border-mask.menu-button::before {
  border: 2px solid transparent;
  /*background: linear-gradient(calc(var(--degree) * 1deg), rgba(35, 66, 202, 1), rgba(255, 255, 255, 1)) border-box;*/
  background: linear-gradient(calc(var(--degree) * 1deg), rgb(35, 66, 202), rgb(255, 255, 255) 73%) border-box;
  /*animation: menu-button 2s infinite alternate ease-in-out both;*/
  animation: menu-button 3s infinite;
  animation-direction: reverse;
  -webkit-animation: menu-button 3s infinite;
  -webkit-animation-direction: reverse;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}

@keyframes menu-button {
  from {
    --degree: 360;
    /*background: linear-gradient(0deg, rgba(35, 66, 202, 1), rgba(85, 146, 171, 1)) border-box;*/
  }
  to {
    --degree: 0;
    /*background: linear-gradient(180deg, rgba(35, 66, 202, 1), rgba(85, 146, 171, 1)) border-box;*/
  }
}
.gradient-border-mask.show-button:hover::before {
  transition: all 1s;
  background: linear-gradient(calc(var(--show-degree) * 1deg), rgb(35, 66, 202), rgb(85, 146, 171)) border-box;
  animation: show-button 1s alternate;
  animation-direction: alternate;
  -webkit-animation: show-button 1s alternate;
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  /**/
}

@keyframes show-button {
  from {
    --show-degree: 150;
    /*background: linear-gradient(0deg, rgba(35, 66, 202, 1), rgba(85, 146, 171, 1)) border-box;*/
  }
  to {
    --show-degree: -510;
    /*background: linear-gradient(180deg, rgba(35, 66, 202, 1), rgba(85, 146, 171, 1)) border-box;*/
  }
}
.gradient-border-mask.show-button-return::before {
  transition: all 1s;
  background: linear-gradient(calc(var(--show-degree) * 1deg), rgb(35, 66, 202), rgb(85, 146, 171)) border-box;
  animation: show-button-return 1s alternate;
  animation-direction: alternate;
  -webkit-animation: show-button-return 1s alternate;
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  /**/
}

@keyframes show-button-return {
  from {
    --show-degree: -150;
    /*background: linear-gradient(0deg, rgba(35, 66, 202, 1), rgba(85, 146, 171, 1)) border-box;*/
  }
  to {
    --show-degree: 150;
    /*background: linear-gradient(180deg, rgba(35, 66, 202, 1), rgba(85, 146, 171, 1)) border-box;*/
  }
}
/*border gradient*/
/*Slider marquee*/
@keyframes Footer_marquee1 {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(calc(-100% - 1rem), 0, 0);
  }
}
@keyframes Footer_marquee2 {
  0% {
    transform: translate3d(calc(-100% - 1rem), 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
/*Slider marquee*/
/*background-animation*/
.bg-animation {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  transition: background-position-y 3s;
  animation: bg 10s infinite alternate;
  -webkit-animation: bg 10s infinite alternate;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}
.bg-animation:before {
  content: "";
  width: 150px;
  height: 125px;
  filter: blur(100px);
  position: absolute;
  background-color: rgba(46, 168, 243, 0.45);
  bottom: 50px;
  right: 5%;
  z-index: -1;
  transition: right 3s;
  animation: bg-right 10s infinite alternate;
  -webkit-animation: bg-right 10s infinite alternate;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}
body.dark .bg-animation:before {
  filter: blur(100px);
}
@media (max-width: 991px) {
  .bg-animation:before {
    width: 50px;
    height: 25px;
  }
}
.bg-animation:after {
  content: "";
  width: 150px;
  height: 125px;
  filter: blur(100px);
  position: absolute;
  background-color: rgba(15, 6, 255, 0.54);
  top: 50px;
  left: 5px;
  z-index: -1;
  transition: left 3s;
  animation: bg-left 10s infinite alternate;
  -webkit-animation: bg-left 10s infinite alternate;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}
body.dark .bg-animation:after {
  filter: blur(100px);
}
@media (max-width: 991px) {
  .bg-animation:after {
    width: 50px;
    height: 25px;
  }
}

@keyframes bg {
  0% {
    background-position-y: 20%;
  }
  50% {
    background-position-y: 50%;
  }
  100% {
    background-position-y: 80%;
  }
}
@keyframes bg-right {
  0% {
    right: 5%;
    background-position: top;
  }
  100% {
    right: 80%;
    background-position: bottom;
  }
}
@keyframes bg-left {
  0% {
    left: 5%;
  }
  100% {
    left: 80%;
  }
}
/*background-animation*/
.languageSwitcherText span {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  width: 22px;
  display: inline-block;
  text-align: center;
}

@media (max-width: 767px) {
  /* For Language on Mobile: */
  .left-side {
    position: absolute;
    right: 20px;
  }
  .left-side a {
    margin: 0;
  }
}
label.required:after {
  content: "*";
  color: red;
  font-size: 16px;
}

/* Radio button styling for registration form */
.contact .contact-form .form-group .radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 15px 20px;
  border: 1px solid #e7ebf4;
  border-radius: 10px;
  background: rgba(31, 34, 58, 0.0196078431);
}
body.dark .contact .contact-form .form-group .radio-group {
  border-color: #7488c4;
  background: rgba(31, 34, 58, 0.1);
}

.radio-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

input[type=checkbox] {
  zoom: 1.7;
}
input[type=checkbox]:checked {
  accent-color: #1D49F8 !important;
}

input[type=radio] {
  width: auto;
  padding: 0;
  border: none !important;
  background: none !important;
  margin: 0;
  zoom: 1.3;
}
input[type=radio], input[type=radio]:checked, input[type=radio]:focus, input[type=radio].valid.modified:not([type=checkbox]) {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
input[type=radio]:checked {
  accent-color: #1D49F8 !important;
}

label {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}
body.dark label {
  color: #fff;
}

/* New Riyal Font: --- >>>>>>>>> */
@font-face {
  font-family: "new-riyal";
  src: url("../fonts/new-riyal.ttf") format("truetype"), url("../fonts/new-riyal.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.new-riyal-symbol {
  font-family: "new-riyal" !important;
  direction: ltr !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.new-riyal-symbol::after {
  content: "\e900";
  margin-left: 4px;
  margin-right: 1px;
}

*:has(> span.new-riyal-symbol) {
  display: inline-block;
  direction: ltr;
  white-space: nowrap;
}

/* END of New Riyal Font <<<<<<<<<<<< */
label.required:after {
  content: "*";
  color: red;
  font-size: 16px;
}

.alert.alert-success {
  margin: 84px auto;
  width: 80%;
  max-width: 650px;
  min-width: 150px;
  text-align: center;
  display: block;
  border-radius: 30px;
}

div.round-icon {
  width: 60px;
  height: 60px;
  background: rgba(171, 186, 217, 0.1921568627);
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.round-icon svg {
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px !important;
  height: 30px !important;
}