/* @font-face {
  font-family: ltbukralight;
  src: url("../fonts/29ltbukralight.otf");
}
@font-face {
  font-family: ltbukraregular;
  src: url("../fonts/29ltbukraregular.otf");
}
@font-face {
  font-family: ltbukrabold;
  src: url("../fonts/29ltbukrabold.otf");
} */

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
/* //////////////////////////////// */


html{
  direction: ltr;
}

*{
  font-family: "Rubik", serif !important;
}


.textLang{
  font-family: "DINNextLTArabic" !important;
  transform: translateY(-3px);
}


.cardD{
  margin-right: unset;
  margin-left: auto;
}
.titleCardD {
  padding-left: 12px;
}
.titleCardD::before {
  left: 0;
}

.closeBtn {
  right: 20px;
  left: unset;
}

.bi-arrow-left{
  transform: rotate(180deg);
}
.btnHero:hover svg {
  transform: rotate(180deg) translateX(-4px);
}
.btnArrow:hover svg{
  transform: rotate(180deg) translateX(-4px);
}
.btnArrow{
  align-items: center;
}
.btnHero{
  align-items: center;
}

.btnDonation span {
  transform: translateY(0px);
}

.bgHeader{
  background: linear-gradient(91deg, rgba(0, 0, 0, 0.8911939775910365) 0%, rgba(0, 0, 0, 0.711922268907563) 70%, rgba(0, 0, 0, 0.16290266106442575) 100%);
}