/* SCSS HEX */
@import url(style-ltr.css);
@import url(dark.css);
:root {
  --mainColor: #fff;
  --mainColor2: #6E34BC;
  --darkColor: #0068a3;
  --darkerColor: #23245C;
  --lightColor: #f5feff;
  --linkColor: #e6e4ceff;
  --linkHoverColor: #bd9e34;
  --color2: #c09bd8ff;
  --color3: #ebc3dbff;
  --color4: #ede3e9ff;
  --lightBlue: #00B4B1;
  --lightBlue2: #0086fa;
  --orangColor: orange;
}
@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: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  src: url(../../assets/fonts/Montserrat-Black.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');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(../../assets/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
:lang(ar) :not(.fa):not(.fas):not(.far):not(.fab):not(.fal) {
  font-family: 'Cairo', sans-serif;
}
:lang(en) :not(.fa):not(.fas):not(.far):not(.fab):not(.fal) {
  font-family: 'Montserrat', sans-serif;
}
body {
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-in-out, visibility 1s;
}
body.loaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease-in-out;
}
#page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  /* Or your main color */
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  animation: fadeOut 1.5s ease forwards;
  animation-delay: 2s;
  pointer-events: none;
}
.loader-content {
  text-align: center;
}
.loading-bar {
  width: 100px;
  height: 4px;
  background: #000;
  margin: 20px auto;
  animation: loadingBar 2s infinite;
}
@keyframes loadingBar {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
    transform: translateY(-20px);
    visibility: hidden;
  }
}
@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.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;
}
.rtl {
  direction: rtl;
}
.ltr {
  direction: ltr;
}
.pointer {
  cursor: pointer;
}
.darkcolor {
  color: var(--darkColor) !important;
}
.lightblue {
  color: var(--lightBlue) !important;
}
.lightcolor {
  color: var(--lightColor) !important;
}
.mainColor {
  color: var(--mainColor) !important;
}
.mainColor2 {
  color: var(--mainColor2) !important;
}
.orangColor {
  color: var(--orangColor) !important;
}
.tooltip {
  z-index: 99999;
}
.text-just {
  text-align: justify;
}
.alert-my {
  border-color: #a3cfbb !important;
  padding: 0 !important;
}
.alert-my .alert-my-heading {
  color: inherit;
  background: #101529;
  padding: 1rem;
}
.alert-my .alert-my-heading .icon {
  color: #f0d8b4;
  -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: animatalerticons 1.5s ease-out infinite;
}
.alert-my .alert-my-heading .text {
  color: #fff;
  margin-right: 1rem;
}
.alert-my .text-bold {
  font-weight: bold;
}
@keyframes animatalerticons {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
button:disabled {
  pointer-events: auto !important;
}
.tooltip-class {
  font-size: 12pt;
  font-weight: bold;
}
.loading_container {
  padding: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-my {
  color: #fff;
  background-color: var(--darkColor);
  border-color: 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;
}
.btn.btn-my:hover {
  color: var(--linkHoverColor);
  background: #fff;
  border: 1px solid var(--linkHoverColor);
}
.modal {
  z-index: 9999 !important;
}
.dropdown-item {
  text-align: right;
}
.dropdown-item a {
  color: var(--linkColor);
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
  color: #402829;
  text-decoration: none;
  background-color: #c2e6db;
}
.dropdown-item.active a,
.dropdown-item:active a,
.dropdown-item:hover a {
  color: #402829;
}
.accordion-faq .accordion-button {
  flex: 1;
}
.accordion-faq .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: #fff;
  border-top: 2px solid var(--darkColor);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-faq .accordion-button:after {
  margin-right: auto;
  margin-left: 0;
}
.form-floating > label {
  width: auto !important;
  right: 0;
  left: unset !important;
}
.form-floating .form-control {
  border: 0;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--darkColor);
  transition: border-color 500ms ease-in-out, box-shadow 500ms ease-in-out !important;
}
.form-floating .form-control:focus {
  box-shadow: none !important;
  border-bottom-color: var(--lightBlue);
  border-bottom-style: solid;
  border-width: 0 0 2px 0;
}
.form-floating .form-control:focus ~ label {
  color: var(--lightBlue) !important;
}
[dir=rtl] .slick-slide {
  float: none !important;
}
.wrapper {
  overflow: hidden;
}
.header {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 1.5rem 0;
}
.header .logo {
  width: 80px;
}
.header.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 0;
}
.header.is-sticky .logo {
  width: 60px;
}
.header .lang a {
  color: var(--darkColor);
  font-weight: 600;
  position: relative;
  -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 .lang a img {
  width: 20px;
}
.header .whatsapp {
  fill: #0aaf00;
  color: #0aaf00;
  border-color: #0aaf00;
  font-size: 45px;
}
.header .whatsapp:hover {
  animation: heartBeat 2s;
}
.header .nav.nav-da .nav-item {
  position: relative;
  -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 .nav.nav-da .nav-item:after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background-color: var(--darkColor);
  bottom: -5px;
  left: 0;
  transition: width 0.3s ease-in-out;
}
.header .nav.nav-da .nav-item.languages {
  display: flex;
  justify-content: center;
}
.header .nav.nav-da .nav-item:hover:after {
  width: 100%;
}
.header .nav.nav-da .nav-item:hover .nav-link {
  animation: bounceIn;
  animation-duration: 2s;
}
.header .nav.nav-da .nav-item .nav-link {
  color: var(--darkColor);
  font-weight: 600;
  position: relative;
  -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 .nav.nav-da .nav-item .nav-link.active:after {
  width: 100%;
}
.header .nav.nav-da .nav-item.languages .nav-link {
  width: 70px;
  height: 40px;
}
.header .nav.nav-da .nav-item.languages .nav-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .nav.nav-da .nav-item.ourservices {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 17px;
}
.header .nav.nav-da .nav-item.ourservices:hover .serv-menu-container {
  transform: scale(1);
}
.header .nav.nav-da .nav-item.ourservices .serv-menu-container {
  position: absolute;
  width: max-content;
  background: #fff;
  z-index: 9;
  right: 0;
  left: 0;
  top: 45px;
  transform: scale(0);
  box-shadow: 0px 0px 1px #000;
  -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 .nav.nav-da .nav-item.ourservices .serv-menu-container:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 25px;
  border-width: 0 10px 15px 10px;
  border-style: solid;
  border-color: transparent transparent var(--darkColor) transparent;
  width: 0;
  height: 0;
  z-index: 9;
}
.header .nav.nav-da .nav-item.ourservices .serv-menu-container:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 25px;
  border-width: 0 10px 15px 10px;
  border-style: solid;
  border-color: transparent transparent var(--lightColor) transparent;
  width: 0;
  height: 0;
  z-index: 9;
}
.header .nav.nav-da .nav-item.ourservices .serv-menu-container .serv-menu {
  padding: 1rem;
}
.header .nav.nav-da .nav-item.ourservices .serv-menu-container .serv-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
}
.header .nav.nav-da .nav-item.ourservices .serv-menu-container .serv-menu ul li {
  width: 100%;
  text-align: center;
}
.header .nav.nav-da .nav-item.ourservices .serv-menu-container .serv-menu ul li:hover a span:after {
  width: 100%;
}
.header .nav.nav-da .nav-item.ourservices .serv-menu-container .serv-menu ul li a {
  position: relative;
  color: #333;
  font-weight: 600;
  font-size: 0.8em;
  display: block;
}
.header .nav.nav-da .nav-item.ourservices .serv-menu-container .serv-menu ul li a span {
  position: relative;
  -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 .nav.nav-da .nav-item.ourservices .serv-menu-container .serv-menu ul li a span:after {
  content: "";
  position: absolute;
  top: 24px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: var(--darkColor);
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.header .menu_toggle {
  display: none;
  font-size: 2em;
  color: var(--darkColor);
}
.header .menu_mobile {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.header .menu_mobile.show_menu {
  transform: translateX(0);
  top: 0;
  left: auto;
  right: 0;
  height: 100vh;
  width: 300px;
  background: #fff;
  z-index: 9999;
  display: flex !important;
  align-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
}
.header .menu_mobile li {
  width: 100%;
  text-align: center;
}
:lang(en) .header {
  direction: rtl !important;
}
@media screen and (max-width: 767px) {
  .menu_desk {
    display: none;
  }
  .menu_toggle {
    display: block !important;
  }
  section.com-profile .com-profile-container .inner-com-profile {
    flex-direction: column;
  }
  .header .nav.nav-da .nav-item .nav-link {
    font-size: 28px;
  }
  .single-service .box_container {
    justify-content: center;
  }
}
.page_head {
  background-image: url('../images/pages_header.png');
  background-size: cover;
  object-fit: cover;
  text-align: center;
  padding: 60px 0;
  position: relative;
  z-index: 2;
}
.page_head h1 {
  color: var(--lightColor);
  font-weight: 600;
  z-index: 2;
}
.page_head:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 103, 163, 0.397);
  z-index: 1;
}
/*===== 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;
}
.hero {
  padding: 0 !important;
  width: 100%;
  height: calc(100vh - 100px);
  position: relative;
}
.hero.is-video {
  position: relative;
}
.hero.is-video .inner_bg {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fffdfda6;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.hero.is-video .inner_bg .vidoe_text_container {
  background: #000000ad;
  box-shadow: 0 0 10px 0 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;
  padding: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  margin: auto 10rem;
}
.hero.is-video .inner_bg .vidoe_text_container h1 {
  color: #fce994;
}
.hero.is-video .inner_bg .vidoe_text_container h2 {
  color: #fff;
  font-size: 1.5rem;
  margin-top: 1rem;
}
.hero.is-video .video_container {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.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.swiper-slide-active {
  animation: fadeInDown 1s ease-in-out forwards;
}
.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;
}
.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: #fff;
  font-size: 2.5rem;
  text-align: center;
}
.hero .swiper .swiper-slide .inner-sliders .container .row h2 {
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
}
.hero .slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: auto;
}
.hero .slider .inner-item {
  position: relative;
  width: 100%;
  height: calc(100svh - 90px);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero .slider .inner-item .slider-caption-h3 {
  background: rgba(0, 0, 0, 0.281);
  color: #fff;
  width: 100%;
  padding: 10px;
  text-align: center;
}
.hero .slider .inner-item .slider-item {
  height: 80vh;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.hero .slider .inner-item .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.hero .slider .inner-item .image-container img {
  background-size: cover;
}
.hero .slider .inner-item .slider-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: 5px;
  width: max-content;
}
.hero .slider .inner-item .slider-content .btn {
  background: var(--lightBlue);
  color: var(--lightColor);
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1rem;
  margin-top: 1rem;
}
.hero .container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero .hero_text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 4rem;
}
.hero .hero_text h1,
.hero .hero_text h2 {
  color: #ede3e9ff !important;
  text-align: center;
}
.hero .hero_text h2 {
  font-size: 1.6rem;
}
.hero .search_container {
  border: 1px solid var(--color4);
  border-radius: 5px;
  padding: 2.5rem;
  background: #fff;
  position: relative;
  top: -80px;
  z-index: 1;
  background-image: url('../images/bbg.webp');
  background-size: cover;
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  box-shadow: 0 0 30px 0 rgba(0, 42, 106, 0.1);
}
.hero .search_container h3 {
  color: #ede3e9ff !important;
  text-align: center;
}
.hero .search_container .btn-search {
  background: var(--lightBlue);
  color: var(--lightColor);
  font-size: 1.5rem;
}
.hero .search_container .form-control,
.hero .search_container .form-select {
  border-width: 0;
  border-bottom-width: 1px;
  border-bottom-color: #e6e4ceff;
  border-radius: 0;
  color: var(--darkColor);
  padding: 0.375rem 0.75rem;
  background: var(--lightColor);
  height: 55px !important;
  border-color: rgba(0, 0, 0, 0.1);
}
.hero .search_container .form-select option {
  padding: 1rem;
}
.breads {
  height: 280px;
  display: flex !important;
  align-items: center;
  position: relative;
  z-index: 1;
}
.breads:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0.9;
  z-index: -1;
}
.breads .breadcrumb {
  position: relative;
}
.breads .breadcrumb:before {
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #dedede;
  margin-left: 5px;
}
.breads .breadcrumb .breadcrumb-item a {
  color: #dedede;
}
.breads .breadcrumb .breadcrumb-item.active {
  color: var(--linkHoverColor);
}
.breads .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  color: #dedede;
  margin-left: 5px;
}
.breads h1 {
  color: #eee;
  font-size: 26px;
  margin-top: 1rem;
}
.breads .breads_btns .col {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.breads .breads_btns .col .btn {
  border: 1px solid #e6e4ceff;
  color: #e6e4ceff;
  background: transparent !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.breads .breads_btns .col .btn:hover {
  background: #e6e4ceff !important;
  border-color: #0068a3;
  color: #0068a3;
  transform: translateY(-10px);
}
.breads .breads_btns .col .whatsapp {
  font-size: 1.5rem;
  color: #25d366;
}
.service-side-bar .sidebar_servives .list-group .list-group-item {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-side-bar .sidebar_servives .list-group .list-group-item.active {
  background: var(--darkColor);
  color: var(--lightColor);
  border-color: var(--darkColor);
}
.service-side-bar .sidebar_servives .list-group .list-group-item:hover {
  background: var(--darkColor);
}
.service-side-bar .sidebar_servives .list-group .list-group-item:hover a {
  color: var(--lightColor);
}
.service-side-bar .sidebar_servives .list-group .list-group-item a {
  color: var(--darkColor);
}
section {
  padding: 5rem 0;
}
section.bg_img {
  position: relative;
}
section.bg_img:after {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.659);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/sec_bg.jpg);
  background-size: cover;
  background-position: center;
  opacity: 0.3;
  z-index: -1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  -o-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  -webkit-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  -moz-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  -ms-transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
section.gray {
  background: #ededed;
}
section .main_head {
  position: relative;
  padding-right: 60px;
  margin-bottom: 1rem;
}
section .main_head:before {
  content: "";
  position: absolute;
  top: 12px;
  right: -25px;
  transform: translateX(-50%);
  width: 8%;
  height: 4px;
  background-color: var(--darkColor);
  border-radius: 10px;
}
section .second_head {
  margin-bottom: 1rem;
  position: relative;
  width: max-content;
}
section .second_head svg {
  display: none;
  height: calc(100% + 20px);
  left: 50%;
  overflow: visible;
  position: absolute;
  top: 70%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
}
section .second_head 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 .second_head svg path:nth-of-type(2) {
  animation-delay: calc(1200ms / 2);
}
section .second_head svg path.sv_dark {
  stroke: var(--darkColor);
}
section .second_head svg path.sv_orange {
  stroke: orange;
}
section .second_head svg path.sv_blue {
  stroke: var(--lightBlue);
}
section .second_head svg path.sv_pink {
  stroke: #e356cc;
}
section .second_head svg path.sv_mainColor {
  stroke: var(--mainColor);
}
section .second_head svg path.sv_mainColor2 {
  stroke: var(--mainColor2);
}
section .second_head.e-hide-highlight svg path {
  opacity: 1;
  stroke-dasharray: 1500 1500;
  animation: hide-highlight 0.4s forwards;
  animation-iteration-count: 1;
}
section .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
section .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  background-size: cover;
}
section.aboutus {
  padding-bottom: 10rem;
}
section.aboutus .about-text.ltr .main_head:before {
  left: -25px;
}
section.aboutus .text {
  direction: rtl;
  text-align: justify;
}
section.aboutus .text .our-skills .single-skill {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 3rem 0;
}
section.aboutus .text .our-skills .single-skill .head {
  font-size: 14px;
  flex: 1 10%;
  margin: 0;
}
section.aboutus .text .our-skills .single-skill .perc {
  font-size: 14px;
  flex: 1;
  text-align: left;
}
section.aboutus .text .our-skills .single-skill .progress {
  flex: 1 45%;
  height: 5px;
  background: #f0f0f0;
  overflow: hidden;
  border-radius: 0;
}
section.aboutus .text .our-skills .single-skill .progress .progress-bar {
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -ms-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  height: 100%;
  width: 0;
  background: var(--darkColor);
}
section.vision .values_box {
  width: 140px;
  height: 70px;
  border-radius: 5px;
  border: 1px solid #887f4f;
  background: #f1f1f1;
}
section.vision .values_box .icon {
  font-size: 1.4rem;
  color: var(--lightBlue);
}
section.services .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
section.services .box .head {
  color: #AE2024;
  font-size: 1.4em;
  font-weight: 700;
  flex: 1 10%;
}
section.services .box .icon {
  flex: 1 60%;
}
section.services .box .text {
  flex: 1 30%;
  text-align: justify;
}
section.stats {
  background: rgba(0, 0, 0, 0.78);
}
section.stats h3 {
  text-align: center;
  color: #fff;
  margin-bottom: 2em;
}
section.stats h5 {
  text-align: center;
  color: #fff;
}
section.stats .items {
  color: #fff;
}
section.stats .items .item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
section.stats .items .item .icon {
  font-size: 5em;
}
section.stats .items .item .icon.eye,
section.stats .items .item .icon.award,
section.stats .items .item .icon.traffic {
  color: var(--darkColor);
}
section.stats .items .item .icon.marked,
section.stats .items .item .icon.layer {
  color: var(--lightBlue);
}
section.stats .items .item .text {
  font-size: 1.4rem;
}
section.services_section h3 {
  font-size: 2.5em;
  color: var(--darkColor);
}
section.services_section .services_intro {
  margin-bottom: 2rem;
}
section.services_section .services_intro .intro-img {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 800px;
  height: 100%;
  max-height: 600px;
  margin: auto;
}
section.services_section .services_intro p {
  font-size: 1.3em;
  line-height: 3rem;
}
section.services_section .services-container {
  position: relative;
}
section.services_section .services-container .service-box {
  border-radius: 10px;
  height: 350px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s;
  margin-bottom: 2em;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
section.services_section .services-container .service-box .service-image {
  border-radius: 10px;
  flex: 1 60%;
  margin: 1rem;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
section.services_section .services-container .service-box .service-image.wide {
  width: 95%;
}
section.services_section .services-container .service-box .service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  border-radius: 10px;
  transition: transform 0.3s;
}
section.services_section .services-container .service-box:hover .desc {
  transform: translateY(0);
  bottom: 0;
}
section.services_section .services-container .service-box .name {
  color: var(--darkColor);
  margin-bottom: 1rem;
  font-size: 1em;
  font-weight: 600;
}
section.services_section .services-container .service-box .desc {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateX(0) translateY(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.services_section .services-container .service-box .desc .inner-desc {
  background: rgba(40, 85, 137, 0.741);
  padding: 2rem;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--lightColor);
}
section.services_section .services-container .service-box .desc .inner-desc h5 {
  font-size: 1em;
  font-weight: 800;
  color: var(--orangColor);
}
section.com-profile {
  margin: -180px auto -90px auto;
  background: transparent;
}
section.com-profile .com-profile-container {
  margin: auto 80px;
  background: var(--darkColor);
  padding: 1em;
  border-radius: 1rem;
  position: relative;
  z-index: 1;
}
section.com-profile .com-profile-container:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/cta-bg-imgae.png);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.5;
  z-index: -1;
}
section.com-profile .com-profile-container .inner-com-profile {
  display: flex;
  gap: 2em;
  align-items: center;
  color: var(--lightColor);
}
section.com-profile .com-profile-container .inner-com-profile .com-profile-img {
  text-align: center;
}
section.com-profile .com-profile-container .inner-com-profile .com-profile-img h2 {
  margin-top: 1em;
  font-size: 12px;
  font-weight: 600;
  color: var(--lightColor);
}
section.com-profile .com-profile-container .inner-com-profile .com-profile-img h2 a {
  color: var(--lightColor);
}
section.com-profile .com-profile-container .inner-com-profile .com-profile-text h2 {
  font-weight: 600;
  color: var(--lightColor);
}
section.ourworks .works_box {
  justify-content: center;
  gap: 1em;
  border-radius: 1rem;
  overflow: hidden;
  transition: transform 0.3s;
  margin-bottom: 2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 300px;
  position: relative;
}
section.ourworks .works_box:hover .text {
  bottom: 0;
  opacity: 1;
}
section.ourworks .works_box .mobile_info {
  display: none;
}
section.ourworks .works_box .image {
  flex: 1;
}
section.ourworks .works_box .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  transition: transform 0.3s;
}
section.ourworks .works_box .text {
  position: absolute;
  bottom: -180px;
  opacity: 0;
  right: 0;
  left: 0;
  margin: 2rem;
  padding: 0.5rem;
  border-radius: 10px;
  background: var(--lightColor);
  color: var(--darkerColor);
  flex: 1 30%;
  font-size: 14px;
  text-align: justify;
  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.ourworks .works_box .text .head {
  display: flex;
  flex-direction: row-reverse;
  padding: 1rem;
  justify-content: space-between;
  align-items: center;
}
section.ourworks .works_box .text .head .icons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
section.ourworks .works_box .workmap-model iframe {
  width: 100%;
  height: 450px;
  border: none;
}
section.ourworks .qrcode_modal {
  position: absolute;
  top: 0;
}
section.ourworks .qrcode_modal .qrcode-model {
  width: 400px;
  height: 400px;
}
section.ourworks .qrcode_modal .qrcode-model img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section.partners .partners-section {
  background: #fff;
  padding: 60px 0;
}
section.partners .partners-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 40px;
}
section.partners .partners-swiper {
  width: 100%;
  overflow: hidden;
  /* تأثير fade على الحافتين مثل الموقع بالضبط */
  mask-image: linear-gradient(to right, transparent 0%, #fff 12%, #fff 88%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #fff 12%, #fff 88%, transparent 100%);
}
section.partners .partners-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
  align-items: center;
}
section.partners .swiper-slide {
  width: auto !important;
}
section.partners .partner-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  border: 1.5px solid #e8e8e8;
  border-radius: 12px;
  background: #fff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  height: 100px;
  min-width: 160px;
}
section.partners .partner-item:hover {
  border-color: #c8a96e;
  /* لون ذهبي يناسب المواقع الطبية */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
section.partners .partner-item img {
  max-height: 60px;
  max-width: 140px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.6;
  transition: filter 0.3s ease, opacity 0.3s ease;
}
section.partners .partner-item:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
.get_offer {
  background: var(--darkColor);
  color: #fff;
  text-align: center;
  padding: 4rem;
  margin: 1rem 0;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.get_offer 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;
  color: #fff;
  font-size: 1.4rem;
}
.get_offer a:hover {
  color: gold;
}
.get_offer a:hover ~ .icon {
  color: var(--lightBlue2);
  animation: shakeY 1s ease-in-out;
}
.get_offer .icon {
  font-size: 3rem;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.single-service .box_header {
  text-align: center;
  color: var(--darkColor);
}
.single-service .box_container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  gap: 5px;
}
.single-service .box_container .box {
  width: calc(100% / 4 - (20px * (4 - 1) / 4));
  position: relative;
  overflow: hidden;
  min-height: 1px;
  border: 2px solid var(--bs-dark-bg-subtle);
  border-radius: 5px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.single-service .box_container .box:hover {
  border-radius: 2rem;
}
.single-service .box_container .box:hover .box_overlay {
  opacity: 1;
}
.single-service .box_container .box a {
  display: block;
  height: 100%;
}
.single-service .box_container .box a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
}
.single-service .box_container .box .box_overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.single-service .service_template .text {
  font-size: 1.2rem;
  color: var(--darkColor);
}
.single-service .service_template .item {
  max-height: 150px;
  height: 150px;
  text-align: center;
  border: 1px solid var(--darkColor);
  border-radius: 5px;
}
.single-service .service_template .outdor_box .card {
  overflow: hidden;
}
.single-service .service_template .outdor_box .card:hover .card-img-top {
  transform: scale(1.2);
}
.single-service .service_template .outdor_box .card .card-img-container {
  overflow: hidden;
  height: 200px;
}
.single-service .service_template .outdor_box .card .card-img-container .card-img-top {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.single-service .service_template .outdor_box .card .card-body {
  height: 200px;
}
.single-service .service_template .outdor_box .card .card-body .card-title {
  font-size: 1rem;
  text-align: center;
  color: var(--darkColor);
}
.single-service .service_template .outdor_box .card .card-body .card-text {
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
}
.single-service .service_template .services-section {
  background: #ffffff;
}
.single-service .service_template .services-section h3 {
  color: var(--darkColor);
}
.single-service .service_template .services-section .service-box {
  padding: 20px 10px;
  border-radius: 12px;
  height: 180px;
  border: 1px solid var(--darkColor);
  display: flex;
  flex-direction: column;
  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;
}
.single-service .service_template .services-section .service-box h6 {
  font-weight: 600;
}
.single-service .service_template .services-section .service-box p {
  font-size: 13px;
  opacity: 0.8;
  margin: 0;
}
.single-service .service_template .services-section .service-box:hover {
  transform: translateY(-5px);
}
.single-service .service_template .services-section .service-icon {
  font-size: 32px;
  color: var(--darkColor);
}
.single-service .service_template .work-steps-section {
  background: #ffffff;
}
.single-service .service_template .work-steps-section h2 {
  color: var(--darkColor);
}
.single-service .service_template .work-steps-section .step-box {
  position: relative;
  padding: 20px 15px;
  height: 300px;
  text-align: center;
  border: 1px solid var(--darkColor);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  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;
}
.single-service .service_template .work-steps-section .step-box:hover {
  transform: translateY(-20px);
  background: var(--darkColor);
  color: #fff;
}
.single-service .service_template .work-steps-section .step-box:hover .step-number {
  color: #fff;
}
.single-service .service_template .work-steps-section .step-box:hover .step-icon-wrapper {
  border-color: #fff;
}
.single-service .service_template .work-steps-section .step-box:hover .step-icon-wrapper i {
  color: #fff;
}
.single-service .service_template .work-steps-section .step-box h6 {
  font-weight: 600;
}
.single-service .service_template .work-steps-section .step-box p {
  font-size: 13px;
  opacity: 0.8;
}
.single-service .service_template .work-steps-section .step-icon-wrapper {
  width: 70px;
  height: 70px;
  border: 2px solid var(--darkColor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
}
.single-service .service_template .work-steps-section .step-icon-wrapper i {
  font-size: 26px;
  color: var(--darkColor);
}
.single-service .service_template .work-steps-section .step-number {
  font-size: 22px;
  font-weight: bold;
  color: var(--darkColor);
  margin-top: 5px;
}
.single-service .service_template .lcd_after_sell_box {
  background: var(--darkColor);
  border-radius: 5px;
  color: #fff;
  padding: 2rem !important;
}
.single-service .service_template .lcd_after_sell_box .lcd_after_sell {
  border-left: 1px solid #fff;
}
.single-service .service_template .lcd_after_sell_box .lcd_after_sell:not(:lang(ar)) {
  border-right: 1px solid #fff;
  border-left-width: 0;
}
.single-service .service_template .lcd_after_sell_box .lcd_after_sell .lcd_icon {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.single-service .service_template .lcd_after_sell_box .lcd_after_sell:hover .lcd_icon {
  animation: shakeY 3s ease-in;
}
.single-service .service_template .lcd_after_sell_box .lcd_after_sell:last-child {
  border: 0;
}
.flip {
  transform: rotateY(180deg);
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@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;
  }
}
.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;
}
.footer {
  margin-top: 2rem;
  background: var(--darkColor);
  padding: 2rem 0 0 0;
  color: #fff;
  position: relative;
  z-index: 1;
}
.footer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg_footer.png);
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
  z-index: -1;
  opacity: 0.2;
  background-position: bottom;
}
.footer .footer_logo {
  width: 100px;
  height: 150px;
  overflow: hidden;
  margin: auto;
  display: flex;
  justify-content: center;
}
.footer .footer_logo img {
  object-fit: cover;
  height: 100%;
  padding: 1rem;
  border-radius: 10px;
}
.footer .sitename_footer h5 {
  font-size: 1em;
}
.footer .sitename_footer p {
  font-size: 12px;
  color: #ede3e9ff;
  text-align: justify;
  direction: rtl;
  padding: 0 4rem;
}
.footer .sitename_footer .social {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .sitename_footer .social .social-icons {
  display: flex;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer .sitename_footer .social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--lightColor);
  color: var(--darkColor);
  font-size: 1.5rem;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 2px solid transparent;
}
.footer .sitename_footer .social a:hover {
  background: var(--lightBlue);
  color: #fff;
  border-color: var(--lightBlue);
}
.footer .sitename_footer .social a .fa-facebook-f {
  color: #1877f3;
}
.footer .sitename_footer .social a .fa-twitter {
  color: #1da1f2;
}
.footer .sitename_footer .social a .fa-linkedin-in {
  color: #0077b5;
}
.footer .sitename_footer .social a .fa-youtube {
  color: #ff0000;
}
.footer .sitename_footer .social a .fa-instagram {
  color: #e4405f;
}
.footer .sitename_footer .social a .fa-whatsapp {
  color: #25d366;
}
.footer .sitename_footer .social a:hover .fa-facebook-f,
.footer .sitename_footer .social a:hover .fa-twitter,
.footer .sitename_footer .social a:hover .fa-linkedin-in,
.footer .sitename_footer .social a:hover .fa-youtube,
.footer .sitename_footer .social a:hover .fa-instagram,
.footer .sitename_footer .social a:hover .fa-whatsapp {
  color: #fff;
  animation: bounce 1s;
}
.footer .imp_links h4 {
  font-size: 1.2em;
  color: var(--lightColor);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.footer .imp_links h4 i {
  height: 1px;
  flex-grow: 1;
  background: var(--lightColor);
  opacity: 0.2;
}
.footer .imp_links .footer-links {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8em;
}
.footer .imp_links .footer-links li {
  margin-bottom: 0.5rem;
}
.footer .imp_links .footer-links li a {
  color: var(--lightColor);
  -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 .imp_links .footer-links li a:hover {
  animation: rubberBand 1s;
  color: var(--lightBlue);
}
.footer .services-links h4 {
  font-size: 1.2em;
  color: var(--lightColor);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.footer .services-links h4 i {
  height: 1px;
  flex-grow: 1;
  background: var(--lightColor);
  opacity: 0.2;
}
.footer .bottom_footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #353535;
  margin: 0;
  font-size: 12px;
  color: gray;
  text-align: center;
  padding: 1rem;
}
.footer .bottom_footer 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;
  color: var(--mainColor);
  opacity: 0.5;
}
.sidebar .list-group .list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--darkColor);
  border-color: var(--darkColor);
}
.sidebar .list-group .list-group-item 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;
  color: var(--darkColor);
  display: block;
}
.sidebar .list-group .list-group-item a:hover {
  color: var(--lightBlue);
}
@media (max-width: 450px) {
  section.ourworks .works_box {
    overflow: visible;
    gap: 0;
  }
  section.ourworks .works_box .mobile_info {
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
    padding: 2px;
  }
  section.ourworks .works_box .image {
    height: 80px;
    width: 100%;
    overflow: hidden;
  }
  section.ourworks .works_box .image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  section.ourworks .qrcode_modal .qrcode-model {
    width: 300px;
    height: 300px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 992px) {
  .header .nav_menu .nav-menu {
    display: none;
  }
  .header .nav_menu.is-sticky {
    display: none;
  }
  .header .nav_menu .nav-menu-btn {
    display: block;
  }
  .header .nav_menu .menu {
    display: flex;
    justify-content: flex-end;
    flex: 1 20%;
  }
  .header .nav_menu .logo {
    flex: 1 80%;
  }
  .header .nav_menu .logo img {
    width: 60%;
  }
  section .main_head {
    padding-right: 30px;
  }
  section.services .box .head {
    margin-bottom: 0;
    margin-top: 1rem;
  }
  .search_container .search_form {
    flex-direction: column;
  }
  section.com-profile .com-profile-container {
    margin: auto 20px;
  }
}
.select2-container {
  z-index: 9999;
  flex: 1;
  padding: 0.375rem 0.75rem;
}
.select_country_short_code {
  display: flex;
  flex: 1 50%;
}
.select2-container .select2-selection--single {
  height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 15px !important;
  left: auto !important;
  top: 10px !important;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 15px !important;
  top: 10px !important;
  right: auto !important;
}
.select2-image {
  width: 24px;
  height: 16px;
  margin-right: 8px;
}
.faq h3 {
  border-bottom: 1px solid var(--darkColor);
  padding: 0 0 1rem;
}
.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;
}
.city_plans .plan_container .plan_title {
  background: var(--darkColor);
  padding: 20px;
  color: var(--lightColor);
  font-size: 20px;
  border-radius: 5px 5px 0 0;
}
.city_plans .plan_container .plan_content {
  background: var(--lightColor);
  padding: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.city_plans .plan_container .plan_content:nth-child(odd),
.city_plans .plan_container .plan_content:hover {
  background: #d6e9ea;
}
.city_plans .plan_container .plan_content .date_box {
  background: var(--darkerColor);
  color: var(--lightColor);
  padding: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 1 10%;
}
.city_plans .plan_container .plan_content .course_box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.city_plans .plan_container .plan_content .course_box .course_title a {
  color: var(--darkerColor);
  font-weight: 600;
}
.city_plans .plan_container .plan_content .course_box .course_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 0;
}
.city_plans .plan_container .plan_content .course_box .course_info .icon {
  color: var(--lightBlue);
}
.city_plans .pagination {
  justify-content: center;
  padding-top: 1rem;
}
.city_plans .pagination .small {
  display: none;
}
.city_plans .pagination .page-link.active,
.city_plans .pagination .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--darkColor);
  border-color: var(--darkColor);
}
.city_plans .pagination .page-link {
  color: var(--darkColor);
}
.v404 .img_container {
  width: 100%;
  max-height: 260px;
}
.v404 .img_container img {
  object-fit: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
}