svg * {
  transform-box: fill-box;
}
.alnajat-svg {
  width: 18%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 768px) {
  .alnajat-svg {
    width: 50%;
    height: unset;
  }
}
.textar {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
.texten {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

.darkc {
  animation: 0.8s ease 0s normal forwards 1 ascale;
  animation-iteration-count: 1;
  transform-origin: center;
}
.star {
  animation: 1.7s ease 0s normal forwards 1 fadein;
}

.lightc {
  transform: scale(0);
  animation: ascale 0.7s, arotate linear 30s;
  animation-iteration-count: 1, infinite;
  transform-origin: center;
  animation-delay: 0.3s, 1s;
}
.bookdark,
.booklight {
  animation: 2.5s ease 0s normal forwards 1 fadein;
}
.bookline1 {
  animation: 3s ease 0s normal forwards 1 fadein;
}
.bookline2 {
  animation: 3.2s ease 0s normal forwards 1 fadein;
}
.bookline3 {
  animation: 3.4s ease 0s normal forwards 1 fadein;
}
.bookline4 {
  animation: 3.6s ease 0s normal forwards 1 fadein;
}
.bookline5 {
  animation: 3.8s ease 0s normal forwards 1 fadein;
}

.cls-darkblue {
  fill: #1e365f;
}
.cls-lightblue {
  fill: #6fb3e1;
}
.cls-white {
  fill: #ffffff;
}

.cls-white2 {
  fill: #ffffff;
}

[data-theme-mode="dark"] .cls-darkblue, [data-menu-styles="dark"] .cls-darkblue {
  fill: #ffffff;
}

[data-theme-mode="dark"] .cls-white, [data-menu-styles="dark"] .cls-white {
  fill: #1e365f;
}

[data-theme-mode="dark"] .cls-white2, [data-menu-styles="dark"] .cls-white2 {
  fill: #1e365f;
}

@keyframes arotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes ascale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes atrans {
  0% {
    transform: translateX(-50%) translateY(-50%);
  }
  100% {
    transform: translateX(-150%) translateY(-50%);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}