@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: none;
}

html {
  scroll-behavior: smooth;
}
html::-webkit-scrollbar {
  width: 16px;
}
html::-webkit-scrollbar-track, html div::-webkit-scrollbar-track {
  background-color: #fafafa;
  box-shadow: 0 0 8px #535353 inset;
}
html::-webkit-scrollbar-thumb, html div::-webkit-scrollbar-thumb {
  background-color: #878686;
  border-radius: 7px;
}
html div::-webkit-scrollbar {
  width: 10px;
}

body {
  font-family: "Almarai", sans-serif;
  direction: rtl;
}

a {
  text-decoration: none;
  color: inherit;
}

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

p {
  margin: 0;
  line-height: 1.8;
  font-weight: 600;
}

button {
  outline: none;
}

input:focus, select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

@media (max-width: 1200px) {
  html {
    font-size: 90%;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 80%;
  }
}
@media (max-width: 400px) {
  html {
    font-size: 70%;
  }
}
@media (max-width: 300px) {
  html {
    font-size: 54%;
  }
}
.text-white {
  color: #FFFFFF;
}

.text-gray {
  color: #4F4F4F;
}

.bg-light-gray {
  background-color: #F5F5F5;
}

.text-green {
  color: #69C706;
}

.bg-green {
  background-color: #69C706;
}

.bg-dark-green {
  background-color: #38AA0D;
}

.border-green {
  border-color: #69C706 !important;
}

.transition {
  transition: 0.3s;
}

.text-small {
  font-size: 0.9rem;
}

.text-smaller {
  font-size: 0.8rem;
}

.main-head {
  color: #69C706;
  font-weight: bold;
  padding-bottom: 1rem;
}

.green-btn, .green-btn:hover, .green-btn:active {
  background-color: #69C706 !important;
  color: #FFFFFF !important;
}

.white-btn, .white-btn:hover, .white-btn:active {
  background-color: #FFFFFF !important;
  color: #69C706 !important;
}
.logo {
    width: 20rem;
  }
@media (max-width: 576px) {

.logo {
    width: 10rem;
  }
}

header {
  direction: ltr;
}

@media (max-width: 992px) {
  .navbar {
    background-color: transparent;
  }
}
.navbar .navbar-toggler {
  box-shadow: none !important;
  border: none;
}
.navbar .navbar-collapse {
  direction: rtl;
}
@media (max-width: 992px) {
  .navbar .navbar-collapse {
    background-color: #69C706;
    padding: 0.6rem;
  }
}
.navbar .navbar-collapse .dropdown-menu {
  background-color: #38AA0D;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-radius: 0;
}
.navbar .navbar-collapse .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -7%;
  right: 25%;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-bottom: 0.4rem solid #38AA0D;
}
@media (max-width: 992px) {
  .navbar .navbar-collapse .dropdown-menu::before {
    right: 50%;
    top: 29%;
  }
}
.navbar .navbar-collapse .dropdown-menu li:not(:last-child) {
  border-bottom: solid 1px #4F4F4F;
  padding-bottom: 0.5rem;
}
.navbar .navbar-collapse .dropdown-menu li a:hover {
  background-color: #38AA0D !important;
}

footer {
  background: linear-gradient(180deg, #69C706 0%, #38AA0D 100%);
}

.btn-group {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  margin-right: 0.5rem;
}
.btn-group .btn {
  border: none;
  padding: 1rem 1.5rem;
  color: #69C706;
  background-color: #FFFFFF;
  border-radius: 0.2rem 0.2rem 0 0 !important;
  transition: 0.3s;
  font-size: 1.1rem;
  margin-left: 0.1rem;
}
.btn-group .btn-check:checked + .btn,
.btn-group .btn-check + .btn:hover {
  color: #FFFFFF;
  background-color: #69C706;
}
.btn-group .btn-check:checked + .btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateY(100%);
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.4rem solid #69C706;
}

.registration {
  border: 1px solid #69C706;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.swiper button:hover {
  color: #FFFFFF;
  background-color: #69C706;
}
.swiper button:disabled {
  background-color: #4F4F4F;
}

.previous-icon {
  background: linear-gradient(180deg, #69C706 0%, #38AA0D 100%);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  padding: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-thumbnail {
  min-width: 12rem;
}

.news-resource {
  max-width: 5rem;
  filter: grayscale(1);
}

.news-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.live {
  background: linear-gradient(0deg, #69C706 50%, #F5F5F5 50%);
}

.person-img {
  width: 5rem;
  height: 5rem;
  box-shadow: 0px 5px 0px 0px #69C706;
}
.person-img.person-head {
  width: 7rem;
  height: 7rem;
}

.sponsors img {
  max-width: 14rem;
}

#home {
  /* start swiper card */
  /* end swiper card */
  /* start countdown */
  /* end countdown */
  /* start media */
  /* end media */
  /* start feeds */
  /* end feeds */
}
@media (min-width: 992px) {
  #home header .navbar-collapse {
    display: none !important;
  }
  #home .dropdown-menu {
    top: 150%;
  }
}
#home .swiper-card {
  border-color: #69C706 !important;
  height: 25rem;
}
#home .swiper-card .quotes {
  height: 1.6rem;
}
#home #countdown {
  background-color: rgba(0, 0, 0, 0.1960784314);
}
#home .media-cards {
  height: 33rem;
}
#home .twitter {
  background: #1DA1F2;
}
#home .instagram {
  background: linear-gradient(269.39deg, #F21DAA 0%, #E11DF2 101.08%);
}
#home .twitter .icon, #home .instagram .icon {
  width: 1.5rem;
}

.agenda img {
  max-width: 13rem;
}

.contact img {
  width: 5rem;
}

#accordionFlushFAQs {
  --bs-accordion-bg: transparent !important;
  --bs-accordion-active-bg: transparent !important;
}
#accordionFlushFAQs .accordion-button::after {
  margin-right: auto;
  margin-left: inherit;
}
#accordionFlushFAQs .accordion-button:focus {
  box-shadow: none;
  background-color: transparent;
}

#about header button, #about header span, #about header img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(2deg) brightness(106%) contrast(101%);
}
@media (min-width: 992px) {
  #about header .navbar-collapse {
    display: none !important;
  }
  #about .dropdown-menu {
    top: 150%;
  }
}/*# sourceMappingURL=styles.css.map */