@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500&display=swap');

html {
  scroll-behavior: smooth;
}

.d-flex {
  display: flex;
}
.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.pt-0 {
  padding-top: 0;
}

.color-black {
  color: rgba(45,50,85,1);
}

.text-term {
  font-size: 18px;
  line-height: 1.75rem;
}

.text-term > div {
  margin-bottom: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.font-semibold {
  font-weight: 600;
}

header .navbar .navbar-brand .default-logo {
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
}

.language-wrapper {
  position: absolute;
  z-index: 9;
  right: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
}

.language-wrapper > .language-item {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
}

.language-wrapper > .language-item.current,
.language-wrapper > .language-item:hover {
  color: #cc754c;
  border-color:#cc754c;
}

.navbar {
  display: block;
}

header .menu-logo-center .menu-logo {
  top: 0;
}

.gap-10 {
  gap: 10px;
}
.x-gap-3 {
  gap: 3px;
}

[dir=rtl] section,
[dir=rtl] .text-term,
[dir=rtl] footer {
  direction: rtl;
}

[dir=rtl] .footer-bottom .text-extra-medium {
  text-align: right;
}

.portfolio-section {
  padding-top: 35px !important;
  padding-bottom: 0 !important;
}

@media (max-width: 991px) {
  .md-text-black {
    color: #101010 !important;
  }
  .language-wrapper {
    display: flex;
    position: relative;
    padding: 15px 33px 25px;
    right: unset;
  }

  .language-wrapper > .language-item {
    color: #101010;
    border-color: #101010;
  }
  [dir=rtl] header .menu-logo-center .menu-logo {
    text-align: right;
  }
}
[dir=rtl] *:not(i){
  font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.header-right{
  text-align: right;
}