@charset "UTF-8";
@font-face {
  font-family: "Brando Arabic";
  src: url("../fonts/BrandoArabicLight.eot");
  src: url("../fonts/BrandoArabicLight.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandoArabicLight.woff2") format("woff2"), url("../fonts/BrandoArabicLight.woff") format("woff"), url("../fonts/BrandoArabicLight.ttf") format("truetype"), url("../fonts/BrandoArabicLight.svg#BrandoArabicLight") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brando Arabic";
  src: url("../fonts/BrandoArabicSemiBold.eot");
  src: url("../fonts/BrandoArabicSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandoArabicSemiBold.woff2") format("woff2"), url("../fonts/BrandoArabicSemiBold.woff") format("woff"), url("../fonts/BrandoArabicSemiBold.ttf") format("truetype"), url("../fonts/BrandoArabicSemiBold.svg#BrandoArabicSemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brando Arabic";
  src: url("../fonts/BrandoArabicRegular.eot");
  src: url("../fonts/BrandoArabicRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandoArabicRegular.woff2") format("woff2"), url("../fonts/BrandoArabicRegular.woff") format("woff"), url("../fonts/BrandoArabicRegular.ttf") format("truetype"), url("../fonts/BrandoArabicRegular.svg#BrandoArabicRegular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brando Arabic";
  src: url("../fonts/BrandoArabicBold.eot");
  src: url("../fonts/BrandoArabicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BrandoArabicBold.woff2") format("woff2"), url("../fonts/BrandoArabicBold.woff") format("woff"), url("../fonts/BrandoArabicBold.ttf") format("truetype"), url("../fonts/BrandoArabicBold.svg#BrandoArabicBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root {
  --primary-font: "Brando Arabic", sans-serif;
}

@font-face {
  font-family: "Adelle Sans ARA";
  src: url("../fonts/fonnts.com-adelle_sans_ara_lt-webfont.woff2") format("woff2"), url("../fonts/fonnts.com-adelle_sans_ara_lt-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Adelle Sans ARA";
  src: url("../fonts/fonnts.com-adelle_sans_ara_eb-webfont.woff2") format("woff2"), url("../fonts/fonnts.com-adelle_sans_ara_eb-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Adelle Sans ARA";
  src: url("../fonts/fonnts.com-adelle_sans_ara_regular-webfont.woff2") format("woff2"), url("../fonts/fonnts.com-adelle_sans_ara_regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Adelle Sans ARA";
  src: url("../fonts/fonnts.com-adelle_sans_ara_ut-webfont.woff2") format("woff2"), url("../fonts/fonnts.com-adelle_sans_ara_ut-webfont.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Adelle Sans ARA";
  src: url("../fonts/fonnts.com-adelle_sans_ara_sb-webfont.woff2") format("woff2"), url("../fonts/fonnts.com-adelle_sans_ara_sb-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "almujadilah";
  src: url("../fonts/almujadilah.eot?10885387");
  src: url("../fonts/almujadilah.eot?10885387#iefix") format("embedded-opentype"), url("../fonts/almujadilah.woff2?10885387") format("woff2"), url("../fonts/almujadilah.woff?10885387") format("woff"), url("../fonts/almujadilah.ttf?10885387") format("truetype"), url("../fonts/almujadilah.svg?10885387#almujadilah") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'almujadilah';
    src: url('../font/almujadilah.svg?10885387#almujadilah') format('svg');
  }
}
*/
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "almujadilah";
  font-style: normal;
  font-weight: normal;
  speak: never;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-twitter:before {
  content: "";
  display: block;
  -webkit-mask-image: url(../images/x-twitter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  width: 1em;
  height: 1em;
  background-color: rgb(41, 10, 0);
}

.icon-twitter:hover::before {
  background: #fff !important;
}

/* '' */

/* '' */

/* '' */

/* '' */

/* '' */

/* '' */

/* '' */

/* '' */

/* '' */
.icon-facebook:before {
  content: "\f09a";
}

/* '' */

/* '' */
.icon-instagram:before {
  content: "\f16d";
}

/* '' */

/* '' */

/* '' */
.icon-whatsapp:before {
  content: "\f232";
}

/* '' */

/* '' */
.icon-linkedin:before {
  content: "\f31a";
}

/* '' */
@media (max-width: 991.98px) {
  .sponsor-section .item img {
    width: 100%;
  }
}

.video-wrapper {
  position: relative;
  border-start-end-radius: 56px;
  overflow: hidden;
  margin-bottom: 5rem;
}
.video-wrapper:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  display: inline-block;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
}
@media (max-width: 991.98px) {
  .video-wrapper {
    margin-bottom: 0;
  }
}
.video-wrapper video {
  display: block;
  width: 100%;
  height: 90vh;
  max-height: 700px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .video-wrapper video {
    height: 100%;
  }
}
.video-text {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
html[dir=rtl] .video-text {
  transform: translate(50%, -50%);
}
.video-text p {
  font-size: 24px;
  font-family: var(--primary-font);
}
@media (max-width: 767.98px) {
  .video-text p {
    font-size: 14px;
    margin-bottom: 1rem !important;
  }
}
.video-text h2 {
  font-weight: 700;
  color: #fff;
}
@media (max-width: 767.98px) {
  .video-text h2 {
    font-size: 18px;
  }
}

.control-button {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -60%);
  z-index: 2;
}
html[dir=rtl] .control-button {
  transform: translate(50%, -60%);
}
.control-button .control-play {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.control-button .control-play:before {
  content: "";
  display: block;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-image: url(../images/icon-play.svg);
  background-color: #fff;
  width: 75px;
  height: 76px;
}
@media (max-width: 767.98px) {
  .control-button .control-play:before {
    height: 38px;
  }
}
.control-pause {
  opacity: 0;
}
.service-section {
  background: rgb(217, 130, 64);
  border-start-start-radius: 56px;
  position: relative;
}
.service-listing {
  padding-top: 2rem;
}
@media (max-width: 991.98px) {
  .service-listing .service-card {
    margin-bottom: 1rem;
  }
}
.service-listing .service-card figure {
  border-start-end-radius: 56px;
  overflow: hidden;
}
.service-listing .service-card .card-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 80px;
}
.service-listing .service-card .card-content p {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 300;
}
.service-listing h4 {
  color: #fff;
}
.service-listing a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.service-listing a:hover {
  color: rgb(212, 59, 44);
}
.service-listing h3 a {
  font-size: 32px;
}

.title-description {
  max-width: 350px;
  color: #fff;
}
.title-description p {
  font-weight: 300;
}

.about-section {
  position: relative;
}
.about-section figure img {
  width: 100%;
}

@media (min-width: 992px) {
  .about-content {
    max-width: 75%;
  }
}
.about-content h4 {
  font-weight: 700;
  margin-bottom: 32px;
  line-height: 32px;
}
.about-content p {
  font-weight: 300;
}

.about-title {
  padding-inline-start: 1rem;
}
.about-title div {
  font-weight: 700;
}

.highlights-section {
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .highlights-section {
    margin-bottom: 2.5rem;
  }
}
.highlights-section figure {
  height: 450px;
  background-color: rgb(247, 230, 217);
}
.highlights-section figure img {
  -o-object-fit: cover;
     object-fit: cover;
}

.highlights-slider {
  margin-bottom: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .highlights-slider {
    margin-bottom: 4rem;
  }
}
.highlights-slider figure {
  height: 512px;
}
.highlights-slider .item {
  position: relative;
}
.highlights-slider .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: all 3s cubic-bezier(0.16, 1, 0.3, 1);
}
.highlights-slider .owl-nav {
  position: absolute;
  bottom: -7rem;
  display: flex;
  justify-content: end;
  gap: 2rem;
  inset-inline-end: 5%;
}
@media (max-width: 991.98px) {
  .highlights-slider .owl-nav {
    bottom: -5rem;
    gap: 1rem;
  }
}
.highlights-slider .owl-nav button {
  background: rgba(217, 130, 64, 0.7) !important;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
}
html[dir=rtl] .highlights-slider .owl-nav button {
  transform: scaleX(-1);
}
.highlights-slider .owl-nav button:hover {
  background: rgb(217, 130, 64) !important;
}
.highlights-slider .owl-nav button span {
  display: none;
}
.highlights-slider .owl-nav button.owl-prev:before {
  content: "\f12c";
  font-family: "bootstrap-icons";
  font-size: 1.5rem;
  color: #fff;
}
.highlights-slider .owl-nav button.owl-next:before {
  content: "\f135";
  font-family: "bootstrap-icons";
  font-size: 1.5rem;
  color: #fff;
}
.highlights-slider .center .slider-title {
  display: block;
}
.highlights-slider .center .quote-holder {
  border-radius: 56px;
}

.slider-title {
  display: none;
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
  border-top: 2px solid rgb(212, 59, 44);
}
.slider-title h6 {
  font-weight: 300;
  font-family: "Adelle Sans ARA", sans-serif;
  padding-top: 1rem;
}
html[dir=rtl] .slider-title h6 {
  font-family: var(--primary-font) !important;
}

.inspire-section {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .inspire-section {
    min-height: calc(60rem - 20px);
  }
}
@media (max-width: 1600px) and (min-width: 1400px) {
  .inspire-section > .container-lg {
    padding-inline: 8rem;
  }
}
.inspire-holder {
  margin-top: 5rem;
}
@media (max-width: 991.98px) {
  .inspire-holder {
    margin-bottom: 1rem;
    margin-top: 0;
  }
}
.inspire-holder .card {
  min-height: 170px;
}
.inspire-holder .card-body {
  padding: 24px;
}
.inspire-description {
  position: relative;
}
.inspire-description:before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 3px;
  background: rgb(212, 59, 44);
  position: absolute;
  top: -1rem;
  border-radius: 3px;
}
@media (max-width: 991.98px) {
  .inspire-description {
    max-width: 100%;
    margin-top: 1rem;
  }
}
.inspire-description p {
  font-weight: 300;
}

.speakers-section {
  background: rgb(252, 244, 238);
  overflow: hidden;
}
.speakers-section .owl-nav {
  top: -6rem;
  bottom: inherit !important;
}
@media (max-width: 991.98px) {
  .speakers-section .owl-nav {
    top: -4.5rem;
  }
}
.speakers-section .owl-nav button {
  background: rgba(212, 59, 44, 0.7) !important;
}
html[dir=rtl] .speakers-section .owl-nav button {
  transform: scaleX(-1);
}
.speakers-section .owl-nav button:hover {
  background: rgb(212, 59, 44) !important;
}
.speakers-section figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.speakers-section figure:hover .speaker-info {
  transform: translateY(0);
}
.speakers-section figure:hover figcaption {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(15, 27, 85, 0.34) 42.19%, #000 100%);
}
.speakers-section figure:hover a.btn-speaker {
  transform: translate(-20px, -20px);
  background: rgb(212, 59, 44) !important;
}
html[dir=rtl] .speakers-section figure:hover a.btn-speaker {
  transform: translate(20px, -20px);
}
.speakers-section figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-block-end: 0;
  border-start-end-radius: 56px;
  overflow: hidden;
}
.speakers-section figcaption a {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.speakers-section figcaption a i {
  font-size: 2rem;
  font-weight: 100 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.speaker-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: end;
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.speaker-info {
  transition: all 0.5s ease 0s;
  transform: translateY(100%);
  padding: 20px;
}
.speaker-details {
  position: absolute;
  inset-block-start: 0;
  margin: 10px;
  background: rgb(212, 59, 44);
  border-start-end-radius: 45px;
  opacity: 0;
  color: #fff;
  overflow: hidden;
  inset-inline-end: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
}
.speaker-details::-webkit-scrollbar {
  display: none;
}
.speaker-details p {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 300;
}
.speaker-details .btn-closed {
  background-color: rgb(212, 59, 44);
  width: 50px;
  height: 50px;
  border-start-end-radius: 20px;
  display: inline-block;
  transition: all 0.5s ease 0s;
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 1;
}
.speaker-content {
  padding: 15px;
}
.speaker-content div {
  padding: 0rem 1.5rem;
  max-height: 450px;
  overflow: hidden;
  overflow-y: auto;
}
.speaker-content div::-webkit-scrollbar {
  display: none;
}
.testimonials-section {
  background: rgb(186, 63, 18);
  border-start-end-radius: 100px;
}
.testimonials-slider .item {
  color: #fff;
}
.testimonials-slider .item p {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  font-family: var(--primary-font);
}
@media (max-width: 991.98px) {
  .testimonials-slider .item p {
    font-size: 20px;
    line-height: 30px;
  }
}
.testimonials-slider .item span {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
@media (max-width: 991.98px) {
  .testimonials-slider .item span {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .testimonials-slider .testimonials-details {
    max-width: 50%;
    padding-inline: 10px;
  }
}
@media (max-width: 991.98px) {
  .testimonials-slider .quote-icon.text-lg-center {
    text-align: end;
  }
}
.testimonials-slider .owl-nav {
  display: flex;
  gap: 5rem;
  justify-content: end;
  position: absolute;
  inset-inline-end: 10rem;
}
@media (min-width: 992px) {
  .testimonials-slider .owl-nav {
    inset-block-start: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 991.98px) {
  .testimonials-slider .owl-nav {
    position: relative;
    inset-inline-end: 0;
    justify-content: center;
  }
}
.testimonials-slider .owl-nav span {
  display: none;
}
.testimonials-slider .owl-nav button {
  background: transparent !important;
  border: 1px solid #fff !important;
  border-radius: 50%;
  width: 73px;
  height: 73px;
  display: inline-block;
}
html[dir=rtl] .testimonials-slider .owl-nav button {
  transform: scaleX(-1);
}
@media (max-width: 991.98px) {
  .testimonials-slider .owl-nav button {
    width: 50px;
    height: 50px;
  }
}
.testimonials-slider .owl-nav button:hover {
  border: 1px solid #fff;
  background: transparent !important;
}
.testimonials-slider .owl-nav button:hover:before {
  color: #fff;
}
.testimonials-slider .owl-nav button span {
  display: none;
}
.testimonials-slider .owl-nav button.disabled {
  background: #fff !important;
  border: 1px solid #fff;
}
.testimonials-slider .owl-nav button.disabled:before {
  color: rgb(217, 130, 64) !important;
}
.testimonials-slider .owl-nav button.owl-prev:before {
  content: "\f12c";
  font-family: "bootstrap-icons";
  font-size: 1.5rem;
  color: #fff;
}
.testimonials-slider .owl-nav button.owl-next:before {
  content: "\f135";
  font-family: "bootstrap-icons";
  font-size: 1.5rem;
  color: #fff;
}
.testimonials-details {
  padding-block: 2.5rem;
}
.speaker-details,
.btn-speaker {
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.quote-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  margin-bottom: calc(1.4375rem + 2.25vw) !important;
}
@media (min-width: 1200px) {
  .quote-holder {
    margin-bottom: 3.125rem !important;
  }
}
.quote-holder p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 175px;
}
.quote-holder .quote-icon {
  padding-block: 1.6rem;
}
.quote-holder .quote-icon-end,
.quote-holder .quote-icon-start {
  background: rgb(212, 59, 44) !important;
}

.quote-content p {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: rgb(41, 10, 0);
  text-align: center;
  font-family: var(--primary-font);
}

.speaker-item .speaker-content div {
  padding: 0rem 1.5rem 1.3rem;
  max-height: 350px;
}
.speaker-item figure {
  height: 512px;
}

@media (max-width: 575.98px) {
  .sponsor-section .row-cols-1 > * {
    width: 50%;
  }
}

@media (max-width: 991.98px) {
  .slider-out {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
}