/* SCSS HEX */
@import url(./style-ltr.css);
@import url(dark.css);
:root {
  --mainColor: #158591;
  --mainColor2: #a44cac;
  --darkColor: #11215D;
  --darkerColor: #333;
  --lightColor: #f5feff;
  --linkColor: #e6e4ceff;
  --linkHoverColor: #bd9e34;
  --color2: #c09bd8ff;
  --color3: #ebc3dbff;
  --color4: #ede3e9ff;
  --lightBlue: #00B4B1;
  --whiteColoer: #ffffff;
  --borderColor: #ddd;
}
@font-face {
  font-family: 'NeoSansArabic';
  font-style: normal;
  font-weight: 400;
  src: url(../../assets/fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.eot);
  src: url(../../assets/fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.eot?#iefix) format('embedded-opentype'), url(../../assets/fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.woff2) format('woff2'), url(../../assets/fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.woff) format('woff'), url(../../assets/fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.ttf) format('truetype');
}
@font-face {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  src: url(../../assets/fonts/RobotoCondensed-VariableFont_wght.ttf) format('truetype');
}
@font-face {
  font-family: "Noto Kufi Arabic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  src: url(../../assets/fonts/NotoKufiArabic-VariableFont_wght.ttf) format('truetype');
}
:lang(ar) :not(.fa):not(.fas):not(.far):not(.fab):not(.fal) {
  font-family: 'Noto Kufi Arabic', sans-serif;
}
:lang(en) :not(.fa):not(.fas):not(.far):not(.fab):not(.fal) {
  font-family: 'Roboto Condensed', sans-serif;
}
body {
  font-family: 'Noto Kufi Arabic' !important;
  background-color: #fcfcfc;
}
.d-f * :lang(ar) :not(.fa):not(.fas):not(.far):not(.fab):not(.fal) {
  font-family: 'Noto Kufi Arabic', sans-serif !important;
}
.d-f * :lang(en) :not(.fa):not(.fas):not(.far):not(.fab):not(.fal) {
  font-family: 'Roboto Condensed', sans-serif !important;
}
ul,
ol {
  list-style: none;
  margin: 0 !important;
}
a,
a:hover {
  text-decoration: none !important;
}
.container {
  max-width: 1250px;
}
.rtl {
  direction: rtl;
}
.ltr {
  direction: ltr;
}
.btn-my {
  background: var(--mainColor2);
  border-color: var(--mainColor2);
  color: var(--whiteColoer);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.btn-my.large {
  width: calc(100% / 3);
}
.btn-my:hover {
  background: var(--lightBlue);
  border-color: var(--lightBlue);
  color: var(--whiteColoer);
}
.pointer {
  cursor: pointer;
}
.darkcolor {
  color: var(--darkColor);
}
.lightblue {
  color: var(--lightBlue);
}
.lightcolor {
  color: var(--lightColor);
}
.mainColor {
  color: var(--mainColor);
}
.mainColor2 {
  color: var(--mainColor2);
}
[dir=rtl] .slick-slide {
  float: none !important;
}
.pager {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.pager .pagination {
  color: #1b8e6b;
}
.pager .pagination .page-item.active .page-link {
  background-color: #b0e4d4;
  border-color: #1b8e6b;
  color: #1b8e6b;
}
.pager .pagination .page-item.disabled {
  display: none;
}
.pager .pagination .page-item:first-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pager .pagination .page-item:last-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.pager .pagination .page-item .page-link {
  color: #1b8e6b;
}
.wrapper {
  height: 100%;
}
.mainPage {
  overflow-x: hidden;
}
.loading_container {
  padding: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header {
  background: transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.header.home {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header.home .navbar .navbar-nav .nav-link {
  color: var(--whiteColoer);
}
.header.sticky {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: var(--whiteColoer);
  box-shadow: 0 0 8px #333;
}
.header.sticky .navbar .navbar-nav .nav-link {
  color: var(--darkerColor);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.header .navbar {
  background-color: transparent !important;
}
.header .navbar .navbar-expand-lg .navbar-collapse {
  align-items: stretch;
}
.header .navbar .navbar-brand {
  width: 120px;
}
.header .navbar .navbar-brand img {
  width: 100%;
}
.header .navbar .navbar-nav .nav-link {
  color: var(--darkerColor);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.page_head {
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_head:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  z-index: 1;
}
.page_head h1 {
  color: var(--whiteColoer);
  font-size: 2.5rem;
  z-index: 2;
  text-align: center;
}
.page_head h2 {
  color: var(--whiteColoer);
  font-size: 1rem;
  z-index: 2;
  text-align: center;
}
.page_head .breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_head .breadcrumb .breadcrumb-item a {
  color: var(--whiteColoer);
}
.page_head .breadcrumb .breadcrumb-item + .breadcrumb-item.active {
  color: var(--lightBlue);
}
.page_head .breadcrumb .breadcrumb-item + .breadcrumb-item:lang(ar):before {
  float: none;
  content: "\f053";
  font-family: 'Font Awesome 5 Pro';
  margin: 0 8px;
  padding: 0;
  color: var(--whiteColoer);
}
.page_head .breadcrumb .breadcrumb-item + .breadcrumb-item:lang(en):before {
  float: none;
  content: "\f054";
  font-family: 'Font Awesome 5 Pro';
  margin: 0 8px;
  padding: 0;
  color: var(--whiteColoer);
}
.hero {
  padding: 0 !important;
  overflow: hidden;
  height: 100dvh;
  position: relative;
}
.hero .swiper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.hero .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  position: relative;
}
.hero .swiper .swiper-slide .inner-sliders {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
}
.hero .swiper .swiper-slide .inner-sliders .container .row {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  border-radius: 10px 10px 10px 10px;
}
.hero .swiper .swiper-slide .inner-sliders .container .row h1 {
  color: var(--whiteColoer);
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
.hero .swiper .swiper-slide .inner-sliders .container .row h2 {
  color: var(--whiteColoer);
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
.hero .swiper .swiper-button-prev:after,
.hero .swiper .swiper-button-next:after {
  color: var(--whiteColoer);
  font-size: 1rem;
}
.section {
  margin: 3rem auto;
}
.section .section-header {
  width: 100%;
  text-align: center;
  margin: 2rem auto;
  position: relative;
  width: max-content;
  z-index: 1;
}
.section .section-header svg {
  height: calc(100% + 20px);
  left: 50%;
  overflow: visible;
  position: absolute;
  top: 70%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
}
.section .section-header svg path {
  stroke-width: 9;
  fill: none;
  opacity: 0;
  stroke-dasharray: 0 1500;
  transition: 0.3s;
  animation: headline-dash forwards;
  animation-duration: 1200ms;
  animation-iteration-count: 1;
}
.section .section-header svg path:nth-of-type(2) {
  animation-delay: calc(1200ms / 2);
}
.section .section-header svg path.sv_dark {
  stroke: var(--mainColor2);
}
.section .section-header svg path.sv_orange {
  stroke: orange;
}
.section .section-header svg path.sv_blue {
  stroke: var(--lightBlue);
}
.section .section-header svg path.sv_mainColor {
  stroke: var(--mainColor);
}
.section .section-header svg path.sv_mainColor2 {
  stroke: var(--mainColor2);
}
.section .section-header.e-hide-highlight svg path {
  opacity: 1;
  stroke-dasharray: 1500 1500;
  animation: hide-highlight 0.4s infinite;
  animation-iteration-count: 1;
}
.section.aboutus .section-title {
  color: #333;
  position: relative;
  margin-bottom: 1rem;
}
.section.aboutus .section-title:after {
  content: "";
  position: absolute;
  top: 40px;
  right: 0;
  width: 100px;
  height: 3px;
  background: var(--mainColor);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  animation: animateafter 1.5s ease-out;
}
.section.aboutus .section-title .icon {
  color: var(--mainColor2);
  background-color: var(--mainColor2);
  -webkit-background-clip: text;
  background-clip: text;
  mask-image: linear-gradient(90deg, #000 0%, #000 50%, transparent 50%, transparent 100%);
  mask-size: 200% 100%;
  mask-position: 0% 0%;
  animation: mask-color-animation 3s infinite;
}
.section.aboutus p {
  text-align: justify;
  line-height: 2rem;
}
.section.aboutus .about_links ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.section.aboutus .about_links ul li {
  flex: 1 1 20%;
}
.section.aboutus .about_links ul li a {
  padding: 1rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  color: var(--mainColor2);
  text-align: center;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.section.aboutus .about_links ul li a span {
  font-size: 12px;
}
.section.aboutus .about_links ul li a img {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.section.aboutus .about_links ul li a:hover {
  background: var(--mainColor2);
  color: var(--whiteColoer);
}
.section.aboutus .about_links ul li a:hover img {
  filter: brightness(10000%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
  transform: rotate(360deg);
}
.section.homevideo {
  width: 100%;
}
.section.homevideo .youtube_video {
  width: 100%;
  max-height: 700px;
  overflow: hidden;
  border-radius: 1rem;
}
.section.stats {
  margin-top: 2rem;
  position: relative;
  z-index: 1;
  padding: 2rem 0px;
}
.section.stats .stat-header {
  color: var(--color4);
}
.section.stats:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  z-index: -1;
}
.section.stats:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-image: url('../../assets/images/stats.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.section.stats .stat_container_box {
  padding: 2rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}
.section.stats .stat_container_box .box {
  background: var(--whiteColoer);
  flex: 1 1 23%;
  display: flex;
  align-items: center;
  border-radius: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.section.stats .stat_container_box .box .box-icon {
  font-size: 1rem;
  font-weight: bold;
  color: var(--mainColor);
  flex: 1;
}
.section.stats .stat_container_box .box .box-info {
  flex: 3;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: #555;
}
.section.stats .stat_container_box .box .box-info .stat-num {
  font-weight: bold;
  color: var(--mainColor2);
}
.section.services {
  margin-top: 2rem;
  position: relative;
  z-index: 1;
  padding: 2rem 0px;
}
.section.services .services-header {
  color: var(--color4);
}
.section.services:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  z-index: -1;
}
.section.services:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-image: url('../../assets/images/ch_bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.section.services .service_container_box {
  padding: 2rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}
.section.services .service_container_box .box {
  background: rgba(35, 31, 32, 0.369);
  flex: 1 1 48%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.section.services .service_container_box .box .box-icon {
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  background: var(--whiteColoer);
  color: var(--mainColor2);
  padding: 1rem;
  border-radius: 50% 50%;
  width: 83px;
  margin-bottom: 2rem;
}
.section.services .service_container_box .box .box-icon i {
  z-index: 2;
}
.section.services .service_container_box .box .box-info {
  margin-top: 0.5rem;
  color: var(--whiteColoer);
}
.section.services .service_container_box .box .box-info .service-title {
  font-size: 1rem;
  font-weight: bold;
}
.section.services .service_container_box .box .box-info .service-desc {
  text-align: justify;
}
.section.lastnews,
.section.news {
  margin-top: 2rem;
  position: relative;
  z-index: 1;
  padding: 2rem 0px;
}
.section.lastnews .news-header,
.section.news .news-header {
  color: var(--darkColor);
}
.section.lastnews .news_container_box,
.section.news .news_container_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.7vw;
}
.section.lastnews .news_container_box.no-result,
.section.news .news_container_box.no-result {
  grid-template-columns: 1fr;
}
.section.lastnews .news_container_box .box,
.section.news .news_container_box .box {
  display: grid;
  grid-template-rows: repeat(3, auto);
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid var(--borderColor);
}
.section.lastnews .news_container_box .box .box-date,
.section.news .news_container_box .box .box-date {
  background: var(--mainColor2);
  color: var(--whiteColoer);
  position: absolute;
  padding: 1rem;
  text-align: center;
  z-index: 1;
}
.section.lastnews .news_container_box .box .box-image,
.section.news .news_container_box .box .box-image {
  width: 100%;
  overflow: hidden;
}
.section.lastnews .news_container_box .box .box-image:hover img,
.section.news .news_container_box .box .box-image:hover img {
  transform: scale(1.5);
}
.section.lastnews .news_container_box .box .box-image img,
.section.news .news_container_box .box .box-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.section.lastnews .news_container_box .box .box-title,
.section.news .news_container_box .box .box-title {
  margin-top: 1rem;
  padding: 0 1rem;
}
.section.lastnews .news_container_box .box .box-title h4,
.section.news .news_container_box .box .box-title h4 {
  font-size: 1rem;
}
.section.lastnews .news_container_box .box .box-title h4 a,
.section.news .news_container_box .box .box-title h4 a {
  color: var(--darkColor);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.section.lastnews .news_container_box .box .box-title h4 a:hover,
.section.news .news_container_box .box .box-title h4 a:hover {
  color: var(--lightBlue);
}
.section.lastnews .news_container_box .box .box-title h4 a .icon,
.section.news .news_container_box .box .box-title h4 a .icon {
  color: var(--mainColor2);
  animation: fadeRotate 3s ease-in-out infinite;
}
.section.lastnews .news_container_box .box .box-body,
.section.news .news_container_box .box .box-body {
  padding: 0 1rem;
  font-size: 14px;
}
.section.donate {
  background: url(../../assets/images/donate.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem;
  color: var(--whiteColoer);
  text-align: center;
  position: relative;
  z-index: 1;
}
.section.donate:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.788);
  z-index: -1;
}
.section.donate p {
  font-size: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: revert;
}
.section.partners .partner-item {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: var(--whiteColoer);
  width: 400px;
  cursor: pointer;
}
.section.partners .partner-item:hover img {
  transform: scale(1.5);
}
.section.partners .partner-item img {
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.section.partners .owl-theme-01 .owl-nav [class*="owl-"] {
  background: var(--lightBlue) none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 26px;
  margin: 0;
  padding: 0 17px !important;
  font-weight: bold;
}
.section.map .container-fluid {
  margin: 0 !important;
  padding: 0 !important;
}
.section.map iframe {
  width: 100%;
}
.news_single_box .news-single-thumb {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 1rem;
}
.news_single_box .news-single-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sidebar .sidebar-box .sidebar-title {
  color: var(--darkColor);
  margin-bottom: 1rem;
  font-weight: bold;
}
.sidebar .sidebar-box .recent-news-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
}
.sidebar .sidebar-box .recent-news-list li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.sidebar .sidebar-box .recent-news-list li .news-thumb {
  flex: 1 1 25%;
  height: 60px;
  overflow: hidden;
  border-radius: 0.5rem;
  height: 80px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
  cursor: pointer;
}
.sidebar .sidebar-box .recent-news-list li .news-thumb:hover img {
  transform: scale(1.2);
  filter: brightness(74%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.sidebar .sidebar-box .recent-news-list li .news-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar .sidebar-box .recent-news-list li .news-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 75%;
}
.sidebar .sidebar-box .recent-news-list li .news-info a {
  color: var(--darkColor);
}
.inits .accordion-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #333;
}
.inits .accordion-wrap a {
  color: #fff;
  text-decoration: none;
}
.inits .accordion-wrap a:hover {
  text-decoration: none;
}
.inits .accordion-wrap .accordion {
  position: relative;
  border-top: 1px solid #fff;
  z-index: 1;
}
.inits .accordion-wrap .accordion::before {
  content: "";
  position: absolute;
  background: #00000048;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: 2;
}
.inits .accordion-wrap .accordion::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/images/bg_inits.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.1;
  z-index: -1;
}
.inits .accordion-wrap .accordion:last-child {
  border-bottom: 1px solid #fff;
}
.inits .accordion-wrap .accordion .teaser {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 24px 24px 24px 0;
  position: relative;
}
.inits .accordion-wrap .accordion .teaser:last-child {
  border-bottom: 1px solid #fff;
}
.inits .accordion-wrap .accordion .teaser .time {
  margin-top: 5px;
  width: 200px;
}
.inits .accordion-wrap .accordion .teaser .title .theme {
  opacity: 0.4;
}
@media (max-width: 990px) {
  .inits .accordion-wrap .accordion .teaser {
    flex-direction: column;
  }
}
.inits .accordion-wrap .accordion .teaser :lang(en) {
  padding-right: 0;
  padding-left: 60px;
}
.inits .accordion-wrap .accordion .teaser :lang(ar) {
  padding-right: 60px;
  padding-left: 0;
}
.inits .accordion-wrap .accordion .content {
  padding: 0 120px 30px 200px;
}
@media (max-width: 1200px) {
  .inits .accordion-wrap .accordion .content {
    padding: 0 120px 30px 0;
  }
}
.inits .accordion-wrap .accordion :lang(en) .accordion-toggle {
  left: 0;
}
.inits .accordion-wrap .accordion :lang(ar) .accordion-toggle {
  right: 0;
}
.inits .accordion-wrap .accordion .accordion-toggle {
  width: 100px;
  height: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.14);
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
}
.inits .accordion-wrap .accordion .accordion-toggle span {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.social_media_links {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1rem;
}
.social_media_links a {
  font-size: 1rem;
  color: var(--whiteColoer);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.social_media_links a:hover {
  transform: rotate(360deg);
}
.social_media_links a.facebook {
  background: #3b5998;
}
.social_media_links a.twitter {
  background: #1da1f2;
}
.social_media_links a.linkedin {
  background: #0a66c2;
}
.social_media_links a.whatsapp {
  background: #25d366;
}
.social_media_links a.telegram {
  background: #0088cc;
}
.social_media_links a.email {
  background: var(--darkColor);
}
.contactus :lang('ar') .input-group-text {
  border-radius: 0 0.375rem 0.375rem 0;
}
.contactus :lang('ar') .form-control {
  border-radius: 0.375rem 0 0 0.375rem;
}
.contactus h3 {
  width: 100%;
  text-align: center;
  margin: 2rem auto;
  position: relative;
  width: max-content;
  z-index: 1;
}
.contactus h3 .icon {
  color: var(--mainColor);
}
.contactus h5 {
  color: var(--mainColor);
  text-align: center;
  margin-bottom: 2rem;
}
.contactus .details {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactus .details ul {
  margin: 0;
  padding: 0;
  width: 100%;
  height: calc(100% - 200px);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.contactus .details ul li {
  flex: 1 1 100%;
  width: 100%;
}
.contactus .details ul li .adress,
.contactus .details ul li .email {
  color: var(--mainColor2);
}
.contactus .details ul li .phone,
.contactus .details ul li .work_time {
  color: var(--mainColor);
}
.footer {
  background: url(../../assets/images/bf_footer.jpeg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 2rem;
  position: relative;
  z-index: 1;
  color: var(--whiteColoer);
}
.footer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.9;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
.footer .up h2 {
  font-size: 1.6rem;
}
.footer .up h2:before {
  padding-left: 1rem;
  content: "\f276";
  color: var(--mainColor);
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
}
.footer .up .mid h2 {
  font-size: 1.5rem;
  color: var(--whiteColoer);
}
.footer .up .mid .social_media {
  margin-top: 2.5rem;
}
.footer .up .mid .social_media ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
.footer .up .mid .social_media ul li {
  margin: 0;
}
.footer .up .mid .social_media ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  transition: all 0.3s ease;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer .up .mid .social_media ul li a:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.footer .up .mid .social_media ul li a.facebook {
  background: #3b5998;
}
.footer .up .mid .social_media ul li a.twitter {
  background: #1da1f2;
}
.footer .up .mid .social_media ul li a.linkedin {
  background: #0a66c2;
}
.footer .up .mid .social_media ul li a.whatsapp {
  background: #25d366;
}
.footer .up .mid .social_media ul li a.telegram {
  background: #0088cc;
}
.footer .up .mid .social_media ul li a.youtube {
  background: #ff3333;
}
.footer .up .mid .social_media ul li a.instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.footer .up .mid .social_media ul li a.snapchat {
  background: #fffc00;
  color: #333;
}
.footer .up .mid .social_media ul li a.tiktok {
  background: #010101;
}
.footer .up .left {
  padding-right: 1rem;
}
.footer .up .left ul {
  margin: 0;
  padding: 0;
}
.footer .up .left ul li a {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer .up .left ul li a:hover {
  color: var(--mainColor);
  padding-right: 1rem;
}
.footer .dwon {
  margin: 2rem auto;
  padding: 2rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.369);
}
.footer .dwon .footer-logo {
  width: 120px;
}
.footer .dwon .footer-logo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.footer .whatsapp {
  position: fixed;
  bottom: 12px;
  left: 30px;
  width: 40px;
}
.footer .whatsapp a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page_container .elementor-icon-list-items {
  list-style-type: none;
}
.page_container .elementor-icon-list-items li {
  position: relative;
}
.page_container .elementor-icon-list-items li:before {
  content: "\f560";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: -40px;
  font-size: 1.5rem;
  color: var(--mainColor2);
}
/*===== BACK TO TOP =====*/
.back-to-top {
  font-size: 20px;
  color: #121212;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  background-color: var(--lightBlue);
  text-align: center;
  z-index: 99;
  color: var(--lightColor);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: none;
}
.back-to-top:hover {
  color: #121212;
  background-color: #1baed2;
}
@keyframes animateafter {
  from {
    width: 0;
  }
  to {
    width: 100px;
  }
}
@keyframes fadeInOut {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes hide-highlight {
  0% {
    opacity: 1;
    stroke-dasharray: 1500 1500;
  }
  to {
    filter: blur(10px);
    opacity: 0;
  }
}
@keyframes headline-dash {
  0% {
    stroke-dasharray: 0 1500;
    opacity: 1;
  }
  to {
    stroke-dasharray: 1500 1500;
    opacity: 1;
  }
}
@keyframes mask-color-animation {
  from {
    mask-position: 0% 0%;
    /* Start mask from the right */
  }
  to {
    mask-position: 100% 0%;
    /* Move mask to the left */
  }
}
@media only screen and (min-width: 300px) and (max-width: 778px) {
  .section.stats .stat_container_box {
    flex-direction: column;
  }
  .section.lastnews .news_container_box,
  .section.news .news_container_box {
    grid-template-columns: 1fr;
  }
  .up.row {
    gap: 3rem;
  }
  .contactus .details {
    display: block;
  }
}
.site_map h5 a {
  color: var(--darkColor);
}
.site_map .child li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
}
.site_map .child li:before {
  content: "~";
  height: 14px;
}
.site_map .child li a {
  color: #818181;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.site_map .child li a:hover {
  color: var(--lightBlue);
  text-decoration: underline !important;
}
.v404 .img_container {
  width: 100%;
  max-height: 260px;
}
.v404 .img_container img {
  object-fit: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
}